/* ============================================================
   MHL GOODBYE FINAL
   Nur /goodbye
   Header bleibt unangetastet.
   ============================================================ */

body.goodbye-page .site-main {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    min-height: calc(100vh - 64px) !important;

    margin: 0 !important;

    /*
     * Abstand zwischen Header und Goodbye-Fenster.
     * Der Header selbst wird NICHT verändert.
     */
    padding: 72px 24px 48px !important;

    box-sizing: border-box !important;
}

body.goodbye-page .goodbye-stage {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    max-width: none !important;

    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

body.goodbye-page .goodbye-card {
    display: block !important;

    position: relative !important;

    width: min(100%, 1560px) !important;
    max-width: 1560px !important;

    margin: 0 auto !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    transform: none !important;

    box-sizing: border-box !important;
}

/*
 * Desktop
 */
@media (min-width: 1200px) {
    body.goodbye-page .site-main {
        padding-top: 72px !important;
    }
}

/*

 */


/*

 */


/* MHL GOODBYE FINAL POSITION FIX */
body.goodbye-page .goodbye-card {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    margin-left: auto !important;
    margin-right: auto !important;

    transform: translateY(80px) !important;
}






/* ============================================================
   MHL GOODBYE – GLASFENSTER VOM HEADER TRENNEN
   Header selbst NICHT verändern.
   ============================================================ */

body.goodbye-page .site-main {
    padding-top: 110px !important;
}

body.goodbye-page .goodbye-stage {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.goodbye-page .goodbye-card {
    margin-top: 0 !important;
    transform: none !important;
}










/* ============================================================
   MHL 403 / GOODBYE – GLASFENSTER ABSTAND
   Nur die Fehlerkarte verschieben.
   HEADER BLEIBT UNVERÄNDERT.
   ============================================================ */

body:not(.goodbye-page) main.site-main > .panel.error-page,
body:not(.goodbye-page) #content.site-main > .panel.error-page {
    position: relative !important;
    top: 90px !important;
    margin-top: 0 !important;
}

/* Falls die 403-Karte direkt über den normalen Content-Container läuft */
body:not(.goodbye-page) .error-page.panel {
    position: relative !important;
    top: 90px !important;
}


/* Desktop etwas großzügiger */
@media (min-width: 1200px) {
    body:not(.goodbye-page) .error-page.panel {
        top: 90px !important;
    }
}










/* ============================================================
   MHL GOODBYE / 403
   GLASFENSTER IMMER EXAKT HORIZONTAL ZENTRIEREN
   ============================================================ */

body:not(.goodbye-page) .error-page.panel {
    position: relative !important;

    /* Abstand vom Header */
    top: 90px !important;

    /* Exakte geometrische Zentrierung */
    left: 50% !important;
    right: auto !important;

    width: min(1560px, calc(100vw - 80px)) !important;
    max-width: 1560px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    transform: translateX(-50%) !important;

    box-sizing: border-box !important;
}


/* Desktop */
@media (min-width: 1200px) {
    body:not(.goodbye-page) .error-page.panel {
        top: 90px !important;
        width: min(1560px, calc(100vw - 80px)) !important;
    }
}










/* ============================================================
   MHL 403 / GOODBYE – GLASFENSTER ABSTAND
   Nur die Fehlerkarte verschieben.
   HEADER BLEIBT UNVERÄNDERT.
   ============================================================ */

body:not(.goodbye-page) main.site-main > .panel.error-page,
body:not(.goodbye-page) #content.site-main > .panel.error-page {
    position: relative !important;
    top: 90px !important;
    margin-top: 0 !important;
}

/* Falls die 403-Karte direkt über den normalen Content-Container läuft */
body:not(.goodbye-page) .error-page.panel {
    position: relative !important;
    top: 90px !important;
}


/* Desktop etwas großzügiger */
@media (min-width: 1200px) {
    body:not(.goodbye-page) .error-page.panel {
        top: 90px !important;
    }
}