/* Gemeinsamer Site-Header (Landing + Tenant-Public-Seiten).
   Nutzt NUR Theme-Tokens; wird NACH css/themes/<theme>.css geladen.
   Markup: <header class="site-head"><div class="wrap">…
   Auf Formular-Seiten (nav_minimal) entfallen Nav-Links + Burger. */

/* == Kopfzeile ============================================================ */
.site-head{
  position:sticky;top:0;z-index:50;
  background:var(--bg);background:color-mix(in srgb, var(--bg) 85%, transparent);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:12px;flex-wrap:wrap}
.wordmark{font-family:var(--display);font-size:18px;letter-spacing:-0.01em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--ink)}
.wordmark .no{color:var(--accent-text)}
.nav{display:flex;gap:clamp(10px,1.8vw,16px);flex-wrap:wrap;align-items:center}
.nav a{text-decoration:none;color:var(--muted)}
.nav a:hover,.nav a:focus-visible{color:var(--accent-text)}
.nav a.ig{color:var(--accent-text)}
.lang-switch{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.lang-switch .lang-opt{color:var(--ink-soft);text-decoration:none;padding:4px 6px;display:inline-flex;align-items:center;gap:6px}
.lang-switch .lang-flag{display:inline-block;border:1px solid var(--line);border-radius:2px;vertical-align:middle}
.lang-switch a.lang-opt:hover,.lang-switch a.lang-opt:focus-visible{color:var(--accent-text)}
.lang-switch .lang-opt--active{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}
.lang-switch .lang-sep{color:var(--border-ui)}
.burger{display:none}
.head-tools{display:flex;align-items:center;gap:clamp(12px,2vw,18px);flex-wrap:wrap}
@media (max-width:820px){
  .burger{
    display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
    width:42px;height:42px;padding:0 10px;cursor:pointer;
    background:var(--paper);border:1px solid var(--line);border-radius:12px;
  }
  .burger span{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;transition:transform .18s ease,opacity .18s ease}
  .site-head.is-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .site-head.is-open .burger span:nth-child(2){opacity:0}
  .site-head.is-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .head-tools{
    display:none;position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--paper);border-bottom:1px solid var(--line);
    box-shadow:var(--shadow-2);padding:6px 18px 14px;
  }
  .site-head.is-open .head-tools{display:flex}
  .head-tools .nav{flex-direction:column;align-items:stretch;gap:0}
  .head-tools .nav a{padding:13px 4px;border-bottom:1px solid var(--line)}
  .head-tools .lang-switch{padding:13px 4px 2px}
}

.event-chip{
  display:inline-flex;align-items:center;white-space:nowrap;
  padding:4px 10px;border:1px solid var(--accent-text);border-radius:var(--r-pill);
  color:var(--accent-text);
}
.brand-mark{display:inline-flex;align-items:center;gap:10px;min-width:0}