/* WatchGuide Startseite 2026 „Bühne“ (includes/wg-home-buehne.php). Variante 2: Source Sans 3 für alles,
   was man liest, Big Shoulders nur für Abschnittstitel, Buchrücken, Countdown. Werte nach den Designvorgaben
   für den Neuaufbau (rem, Inhalt 1.280 px, Nebentexte ≥ 15 px, Kinostart/Anbieter ≥ 16 px, Gitter 24 px). */
body.wgb-page{background:#101216;margin:0}
body.wgb-page .wg-2026-main{padding:0;margin:0;max-width:none;background:#101216}
.wgb{--bg:#101216;--bg2:#14171c;--card:#191d23;--card2:#222831;--edge:#2a303a;--edge2:#3a414d;
  --ink:#f0f1f3;--ink2:#e2e5ea;--dim:#bac0ca;--faint:#a3abb7;
  --or:#ff6b00;--or2:#ff8533;--gold:#e8c268;--gold2:#f3d38a;--brass:#c9952e;--brass2:#a9761f;
  --text:"Source Sans 3","Segoe UI",system-ui,sans-serif;--plakat:"Big Shoulders",Impact,"Arial Narrow",sans-serif;--marke:"Cinzel",Georgia,serif;
  --gap:24px;--rule:rgba(232,194,104,.3);
  --watchguide-font-sans:"Source Sans 3","Segoe UI",system-ui,sans-serif;
  background:var(--bg);color:var(--ink);font:400 1.0625rem/1.55 var(--text);font-synthesis:none;-webkit-font-smoothing:antialiased}
.wgb *,.wgb *::before,.wgb *::after{box-sizing:border-box}
.wgb a{color:inherit;text-decoration:none}
.wgb img{display:block;max-width:100%;height:auto}
.wgb button{font:inherit;color:inherit;cursor:pointer}
.wgb :focus-visible{outline:2px solid var(--gold2);outline-offset:3px;border-radius:4px}
.wgb h1,.wgb h2,.wgb h3{margin:0;font-family:var(--text);font-weight:700;line-height:1.2;letter-spacing:0;color:var(--ink);text-transform:none;text-wrap:balance}
.wgb h2{font:800 2.5rem/1.02 var(--plakat);text-transform:uppercase;letter-spacing:.005em}
.wgb h3{font-size:1.25rem}
/* Ein Inline-Stil des Themes setzt h1 bis h6, body und button mit !important auf --watchguide-font-sans.
   Die Variable ist oben auf Source Sans gestellt, die Plakatschrift braucht deshalb ebenfalls !important. */
.wgb h2:not(.fuss-h),.wgb .spot h1,.wgb .fp-side h3,.wgb .frank h3,.wgb .lp h3,.wgb .ritual h3{font-family:var(--plakat)!important}
.wgb p{margin:0}
.wgb ul,.wgb ol{margin:0;padding:0;list-style:none}
.wgb .ic{width:1.15em;height:1.15em;flex:none;stroke:currentColor;fill:none;vertical-align:-.2em}
.wgb-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wgb-wrap{max-width:1328px;margin:0 auto;padding:0 24px}
.wgb-sec{padding:4.5rem 0}
.wgb-sec.band{background:var(--bg2);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.wgb .sh{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}
.wgb .sh>div{flex:1;min-width:0}
.wgb .sub{color:var(--dim);max-width:min(100%,940px);margin-top:8px}
.wgb .mehr{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--or2);white-space:nowrap;margin-bottom:4px}
.wgb .mehr:hover{text-decoration:underline;text-underline-offset:3px}
.wgb-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border-radius:10px;font:600 1.0625rem/1 var(--text);border:1px solid transparent;text-align:center}
.wgb-btn.or{background:linear-gradient(180deg,#ff8533,#ff6b00);color:#1a0c02;box-shadow:inset 0 1px 0 rgba(255,220,180,.45),0 2px 0 #7a3300}
.wgb-btn.or:hover{background:#ff7a1a linear-gradient(180deg,#ff9550,#ff7a1a)}
.wgb-btn.brass{background:linear-gradient(180deg,#2e2820,#1c1813);border-color:rgba(232,194,104,.75);color:#f3e6c8}
.wgb-btn.brass:hover{border-color:var(--gold2)}
.wgb-btn.ghost{border-color:var(--edge2);color:var(--ink2)}
.wgb-btn.ghost:hover{border-color:var(--gold)}
.wgb .ph{display:block;background:var(--card2);border-radius:6px}
.wgb .wisch{display:none}

/* Siegel 2026 (Ziffer in Cinzel auf dem Siegelbild, Werte aus karte.html) */
.wgb-siegel{position:relative;display:inline-block;width:var(--s,120px);aspect-ratio:1;container-type:inline-size;flex:none}
.wgb-siegel img{width:100%;height:100%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}
.wgb-siegel b{position:absolute;left:50%;top:70.3%;transform:translate(-50%,-50%);font:700 14cqw/1 var(--marke);letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:lining-nums}
.wgb-siegel.t-flop b{color:#d8d2c9;text-shadow:0 .5cqw .6cqw rgba(0,0,0,.9)}
.wgb-siegel.t-solide b{color:#1c1a17;text-shadow:0 .35cqw 0 rgba(255,255,255,.55)}
.wgb-siegel.t-top b{color:#2b1305;text-shadow:0 .35cqw 0 rgba(255,214,170,.5)}
.wgb-siegel.t-gold b{top:72.8%;color:#2a1a04;text-shadow:0 .35cqw 0 rgba(255,238,190,.6)}
.wgb-siegel.t-kino b{top:70.4%;font-size:12.6cqw;color:#f3b649;text-shadow:0 .5cqw .8cqw rgba(0,0,0,.95),0 0 .2cqw #3a1d00}
.wgb-siegel.ohne b{display:none}
.wgb-zahl{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:rgba(16,18,22,.92);border:2px solid var(--edge2);color:var(--ink)}
.wgb-zahl b{font:700 1.625rem/1 var(--text)}
.wgb-zahl small{font-size:.75rem;color:var(--dim);margin-top:2px}

/* 1 · Bühne */
.wgb-buehne{position:relative;min-height:680px;overflow:hidden;background:#000;display:flex}
.wgb-buehne .szene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.wgb-buehne .verlauf{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,18,22,.15) 0,rgba(16,18,22,.25) 38%,rgba(16,18,22,.9) 74%,#101216 100%)}
.wgb-buehne .vorhang{position:absolute;top:0;bottom:0;width:21%;background:url(../../img/vorhang-2026.webp) center/cover no-repeat;filter:drop-shadow(0 0 30px rgba(0,0,0,.9));z-index:1}
.wgb-buehne .vorhang.l{left:0;clip-path:polygon(0 0,100% 0,62% 40%,36% 66%,42% 100%,0 100%)}
.wgb-buehne .vorhang.r{right:0;transform:scaleX(-1);clip-path:polygon(0 0,100% 0,62% 40%,36% 66%,42% 100%,0 100%)}
.wgb-buehne .kante{position:absolute;left:0;right:0;top:0;height:40px;background:linear-gradient(180deg,#4a2e12,#2a1a0a);border-bottom:2px solid var(--brass);z-index:3}
.wgb-buehne .kante::after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:11px;background:url(../../img/vorhang-2026.webp) center/cover;opacity:.9}
.wgb .buehne-in{position:relative;z-index:4;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:40px;align-items:stretch}
.wgb .spot{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:24px;text-align:center;padding:12px 0 52px}
.wgb .spot .wappen{filter:drop-shadow(0 10px 18px rgba(0,0,0,.9))}
.wgb .spot .k{display:inline-block;padding:7px 16px;border:1px solid var(--gold);border-radius:999px;background:rgba(16,18,22,.85);font-size:1rem;font-weight:600;color:var(--gold2)}
.wgb .spot h1{font:800 3.25rem/1.05 var(--plakat);margin:14px auto 0;max-width:20ch;text-shadow:0 2px 14px rgba(0,0,0,.9)}
.wgb .spot p{font-size:1.1875rem;color:var(--ink2);max-width:46ch;margin:12px auto 0;text-shadow:0 1px 8px rgba(0,0,0,.95)}
.wgb .spot p b{color:var(--or2);font-weight:600}
.wgb .spot .wgb-btn{margin-top:20px}
.wgb .charts{align-self:center;background:rgba(25,29,35,.97);border:1px solid rgba(201,149,46,.5);border-radius:18px;padding:18px 20px 12px;margin:56px 0 32px}
.wgb .charts h2{font-size:1.75rem;margin-bottom:12px}
.wgb .tabs{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--bg);margin-bottom:8px}
.wgb .tabs button{flex:1;min-height:44px;border:0;border-radius:999px;background:none;color:var(--dim);font:600 .9375rem var(--text)}
.wgb .tabs button:hover{color:var(--ink)}
.wgb .tabs button[aria-selected="true"]{background:var(--or);color:#1a0c02}
.wgb .rank{display:grid;grid-template-columns:28px 40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--edge)}
.wgb [role=tabpanel] .rank:first-child{border-top:0}
.wgb .rank .n{font:700 1.375rem/1 var(--marke);color:var(--or2);text-align:center}
.wgb .rank img,.wgb .rank .ph{width:40px;height:60px;object-fit:cover;border-radius:5px}
.wgb .rank strong{display:block;font-weight:600;line-height:1.25}
.wgb .rank small{display:block;font-size:.9375rem;color:var(--dim);margin-top:2px}
.wgb .rank .z{font-weight:600;font-size:1rem;color:var(--gold2);white-space:nowrap}
.wgb .rank:hover strong{color:var(--or2)}
.wgb [role=tabpanel][hidden],.wgb .gliste[hidden]{display:none}
.wgb .gchips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}
.wgb .gchips button{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--edge2);background:none;color:var(--dim);font:600 .875rem var(--text)}
.wgb .gchips button:hover{color:var(--ink);border-color:var(--gold)}
.wgb .gchips button[aria-pressed="true"]{border-color:var(--gold);color:var(--gold2);background:rgba(232,194,104,.1)}
.wgb .gliste .rank:first-child{border-top:0}

/* 2 · Bord: Freitagsfilm und Filmquiz */
.wgb-bord{background:linear-gradient(180deg,#2a1a0a,#17110b);border-top:2px solid var(--brass);border-bottom:1px solid var(--rule)}
.wgb-bord .wgb-wrap{display:grid;grid-template-columns:4fr 8fr;gap:var(--gap);padding-top:28px;padding-bottom:30px}
.wgb .box{background:rgba(16,18,22,.6);border:1px solid rgba(201,149,46,.4);border-radius:16px;padding:22px 24px}
.wgb .box h2{display:flex;align-items:center;gap:10px;font-size:1.75rem}
.wgb .box h2 .ic{color:var(--gold);width:24px;height:24px}
.wgb .box p{color:var(--dim);margin-top:6px;max-width:52ch}
.wgb .fine{font-size:.9375rem;color:var(--faint);margin-top:10px}
.wgb .fine a,.wgb .box .mehr{color:var(--gold2);text-decoration:underline;text-underline-offset:2px}
.wgb .box .mehr{display:inline-block;margin-top:12px;font-weight:600}
.wgb .eintrag{display:flex;gap:10px;margin-top:16px}
.wgb .eintrag.stapel{flex-direction:column}
.wgb .eintrag .zeile{display:flex;gap:10px}
.wgb .eintrag input[type=email]{flex:1;min-width:0;height:48px;padding:0 16px;border-radius:10px;border:1px solid var(--edge2);background:var(--bg);color:var(--ink);font:400 1.0625rem var(--text)}
.wgb .eintrag input[type=email]::placeholder{color:var(--faint)}
.wgb .eintrag input[type=email]:focus{outline:2px solid var(--gold2);outline-offset:1px;border-color:transparent}
.wgb .falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wgb .einw{display:flex;gap:10px;align-items:flex-start;font-size:.9375rem;color:var(--dim);cursor:pointer}
.wgb .einw input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--or);flex:none}
.wgb .meldung-ok{color:var(--gold2);font-weight:600}
.wgb .meldung-fehler{color:#ffb4a0;font-weight:600}
.wgb .quiz{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px}
.wgb .quiz .r2{border-left:1px solid var(--rule);padding-left:28px}
.wgb-bord .wgb-wrap>*,.wgb .karten5>*,.wgb .quiz>*{min-width:0}
.wgb .zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;gap:22px;margin-top:14px}
.wgb .zahlen b{display:block;font:700 2rem/1 var(--text);color:var(--gold2)}
.wgb .zahlen span{display:block;font-size:.9375rem;color:var(--dim);margin-top:4px;max-width:12ch;line-height:1.3}
.wgb .quiz-mehr{font-size:.9375rem;color:var(--dim);margin-top:10px!important;max-width:46ch}
.wgb .r2 .start{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:1rem;color:#1a0c02;background:var(--or);padding:6px 12px;border-radius:999px}
.wgb .r2 h3{margin-top:10px}

/* 3 · Bald im Kino */
.wgb .wochen{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);padding-top:36px}
.wgb .wochen::before{content:"";position:absolute;left:0;right:0;top:12px;height:2px;background:linear-gradient(90deg,var(--or),var(--edge2) 45%)}
.wgb .woche{position:relative}
.wgb .woche::before{content:"";position:absolute;top:-30px;left:0;width:16px;height:16px;border-radius:50%;background:var(--bg);border:3px solid var(--edge2)}
.wgb .woche.jetzt::before{border-color:var(--or);background:var(--or);box-shadow:0 0 0 6px rgba(255,107,0,.18)}
.wgb .woche .wann{display:block;font-size:1rem;color:var(--dim);margin-top:2px}
.wgb .woche.jetzt .wann{color:var(--or2);font-weight:600}
.wgb .wp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.wgb .wp a{position:relative;display:block}
.wgb .wp img,.wgb .wp .ph{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px;border:1px solid var(--edge)}
.wgb .wp .ph{display:grid;place-items:center;padding:8px;font-size:.9375rem;text-align:center}
.wgb .wp b{display:block;font-size:.9375rem;font-weight:600;line-height:1.25;margin-top:7px;hyphens:auto;overflow-wrap:break-word}
.wgb .wp a:hover b{color:var(--or2)}
.wgb .woche .alle{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:600;color:var(--or2)}
.wgb-lab{position:absolute;left:6px;top:6px;z-index:1;font:600 .875rem/1 var(--text);padding:4px 7px;border-radius:5px}
.wgb-lab.de{background:#f3d38a;color:#241605}
.wgb-lab.fam{background:#8fd3a8;color:#0d2416}
.wgb .hubs{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.wgb .hubs a{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--edge2);font-weight:600}
.wgb .hubs a .ic{color:var(--or2)}
.wgb .hubs a:hover{border-color:var(--gold);color:var(--gold2)}
.wgb .hubs a.first{background:linear-gradient(180deg,#ff8533,#ff6b00);color:#1a0c02;border-color:transparent}
.wgb .hubs a.first .ic{color:#1a0c02}

/* 4 · Deutsches Kino und Familie */
.wgb .dach{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:stretch}
.wgb .dach>.dp:only-child{grid-column:1/-1}
.wgb .dp{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--edge);border-radius:16px;overflow:hidden}
.wgb .dp.de{border-color:rgba(243,211,138,.5)}
.wgb .dp.fam{border-color:rgba(143,211,168,.5)}
.wgb .dp h3{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--edge)}
.wgb .dp h3 .wgb-lab{position:static}
.wgb .dp a.z{flex:1 0 auto;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 22px;border-top:1px solid var(--edge)}
.wgb .dp h3+a.z{border-top:0}
.wgb .dp a.z:hover{background:var(--card2)}
.wgb .dp a.z img,.wgb .dp a.z .ph{width:56px;height:84px;object-fit:cover;border-radius:6px}
.wgb .dp strong{display:block;font-weight:600;line-height:1.3}
.wgb .dp small{display:block;font-size:.9375rem;color:var(--dim);margin-top:2px;line-height:1.4}
.wgb .dp .wann{font-size:1rem;font-weight:600;color:var(--gold2);text-align:right;white-space:nowrap}
.wgb .dp.fam .wann{color:#a8e3bd}
.wgb .dp .alle{display:flex;align-items:center;gap:8px;padding:14px 22px;border-top:1px solid var(--edge);font-weight:600;color:var(--or2)}

/* 5 · Fahrplan */
.wgb .fp{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:48px;align-items:start}
.wgb .lauf{background:var(--card);border:1px solid var(--edge);border-radius:16px;padding:6px 24px 18px}
.wgb .lauf-k{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:16px 0 12px;border-bottom:1px solid var(--edge)}
.wgb .lauf-k span{font-size:.9375rem;color:var(--faint)}
.wgb .lauf li{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--edge)}
.wgb .lauf .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--or);color:#1a0c02;font:700 1.125rem/1 var(--text)}
.wgb .lauf li.opt .n{background:none;border:2px solid var(--brass);color:var(--gold2)}
.wgb .lauf li>div>a{display:block;font-size:1.25rem;font-weight:600;line-height:1.25}
.wgb .lauf li>div>a:hover{color:var(--or2)}
.wgb .lauf li small{display:block;font-size:1rem;color:var(--dim);margin-top:3px}
.wgb .lauf li small em{font-style:normal;font-weight:600;color:var(--ink2)}
.wgb .lauf .wo{font-size:1rem;font-weight:600;white-space:nowrap}
.wgb .lauf .wo.frag{color:var(--or2);text-decoration:underline;text-underline-offset:3px}
.wgb .seen{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid rgba(232,194,104,.6);background:linear-gradient(180deg,#2e2820,#1c1813);color:#f3e6c8;font:600 1rem var(--text)}
.wgb .seen .ic{opacity:.35}
.wgb .seen[aria-pressed="true"]{background:linear-gradient(180deg,#f8e2a6,#dcae4f 55%,#a9761f);color:#241605;border-color:#f3d38a}
.wgb .seen[aria-pressed="true"] .ic{opacity:1}
.wgb .sum{display:flex;flex-wrap:wrap;gap:12px 36px;padding-top:16px;font-size:1rem;color:var(--dim)}
.wgb .sum b{color:var(--ink);font-weight:600}
.wgb .fp-side{background:linear-gradient(180deg,#1f1a14,#16130f);border:1px solid rgba(201,149,46,.5);border-radius:16px;padding:24px;text-align:center}
.wgb .fp-side .wgb-siegel{margin:-4px auto 6px}
.wgb .fp-side h3{font:800 1.625rem/1.05 var(--plakat);text-transform:uppercase}
.wgb .fp-side .cd{font:800 3.5rem/1.1 var(--plakat);color:var(--or2);margin-top:6px}
.wgb .fp-side p{color:var(--dim);margin-top:6px}
.wgb .fp-side .wgb-btn{width:100%;margin-top:18px}
.wgb .fp-side .next{margin-top:16px;padding-top:14px;border-top:1px solid var(--edge);font-size:1rem;color:var(--dim);text-align:left}
.wgb .fp-side .next a{color:var(--ink);font-weight:600}

/* 6 · Watcher-Karten */
.wgb .karten4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);align-items:stretch}
.wgb .wk{position:relative;container-type:inline-size;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--edge);border-radius:14px}
.wgb .wk-img{position:relative;display:block;aspect-ratio:16/9;border-radius:13px 13px 0 0;overflow:hidden;background:#000}
.wgb .wk-img img{width:100%;height:100%;object-fit:cover}
.wgb .wk-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,29,35,.92),rgba(25,29,35,0) 45%)}
.wgb .wk-wo{position:absolute;left:12px;top:12px;z-index:1;background:rgba(16,18,22,.88);padding:5px 10px;border-radius:7px;font-size:.9375rem;font-weight:600}
.wgb .wk-seal{position:absolute;right:8px;top:calc(56.25cqw - 80px);z-index:3;line-height:0}
.wgb .wk-seal:empty{display:none}
.wgb .wk-body{position:relative;padding:14px 16px 12px;flex:1}
.wgb .wk-body h3{font:700 1.375rem/1.15 var(--text);padding-right:100px;min-height:28px}
.wgb .wk-body h3 a:hover{color:var(--or2)}
/* größere Tippfläche ohne Layoutverschiebung */
.wgb .wk-body h3 a,.wgb .lauf li>div>a{padding:10px 0;margin:-10px 0}
.wgb .wk-body h3 a{display:inline-block}
.wgb .wk-meta{font-size:.9375rem;color:var(--dim);margin-top:5px}
.wgb .wk-art{display:inline-flex;align-items:center;margin-top:8px;font-size:.875rem;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--edge2);color:var(--dim)}
.wgb .wk-art.kritik{border-color:rgba(232,194,104,.6);color:#f0d38f}
.wgb .wk-urteil{font-size:1.0625rem;line-height:1.5;color:var(--ink2);margin-top:10px}
.wgb .wk-stub{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;border-top:2px dashed var(--edge2)}
.wgb .wg-btn-watchlist.wgb-merk,.wgb .wgb-erinnern{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;border-radius:10px;border:1px solid rgba(232,194,104,.75);background:linear-gradient(180deg,#2e2820,#1c1813);color:#f3e6c8;font:600 1rem var(--text);padding:0 12px}
.wgb .wgb-erinnern{background:linear-gradient(180deg,#6a1716,#430d0d)}
.wgb .wg-btn-watchlist.wgb-merk[aria-pressed="true"],.wgb .wgb-erinnern[aria-pressed="true"],.wgb .wgb-erinnern.is-active,.wgb .wgb-erinnern.active{background:linear-gradient(180deg,#f8e2a6,#dcae4f 55%,#a9761f);color:#241605;border-color:#f3d38a}
.wgb .wk-urteil-link{font-size:.9375rem;font-weight:600;color:var(--gold2);text-align:center;padding-top:4px}
.wgb .neu{margin-top:36px;padding-top:24px;border-top:1px solid var(--edge)}
.wgb .neu h3{margin-bottom:10px}
.wgb .neuliste{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
.wgb .neuliste li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--edge)}
.wgb .neuliste time{font-weight:600;color:var(--gold2)}
.wgb .neuliste a{font-weight:600;line-height:1.35}
.wgb .neuliste a:hover{color:var(--or2)}
.wgb .neuliste small{display:block;font-size:.9375rem;color:var(--dim);margin-top:2px}

/* 7 · Kommentare */
.wgb .ko{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:48px;align-items:start}
.wgb .ko-liste{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.wgb .kom{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--edge);border-radius:16px;padding:20px}
.wgb .kom header{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}
.wgb .av{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--card2);border:2px solid var(--edge2);font:700 .9375rem/1 var(--text)}
.wgb .kom.red .av{border-color:var(--brass);color:var(--gold2)}
.wgb .kom b{font-weight:600}
.wgb .rolle{display:inline-block;margin-left:6px;font:600 .875rem/1 var(--text);padding:3px 8px;border-radius:999px;border:1px solid var(--edge2);color:var(--dim);vertical-align:2px}
.wgb .rolle.redaktion{border-color:rgba(232,194,104,.6);color:var(--gold2)}
.wgb .rolle.mitglied{border-color:rgba(255,133,51,.55);color:#ffb27a}
.wgb .kom header small{display:block;font-size:.9375rem;color:var(--dim);margin-top:2px}
.wgb .kom header small a{color:var(--ink);font-weight:600}
.wgb .kom blockquote{margin:0;padding:0 0 0 14px;border-left:2px solid var(--edge2);background:none;color:var(--ink2);font:400 1.0625rem/1.55 var(--text);font-style:normal;overflow-wrap:anywhere}
.wgb .kom blockquote p{margin:0;font:inherit}
.wgb .kom .antw{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--or2)}
.wgb .mit{background:linear-gradient(180deg,#1f1a14,#16130f);border:1px solid rgba(201,149,46,.5);border-radius:16px;padding:24px}
.wgb .mit ol{counter-reset:s;margin:14px 0 4px;display:grid;gap:12px}
.wgb .mit ol li{counter-increment:s;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;color:var(--dim)}
.wgb .mit ol li::before{content:counter(s);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--or);color:#1a0c02;font-weight:700}
.wgb .mit ol li b{display:block;color:var(--ink);font-weight:600}
.wgb .mit hr{border:0;border-top:1px solid var(--rule);margin:20px 0}
.wgb .mit ul{display:grid;gap:8px;margin:12px 0 18px}
.wgb .mit ul li{display:flex;gap:10px;color:var(--ink2)}
.wgb .mit ul li .ic{color:var(--gold);margin-top:4px}

/* 7 · Die Stimmen der Watcher (Variante C2) */
.wgb .stimmen{display:flex;flex-direction:column;gap:14px}
.wgb .wz{background:var(--card);border:1px solid var(--edge);border-radius:16px;overflow:hidden}
.wgb .wz .zl{display:grid;grid-template-columns:72px minmax(0,1fr) 170px 64px minmax(0,1.35fr) 224px;align-items:center;gap:20px;padding:14px 20px 14px 14px}
.wgb .wz .pl img,.wgb .wz .pl .ph{width:72px;height:108px;object-fit:cover;border-radius:8px}
.wgb .wz .t a{display:block;padding:10px 0;margin:-10px 0}
.wgb .wz .t a:hover b{color:var(--or2)}
.wgb .wz .t b{display:block;font-size:1.125rem;font-weight:700;line-height:1.25}
.wgb .wz .t small{display:block;color:var(--dim);font-size:.9375rem;margin-top:2px}
.wgb .wz .wsc{text-align:center;border:1px solid rgba(232,194,104,.4);border-radius:12px;padding:10px 8px}
.wgb .wz .wsc small{display:block;color:var(--faint);font-size:.875rem}
.wgb .wz .wsc b{display:block;font:800 2.25rem/1.05 var(--plakat);color:var(--gold2)}
.wgb .wz .wsc.ohne b{font:600 .9375rem/1.3 var(--text);color:var(--dim);margin-top:4px}
.wgb .wz .gg{font:800 1.375rem/1 var(--plakat);color:var(--faint);text-align:center;text-transform:uppercase}
.wgb .wz .gg.einig{color:#9fe0b4}
.wgb .wz .gg.gegen{color:var(--or2)}
.wgb .wz q{display:block;font:italic 400 1.1875rem/1.4 var(--text);color:var(--ink);quotes:"„" "“"}
.wgb .wz q::before{content:open-quote}.wgb .wz q::after{content:close-quote}
.wgb .wz .wer{display:flex;align-items:center;gap:10px;margin-top:8px}
.wgb .wz .wer b{font-weight:600}
.wgb .wz .wer small{display:block;color:var(--faint);font-size:.9375rem}
.wgb .wz .av{width:40px;height:40px;font-size:.875rem;flex:none}
.wgb .wz .av.r-red{border-color:var(--brass);color:var(--gold2)}
.wgb .wz .av.r-mit{border-color:rgba(255,133,51,.6);color:#ffb27a}
.wgb .wz .rolle.r-red{border-color:rgba(232,194,104,.6);color:var(--gold2)}
.wgb .wz .rolle.r-mit{border-color:rgba(255,133,51,.55);color:#ffb27a}
.wgb .wz .wahl{display:grid;gap:8px}
.wgb .wz .wahl>button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:10px;font:600 .9375rem/1 var(--text);background:transparent;color:var(--ink);border:1px solid var(--edge2)}
.wgb .wz .wahl .ja{border-color:rgba(232,194,104,.6);color:var(--gold2)}
.wgb .wz .wahl .nein{border-color:rgba(255,133,51,.7);color:var(--or2)}
.wgb .wz .wahl .ja:hover,.wgb .wz .wahl .ja[aria-pressed="true"]{background:rgba(232,194,104,.14)}
.wgb .wz .wahl .nein:hover,.wgb .wz .wahl .nein[aria-pressed="true"]{background:rgba(255,107,0,.16)}
.wgb .wz .wahl>button[aria-pressed="true"]{box-shadow:inset 0 0 0 1px currentColor}
.wgb .wz .wahl>button[disabled]{opacity:.6;cursor:progress}
.wgb .wz .klein{display:flex;justify-content:space-between;gap:8px;font-size:.875rem;white-space:nowrap}
.wgb .wz .klein a,.wgb .wz .klein button{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--faint);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wgb .wz .klein a:hover,.wgb .wz .klein button:hover{color:var(--ink)}
.wgb .wz .danach{border-top:1px solid var(--edge);background:linear-gradient(180deg,#1f1a14,#16130f);padding:18px 20px 18px 106px}
.wgb .wz .danach h3{font-size:1.125rem}
.wgb .wz .danach .stand{color:var(--dim);font-size:.9375rem;margin-top:4px}
.wgb .wz .danach form{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:8px;margin-top:12px;max-width:880px}
.wgb .wz .danach input{font:400 .9375rem var(--text);color:var(--ink);background:var(--bg);border:1px solid var(--edge2);border-radius:10px;padding:0 12px;height:44px;min-width:0}
.wgb .wz .danach input:focus{outline:2px solid var(--gold2);outline-offset:1px;border-color:transparent}
.wgb .wz .danach .wgb-btn{min-height:44px;padding:0 18px;font-size:.9375rem}
.wgb .wz .danach .fein{font-size:.875rem;color:var(--faint);margin-top:8px}
.wgb .wz .danach .wgb-merk{width:auto;display:inline-flex;margin-top:12px;padding:0 18px}
.wgb .w-unten{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;color:var(--faint);font-size:.9375rem}
@media (max-width:1100px){
  .wgb .wz .zl{grid-template-columns:64px minmax(0,1fr) 150px;grid-template-areas:"p t r" "p q q" "w w w"}
  .wgb .wz .pl{grid-area:p;align-self:start}.wgb .wz .pl img,.wgb .wz .pl .ph{width:64px;height:96px}
  .wgb .wz .t{grid-area:t}.wgb .wz .wsc{grid-area:r}.wgb .wz .gg{display:none}.wgb .wz .les{grid-area:q}
  .wgb .wz .wahl{grid-area:w;grid-template-columns:1fr 1fr}.wgb .wz .klein{grid-column:1/-1}
  .wgb .wz .danach{padding-left:20px}
}
@media (max-width:640px){
  .wgb .wz .zl{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"p t" "r r" "q q" "w w";padding:14px;gap:14px}
  .wgb .wz .pl img,.wgb .wz .pl .ph{width:56px;height:84px}
  .wgb .wz .wsc{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:8px 12px}
  .wgb .wz .wsc b{font-size:1.75rem}
  .wgb .wz q{font-size:1.0625rem}
  .wgb .wz .klein{white-space:normal;flex-wrap:wrap}
  .wgb .wz .klein a,.wgb .wz .klein button{min-height:44px}
  .wgb .wz .danach form{grid-template-columns:1fr}
  .wgb .w-unten{flex-direction:column;align-items:flex-start}
}

/* 8 · Vom Kino in den Stream */
.wgb .lebens{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:stretch}
.wgb .lb{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--edge);border-radius:16px;overflow:hidden}
.wgb .lb h3{display:flex;align-items:center;gap:10px;padding:16px 22px;color:var(--gold2);border-bottom:1px solid var(--edge)}
.wgb .lb a.t{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 22px;border-top:1px solid var(--edge)}
.wgb .lb h3+a.t{border-top:0}
.wgb .lb a.t:hover{background:var(--card2)}
.wgb .lb img,.wgb .lb .ph{width:48px;height:72px;object-fit:cover;border-radius:6px}
.wgb .lb strong{display:block;font-weight:600}
.wgb .lb small{display:block;font-size:.9375rem;color:var(--dim);margin-top:2px}
.wgb .lb .pv{text-align:right;font-size:.9375rem;color:var(--faint)}
.wgb .lb .pv b{display:block;font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:2px}
.wgb .lb .pv b.bald{color:var(--gold2)}
.wgb .lb .pv b.no{color:#ffb27a}

/* 9 · Stimmungen */
.wgb .moods{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gap)}
.wgb .mood{position:relative;height:240px;border-radius:16px;overflow:hidden;display:flex;align-items:flex-end;padding:18px;border:1px solid var(--edge);background:var(--card2)}
.wgb .mood img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .25s,transform .4s ease-out}
.wgb .mood::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,18,22,.97) 0,rgba(16,18,22,.8) 38%,rgba(16,18,22,.05) 78%)}
.wgb .mood:hover img{opacity:.95;transform:scale(1.05)}
.wgb .mood:hover{border-color:var(--gold)}
.wgb .mood b{position:relative;z-index:1;font:800 1.625rem/1.02 var(--plakat);text-transform:uppercase}
.wgb .mood b small{display:block;font:400 .9375rem/1.35 var(--text);color:var(--ink2);margin-top:4px;text-transform:none}

/* 10 · Regal mit Fächern */
.wgb .regal-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.wgb .regal{display:flex;align-items:stretch;min-width:max-content;padding:0 18px;background:linear-gradient(180deg,#1c1510,#120e0a);border:1px solid rgba(201,149,46,.35);border-bottom:0;border-radius:16px 16px 0 0}
.wgb .fach{position:relative;display:flex;flex-direction:column;padding:18px 14px 0}
.wgb .fach+.fach{margin-left:10px}
.wgb .fach+.fach::before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:10px;background:linear-gradient(90deg,#4a3218,#2e1f10);box-shadow:inset 1px 0 0 rgba(232,194,104,.3)}
.wgb .schild{align-self:flex-start;font:600 .9375rem/1 var(--text);color:#241605;background:linear-gradient(180deg,#f8e2a6,#c9952e);padding:5px 10px;border-radius:4px;margin-bottom:16px}
.wgb .buecher{display:flex;align-items:flex-end;gap:6px;height:262px}
.wgb .spine{position:relative;display:flex;align-items:flex-end;justify-content:center;width:92px;border-radius:5px 5px 2px 2px;color:#fff;border:1px solid rgba(0,0,0,.4);box-shadow:inset 2px 0 0 rgba(255,255,255,.14),inset -3px 0 0 rgba(0,0,0,.35);transition:transform .18s ease-out}
.wgb .spine b{writing-mode:vertical-rl;transform:rotate(180deg);font:800 1.625rem/1 var(--plakat);text-transform:uppercase;letter-spacing:.04em;padding:16px 0;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.wgb .spine small{position:absolute;top:12px;left:4px;right:4px;text-align:center;font-size:.9375rem;font-weight:600;line-height:1.15}
.wgb .spine.lang b{font-size:1.3125rem}
.wgb .spine.xlang b{font-size:1.0625rem;letter-spacing:.02em}
.wgb .spine:hover,.wgb .spine:focus-visible{transform:translateY(-14px)}
.wgb .spine.alle{width:124px;background:linear-gradient(180deg,#ff8533,#c24f00);color:#1a0c02}
.wgb .spine.alle b{text-shadow:none}
.wgb .boden{min-width:100%;height:18px;background:linear-gradient(180deg,#6b4a26,#3a2814);border-radius:0 0 8px 8px}
.wgb .regal-note{display:flex;justify-content:space-between;gap:40px;margin-top:22px;color:var(--dim)}
.wgb .regal-note span{max-width:56ch}

/* 11 · Serien */
.wgb .karten5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gap)}
.wgb .fk{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--edge);border-radius:16px;padding:20px}
.wgb .fk:hover{border-color:var(--gold)}
.wgb .fk .d{display:flex;align-items:baseline;gap:6px;font:800 2.75rem/1 var(--plakat)}
.wgb .fk .d small{font:600 1rem var(--text);color:var(--or2)}
.wgb .fk b{font-size:1.125rem;font-weight:600;line-height:1.3}
.wgb .fk p{font-size:.9375rem;color:var(--dim)}
.wgb .fk .pv{align-self:flex-start;margin-top:auto;padding:6px 12px;border-radius:999px;border:1px solid var(--edge2);font-size:1rem;font-weight:600}
.wgb .frank{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:var(--gap);padding:20px 24px;border:1px solid rgba(201,149,46,.45);border-radius:16px;background:linear-gradient(90deg,#1d1913,#161412)}
.wgb .frank>.ic{width:34px;height:34px;color:var(--gold)}
.wgb .frank h3{font:800 1.625rem/1.05 var(--plakat);text-transform:uppercase}
.wgb .frank p{color:var(--dim);max-width:66ch;margin-top:2px}
.wgb .frank p b{color:var(--gold2);font-weight:600}

/* 12 · Deine Liste */
.wgb .l3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items:stretch}
.wgb .lp{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--edge);border-radius:16px;padding:24px}
.wgb .lp.gold{border-color:rgba(201,149,46,.55);background:linear-gradient(180deg,#1f1a14,#181512)}
.wgb .lp h3{display:flex;align-items:center;gap:10px;font:800 1.625rem/1.05 var(--plakat);text-transform:uppercase}
.wgb .lp h3 .ic{color:var(--gold);width:24px;height:24px}
.wgb .lp p{color:var(--dim)}
.wgb .lp .wgb-btn{align-self:flex-start;margin-top:auto}
.wgb .merkliste{display:grid;gap:6px}
.wgb .merkliste a{display:block;padding:8px 12px;border-radius:8px;background:var(--card2);font-weight:600}
.wgb .merkliste a:hover{color:var(--or2)}
.wgb .typen{display:flex;flex-wrap:wrap;gap:6px}
.wgb .typen span{font-size:.9375rem;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid rgba(232,194,104,.45);color:var(--gold2)}

/* 13 · Horror, So bewerten wir */
.wgb .horror{display:flex;align-items:center;gap:20px;padding:18px 24px;margin-bottom:4.5rem;border:1px solid rgba(255,90,90,.35);border-radius:16px;background:linear-gradient(90deg,#1d1414,#151216)}
.wgb .horror>.ic{color:#ff8a8a;width:30px;height:30px}
.wgb .horror p{color:var(--dim);max-width:70ch}
.wgb .horror p b{color:var(--ink);font-weight:600}
.wgb .horror .links{display:flex;gap:10px;margin-left:auto}
.wgb .legende{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gap)}
.wgb .lg{text-align:center;background:var(--card);border:1px solid var(--edge);border-radius:16px;padding:20px 14px 18px}
.wgb .lg .wgb-siegel{margin:0 auto 10px}
.wgb .lg>b{display:block;font:800 1.5rem/1.1 var(--plakat);text-transform:uppercase}
.wgb .lg small{display:block;font-size:.9375rem;color:var(--dim);margin-top:4px}
.wgb .ritual{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);gap:20px;align-items:center;margin-top:var(--gap);padding:22px 26px;border:1px solid rgba(201,149,46,.5);border-radius:16px;background:linear-gradient(90deg,#1f1a14,#161412)}
.wgb .ritual>.ic{width:30px;height:30px;color:var(--or2)}
.wgb .ritual h3{font:800 1.625rem/1.05 var(--plakat);text-transform:uppercase}
.wgb .ritual p{color:var(--dim);max-width:62ch;margin-top:4px}
.wgb .arten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:var(--gap)}
.wgb .art{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:20px;border:1px solid var(--edge);border-radius:16px;background:var(--card)}
.wgb .art .wk-art{margin:0}
.wgb .art p{color:var(--dim)}
.wgb .art p b{color:var(--ink);font-weight:600}

/* 14 · Über WatchGuide */
.wgb .ueber{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:48px;align-items:start}
.wgb .ueber p{color:var(--ink2);max-width:68ch;margin-top:12px;line-height:1.65}
.wgb .ueber p b{color:var(--ink);font-weight:600}
.wgb .fakten{background:var(--card);border:1px solid var(--edge);border-radius:16px;padding:8px 22px}
.wgb .fakten a{display:flex;justify-content:space-between;align-items:center;min-height:48px;border-bottom:1px solid var(--edge);font-weight:600}
.wgb .fakten li:last-child a{border-bottom:0}
.wgb .fakten a:hover{color:var(--or2)}

/* Fuß */
.wgb-fuss-huelle{background:#0b0c0f}
.wgb-fuss .fall{height:90px;background:url(../../img/vorhang-2026.webp) center bottom/cover no-repeat;border-bottom:2px solid var(--brass)}
.wgb-fuss .fuss-top{display:grid;grid-template-columns:1.6fr repeat(5,minmax(0,1fr));gap:32px;padding-top:48px;padding-bottom:40px}
.wgb-fuss .logo{display:flex;align-items:center;gap:12px}
.wgb-fuss .logo b{display:block;font:700 1.5rem/1 var(--marke);color:var(--gold2);letter-spacing:.03em}
.wgb-fuss .logo small{display:block;font-size:.9375rem;color:var(--dim);margin-top:4px}
.wgb-fuss .fuss-marke p{color:var(--dim);margin:16px 0 20px;max-width:36ch}
.wgb-fuss .fuss-h{font:600 1rem/1 var(--text);color:var(--gold2);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(232,194,104,.3);text-transform:none;letter-spacing:0}
.wgb-fuss li a{display:block;padding:6px 0;color:var(--ink2)}
.wgb-fuss li a:hover{color:var(--gold2)}
.wgb-fuss .soc{display:flex;gap:8px}
.wgb-fuss .soc a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--edge2);border-radius:10px;color:var(--ink2)}
.wgb-fuss .soc a:hover{border-color:var(--gold);color:var(--gold2)}
.wgb-fuss .fuss-stand{display:flex;align-items:center;gap:12px;padding-top:18px;padding-bottom:18px;border-top:1px solid var(--edge);font-size:.9375rem;color:var(--dim)}
.wgb-fuss .fuss-stand b{color:var(--ink);font-weight:600}
.wgb-fuss .fuss-stand a{color:var(--gold2);text-decoration:underline;text-underline-offset:2px}
.wgb-fuss .fuss-stand .ic{color:var(--or2)}
.wgb-fuss .fuss-unten{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding-top:18px;padding-bottom:24px;border-top:1px solid var(--edge);font-size:.9375rem;color:var(--faint)}
.wgb-fuss .fuss-unten a{margin-left:20px;color:var(--dim)}
.wgb-fuss .fuss-unten a:hover{color:var(--gold2)}

/* Tippflächen: Weiterlinks und Textknöpfe mindestens 44 px hoch (Designvorgaben, WCAG 2.5.8) */
.wgb .mehr,.wgb .woche .alle,.wgb .kom .antw,.wgb .lauf .wo.frag,.wgb .wk-urteil-link,.wgb .dp .alle{min-height:44px;align-items:center}
.wgb .box .mehr,.wgb .lauf .wo.frag,.wgb .wk-urteil-link{display:inline-flex}
.wgb .wk-urteil-link{justify-content:center}
.wgb .fp-side .next a{display:inline-block;padding:10px 0}
.wgb-fuss .fuss-unten>span:last-child{display:flex;flex-wrap:wrap;gap:0 20px}
.wgb-fuss .fuss-unten>span:last-child a{margin:0;display:inline-flex;align-items:center;min-height:44px}

/* Tablet und Handy (Breakpoints nach mobile-first-2026.md: 767/768/1080) */
@media (max-width:1279px){
  .wgb .moods{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wgb .karten5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wgb .fuss-top{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1079px){
  .wgb .buehne-in{grid-template-columns:minmax(0,1fr);gap:0}
  .wgb .spot,.wgb .charts{min-width:0}
  .wgb .spot p,.wgb .spot h1{max-width:100%}
  .wgb .charts{margin:0 0 32px}
  .wgb-buehne .vorhang{width:16%}
  .wgb-bord .wgb-wrap{grid-template-columns:1fr}
  .wgb .wochen{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  .wgb-fuss li a{padding:11px 0}
  .wgb .wochen::before{display:none}
  .wgb .woche::before{display:none}
  .wgb .fp,.wgb .ko,.wgb .ueber{grid-template-columns:1fr}
  .wgb .karten4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wgb .legende{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wgb .arten{grid-template-columns:1fr}
}
@media (max-width:767px){
  .wgb-wrap{padding:0 20px}
  .wgb-sec{padding:3rem 0}
  .wgb h2{font-size:2rem}
  .wgb .sh{flex-direction:column;align-items:flex-start;gap:12px}
  .wgb-buehne{min-height:0}
  .wgb .spot{padding:8px 0 28px}
  .wgb .spot h1{font-size:2.375rem}
  .wgb .spot p{font-size:1.0625rem}
  .wgb .spot .wappen .wgb-siegel{--s:110px!important}
  .wgb .charts{padding:16px 14px 8px}
  .wgb .tabs button{font-size:.875rem;min-height:44px}
  .wgb .quiz{grid-template-columns:1fr}
  .wgb .quiz .r2{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:20px}
  .wgb .eintrag,.wgb .eintrag .zeile{flex-direction:column}
  .wgb .eintrag .wgb-btn{width:100%}
  .wgb .eintrag input[type=email]{flex:0 0 auto;width:100%}
  .wgb-buehne .vorhang{width:9%}
  .wgb .wochen{grid-template-columns:1fr}
  .wgb .dach,.wgb .lebens,.wgb .l3,.wgb .neuliste{grid-template-columns:1fr}
  .wgb .lauf{padding:4px 16px 16px}
  .wgb .moods{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .wgb .mood{height:180px}
  .wgb .karten5{grid-template-columns:1fr 1fr;gap:12px}
  .wgb .frank{grid-template-columns:1fr}
  .wgb .horror{flex-direction:column;align-items:flex-start}
  .wgb .horror .links{margin-left:0;flex-wrap:wrap}
  .wgb .legende{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .wgb .ritual{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:20px 18px}
  .wgb .ritual>div:last-child{flex:1 1 100%;min-width:0}
  .wgb .regal-note{flex-direction:column;gap:10px}
  .wgb .dp a.z,.wgb .lb a.t{padding:12px 16px}
  .wgb .lb a.t{grid-template-columns:48px minmax(0,1fr)}
  .wgb .lb .pv{grid-column:2;text-align:left}
  .wgb-fuss .fuss-top{grid-template-columns:1fr 1fr}
  .wgb-fuss .fuss-marke{grid-column:1/-1}
  .wgb .box{padding:20px 18px}
  .wgb .zahlen{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .wgb .zahlen b{font-size:1.75rem}
  .wgb .fk{padding:16px}
  .wgb .fk .d{flex-wrap:wrap;font-size:2.25rem}
  .wgb .lauf .wo.frag{justify-self:start}
  /* Wischleisten statt endloser Stapel: Folgekarte angeschnitten, Einrasten am Kartenrand */
  .wgb .wochen,.wgb .karten4,.wgb .ko-liste{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;margin:0 -20px;padding:0 20px 14px;scrollbar-width:thin;scrollbar-color:var(--edge2) transparent;overscroll-behavior-x:contain}
  .wgb .wochen{padding-top:0}
  .wgb .woche{flex:0 0 86%;scroll-snap-align:start}
  .wgb .karten4>.wk{flex:0 0 84%;scroll-snap-align:start}
  .wgb .ko-liste>.kom{flex:0 0 84%;scroll-snap-align:start}
  .wgb .kom blockquote p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}
  .wgb .wisch{display:flex;align-items:center;gap:8px;margin:-6px 0 12px;font-size:.9375rem;color:var(--dim)}
  .wgb .wisch .ic{color:var(--or2)}
  /* Fahrplan: Anbieter und „Gesehen“ in einer Zeile */
  .wgb .lauf li{grid-template-columns:44px minmax(0,1fr) auto;column-gap:14px}
  .wgb .lauf li>div{grid-column:2/4}
  .wgb .lauf .wo{grid-column:2;align-self:center}
  .wgb .lauf .seen{grid-column:3}
  .wgb .lauf-k{flex-direction:column;align-items:flex-start;gap:4px}
  .wgb .legende .lg:last-child{grid-column:1/-1}
  .wgb .ko{gap:24px}
}
@media (max-width:359px){.wgb .ritual .wgb-siegel{width:80px!important}.wgb .ritual .wgb-zahl{width:70px;height:70px}.wgb .wochen,.wgb .karten4,.wgb .ko-liste{margin:0 -16px;padding:0 16px 14px;scroll-padding-inline:16px}.wgb .spot h1{font-size:2rem}.wgb .spot .k{font-size:.9375rem}.wgb .tabs button{font-size:.875rem;padding:0 4px}.wgb .rank{grid-template-columns:22px 36px minmax(0,1fr) auto;gap:8px}.wgb .woche,.wgb .karten4>.wk,.wgb .ko-liste>.kom{flex-basis:90%}.wgb-wrap{padding:0 16px}.wgb .karten5,.wgb .moods{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.wgb .spine,.wgb .mood img{transition:none}}