/* Ausschliesslich fuer entwurf-header-a.html und entwurf-header-b.html. */
.eh-a button,.eh-b button{font:inherit;color:inherit}
.eh-a button:focus-visible,.eh-a a:focus-visible,.eh-b button:focus-visible,.eh-b a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.eh-a__toggle,.eh-a__mobile,.eh-b__mobile{appearance:none;border:0;background:transparent;padding:0;cursor:pointer}
.eh-a__toggle{display:flex;align-items:center;gap:7px;opacity:.82;font-size:14px}
.eh-a__toggle::after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.eh-a__group[data-open] .eh-a__toggle{opacity:1}
.eh-a__group[data-open] .eh-a__toggle::after{transform:translateY(2px) rotate(225deg)}
.eh-a__group{position:relative}
.eh-a__panel{position:absolute;top:calc(100% + 26px);left:-28px;width:310px;padding:22px 28px 25px;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--gold)}
.eh-a__panel[hidden]{display:none}
.eh-a__panel--wide{left:auto;right:-28px;width:510px}
.eh-a__label{margin:0 0 13px;color:var(--petrol);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.eh-a__links{display:grid}
.eh-a__links a{padding:10px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.3;opacity:1}
.eh-a__links a:hover{color:var(--petrol-dark)}
.eh-a__links--two{grid-template-columns:1fr 1fr;column-gap:28px}
.eh-a__links--two a:nth-child(2){grid-column:2;grid-row:1}
.eh-a__links--two a:nth-child(4){grid-column:2;grid-row:2}
.eh-a__note{margin:16px 0 0;padding-top:13px;border-top:1px solid var(--ink);color:var(--muted);font-size:12px;line-height:1.45}
.eh-a__mobile,.eh-b__mobile{display:none}

.eh-b{position:sticky}
.eh-b .eh-b__top{height:72px}
.eh-b__primary{display:flex;align-items:center;gap:34px;font-size:14px}
.eh-b__rail{border-top:1px solid var(--line)}
.eh-b__rail-inner{display:grid;grid-template-columns:auto repeat(4,auto) 1fr auto repeat(4,auto);align-items:center;column-gap:23px;min-height:45px;font-size:12px}
.eh-b__rail-label{color:var(--petrol);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.eh-b__rail-separator{height:20px;border-left:1px solid var(--line);justify-self:center}
.eh-b__rail a{opacity:.78;white-space:nowrap}
.eh-b__rail a:hover{opacity:1;color:var(--petrol-dark)}
.eh-b__rail a.eh-b__overview{border-bottom:1px solid var(--ink);padding-bottom:2px;opacity:1}

@media(max-width:900px){
  .eh-a .nav,.eh-b .eh-b__top{height:auto;display:grid;grid-template-columns:1fr auto;padding:13px 0 11px;gap:12px}
  .eh-a__mobile,.eh-b__mobile{display:block;min-height:34px;padding:0 2px;border-bottom:1px solid var(--ink);font-size:13px}
  .eh-a nav,.eh-b__primary{display:none;grid-column:1/-1;width:100%;align-items:stretch;gap:0;padding-top:3px;border-top:1px solid var(--line)}
  .eh-a[data-mobile-open] nav,.eh-b[data-mobile-open] .eh-b__primary{display:grid}
  .eh-a nav>a,.eh-a__toggle,.eh-b__primary>a{width:100%;min-height:44px;justify-content:space-between;align-items:center;padding:0;border-bottom:1px solid var(--line);font-size:14px;text-align:left;opacity:1}
  .eh-a nav>a,.eh-b__primary>a{display:flex}
  .eh-a .nav-cta,.eh-b .nav-cta{justify-content:flex-start;width:max-content;margin-top:8px;border-bottom:1px solid var(--ink)}
  .eh-a__group{position:static}
  .eh-a__panel,.eh-a__panel--wide{position:static;width:auto;padding:3px 0 12px 18px;border:0;border-bottom:1px solid var(--line);background:transparent}
  .eh-a__links--two{grid-template-columns:1fr}
  .eh-a__links--two a:nth-child(2),.eh-a__links--two a:nth-child(4){grid-column:auto;grid-row:auto}
  .eh-a__links a{min-height:40px;display:flex;align-items:center}
  .eh-a__label{margin:14px 0 4px}
  .eh-a__note{margin-right:18px}
  .eh-b__rail{display:none}
  .eh-b__primary{font-size:14px}
  .eh-b__mobile-groups{display:grid}
  .eh-b__mobile-group{padding:14px 0;border-bottom:1px solid var(--line)}
  .eh-b__mobile-group strong{display:block;margin-bottom:8px;color:var(--petrol);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
  .eh-b__mobile-group a{display:block;padding:7px 0;font-size:13px}
}

@media(min-width:901px){.eh-b__mobile-groups{display:none}}

@media(max-width:390px){
  .eh-a .brand-logo,.eh-b .brand-logo{height:27px}
  .eh-a__panel,.eh-a__panel--wide{padding-left:12px}
}

/* Mobil-Feinschliff (J, 20.08.2026): Panel ueber die volle Breite,
   groessere Tippflaechen, klare Trennung vom Seiteninhalt. */
@media(max-width:900px){
  /* Einspaltig und schrumpffaehig: sonst bestimmt der laengste Menuepunkt
     die Breite und die ganze Seite laeuft horizontal ueber. */
  .eh-a[data-mobile-open] nav{grid-template-columns:minmax(0,1fr)}
  .eh-a nav{width:100%;max-width:none;min-width:0}
  .eh-a__group,.eh-a__panel,.eh-a__links,.eh-a__links--two{min-width:0}
  .eh-a__panel a{overflow-wrap:break-word}
  .eh-a nav > a,
  .eh-a__toggle{min-height:52px;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:16px}
  .eh-a__panel a{min-height:48px;display:flex;align-items:center;font-size:15px}
  .eh-a[data-mobile-open] nav{box-shadow:0 12px 24px -18px rgba(21,35,38,.55)}
  .eh-a__mobile{min-height:44px;padding:0 4px}
}

/* Aktiver Bereich: Aufklapp-Schalter wie ein aktiver Navigationspunkt zeichnen */
.eh-a__toggle[data-current="true"]{opacity:1}
.eh-a__toggle[data-current="true"]:after{content:"";position:absolute;left:0;right:14px;bottom:-8px;height:2px;background:var(--gold)}
.eh-a__toggle{position:relative}
@media(max-width:900px){.eh-a__toggle[data-current="true"]:after{display:none}}