.c-header{position:sticky;top:0;z-index:60;background:rgba(245,242,236,.94);backdrop-filter:saturate(1.1);border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.c-header.is-scrolled{background:rgba(245,242,236,.985);border-bottom-color:var(--rule)}.c-logo{flex:none;padding:16px 0}.c-logo img{width:auto}.c-nav{display:flex;align-items:center;justify-content:center;gap:var(--arb-nav-gap,clamp(16px,2.2vw,30px));flex:1}.c-nav__item{position:relative}.c-nav__link{display:inline-flex;align-items:center;gap:6px;font-size:var(--arb-nav-size,15px);font-weight:600;color:var(--arb-nav-color,var(--forest-900));line-height:1;padding:10px 0;transition:color var(--dur) var(--ease)}.c-nav__link:hover{color:var(--arb-nav-hover,var(--forest-700))}.c-nav__caret{font-family:var(--font-mono);font-size:13px;color:var(--forest-500)}.c-dropdown{position:absolute;top:100%;left:50%;width:min(820px,calc(100vw - 40px));transform:translateX(-50%) translateY(12px);background:var(--bone-100);border:1px solid var(--rule);box-shadow:0 24px 60px -36px rgba(11,24,18,.65);border-radius:var(--radius-sm);padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur) var(--ease)}.c-dropdown.is-open,.c-nav__item:hover .c-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.c-dropdown__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.c-dropdown__card{display:grid;gap:8px;padding:16px;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.c-dropdown__card:hover{border-color:var(--forest-500);transform:translateY(-2px)}.c-dropdown__title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.015em}.c-dropdown__desc{font-size:14px;line-height:1.45;color:var(--ink-muted)}.c-dropdown__subs{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--forest-700)}.c-call{display:inline-flex;align-items:center;background:var(--forest-700);color:var(--bone-100);border-radius:999px;min-height:44px;font-size:15px;font-weight:600;line-height:1}.c-call>a.lumitra-frame__link{display:flex;align-items:center;justify-content:center;align-self:stretch;flex:1 1 auto;box-sizing:border-box;gap:9px;padding:12px 20px;border-radius:inherit}.c-call:hover{background:var(--forest-800)}.c-call svg{stroke:currentColor}.c-burger{display:none;width:46px;height:46px;border-radius:999px;border:1px solid var(--rule);background:var(--paper);color:var(--forest-900);align-items:center;justify-content:center}.c-mobile{position:fixed;inset:0;z-index:100;background:var(--forest-950);color:var(--bone-100);padding:0 var(--pad) 32px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur) var(--ease),visibility var(--dur) var(--ease);overflow:auto}.c-mobile.is-open{opacity:1;visibility:visible;pointer-events:auto}.c-mobile__top{height:112px;display:flex;align-items:center;justify-content:space-between}.c-logo--on-dark img{filter:brightness(0) invert(1)}.c-mobile__close{width:46px;height:46px;border-radius:999px;border:1px solid rgba(245,242,236,.25);background:transparent;color:var(--bone-100);display:grid;place-items:center}.c-mobile__nav{display:grid;gap:0;border-top:1px solid rgba(245,242,236,.14)}.c-mobile__link,.c-mobile__group{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(245,242,236,.14);font-family:var(--font-display);font-size:clamp(30px,8vw,58px);font-weight:700;letter-spacing:-.03em;color:var(--bone-100);background:none}.c-mobile__group{border-left:0;border-right:0;border-top:0;width:100%;text-align:left}.c-mobile__subs{display:grid;gap:10px;padding:14px 0 22px;border-bottom:1px solid rgba(245,242,236,.14)}.c-mobile__sub{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--moss-300)}.c-mobile__cta{margin-top:28px;display:grid;gap:14px;max-width:420px}.c-mobile__meta{color:var(--forest-300)}@media(max-width:980px){.c-nav,.c-call__full{display:none}.c-burger{display:inline-flex}.c-logo{padding:14px 0}.c-mobile__top{height:96px}}@media(min-width:782px) and (max-width:980px){.c-header .c-header__inner{min-height:96px}.c-header .c-logo img{height:60px}}@media(max-width:460px){.c-call{display:none}}
.c-nav__trigger{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;color:var(--forest-900);padding:10px 0}.c-nav__trigger:hover{background:transparent;color:var(--arb-nav-hover,var(--forest-700))}
/* --- Migrated from retired fidelity.css: header dropdown/nav refinements + tablet call-button hide (kept so the header stays visually identical after the section CSS was retired) --- */
.c-nav__link{font-weight:500;padding:6px 0;position:relative}.c-nav__link::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--arb-nav-hover,var(--forest-700));transition:width var(--dur) var(--ease)}.c-nav__link:hover::after,.c-nav__trigger.is-open::after{width:100%}.c-nav__caret{font-size:12px;color:var(--bark-500);transition:transform var(--dur) var(--ease)}.c-nav__trigger.is-open .c-nav__caret{transform:rotate(45deg);color:var(--forest-700)}.c-nav__item{display:inline-flex}.c-dropdown{top:calc(100% + 14px)!important;left:-16px!important;width:min(680px,78vw)!important;transform:translateY(-6px)!important;box-shadow:0 24px 60px -32px rgba(11,24,18,.45)!important;padding:10px!important}.c-dropdown.is-open,.c-nav__item:hover .c-dropdown{transform:none!important}.c-dropdown__grid{gap:6px!important}.c-dropdown__card{gap:5px!important;padding:14px 16px!important;border-color:transparent!important;background:transparent!important;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)!important}.c-dropdown__card:hover{background:var(--bone-200)!important;border-color:var(--rule)!important;transform:none!important}.c-dropdown__title{font-weight:500!important;font-size:18px!important}.c-dropdown__desc{font-size:13.5px!important}.c-dropdown__subs{font-size:12px!important;color:var(--forest-500)!important;text-transform:none!important;letter-spacing:0!important}
@media(max-width:760px){.c-call{display:none}}

