/* ============================================================
   MHL UNIFIED PAGE HEADER V4
   Desktop
   Dynamische Höhe
   Runde Ecken
   Keine Änderung am Seiteninhalt
   ============================================================ */


/* ============================================================
   REGIONALE BESONDERHEITEN
   ============================================================ */

body:has(.mhl-regional-page) header.page-header,
body:has(.mhl-regional-index) header.page-header,

/* ============================================================
   ÜBER
   ============================================================ */

body:has(.mhl-about-page) header.page-header,

/* ============================================================
   SCHLESWIG-HOLSTEIN
   ============================================================ */

body:has(.mhl-schleswig-holstein-page) header.page-header,

/* ============================================================
   FILES
   ============================================================ */

body.files-page header.page-header,

/* ============================================================
   INHALT MELDEN
   ============================================================ */

body:has(.mhl-content-report-page) header.page-header,

/* ============================================================
   DATENSCHUTZ
   ============================================================ */

body:has(.mhl-privacy-page) header.page-header,

/* ============================================================
   WIE GEBAUT
   ============================================================ */

body:has(.mhl-how-built-page) header.page-header,

/* ============================================================
   CONTACT
   ============================================================ */

body.scene-contact header.page-header {

    /*
     * Keine feste Höhe.
     * Der tatsächliche Seiteninhalt bestimmt die Höhe.
     */
    height: auto !important;
    min-height: 0 !important;

    /*
     * Kompakter Innenabstand.
     * Nicht künstlich hochziehen.
     */
    padding:
        clamp(1.35rem, 2.4vw, 2.15rem)
        clamp(1.5rem, 3vw, 3rem) !important;

    /*
     * RUND – ausdrücklich gewollt.
     */
    border-radius: 26px !important;

    /*
     * Wichtig für die tatsächlich runden Ecken.
     */
    overflow: hidden !important;

    box-sizing: border-box;

    /*
     * Ruhiger, deckender Hintergrund.
     * Kein starker Durchscheineffekt.
     */
    background:
        rgba(18, 47, 61, 0.94) !important;

    /*
     * Dezente sichtbare Absetzung.
     */
    border:
        1px solid rgba(255, 255, 255, 0.10) !important;

    /*
     * Kasten hebt sich vom darunterliegenden
     * Kasten ab, ohne riesigen Schatten.
     */
    box-shadow:
        0 9px 25px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;

    /*
     * Definierter Abstand zum nächsten Kasten.
     */
    margin-bottom:
        clamp(1rem, 1.6vw, 1.4rem) !important;
}


/* ============================================================
   COPY
   ============================================================ */

body:has(.mhl-regional-page) header.page-header .page-header__copy,
body:has(.mhl-regional-index) header.page-header .page-header__copy,
body:has(.mhl-about-page) header.page-header .page-header__copy,
body:has(.mhl-schleswig-holstein-page) header.page-header .page-header__copy,
body.files-page header.page-header .page-header__copy,
body:has(.mhl-content-report-page) header.page-header .page-header__copy,
body:has(.mhl-privacy-page) header.page-header .page-header__copy,
body:has(.mhl-how-built-page) header.page-header .page-header__copy,
body.scene-contact header.page-header .page-header__copy {

    min-width: 0;
    max-width: 920px;
}


/* ============================================================
   ICON
   ============================================================ */

body:has(.mhl-regional-page) header.page-header .page-header__icon,
body:has(.mhl-regional-index) header.page-header .page-header__icon,
body:has(.mhl-about-page) header.page-header .page-header__icon,
body:has(.mhl-schleswig-holstein-page) header.page-header .page-header__icon,
body.files-page header.page-header .page-header__icon,
body:has(.mhl-content-report-page) header.page-header .page-header__icon,
body:has(.mhl-privacy-page) header.page-header .page-header__icon,
body:has(.mhl-how-built-page) header.page-header .page-header__icon,
body.scene-contact header.page-header .page-header__icon {

    flex-shrink: 0;
}


/* ============================================================
   KEINE ZUSÄTZLICHE TRENNLINIE
   ============================================================ */

body:has(.mhl-regional-page) header.page-header + *,
body:has(.mhl-regional-index) header.page-header + *,
body:has(.mhl-about-page) header.page-header + *,
body:has(.mhl-schleswig-holstein-page) header.page-header + *,
body.files-page header.page-header + *,
body:has(.mhl-content-report-page) header.page-header + *,
body:has(.mhl-privacy-page) header.page-header + *,
body:has(.mhl-how-built-page) header.page-header + *,
body.scene-contact header.page-header + * {

    margin-top: 0 !important;
}