/* Gemeinsame Kopfleiste mit Menue - auf allen Seiten dieselbe, damit die Factory
   von ueberall aus einen Klick entfernt ist. Liegt als eigene Datei, damit sie
   nicht auf vier Seiten auseinanderlaeuft. */
.kopf{ position:sticky; top:0; z-index:60;
  background:color-mix(in srgb,var(--paper) 92%,transparent);
  backdrop-filter:saturate(1.4) blur(10px); border-bottom:1px solid var(--line); }
.kopf-innen{ display:flex; align-items:center; justify-content:space-between; gap:12px;
  height:58px; }
.marke{ display:flex; align-items:center; gap:9px; text-decoration:none; color:var(--ink); }
.marke svg{ width:25px; height:27px; color:var(--accent); }
.marke b{ font-size:18px; font-weight:800; letter-spacing:-.03em; }
.kopf-rechts{ display:flex; align-items:center; gap:9px; }
.mini{ background:var(--accent); color:var(--auf); text-decoration:none; font-size:14px;
  font-weight:800; padding:10px 17px; border-radius:13px; white-space:nowrap; border:none;
  cursor:pointer; }
.mini:hover{ background:var(--accent-satt); }
/* Ein Textlink statt eines Burgers: Bei drei Zielen ist ein Menue mehr
   Klick als Hilfe. Impressum und Datenschutz stehen im Fuss. */
.kopf-link{ font-size:14.5px; font-weight:800; color:var(--ink);
  text-decoration:none; padding:10px 4px; white-space:nowrap; }
.kopf-link:hover{ color:var(--accent); }