/* WatchGuide Kopf und Fuß der Anzeigetafel für alle übrigen Seiten (30.10.2026). Gebaut von
   projektdateien/redesign/startseite-2026-10-29/_werkzeug/tafel/baue-css.py, nicht von Hand ändern.
   Auszug aus wg-tafel.css plus kopf-seite.css. Schrift Golos Text (SIL OFL 1.1, lokal). */
@font-face{font-family:"Golos Text";src:url(../../fonts/2026/golostext-var.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Golos Ersatz";src:local("Arial");size-adjust:104%;ascent-override:92%;descent-override:24%}
.wgt{--schrift:"Golos Text","Golos Ersatz",system-ui,sans-serif;
  --grund:#fbfaf8;--weiss:#fff;--text:#1b1a17;--leise:#5e5951;--linie:#e7e2d9;--flaeche:#f3f0ea;
  --dunkel:#121418;--dunkel-2:#1b1e24;--dunkel-text:#ece7de;--dunkel-leise:#a8a196;--dunkel-linie:#2c3038;
  --orange:#EFBF04;--orange-text:#7a5d00;--orange-hell:#EFBF04;--gold:#EFBF04;
  --radius:6px;--poster-radius:4px;--breite:1240px;}
.wgt *{box-sizing:border-box}
.wgt{margin:0;background:var(--grund);color:var(--text);font:400 18px/1.6 var(--schrift);font-feature-settings:"tnum" 0}
.wgt img{display:block;max-width:100%;height:auto}
.wgt a{color:inherit}
.wgt button{font:inherit;color:inherit}
.wgt .ic{width:20px;height:20px;flex:none}
.wgt .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wgt{--orange:#EFBF04;--orange-hell:#EFBF04;--orange-text:#7a5d00;--gold:#EFBF04}
.wgt .breit{max-width:1600px;margin:0 auto;padding:0 clamp(16px,3.2vw,56px)}
.wgt .kopf{position:fixed;top:0;left:0;right:0;z-index:50;color:#fff;background:linear-gradient(180deg,rgba(7,8,10,.82),rgba(7,8,10,.5));backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.08);transition:background .35s}
.wgt .kopf.fest{background:rgba(12,13,16,.95)}
.wgt .kopf > .breit{display:flex;align-items:center;gap:16px;height:68px}
.wgt .kopf.fest > .breit{height:58px}
.wgt .kopf .zeiger{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--orange),#EFBF04);transform:scaleX(0);transform-origin:left;pointer-events:none}
.wgt .marke{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:22px;flex:none;color:#fff}
.wgt .marke img{width:34px;height:34px;transition:transform .6s cubic-bezier(.3,1.4,.5,1)}
.wgt .marke:hover img{transform:rotate(-18deg) scale(1.08)}
.wgt .nav{display:flex;align-items:center;gap:0;font-size:15.5px;font-weight:600;white-space:nowrap;height:100%}
.wgt .np{height:100%;display:flex;align-items:center}
.wgt .np > a{display:flex;align-items:center;gap:6px;text-decoration:none;color:#efe9df;padding:8px 9px;border-radius:10px;transition:color .2s}
.wgt .np > a .ic{width:18px;height:18px;color:#a9a196;transition:color .2s,transform .3s cubic-bezier(.3,1.4,.5,1)}
.wgt .np > a .pfeil{width:14px;height:14px;margin-left:-2px;transition:transform .3s}
.wgt .np:hover > a,.wgt .np:focus-within > a{color:#fff}
.wgt .np:hover > a .ic,.wgt .np:focus-within > a .ic{color:var(--orange-hell)}
.wgt .np:hover > a .ic:first-child{transform:translateY(-2px) rotate(-6deg)}
.wgt .np:hover > a .pfeil,.wgt .np:focus-within > a .pfeil{transform:rotate(180deg)}
.wgt .lauflicht{position:absolute;bottom:12px;left:0;height:3px;width:40px;border-radius:3px;background:var(--orange);box-shadow:0 0 12px rgba(239,191,4,.8);opacity:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),width .4s cubic-bezier(.2,.8,.2,1),opacity .25s;pointer-events:none}
.wgt .nav.zeigt .lauflicht{opacity:1}
.wgt .kopf.fest .lauflicht{bottom:8px}
.wgt .mega{position:absolute;left:0;right:0;top:100%;background:rgba(14,15,19,.97);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s;white-space:normal}
.wgt .np:hover .mega,.wgt .np:focus-within .mega{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s}
.wgt .mega .breit{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:36px;padding-top:26px;padding-bottom:28px}
.wgt .mega h3{margin:0 0 14px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#a9a196;font-weight:700}
.wgt .mlinks{list-style:none;margin:0;padding:0;border-left:1px solid rgba(255,255,255,.1);padding-left:28px}
.wgt .mlinks li{margin:0 0 4px}
.wgt .mlinks a{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#efe9df;text-decoration:none;padding:9px 0;font-size:15.5px;border-bottom:1px solid rgba(255,255,255,.06)}
.wgt .mlinks a:hover{color:var(--orange-hell)}
.wgt .mlinks a .ic{width:16px;height:16px;transition:transform .25s}
.wgt .mlinks a:hover .ic{transform:translateX(4px)}
.wgt .werkzeug{margin-left:auto;display:flex;gap:8px;align-items:center}
.wgt .werkzeug a{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:15px;font-weight:600;color:#fff;border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.1);white-space:nowrap;transition:background .2s,transform .2s}
.wgt .werkzeug a:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.wgt .werkzeug b{background:var(--orange);color:#1b1a17;border-radius:999px;font-size:13px;min-width:22px;height:22px;display:grid;place-items:center;padding:0 6px}
.wgt .werkzeug .anm{background:#fff;color:#16171a}
.wgt .werkzeug .anm:hover{background:#fff}
@keyframes puls{from{transform:scale(1);opacity:.8}to{transform:scale(3);opacity:0}}
@media (prefers-reduced-motion:reduce){.wgt .lauflicht,.wgt .mega{transition:none}}
.wgt .nav-mobil{display:none}
@media (max-width:1519px){.wgt .np > a .ic:first-child{display:none}}
@media (max-width:1400px){.wgt .nav{display:none}
.wgt .nav-mobil{display:flex;gap:8px;overflow-x:auto;padding:0 clamp(16px,3.2vw,56px) 10px;scrollbar-width:none}
.wgt .nav-mobil a{flex:none;color:#fff;font-size:15px;font-weight:600;text-decoration:none;background:rgba(255,255,255,.1);border-radius:999px;padding:7px 13px}
.wgt .nav-mobil a:first-child{background:var(--orange);color:#1b1a17}}
@media (max-width:600px){.wgt .werkzeug .txt{display:none}
.wgt .werkzeug a{padding:9px 10px}
.wgt .marke{font-size:20px}}
@property --winkel{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes dreh{to{--winkel:360deg}}
@keyframes stempel{from{transform:scale(1.6) rotate(-14deg);opacity:0}to{transform:none;opacity:1}}
.wgt .fuss{margin-top:72px;background:var(--flaeche);border-top:1px solid var(--linie);padding:40px 0 28px;font-size:15px}
.wgt .fuss-raster{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:26px}
.wgt .fuss .marke{color:var(--text)}
.wgt .fuss h2{font-size:14px;letter-spacing:.07em;text-transform:uppercase;margin:0 0 8px}
.wgt .fuss ul{list-style:none;margin:0;padding:0;line-height:1.9}
.wgt .fuss a{text-decoration:none;color:var(--leise)}
.wgt .fuss p{margin:10px 0 0;font-weight:700;max-width:30ch}
.wgt .sozial{display:flex;gap:10px;margin-top:12px}
.wgt .sozial a{width:40px;height:40px;border:1px solid var(--linie);border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--text)}
.wgt .quelle{margin-top:24px;color:var(--leise);font-size:14px;max-width:68ch}
@media (max-width:900px){.wgt .fuss-raster{grid-template-columns:1fr 1fr}}
body.admin-bar .wgt .kopf{top:32px}
@media (max-width:782px){body.admin-bar .wgt .kopf{top:46px}}
.wgt h1,.wgt h2,.wgt h3,.wgt h4,.wgt p,.wgt ul,.wgt ol,.wgt li,.wgt figure,.wgt blockquote,.wgt input,.wgt button{font-family:inherit}
.wgt h1,.wgt h2,.wgt h3{color:inherit;text-transform:none}
.wgt .fuss .quelle a{color:var(--orange-text)}
.wgt .fuss .quelle a{color:inherit;text-decoration:underline}
.wgt .fuss-raster h2{font-weight:700}
.wgt .werkzeug .such-knopf{display:flex;align-items:center;border:0;cursor:pointer;color:#fff;border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.1);transition:background .2s,transform .2s}
.wgt .werkzeug .such-knopf:hover,.wgt .werkzeug .such-knopf[aria-expanded=true]{background:rgba(255,255,255,.18)}
.wgt .suche{position:absolute;left:0;right:0;top:100%;background:rgba(14,15,19,.98);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px rgba(0,0,0,.45);padding:18px 0 20px;color:#efe9df}
.wgt .suche[hidden]{display:none}
.wgt .suche form{display:flex;align-items:center;gap:10px;max-width:760px;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:6px 8px 6px 14px;background:rgba(255,255,255,.06)}
.wgt .suche form:focus-within{border-color:var(--orange)}
.wgt .suche input{flex:1;min-width:0;border:0;background:transparent;color:#fff;font-size:17px;padding:8px 0;outline:0;box-shadow:none}
.wgt .suche input::placeholder{color:#8f887d}
.wgt .suche .zu{border:0;background:transparent;color:#efe9df;padding:6px;cursor:pointer;border-radius:8px;display:grid;place-items:center}
.wgt .suche .zu:hover{background:rgba(255,255,255,.1)}
.wgt .treffer{list-style:none;margin:10px 0 0;padding:0;max-width:760px}
.wgt .treffer li{margin:0}
.wgt .treffer a{display:flex;gap:12px;align-items:center;padding:8px;border-radius:10px;text-decoration:none;color:#efe9df}
.wgt .treffer a:hover,.wgt .treffer a:focus-visible,.wgt .treffer a[aria-selected=true]{background:rgba(255,255,255,.08)}
.wgt .treffer img,.wgt .treffer .leer{width:36px;height:54px;object-fit:cover;border-radius:4px;flex:none;background:#24262c}
.wgt .treffer b{display:block;font-size:16px;line-height:1.3;color:#fff}
.wgt .treffer small{font-size:14px;color:#a9a196}
.wgt .treffer .alle{color:#EFBF04;font-weight:700;padding-left:56px}
@media (max-width:560px){.wgt .fuss-raster{gap:20px}}
.wgt .mega{transition:opacity .12s,transform .15s cubic-bezier(.2,.8,.2,1),visibility 0s .15s}
.wgt .np:hover .mega,.wgt .np:focus-within .mega{transition:opacity .12s,transform .15s cubic-bezier(.2,.8,.2,1),visibility 0s}
.wgt .mega{background:#0e0f13}
.wgt .mega .breit{display:flex;gap:36px;padding-top:22px;padding-bottom:24px}
.wgt .mega .breit > div{flex:1 1 0;min-width:0}
.wgt .mega .breit > .mlinks{flex:0 0 260px}
.wgt .mliste{list-style:none;margin:0;padding:0}
.wgt .mliste li{margin:0}
.wgt .mliste a{display:block;padding:9px 10px;margin:0 -10px;border-radius:8px;text-decoration:none;color:#efe9df;transition:background .15s}
.wgt .mliste a:hover,.wgt .mliste a:focus-visible{background:rgba(255,255,255,.07)}
.wgt .mliste b{display:block;font-size:16px;font-weight:700;color:#fff;line-height:1.3}
.wgt .mliste em{font-style:normal;color:#EFBF04;font-weight:800;margin-left:6px}
.wgt .mliste small{display:block;font-size:14px;color:#a9a196;line-height:1.35;margin-top:2px}
body.wgt-kopf-an{padding-top:0 !important}
.wgt.seite{position:sticky;top:0;z-index:1000;background:#0e0f13;font-size:18px}
body.admin-bar .wgt.seite{top:32px}
@media (max-width:782px){body.admin-bar .wgt.seite{top:46px}}
@media (max-width:600px){body.admin-bar .wgt.seite{top:0}}
.wgt.seite .kopf,.wgt.seite .kopf.fest{position:relative;top:auto;background:#0e0f13;backdrop-filter:none;-webkit-backdrop-filter:none}
body.admin-bar .wgt.seite .kopf{top:auto}
.wgt.seite .kopf.fest > .breit{height:68px}
.wgt.seite .kopf.fest .lauflicht{bottom:12px}
.wgt.seite .nav-mobil{padding-top:2px}
.wgt.seite a:focus-visible,.wgt.seite button:focus-visible{outline:2px solid #EFBF04;outline-offset:2px}
.wgt.seite .np > a[aria-current]{color:#EFBF04}

html body .wgt.seite .werkzeug b{color:#1b1a17 !important}

html:has(> body.wgt-kopf-an),body.wgt-kopf-an{--wgzh-height:69px}
@media (max-width:1400px){html:has(> body.wgt-kopf-an),body.wgt-kopf-an{--wgzh-height:119px}}