@charset "UTF-8";
/*
 * Estrel Tower — Karriere page-level overrides
 * Screendesign 1920 - Karriere-v02 (Asana 1216586724889325).
 * Dunkle Seite nach Kontakt-Muster (body.is-karriere): Navy-BG, heller Text,
 * kein Category-Nav / Booking-Pill / Theme-Toggle. Zusätzlich Karriere-Varianten
 * für estrel-split (Text-Bild-Sektionen mit rechts anschlagendem Bild) und
 * estrel-intro (zentrierter Absatz auf dunklem Grund).
 */

body.is-karriere {
    background: #14172D;
    color: #FEF5EC;
}

body.is-karriere .estrel-page {
    background: #14172D;
}

/* page-content's 1100px clamp aufheben — Karriere-Sections sind full-bleed. */
body.is-karriere.page-content .mod_article,
body.is-karriere .mod_article {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #14172D;
}

body.is-karriere [class^="content-estrel"],
body.is-karriere [class*=" content-estrel"] {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* layout.css section-padding zurücksetzen, damit --u sauber auf 1920 mappt.
   NICHT für estrel-faq/estrel-cta-banner — die managen ihr Full-bleed selbst
   (section.X { width:100vw; margin-left: calc(50% - 50vw) } + eigenes Padding). */
body.is-karriere section.estrel-event-banner,
body.is-karriere section.estrel-benefits {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Kein Category-Nav, keine Booking-Pille, kein Theme-Toggle (Seite ist dunkel by design) */
body.is-karriere .estrel-zimmer-hero__nav,
body.is-karriere .estrel-zimmer-hero__cat-sentinel,
body.is-karriere .estrel-sticky-booking { display: none !important; }
body.is-karriere .estrel-theme-toggle { display: none !important; }

body.is-karriere .estrel-zimmer-hero { padding-bottom: 0 !important; }

/* Night-Palette erzwingen, egal welcher Theme-State persistiert ist */
body.is-karriere.sunrise,
body.is-karriere.sunset {
    --bg-primary: #14172D;
    --text-primary: #FEF5EC;
}

/* Hero: kein Tab-Space unterm Frame (wie Kontakt) */
@media (min-width: 1025px) {
    body.is-karriere .estrel-zimmer-hero__inner {
        height: calc(951 * var(--u));
    }
}
@media (max-width: 1024px) {
    body.is-karriere .estrel-zimmer-hero__inner { padding-bottom: 0 !important; }
    body.is-karriere .estrel-zimmer-hero__title {
        position: absolute !important;
        top: 25% !important;
        bottom: auto !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        padding: 0 24px;
        text-align: center;
        line-height: 1;
    }
    body.is-karriere .estrel-zimmer-hero__title-line1 {
        font-size: clamp(40px, 7vw, 64px);
        line-height: 1.05;
        padding-left: 0;
        white-space: normal;
    }
    body.is-karriere .estrel-zimmer-hero__title-line2 {
        display: block;
        padding-left: 0;
        line-height: 1.05;
        margin-top: 6px;
    }
    body.is-karriere .estrel-zimmer-hero__title-line2-prefix {
        font-size: clamp(40px, 7vw, 64px);
        margin-right: 0.4em;
    }
    body.is-karriere .estrel-zimmer-hero__title-line2-accent {
        font-size: clamp(44px, 7.5vw, 72px);
    }
}
@media (max-width: 767px) {
    body.is-karriere .estrel-zimmer-hero__title { padding: 0 16px; }
}

/* ============================================================
   Intro (estrel_text_intro paragraph/center) auf dunklem Grund
   PDF: Text 28/34 zentriert, x408–1517 (≈1110u), <em> Italic 30.
   ============================================================ */

body.is-karriere .estrel-intro--paragraph {
    padding: calc(120 * var(--u, 1px)) calc(40 * var(--u, 1px)) calc(105 * var(--u, 1px)) !important;
    --u: calc(min(100vw, 1920px) / 1920);
}

body.is-karriere .estrel-intro--paragraph .estrel-intro__inner {
    max-width: calc(1110 * var(--u));
    margin: 0 auto;
    font-family: var(--font-soehne);
    font-size: calc(28 * var(--u));
    line-height: calc(34 * var(--u));
    color: #FEF5EC;
}

body.is-karriere .estrel-intro--paragraph .estrel-intro__inner p {
    color: #FEF5EC;
}

body.is-karriere .estrel-intro--paragraph .estrel-intro__inner em {
    font-family: var(--font-alpina);
    font-style: italic;
    font-weight: 250;
    font-size: calc(30 * var(--u));
    /* zimmer.css setzt em auf deep-sea — auf Navy unsichtbar */
    color: #FEF5EC;
}

/* ============================================================
   estrel-split (room_fokus) — Karriere-Variante
   PDF Traumjob y1521–2126 / Wen-wir-suchen y3201–3677:
   Accent-Zeile ("Dein Traumjob") ÜBER der Main-Zeile, 44/40er Heading,
   Body 18/27 (Breite ~480u), Bild rechts bündig bis zum Viewport-Rand
   (Text-Spalte 626u ab x162, Gap 78u, Bild 1fr bis Kante).
   Höhen: karriere-fokus-a = 678u (Traumjob), karriere-fokus-b = 641u.
   ============================================================ */

body.is-karriere .estrel-split {
    grid-template-columns: calc(626 * var(--u)) 1fr !important;
    gap: calc(78 * var(--u)) !important;
    padding: 0 0 0 calc(162 * var(--u)) !important;
}

body.is-karriere .estrel-room-fokus { margin-top: calc(105 * var(--u)) !important; }

body.is-karriere .estrel-split__heading {
    display: flex;
    flex-direction: column;
    margin-bottom: calc(20 * var(--u));
}

/* Accent ("Dein Traumjob" / "Wen wir suchen") steht im Design ÜBER der Main-Zeile */
body.is-karriere .estrel-split__heading-accent {
    order: -1;
    font-size: calc(44 * var(--u));
    line-height: calc(54 * var(--u));
    color: #FEF5EC;
}

body.is-karriere .estrel-split__heading-main {
    font-size: calc(40 * var(--u));
    line-height: calc(49 * var(--u));
    color: #FEF5EC;
}

body.is-karriere .estrel-split__body,
body.is-karriere .estrel-split__body p {
    font-size: calc(18 * var(--u));
    line-height: calc(27 * var(--u));
    color: rgba(254, 245, 236, 0.9);
    max-width: calc(480 * var(--u));
}

body.is-karriere .estrel-split__body { margin-bottom: calc(52 * var(--u)); }

body.is-karriere .estrel-split__media {
    height: calc(678 * var(--u));
    border-radius: 0;
}

body.is-karriere .karriere-fokus-b .estrel-split__media {
    height: calc(641 * var(--u));
}

@media (max-width: 767px) {
    body.is-karriere .estrel-split {
        grid-template-columns: 1fr !important;
        padding: calc(40 * var(--u)) calc(24 * var(--u)) !important;
    }
    body.is-karriere .estrel-split__media,
    body.is-karriere .karriere-fokus-b .estrel-split__media {
        height: calc(220 * var(--u)) !important;
    }
    body.is-karriere .estrel-split__body,
    body.is-karriere .estrel-split__body p { max-width: none; }
}