html, body {
    height: 100%;
}

input::placeholder {
    text-align: left;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    background-color: var(--pv-page-bg, #F8F9FB);
}

.no_border {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

::placeholder {
    text-align: center;
}

/* or, for legacy browsers */

::-webkit-input-placeholder {
    text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
    text-align: center;
}

::-moz-placeholder { /* Firefox 19+ */
    text-align: center;
}

:-ms-input-placeholder {
    text-align: center;
}

.primary-bg {
    background-color: rgb(181, 233, 65) !important;
}

.primary-fg {
    color: rgb(181, 233, 65) !important;
}

.card:hover {
    /* überschrieben durch tsg-card in advert_cards.css */
}

.row {
    --bs-gutter-x: 1.3 !important;
}

.card-title {
    font-size: 0.9rem;
    color: rgb(12, 12, 11);
    font-weight: bold;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2; /* Maximale Anzahl der Zeilen */
    -webkit-box-orient: vertical;
}

.card-body {
    padding: 0 .7rem !important;
}

.advert_location {
    color: rgb(119, 117, 111);
    font-weight: 400;
    margin: 0 !important;
    font-size: 0.8rem;
}

.advert_favorite {
    /* überschrieben durch tsg-card-fav in advert_cards.css */
    display: none;
}

.advert_favorite:hover {
    /* überschrieben */
}

.image_container {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 190px;
}
/* Inside tsg-card: fill the wrapper completely */
.tsg-card-img .image_container {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    right: 0 !important; bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.advert_kachel {
    cursor: pointer;
}

.breadcrumb {
    color: var(--pv-btn-bg, #039BE5);
    font-size: 14px;
}


.button {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 9999px;
    padding: 0 14px;
    line-height: 130%;
    height: 44px;
}


.title_image_container {
    width: 100%;
    height: 500px;
    border: 1px solid #ccc;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.user_circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%; /* Passe die Breite nach Bedarf an */
    padding-bottom: 50%; /* Erzeugt ein quadratisches Verhältnis (Höhe = Breite) */
    background-color: #ddd; /* Hintergrundfarbe des Kreises */
    border-radius: 50%; /* Erzeugt den Kreis */
    position: relative;
}

.user_circle_text {
    font-weight: bold;
    text-align: center;
    color: #666; /* Textfarbe */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}