/* Kopfzeile und Handy-Menü – auf allen Seiten identisch (Startseite und Unterseiten, DE und EN).
   Eigenständig: eigene Variablen (--k-*), damit premium.css und site.css nichts verändern. Markup: werkzeuge/kopf-vereinheitlichen.js */
.hdr,.mnav{
  --k-gold:#F2B705;--k-gold-600:#c99800;--k-gold-100:#fff4cf;--k-navy-950:#06111f;
  --k-surface:#ffffff;--k-surface-2:#eef1f5;--k-text:#0a1628;--k-muted:#556275;--k-line:#dde3ea;
  --k-shadow:0 1px 2px rgba(10,22,40,.04),0 12px 40px -12px rgba(10,22,40,.18);
  --k-pad:max(20px, env(safe-area-inset-left));--k-padr:max(20px, env(safe-area-inset-right));
  --k-body:"Inter",system-ui,sans-serif;--k-display:"Plus Jakarta Sans",system-ui,sans-serif;
  --k-hdr-bg:rgba(255,255,255,.88);
}
/* Bewusst immer hell (wie die Unterseiten), damit die Kopfzeile auf jeder Seite und in jedem Farbmodus gleich aussieht */
.hdr *,.hdr *::before,.hdr *::after,.mnav *,.mnav *::before,.mnav *::after{box-sizing:border-box}
.hdr a,.mnav a{color:inherit;text-decoration:none}
.hdr img,.mnav img{display:block;max-width:100%}
.hdr .k-sprite{position:absolute;width:0;height:0;overflow:hidden}

.hdr{position:fixed;inset:0 0 auto 0;z-index:50;font:16px/1.6 var(--k-body);color:var(--k-text);background:var(--k-hdr-bg);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 1px 0 var(--k-line);transition:box-shadow .3s ease}
.hdr .ann{display:block;text-align:center;font:500 13px/1 var(--k-body);color:#0a1628;background:var(--k-gold);overflow:hidden;max-height:40px;transition:max-height .3s ease}
.hdr .ann span{display:inline-flex;align-items:center;gap:8px;padding:11px 16px}
.hdr .ann b{font-weight:700}
.hdr .ann em{font-style:normal}
.hdr .ann svg{width:14px;height:14px}
.hdr.solid .ann{max-height:0}
html body .hdr.hdr.hdr{background:var(--k-hdr-bg);box-shadow:0 1px 0 var(--k-line)} /* stärker als ältere Regeln in site.css */
.hdr .bar{max-width:1240px;margin:0 auto;padding-left:var(--k-pad);padding-right:var(--k-padr);height:80px;display:flex;align-items:center;gap:28px;transition:height .3s}
.hdr.solid .bar{height:68px}
.hdr .logo{display:flex;align-items:center;height:46px;flex:none}
.hdr .logo img{height:100%;width:auto}
.hdr .logo .l-w{display:none}.hdr .logo .l-d{display:block}
.hdr .nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.hdr .nav>a,.hdr .dd>button{color:var(--k-text);font:500 14.5px/1 var(--k-body);padding:10px 14px;border-radius:999px;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .2s,color .2s}
.hdr .nav>a:hover,.hdr .dd>button:hover{background:var(--k-surface-2);color:var(--k-text)}
.hdr .nav>a.cur,.hdr .dd.cur>button{color:var(--k-gold-600)}
.hdr .dd{position:relative}
.hdr .dd>button svg{width:14px;height:14px;opacity:.7}
.hdr .menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,6px);min-width:330px;background:var(--k-surface);color:var(--k-text);border:1px solid var(--k-line);border-radius:18px;padding:8px;box-shadow:var(--k-shadow);opacity:0;visibility:hidden;transition:.2s ease}
.hdr .dd:hover .menu,.hdr .dd:focus-within .menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.hdr .menu a{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px}
.hdr .menu a:hover,.hdr .menu a.cur{background:var(--k-surface-2)}
.hdr .menu i{width:36px;height:36px;border-radius:10px;background:var(--k-gold-100);color:var(--k-gold-600);display:grid;place-items:center;flex:none}
.hdr .menu i svg{width:18px;height:18px}
.hdr .menu b{display:block;font:600 14.5px/1.3 var(--k-body)}
.hdr .menu span{display:block;font-size:13px;color:var(--k-muted);line-height:1.4}
.hdr .menu b+span{margin-top:2px}
.hdr .actions{display:flex;gap:10px;align-items:center}
.hdr .actions .login{color:var(--k-text);font:500 14.5px/1 var(--k-body);padding:12px 16px;border-radius:999px;border:1px solid var(--k-line)}
.hdr .actions .lang{color:var(--k-muted);font:600 13px/1 var(--k-body);letter-spacing:.08em;padding:12px 10px;border-radius:999px}
.hdr .actions .lang:hover{color:var(--k-text)}
.hdr .k-btn,.mnav .k-btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border-radius:999px;font:600 14.5px/1 var(--k-body);white-space:nowrap;transition:transform .25s ease,background .2s ease,box-shadow .2s ease}
.hdr .k-btn svg,.mnav .k-btn svg{width:18px;height:18px;transition:transform .25s ease}
.hdr .k-btn:hover svg,.mnav .k-btn:hover svg{transform:translateX(3px)}
.hdr .k-gold,.mnav .k-gold{background:var(--k-gold);color:#0a1628;box-shadow:0 8px 22px -10px rgba(201,152,0,.8)}
.hdr .k-gold:hover,.mnav .k-gold:hover{background:#ffc61a;transform:translateY(-2px)}
.mnav .k-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.28)}
.hdr .burger,.mnav .burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--k-line);background:var(--k-surface);color:var(--k-text);align-items:center;justify-content:center;cursor:pointer;padding:0}
.mnav .burger{display:inline-flex;margin:0;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff}
.mnav{display:none}
@media (max-width:1060px){
  .hdr .nav,.hdr .actions{display:none}.hdr .burger{display:inline-flex}
  .mnav{display:block;position:fixed;inset:0;z-index:90;background:var(--k-navy-950);color:#fff;font:16px/1.6 var(--k-body);padding:22px var(--k-padr) 32px var(--k-pad);transform:translateY(-100%);transition:transform .35s ease;overflow:auto;visibility:hidden}
  .mnav.open{transform:none;visibility:visible}
  .mnav .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
  .mnav .top img{height:44px;width:auto}
  .mnav a.big{display:block;font:700 26px/1.2 var(--k-display);letter-spacing:-.02em;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .mnav a.small{display:block;font-size:15px;color:rgba(255,255,255,.7);padding:8px 0 8px 16px}
  .mnav a.cur{color:var(--k-gold)}
  .mnav .btns{display:grid;gap:12px;margin-top:28px}
  .mnav .btns .k-btn{justify-content:center;height:52px}
}
@media (max-width:520px){.hdr .ann .lg{display:none}}
html.k-zu{overflow:hidden}