.priority-4 {
    background-color: #c6ff9599;
    color: black !important;
}

.priority-4 * {
    color: black !important;
}

.immobilien-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.immobilie {
    width: 100%;
    margin-bottom: 30px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: var(--border-radius);
}

.immobilie>a {
    padding: 5px;
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1fr 2fr;
}

.immobilien-bild {
    width: 30%;
    height: auto;
    object-fit: cover;
    margin-right: 20px;
    height: 15rem !important;
}

.immobilien-details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.preis-und-bewertung {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: auto;
}


.immobilie-link,
.immobilie-link:visited {
    color: inherit;
    /* Erbt die Farbe vom umgebenden Text */
    text-decoration: none;
    /* Keine Unterstreichung, außer bei Titeln */
}

/* Spezifische Anpassung für den Titel der Immobilie */
.immobilie-link h3 {
    text-decoration: none;
    /* Standardmäßig keine Unterstreichung */
    cursor: pointer;
    /* Zeiger-Cursor, um Klickbarkeit anzudeuten */
}


/* Anpassungen für Preise und Bewertungen */
.preis,
.sanierungsbewertung {
    font-weight: bold;
    color: #333;
    /* Dunklere Schriftfarbe für bessere Lesbarkeit */
}

/* Allgemeine Textelemente innerhalb der Immobilienanzeigen */
.immobilie-link p {
    color: #666;
    /* Etwas leichtere Textfarbe für weniger wichtige Informationen */
}

.verkaeufer-details {
    text-align: right;
    /* Verkäuferinformationen rechtsbündig ausrichten */
    margin-top: 10px;
    /* Abstand nach oben für optische Trennung */
}



.immobilie-container {
    display: flex;
    flex-flow: row;
}

.immobilie-container>.immobilie-vorschau {
    flex: 1;
}

.immobilie-container>.immobilie-vorschau img {
    height: 100%;
    width: 100%;
}

.immobilie-container>.immobilie-details {
    flex: 2;
    padding: 1rem;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    row-gap: .5rem;
}

.immobilie-container>.immobilie-details>.immobilie-titel {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    align-items: start;
}

.immobilie-container>.immobilie-details>.immobilie-meta {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
}

.immobilie-container>.immobilie-details>.immobilie-titel>.favorite-button {
    font-size: 2rem;
}

/* Small devices such as large phones (640px and up) */
@media screen and (max-width: 48em) {
    .immobilie-titel h4 {
        font-size: 1.75em;
        max-width: 90%;
    }

    .immobilie-details span,
    p {
        font-size: 1.2em;
    }

    .settings-container>form input {
        padding: 1rem;
    }

    .settings-container,
    .settings-container>form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        row-gap: .5rem;
    }

    .settings-container button {
        width: 100%;
    }

    .immobilie>a {
        grid-template-columns: 1fr;
    }
}