/* ==========================================================================
   Header (über dem Hero) + Overlay-Menü. Farben: Logo-Icon/Burger = --accent (Welt), Wortmarke weiß.
   ========================================================================== */
.et-header { position: absolute; top: 0; left: 0; right: 0; z-index: 900; height: var(--header-h); color: var(--c-white); }
.et-header::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: calc(var(--header-h) * 2.2); background: linear-gradient(180deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); pointer-events: none; }
.et-header__inner { position: relative; height: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.et-logo { display: block; height: 76px; color: var(--c-white); flex: none; }
.et-logo svg { height: 100%; width: auto; }
.et-header__actions { display: flex; align-items: center; gap: var(--space-4); }
.et-header__cta { color: var(--accent); }
@media (max-width: 1200px) { .et-logo { height: 56px; } }
@media (max-width: 767px) { .et-logo { height: 40px; } .et-header__cta { display: none; } .et-header__actions { gap: var(--space-2); } }

/* Fixierter Header beim Hochscrollen (dezent, schwarz mit Blur) */
.et-header.is-fixed { position: fixed; height: calc(var(--header-h) * .8); background: rgba(0, 0, 0, .86); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transform: translateY(-100%); transition: transform var(--t-base) var(--ease); }
.et-header.is-fixed::before { display: none; }
.et-header.is-fixed.is-visible { transform: none; }
.et-header.is-fixed .et-logo { height: 48px; }
@media (max-width: 767px) { .et-header.is-fixed .et-logo { height: 34px; } }
body.is-menu-open .et-header.is-fixed { transform: none; }

/* Burger */
.et-burger { position: relative; z-index: 1001; width: 64px; height: 64px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--accent); flex: none; }
.et-burger__lines { position: relative; width: 52px; height: 17px; }
.et-burger__lines span { position: absolute; left: 0; width: 100%; height: 3px; background: currentColor; transition: transform var(--t-fast) var(--ease), top var(--t-fast) var(--ease); }
.et-burger__lines span:first-child { top: 0; }
.et-burger__lines span:last-child { top: 14px; }
.et-burger__label { margin-top: 8px; font-size: var(--fs-caps); line-height: var(--lh-caps); font-weight: var(--fw-medium); text-transform: uppercase; letter-spacing: .02em; }
.et-burger[aria-expanded="true"] .et-burger__lines span:first-child { top: 7px; transform: rotate(24deg); }
.et-burger[aria-expanded="true"] .et-burger__lines span:last-child { top: 7px; transform: rotate(-24deg); }
@media (max-width: 767px) { .et-burger { width: 56px; height: 56px; } .et-burger__lines { width: 44px; height: 15px; } .et-burger__lines span:last-child { top: 12px; } .et-burger[aria-expanded="true"] .et-burger__lines span { top: 6px; } }

/* Overlay-Menü */
.et-menu { position: fixed; inset: 0; z-index: 1000; }
.et-menu[hidden] { display: none; }
.et-menu__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .3); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; transition: opacity var(--t-base) var(--ease); }
.et-menu__panel { position: absolute; top: 0; right: 0; height: 100%; width: var(--menu-w); max-width: 100vw; background: var(--c-purple); color: var(--c-white); transform: translateX(100%); transition: transform var(--t-slow) var(--ease); overflow-y: auto; overscroll-behavior: contain; }
.et-menu.is-open .et-menu__overlay { opacity: 1; }
.et-menu.is-open .et-menu__panel { transform: none; }
.et-menu__inner { min-height: 100%; padding: calc(var(--header-h) + 10px) 40px 40px; display: flex; flex-direction: column; gap: var(--space-5); }
.et-menu__list li { margin-bottom: 10px; }
.et-menu__link { display: inline-block; font-size: var(--fs-link-l); line-height: var(--lh-link-l); font-weight: var(--fw-medium); color: var(--c-white); transition: color var(--t-fast) var(--ease); }
.et-menu__link:hover, .et-menu__link:focus-visible, .is-current > .et-menu__link { color: var(--accent); }
.et-menu__sub { padding-left: 30px; margin: 10px 0 20px; }
.et-menu__cta { align-self: flex-start; margin-top: auto; }
@media (max-width: 767px) { .et-menu__inner { padding: calc(var(--header-h) + 4px) var(--space-3) var(--space-4); } .et-menu__list li { margin-bottom: 8px; } }