/* ============================================================
   MHL R227 – HOME CONTENT CARDS
   ============================================================
   Startzustand:
       is-collapsed = nur Kopfzeile

   Geöffnet:
       vollständiger Inhalt

   Beide geöffnet:
       gleiche Höhe

   Keine Änderung an home-cards.js
   ============================================================ */


/* ------------------------------------------------------------
   DESKTOP
   ------------------------------------------------------------ */

@media (min-width: 1200px) {

    .home-content-collapsible {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;

        align-items: stretch !important;
        grid-auto-rows: auto !important;
    }


    /*
     * EINGEKLAPPT
     *
     * Nur der Kartenkopf bleibt sichtbar.
     * Das komplette Karteninnere wird wirklich ausgeblendet.
     */
    .home-content-collapsible
        > .home-content-card.is-collapsed {

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        align-self: start !important;

        overflow: hidden !important;
    }

    .home-content-collapsible
        > .home-content-card.is-collapsed
        .home-content-card__content {

        display: none !important;

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

        overflow: hidden !important;
    }


    /*
     * GEÖFFNET
     *
     * Die Karte darf sich vollständig an ihren tatsächlichen
     * Inhalt anpassen.
     */
    .home-content-collapsible
        > .home-content-card:not(.is-collapsed) {

        height: auto !important;
        min-height: 560px !important;
        max-height: none !important;

        align-self: stretch !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /*
     * Vollständiger Inhalt.
     */
    .home-content-collapsible
        > .home-content-card:not(.is-collapsed)
        .home-content-card__content {

        display: block !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /*
     * Alle direkten Inhaltselemente dürfen ebenfalls wachsen.
     */
    .home-content-collapsible
        > .home-content-card:not(.is-collapsed)
        .home-content-card__content > * {

        max-height: none !important;
    }


    /*
     * BILD
     */
    .home-content-collapsible
        > .home-content-card:not(.is-collapsed)
        .home-content-card__image {

        display: block !important;

        width: 100% !important;
        height: 170px !important;
        min-height: 170px !important;
        max-height: 170px !important;

        overflow: hidden !important;
    }

    .home-content-collapsible
        > .home-content-card:not(.is-collapsed)
        .home-content-card__image img {

        display: block !important;

        width: 100% !important;
        height: 170px !important;
        min-height: 170px !important;
        max-height: 170px !important;

        object-fit: cover !important;
        object-position: center center !important;
    }


    /*
     * Kartenkopf.
     */
    .home-content-card .home-content-card__header {

        min-height: 78px !important;
        box-sizing: border-box !important;
    }


    /*
     * Keine Bewegung beim Hover.
     */
    .home-content-collapsible
        > .home-content-card:hover {

        transform: none !important;
        translate: none !important;
    }
}


/* ------------------------------------------------------------
   TYPOGRAFIE
   ------------------------------------------------------------ */

.home-content-card
    .home-content-card__title strong,
.home-content-card
    .home-content-card__title h3 {

    font-size: 1.18rem !important;
    line-height: 1.25 !important;
}

.home-content-card
    .home-content-card__title small {

    font-size: .88rem !important;
    line-height: 1.38 !important;
}

.home-content-card
    .home-content-card__content {

    font-size: .96rem !important;
    line-height: 1.48 !important;
}

.home-content-card
    .home-content-card__content small {

    font-size: .84rem !important;
    line-height: 1.38 !important;
}


/* ------------------------------------------------------------

   ------------------------------------------------------------ */

/* ============================================================
   MHL-R114-DESKTOP-NAV-TOGGLE
   Der Header behält den strukturellen Navigation-Toggle,
   der Desktop-Betrieb blendet ihn dauerhaft aus.
   Keine Mobile-/Tablet-Logik.
   ============================================================ */

.nav-toggle,
/* ============================================================
   MHL-R114-DESKTOP-NAV-TOGGLE-END
   ============================================================ */