/*
Theme Name: Avada Child
Template: Avada
Version: 1.0
*/
:root {
    --font-body: "Carlito", sans-serif !important;
}
.nav-cta a {
    background: var(--mg-ink); color: var(--mg-cream) !important;
    padding: 12px 22px; border-radius: 999px; font-weight: 600;
}
.nav-cta a:hover { background: var(--mg-orange); color: var(--mg-cream) !important; }
#main-header, .fusion-header-wrapper {
    position: sticky; top: 16px;
    margin: 16px auto 0;
    width: calc(100% - 32px); max-width: 1320px;
    background: rgba(255, 250, 243, 0.85);
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--mg-line);
    border-radius: 999px;
}
.awb-menu__main-a:hover {
    font-weight: 700 !important;

}
body .awb-menu__main-li_regular:hover .awb-menu__main-a_regular,
body .awb-menu__main-li_regular.hover .awb-menu__main-a_regular {
    color: var(--mg-beerenrot) !important;
}
.awb-menu, .awb-submenu {
    --awb-active-color: var(--mg-beerenrot) !important;
}
body.touch #mg-cursor {
    display: none !important;
}
/* --- Layout-Fix: Avada's Boxed-Content + Spalten-Abstand überschreiben --- */
.hero-stage {
    padding: 0 !important;
}
.hero-stage.fullwidth-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.hero-stage .fusion-builder-row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.hero-stage .fusion-layout-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
}
.hero-stage .fusion-column-wrapper {
    padding: 0 !important;
}
.hero-stage .fusion-column-wrapper.fusion-column-has-shadow {
    box-shadow: none !important;
}

/* --- Rundung + Video --- */
.hero-stage,
.hero-video-el,
.hero-video-el video,
.hero-video-el iframe {
    border-radius: 48px !important;
}
.hero-stage {
    position: relative;
    overflow: hidden !important;
}
.hero-video-el, .hero-video-el video {
    aspect-ratio: 21 / 9;
    object-fit: cover;
    width: 100%;
    min-height: calc(3.6 * clamp(56px, 10vw, 140px) + 166px);
}

/* --- Verlauf über dem Video --- */
/* WICHTIG: NICHT als ::after auf .hero-stage — das rendert laut DevTools-Check zwar korrekt im CSS,
   wird aber vom <video>-Element trotz z-index optisch verdeckt (bekanntes Browser-Verhalten:
   Video-Elemente laufen oft in einer eigenen Compositing-Ebene, die Pseudo-Element-z-index ignoriert).
   Stattdessen: Verlauf direkt auf .hero-overlay legen — das rendert nachweislich über dem Video
   (der Text ist ja sichtbar), und wird jetzt auf die volle Fläche vergrößert, damit der Verlauf
   das ganze Video abdeckt, während der Text weiterhin oben links ausgerichtet bleibt. */