/* === Mobile nav fidelity pass (match Next.js reference: rounded-square controls,
   nested Leistungen accordion with +/- toggle, indented sub-items) === */
.c-burger,.c-mobile__close{border-radius:var(--radius-sm)}
.c-mobile__link,.c-mobile__group{font-size:30px;letter-spacing:-.02em}
.c-mobile__pm{font-family:var(--font-mono);font-weight:400;line-height:1;color:var(--moss-300)}
.c-mobile__pm::before{content:"+"}
.c-mobile__group.is-open .c-mobile__pm::before{content:"\2212"}
.c-mobile__subs{display:flex;flex-direction:column;gap:0;padding:4px 0 14px;border-bottom:0}
.c-mobile__subs[hidden]{display:none}
.c-mobile__sub{font-family:var(--font-sans);font-size:17px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--moss-300);padding:11px 0 11px 14px;min-height:44px;display:flex;align-items:center}
.c-mobile__sub:hover{color:var(--bone-100)}
.c-burger{background:transparent}
/* Full-screen panel as a flex column so the CTA block + meta pin to the very
   bottom of the screen; center the footer buttons and the meta line. */
.c-mobile{display:flex;flex-direction:column}
.c-mobile__top{flex:none}
.c-mobile__nav{flex:0 0 auto}
.c-mobile__cta{margin-top:auto;margin-left:auto;margin-right:auto;width:100%;max-width:420px;text-align:center}
.c-mobile__meta{text-align:center;margin-top:8px}

/* --- Vollbild-Hero (Pilot): transparenter Header ÜBER dem Hero. Greift nur,
   wenn die Seite den Vollbild-Hero (.lumitra-hz) enthält. Der Header wird
   fixed (aus dem Fluss genommen), unscrolled transparent mit hellem Nav und
   invertiertem Logo; beim Scrollen stellt .is-scrolled den Bone-Look wieder
   her. --- */
body:has(.lumitra-hz) .c-header{position:fixed;left:0;right:0;top:0}
body.admin-bar:has(.lumitra-hz) .c-header{top:32px}
body:has(.lumitra-hz) .c-header:not(.is-scrolled){background:linear-gradient(to bottom,rgba(11,24,18,.55),rgba(11,24,18,.28));backdrop-filter:blur(6px) saturate(1.05);border-bottom-color:rgba(245,242,236,.12)}
body:has(.lumitra-hz) .c-header:not(.is-scrolled) .c-nav__link{color:var(--bone-100)}
body:has(.lumitra-hz) .c-header:not(.is-scrolled) .c-nav__link:hover{color:var(--moss-300)}
body:has(.lumitra-hz) .c-header:not(.is-scrolled) .c-nav__caret{color:var(--moss-300)}
body:has(.lumitra-hz) .c-header:not(.is-scrolled) .c-logo img{filter:brightness(0) invert(1)}
body:has(.lumitra-hz) .c-header:not(.is-scrolled) .c-call{background:rgba(245,242,236,.14);border:1px solid rgba(245,242,236,.3)}
body:has(.lumitra-hz) .c-header:not(.is-scrolled) .c-call:hover{background:rgba(245,242,236,.24)}
body:has(.lumitra-hz) .c-header:not(.is-scrolled) .c-burger{background:rgba(245,242,236,.12);border-color:rgba(245,242,236,.3);color:var(--bone-100)}

/* Panel logo sizing (the bar logo is sized by its image block attributes). */
.c-mobile .c-logo img{height:60px}
/* Zero-specificity layout fallbacks mirroring the block attributes seeded in
   parts/header.html. They only take effect where the engine's per-template
   CSS is absent (Site-Editor gallery previews, block previews); any engine
   rule (.lumitra-*, specificity 0-1-0) always wins over :where() (0-0-0). */
:where(.c-header__inner){display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;min-height:112px}
:where(.c-header__actions){display:flex;flex-direction:row;align-items:center;gap:12px}
:where(.c-logo img){height:72px}
