/* Kopfzeile: oben buendig mit dem Inhalt, beim Scrollen kompakt (nur L-Logo). Desktop-Menue: menu-neu.js */
html.hd.hd header.s16.s16.s16:not(.menu-open){background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;transform:none!important;pointer-events:none}
html.hd.hd header.s16.s16.s16:not(.menu-open)::after{content:none!important}
html.hd.hd header.s16.s16:not(.menu-open) :is(.s24,.s19,.burger){pointer-events:auto}
html.hd.hd header.s16 .nd:not(.is-open) .nd-panel{left:auto!important;right:0!important}

/* Bewegung: nach oben weg, an neuer Stelle von oben rein */
html.hd.hd header.s16.s16 .s17 :is(.s24,.s19,.burger){transition:translate .4s cubic-bezier(.23,1,.32,1),opacity .25s ease}
html.hd.hd.hd-leave header.s16.s16:not(.menu-open) .s17 :is(.s24,.s19,.burger){translate:0 -130%;opacity:0}

/* Logo */
html.hd.hd header.s16.s16 .s17 .s24{display:inline-flex!important;align-items:center!important;flex:none;height:48px!important;padding:0!important;background:transparent;box-shadow:none;clip-path:inset(-12px -12px -12px -12px)}
html.hd.hd header.s16.s16 .s17 .s24 .s18{flex:none;width:auto!important;max-width:none!important;transform:none!important;content:normal;transform-origin:0 50%}
html.hd.hd.hd-c header.s16.s16:not(.menu-open) .s17{position:static!important}
html.hd.hd.hd-c header.s16.s16:not(.menu-open) .s17 .s24{position:absolute!important;left:24px;top:15px;margin:0!important;clip-path:inset(-12px 87% -12px -12px)}
html.hd.hd.hd-c header.s16.s16:not(.menu-open) .s17 .s24 .s18{scale:.92;filter:drop-shadow(0 2px 6px rgba(20,0,40,.18))}

@media(min-width:761px){html.hd.hd header.s16.s16 .s17{position:relative}}

/* Mobil: L links, Burger rechts, frei schwebend */
@media(max-width:760px){
html.hd.hd.hd-c header.s16.s16:not(.menu-open) .s17 .s24{left:16px}
html.hd.hd.hd-c header.s16.s16:not(.menu-open) .burger{position:absolute;right:14px;top:15px;margin:0!important}
html.hd.hd.hd-c.hd-dk header.s16.s16:not(.menu-open) .burger span{background:#fff!important}
html.hd.hd.hd-c.hd-dk header.s16.s16:not(.menu-open) .burger span:nth-child(3){background:#4FD1A5!important}
}
@media(prefers-reduced-motion:reduce){html.hd.hd header.s16.s16 :is(.s24,.s18,.s19,.burger){transition:none!important;animation:none!important}}
/* Kopfzeile behaelt ihre Hoehe (kein weisser Streifen ueber dem Hero) */
@media(min-width:761px){html.hd.hd header.s16.s16 .s17{height:78px!important;box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important;align-items:center!important}}

/* Desktop oben: Schriftzug optisch mittig zum Menu-Button (Bildmarke ragt nach unten) */
@media(min-width:761px){html.hd.hd:not(.hd-c) header.s16.s16 .s17 .s24 .s18{translate:0 8px}}

/* Leistungs-Dropdown: Spitze in der Farbe der Flaeche darunter, mit derselben feinen Kontur wie das Panel */
html.hd.hd header.s16 .nd-panel::after{box-shadow:-1px -1px 0 0 rgba(255,255,255,.22)!important}
html.hd.hd header.s16 .nd-panel::after,html.hd.hd header.s16 .nd-panel.nd-notch-w::after{background:var(--nd-nc,#26004D)!important}

/* Mobil beim Scrollen: keine Bildmarke, Burger nur beim Hochscrollen, Farbe nach Hintergrund (Nov. 2026) */
@media(max-width:760px){
html.hd.hd.hd-c header.s16.s16.s16:not(.menu-open) .s17 .s24{opacity:0;translate:0 -130%;pointer-events:none!important}
html.hd.hd.hd-c header.s16.s16.s16.hh-hidden:not(.menu-open) .s17 .burger{opacity:0;translate:0 -130%;pointer-events:none!important}
html.hd.hd.hd-c:not(.hd-dk) header.s16.s16.s16:not(.menu-open) .burger span{background:#210042!important}
html.hd.hd.hd-c:not(.hd-dk) header.s16.s16.s16:not(.menu-open) .burger span:nth-child(3){background:#7B1FA2!important}
}
/* Geöffnetes Menü: Kopfzeile nie nach oben weggeschoben */
html.hd.hd header.s16.s16.s16.menu-open{transform:none!important}