.hero-overlay {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 48px 40px;
    border-radius: 48px; /* rundet die linke Seite passend zum Video-Container */
    background:
            linear-gradient(90deg, rgba(26,20,16,.55) 0%, rgba(26,20,16,.3) 18%, transparent 32%),
            linear-gradient(90deg, rgba(255,103,0,.32) 0%, transparent 28%);
    pointer-events: none; /* Klicks gehen durch zum Video/Play-Button darunter */
    z-index: 5;
}
.hero-eyebrow {
    display: inline-flex;
    padding: 10px 20px !important;
    background: rgba(255,103,0,.22) !important;
    border: 1px solid rgba(255,103,0,.55) !important;
    border-radius: 999px;
    color: var(--mg-cream, #FFFAF3) !important;
    font-family: var(--font-body);
    font-size: 14px !important; font-weight: 600;
    margin-bottom: 24px;
}
.hero-headline {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: clamp(56px,10vw,140px) !important;
    line-height: 0.9 !important;
    color: var(--mg-cream, #FFFAF3) !important;
    margin: 0;
}
/* Bestätigt funktionsfähig (Test mit rot/6px war deutlich sichtbar) — finaler Wert: etwas kräftiger als ursprünglich, damit es vor hellem Video sicher lesbar bleibt */
.mg-outline-text {
    color: transparent !important;
    -webkit-text-stroke: 4px var(--mg-cream, #FFFAF3) !important;
}

#mg-confetti-canvas {
    position: fixed !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: 99998 !important;
    width: 100% !important;
    height: 100% !important;
}

/* Basisklasse Eyebrow (Label-Zeile über Sektions-Headlines) — fehlte bisher, hier nachgeholt */
/* Kombiniert mit .fusion-text (immer vorhanden bei Text-Elementen), damit die Regel Avada's
   eigene gleich-spezifische .fusion-text-Regel zuverlässig schlägt, statt sich auf Ladereihenfolge zu verlassen */
.fusion-text.eyebrow {
    display: inline-flex; align-items: center; gap: 8px;
    font-family: var(--font-body); font-size: 12px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.16em;
    color: var(--mg-orange, #FF6700);
    margin-bottom: 24px;
}
.fusion-text.eyebrow::before {
    content: ''; width: 32px; height: 2px;
    background: var(--mg-orange, #FF6700); display: inline-block;
}
.eyebrow p { margin: 0; } /* Avada packt Text-Element-Inhalt automatisch in <p> */

/* Basisklasse Section-Lede (Fließtext-Absatz unter Headlines) — fehlte bisher, hier nachgeholt */
.section-lede {
    font-family: var(--font-body); font-size: 19px;
    line-height: 1.55; color: var(--mg-ink-soft, #4A3F38);
    margin-top: 24px;
}

/* Wiederverwendbare Basis für farbige Headline-Kästen (siehe Briefing-Beispiele) */
.headline-chip {
    display: inline-block;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: clamp(40px, 6.5vw, 96px) !important;
    line-height: 1.2;
    padding: 12px 24px;
    color: #fff;
    margin: 0;
}
.headline-chip em { font-style: normal; }

/* Farbvariante für Konzept */
.headline-chip--beerenrot {
    background: var(--mg-beerenrot, #9F054E);
}
.headline-chip--beerenrot em {
    color: var(--mg-gelborange, #F2A444);
}

/* Wiederverwendbare Basis für Bulletpoint-Listen (statt pro Sektion neu) */
.bullet-list {
    list-style: none;
    padding: 0;
    margin: 32px 0 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.bullet-list li {
    position: relative;
    padding-left: 28px;
    font-family: var(--font-body);
    font-size: 19px;
    line-height: 1.5;
    color: var(--mg-ink-soft, #4A3F38);
}
.bullet-list li::before {
    content: '';
    position: absolute; left: 0; top: 10px;
    width: 8px; height: 8px;
    border-radius: 999px;
    background: var(--mg-orange, #FF6700);
}
/* Farbvariante Headline-Chip für Verpflegung */
.headline-chip--gelborange {
    background: var(--mg-gelborange, #F2A444);
}
.headline-chip--gelborange em {
    color: var(--mg-beerenrot, #9F054E);
}

/* Tagesstruktur-Karten (Frühstück/Mittagessen/Vesper) */
/* WICHTIG: Hintergrund + Rundung auf den inneren .fusion-column-wrapper legen, NICHT auf die Spalte
   selbst — sonst füllt die weiße Karte auch den Padding-Bereich der Spalte (= den Zwischenraum,
   den "Column Spacing" erzeugt) und die Karten wirken trotzdem aneinanderstoßend.
   Zusätzlich mit .fusion-layout-column kombiniert (statt nur .tagesstruktur-card), damit die Regel
   Avada's gleich-spezifische ".fusion-layout-column .fusion-column-wrapper"-Regel zuverlässig schlägt. */
.fusion-layout-column.tagesstruktur-card .fusion-column-wrapper {
    position: relative;
    background: var(--mg-paper, #FFFFFF);
    border-radius: 24px;
    overflow: hidden;
    padding: 0 !important; /* Bild soll bis an die abgerundete Kante der Karte gehen */
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.fusion-layout-column.tagesstruktur-card:hover .fusion-column-wrapper {
    transform: scale(1.03) !important;
    box-shadow: 0 12px 32px rgba(26,20,16,.12) !important;
}
.tagesstruktur-image,
.tagesstruktur-image img {
    aspect-ratio: 4/3;
    object-fit: cover;
    width: 100%;
    display: block;
}
.tagesstruktur-badge {
    position: absolute;
    top: 16px; right: 16px;
    width: 44px; height: 44px;
    border-radius: 999px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    z-index:999;
}
.tagesstruktur-badge img { width: 20px; height: 20px; }
.tagesstruktur-label {
    display: block;
    font-family: var(--font-body);
    font-size: 12px; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.08em;
    color: var(--mg-orange, #FF6700);
    padding: 20px 24px 0;
}
.tagesstruktur-title {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 22px;
    color: var(--mg-ink, #1A1410);
    padding: 4px 24px 0;
    margin: 0;
}
.tagesstruktur-text {
    font-family: var(--font-body); font-size: 19px;
    line-height: 1.55; color: var(--mg-ink-soft, #4A3F38);
    padding: 8px 24px 24px;
    margin: 0;
}
/* Qualitäts-Unterblock */
.verpflegung-quality {
    background: var(--mg-orange, #FF6700) !important;
}

/* Farbvariante Headline-Chip für Pädagogik */
.headline-chip--tuerkis {
    background: var(--mg-tuerkis, #228D92);
}
.headline-chip--tuerkis em {
    color: var(--mg-gelborange, #F2A444);
}

.fusion-fullwidth:has(.hero-mascot) {
    padding-top: 180px;
}
.fusion-layout-column:has(.hero-mascot) {
    position: relative;
}
.fusion-imageframe.hero-mascot {
    position: absolute;
    top: -180px;
    left: -90px;
    width: 200px;
    z-index: 5;
    pointer-events: none;
    transform: scaleX(-1);
}
.fusion-imageframe.hero-mascot img {
    width: 100%;
    display: block;
}

/* 4-Schritte-Grafik */
.step-icon {
    width: 48px; height: 48px;
    margin-bottom: 16px;
}
.step-title {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 20px;
    color: var(--mg-ink, #1A1410);
    margin: 0 0 8px;
}
.step-text {
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.5;
    color: var(--mg-ink-soft, #4A3F38);
    margin: 0;
}

/* Farbvariante Headline-Chip für Partnerschaft */
.headline-chip--koralle {
    background: var(--mg-koralle, #F25050);
}
.headline-chip--koralle em {
    color: var(--mg-gelborange, #F2A444);
}

/* Bildkarten: Positionierungs-Kontext automatisch per :has(), keine manuelle Spalten-Klasse nötig.
   WICHTIG: position:relative UND Rundung/Overflow auf den inneren .fusion-column-wrapper, NICHT auf
   die Spalte selbst — sonst positioniert sich der Titel relativ zur Spalte (die durch das Spalten-
   Padding höher ist als der sichtbare Wrapper) statt zur sichtbaren Kartenkante, und die Rundung
   erfasst den Titel-Balken nicht (gleiche Lehre wie bei den Verpflegung-Tagesstruktur-Karten, diesmal
   zusätzlich mit Fehlpositionierung, da position:relative nur auf der Spalte stand). */
.fusion-layout-column:has(.partner-card-image) .fusion-column-wrapper {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
}
/* Mit .fusion-imageframe kombiniert — sonst Spezifitäts-Kollision mit Avadas eigener Regel (siehe Pädagogik) */
.fusion-imageframe.partner-card-image,
.partner-card-image img {
    aspect-ratio: 3/5;
    object-fit: cover;
    width: 100%;
    display: block;
}
/* Mit .fusion-text kombiniert — sonst Spezifitäts-Kollision mit Avadas eigener .fusion-text-Regel (siehe Eyebrow) */
.fusion-text.partner-card-title,
span.partner-card-title {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 10px 20px;
    margin: 0;
    color: #fff;
    font-family: var(--font-display);
    line-height:normal;
    font-size:24px;
    z-index: 5;
}
@media (min-width: 641px) and (max-width: 1023px) {
    span.partner-card-title {
        font-size: 17px;
    }
}
.maxigenuss-title {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: clamp(40px,6.5vw,96px) !important;
    color: var(--mg-ink, #1A1410);
    margin: 0 0 32px;
}

.maxigenuss-slider {
    position: relative;
    max-width: 480px;
    margin: 0 auto 24px;
}
.maxigenuss-stack {
    position: relative;
}
.stack-sheet {
    position: absolute;
    inset: 0;
    background: var(--mg-paper, #FFFFFF);
    border: 1px solid var(--mg-line, #ECE3D8);
    border-radius: 16px;
}
.stack-sheet-3 { transform: rotate(-8deg) translate(-6px, 4px); z-index: 1; }
.stack-sheet-2 { transform: rotate(6deg) translate(8px, -4px); z-index: 2; }
.stack-sheet-1 { transform: rotate(-3deg) translate(-3px, 2px); z-index: 3; }
.maxigenuss-frame {
    position: relative;
    z-index: 4;
    border: 1px solid var(--mg-ink, #1A1410);
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 4/3;
}
.maxigenuss-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.maxigenuss-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px; height: 48px;
    border-radius: 999px;
    background: rgba(255,255,255,.9);
    border: 1px solid var(--mg-line, #ECE3D8);
    display: flex; align-items: center; justify-content: center;
    font-size: 20px;
    cursor: pointer;
    z-index: 5;
}
.maxigenuss-prev { left: -24px; }
.maxigenuss-next { right: -24px; }

.maxigenuss-note {
    font-family: var(--font-body);
    font-size: 13px;
    color: var(--mg-mute, #8A7F77);
    text-align: center;
    max-width: 480px;
    margin: 0 auto;
}
#mg-cursor {
    position: fixed;
    width: 24px; height: 24px;
    background: var(--mg-orange, #FF6700);
    border-radius: 999px;
    pointer-events: none;
    z-index: 2147483646 !important;
    transform: translate(-50%, -50%);
    mix-blend-mode: multiply;
    transition: width .25s, height .25s, background .25s;
}
#mg-cursor.hover { width: 64px; height: 64px; background: var(--mg-koralle, #F25050); opacity: 0.45; }
#mg-cursor.dark  { background: var(--mg-cream, #FFFAF3); mix-blend-mode: difference; }

body { cursor: none; }
body:not(.touch) #BorlabsCookieBox *,
body:not(.touch) #BorlabsCookieWidget * {
    cursor: none !important;
}
body:has(#BorlabsCookieBox .brlbs-cmpnt-dialog) #mg-cursor {
    mix-blend-mode: normal !important;
}
body.touch { cursor: auto; }
a, button, .clickable { cursor: none; }
body.touch a, body.touch button, body.touch .clickable { cursor: pointer; }

.kontakt-section {
    text-align: center;
    padding: 80px 24px;
}
.cta-title {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: clamp(40px, 6vw, 72px) !important;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 16px;
}
.cta-title em {
    font-style: normal;
    color: var(--mg-beerenrot, #9F054E);
}
.cta-subtext {
    font-family: var(--font-body);
    font-size: 17px;
    color: rgba(255,255,255,.85);
    max-width: 480px;
    margin: 0 auto 32px;
}
.cta-button-solid {
    background: #fff !important;
    border-radius: 999px !important;
    transition: background .2s ease;
}
.cta-button-solid .fusion-button-text {
    color: var(--mg-beerenrot, #9F054E) !important;
    transition: color .2s ease;
}
.cta-button-solid:hover {
    background: var(--mg-ink, #333333) !important;
}
.cta-button-solid:hover .fusion-button-text {
    color: #fff !important;
}
.fusion-text .headline-circle {
    position: relative;
    font-family: var(--font-display);
    font-weight: 500;
    line-height: 1.15;
    font-size: clamp(40px, 6.5vw, 96px);
    color: var(--mg-ink, #333333);
    margin: 20px 0 40px 0;
}
.headline-circle::before {
    content: '';
    position: absolute;
    border-radius: 999px;
    z-index: 0;
    display: none;
}
.headline-circle .hlc-highlight {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 1.75em;
    padding: 0.15em 0.4em;
    border-radius: 4px;
}

.headline-circle--beerenrot::before      { background: var(--mg-beerenrot, #9F054E); }
.headline-circle--beerenrot .hlc-highlight  { background: var(--mg-beerenrot, #9F054E); color: var(--mg-gelborange, #F2A444); }

.headline-circle--gelborange::before     { background: var(--mg-gelborange, #F2A444); }
.headline-circle--gelborange .hlc-highlight { background: var(--mg-gelborange, #F2A444); color: var(--mg-beerenrot, #9F054E); }

.headline-circle--tuerkis::before        { background: var(--mg-tuerkis, #228D92); }
.headline-circle--tuerkis .hlc-highlight    { background: var(--mg-tuerkis, #228D92); color: var(--mg-gruen, #93B726); }

.headline-circle--koralle::before        { background: var(--mg-koralle, #F25050); }
.headline-circle--koralle .hlc-highlight    { background: var(--mg-koralle, #F25050); color: var(--mg-gelborange, #F2A444); }

.headline-circle--gruen::before          { background: var(--mg-gruen, #93B726); }
.headline-circle--gruen .hlc-highlight      { background: var(--mg-gruen, #93B726); color: var(--mg-tuerkis, #228D92); }

@media (min-width: 1600px) {
    .headline-circle {
        padding-left: 190px;
    }
    .headline-circle .hlc-highlight {
        display: block;
        background: none;
        padding: 0;
        border-radius: 0;
        margin-left: -200px;
        margin-top: -20px;
        margin-bottom: 20px;
    }
    .headline-circle::before {
        display: block;
        left: -190px;
        top: 12px;
        width: 380px;
        height: 380px;
    }
    .headline-circle--2line {
        padding-left: 190px;
    }
    .headline-circle--2line .hlc-highlight {
        margin-left: -200px;
    }
    .headline-circle--2line::before {
        left: -190px;
        width: 380px;
        height: 380px;
        top: -93px;
    }
}

@media (min-width: 1024px) and (max-width: 1599px) {
    .fusion-text .headline-circle {
        font-size: clamp(40px, 5vw, 72px);
        padding-left: 3.5em;
    }
    .headline-circle .hlc-highlight {
        display: block;
        background: none;
        padding: 0;
        border-radius: 0;
        margin-left: -2em;
        margin-top: -0.119em;
        margin-bottom: 0.119em;
    }
    .headline-circle::before {
        display: block;
        left: -0.1em;
        top: 0.248em;
        width: 3.4em;
        height: 3.4em;
    }

    /* 2-zeilige Sonderform (Pädagogik) */
    .headline-circle--2line {
        padding-left: 3.5em;
    }
    .headline-circle--2line .hlc-highlight {
        margin-left: -2em;
    }
    .headline-circle--2line::before {
        left: -0.1em;
        top: -0.694em;
        width: 3.4em;
        height: 3.4em;
    }
}
@media (min-width: 641px) and (max-width: 1023px) {
    .fusion-text .headline-circle {
        font-size: clamp(32px, 5.5vw, 56px);
        padding-left: 3.5em;
    }
    .headline-circle .hlc-highlight {
        display: block;
        background: none;
        padding: 0;
        border-radius: 0;
        margin-left: -2em;
        margin-top: -0.119em;
        margin-bottom: 0.119em;
    }
    .headline-circle::before {
        display: block;
        left: -0.1em;
        top: 0.248em;
        width: 3.4em;
        height: 3.4em;
    }

    /* 2-zeilige Sonderform (Pädagogik) */
    .headline-circle--2line {
        padding-left: 3.5em;
    }
    .headline-circle--2line .hlc-highlight {
        margin-left: -2em;
    }
    .headline-circle--2line::before {
        left: -0.1em;
        top: -0.694em;
        width: 3.4em;
        height: 3.4em;
    }
}
.cursor.hover {
    opacity: 0.45;
}
.schritte-section .fb-icon-element {
    margin-right: 0 !important;
}
.schritte-section .fusion-layout-column {
    align-self: flex-start !important;
}
.schritte-section .fusion-column-wrapper {
    position: relative;
    justify-content: flex-start !important;
}
.schritte-section .fusion-column-wrapper {
    align-items: center;
    text-align: center;
}
.schritte-section .fb-icon-element {
    position: relative;
    z-index: 1;
    align-self: center !important;
    width: auto !important;
    margin-right: 0 !important;
    background: rgb(255, 103, 0);
    margin-left: -8px;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px;
}
.schritte-section .fusion-layout-column:not(:last-child) .fusion-column-wrapper::after {
    content: '';
    position: absolute;
    top: 80px;
    left: 50%;
    width: 118.18%;
    height: 3px;
    background: #fff;
    z-index: 0;
    pointer-events: none;
}
.fusion-tb-header .fusion-builder-row {
    z-index: 999 !important;
}
.hero-region-badge {
    display: inline-block;
    margin-top: 32px;
    padding: 16px 32px;
    background: var(--mg-orange, #FF6700);
    color: #fff;
    font-family: var(--font-body);
    font-size: 19px;
    font-weight: 600;
    border-radius: 999px;
}
@media (max-width: 640px) {
    .schritte-section .fusion-layout-column .fusion-column-wrapper::after {
        display: none !important;
    }
    .schritte-section .fb-icon-element {
        background: none !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (min-width: 641px) {
    .info-top-col {
        width: calc(50% + 9px) !important;
        max-width: calc(50% + 9px) !important;
        flex: 0 0 calc(50% + 9px) !important;
    }
}
.content-box-percentage, .content-box-counter {
    font-family: var(--font-display);
}
@media (max-width: 640px) {
    .kontakt-section {
        padding: 48px 20px;
    }
}
@media (max-width: 640px) {
    .fusion-fullwidth:has(.hero-mascot) {
        padding-top: 40px;
    }
    .fusion-imageframe.hero-mascot {
        width: 120px;
        top: -100px;
        left: -50px;
    }
}
@media (max-width: 640px) {
    .maxigenuss-prev { left: -8px; }
    .maxigenuss-next { right: -8px; }
}

@media (max-width: 640px) {
    .fusion-text .headline-circle {
        font-size: clamp(22px, 7.2vw, 30px);
        padding-left: 3.5em;
    }
    .headline-circle .hlc-highlight {
        display: block;
        background: none;
        padding: 0;
        border-radius: 0;
        margin-left: -2em;
        margin-top: -0.119em;
        margin-bottom: 0.119em;
    }
    .headline-circle::before {
        display: block;
        left: -0.1em;
        top: 0.248em;
        width: 3.4em;
        height: 3.4em;
    }
    .headline-circle--2line {
        padding-left: 3.5em;
    }
    .headline-circle--2line .hlc-highlight {
        margin-left: -2em;
    }
    .headline-circle--2line::before {
        left: -0.1em;
        top: -0.694em;
        width: 3.4em;
        height: 3.4em;
    }
}
@media (max-width: 1023px) {
    body:has(.awb-menu.expanded) .hero-stage {
        visibility: hidden !important;
    }
}
@media (min-width: 640px) {
    .mobile-only-nav-item {
        display: none !important;
    }
}
@media (min-width: 641px) and (max-width: 1023px) {
    .awb-menu__main-a_regular {
        padding-right: 18px !important;
    }
}