/* monkey-island.de – Standard dunkel (Kopf „Steg“, Farben aus dem Bild), html.hell = hell (Kopf „Dorf“). Schriften lokal. */
:root{--bg:#0e1550;--bg2:#090d2e;--paper:#18226a;--rand:rgba(255,255,255,.09);--ink:#eef0ff;--muted:#b3bbe6;--akz:#ffd23f;--akz2:#7d8bff;--band:#151f63;--fuss:#080c29;--pix:#55ffff;--glut:#b9ffd6;--glut2:#5fe39a;color-scheme:dark}
html.hell{--bg:#eadcb2;--bg2:#f6efdc;--paper:#fffaf0;--rand:rgba(42,36,20,.12);--ink:#2a2414;--muted:#6b5f45;--akz:#f0a51f;--akz2:#2f8f6a;--band:#1f3b2a;--fuss:#2a2414;--pix:#1f6f52;--glut:#1d6b45;--glut2:#2f8f6a;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{overflow-x:clip}
body{margin:0;background:linear-gradient(180deg,var(--bg) 0,var(--bg) 900px,var(--bg2) 100%);color:var(--ink);font:17px/1.65 Outfit,system-ui,sans-serif}
img{max-width:100%;display:block}a{color:inherit}.px{image-rendering:pixelated}
h1,h2,h3{overflow-wrap:break-word;hyphens:auto}
.w{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}
.k{font:600 .72rem "Space Grotesk",system-ui;letter-spacing:.2em;text-transform:uppercase;color:var(--akz)}html.hell .k{color:#b4541a}
h2{margin:8px 0 14px;font:800 clamp(2.2rem,4.2vw,3.6rem)/.95 Outfit;letter-spacing:-.03em}
.lead{max-width:60ch;color:var(--muted);margin:0 0 30px}
.go{display:inline-flex;padding:12px 22px;border-radius:999px;background:var(--akz);color:#1b1206;font-weight:800;text-decoration:none;margin:4px 8px 4px 0}
.go.l{background:transparent;border:1px solid color-mix(in srgb,var(--ink) 35%,transparent);color:var(--ink)}
.blk{margin-top:110px}

/* Leiste über dem Bild */
.leiste{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:18px;padding:14px 28px}
.marke img{width:120px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.startseite .marke{visibility:hidden}
.leiste nav{display:flex;gap:2px;padding:5px 7px;border-radius:999px;background:rgba(10,12,30,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16)}
.leiste nav a{color:#fff;text-decoration:none;padding:6px 12px;border-radius:999px;font-weight:700;font-size:.92rem;text-shadow:0 1px 4px rgba(0,0,0,.5)}.leiste nav a:hover,.leiste nav a[aria-current]{background:rgba(255,255,255,.18)}
.modus{margin-left:auto;display:flex;gap:6px}.modus a{padding:6px 12px;border-radius:999px;background:rgba(10,12,30,.4);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;font-size:.82rem;font-weight:700}.modus a.an{background:var(--akz);color:#1b1206;border-color:transparent}

/* Köpfe: voll deckend, unten kurzer Übergang in die Seitenfarbe */
.kopf{position:relative;height:clamp(440px,42vw,680px);overflow:hidden;background:var(--bg)}
.kopf.klein{height:clamp(360px,32vw,520px)}
.kb{position:absolute;inset:0;background-size:cover;background-position:center}.kb-h{display:none}html.hell .kb-d{display:none}html.hell .kb-h{display:block}
.kopf.start .kb{background-size:auto 100%;background-position:38% 50%;background-repeat:no-repeat}html.hell .kopf.start .kb-h{background-position:50% 50%}
.kopf:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none}
.kopf.klein:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,30,.72),rgba(6,8,30,.2) 55%,transparent);z-index:1}
.kw{position:relative;z-index:2;height:100%;max-width:1200px;margin:0 auto;padding:0 32px}
.kopf.start .lg{position:absolute;left:32px;top:16%;width:min(560px,46vw);filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}
html.hell .kopf.start .lg{left:50%;transform:translateX(-50%);width:min(540px,44vw);filter:drop-shadow(0 6px 10px rgba(40,30,10,.45))}
.kopf.start .slogan{position:absolute;left:44px;top:calc(16% + min(560px,46vw)*.32 + 10px);margin:0;font:500 clamp(.95rem,1.5vw,1.3rem) "Pixelify Sans",monospace;color:#fff;text-shadow:2px 2px 0 #000}
html.hell .kopf.start .slogan{left:50%;transform:translateX(-50%);white-space:nowrap;top:calc(16% + min(540px,44vw)*.32 + 8px)}
.kopf.klein .kw{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:70px;color:#fff}
.kopf.klein h1{margin:8px 0 10px;font:800 clamp(2.4rem,5.5vw,4.6rem)/.95 Outfit;letter-spacing:-.03em;text-shadow:0 4px 20px rgba(0,0,0,.6);max-width:18ch}
.kopf.klein .k{color:#ffd27a}.kopf.klein .k a{color:inherit}.kopf .kl{max-width:52ch;font:500 1.15rem "Pixelify Sans",monospace;text-shadow:2px 2px 0 #000;margin:0}
.fakten{display:flex;flex-wrap:wrap;gap:26px}.fakten span{font:600 .68rem "Space Grotesk";letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}.fakten b{display:block;font:800 1.2rem/1.2 Outfit;color:#fff;letter-spacing:0;text-transform:none;max-width:28ch}
.unterkopf{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;padding-top:26px}.unterkopf p{margin:0;max-width:62ch;color:var(--muted);font-size:1.08rem}

/* Karten der Spiele */
.s6{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.s6 a{position:relative;display:flex;align-items:flex-end;height:300px;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;box-shadow:0 22px 40px -26px rgba(0,0,0,.7)}
.s6 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.s6 a:hover img{transform:scale(1.06)}
.s6 a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,6,20,.95))}
.s6 i{position:absolute;z-index:1;top:4px;left:12px;font:800 3.6rem/1 Outfit;font-style:normal;text-shadow:0 4px 18px rgba(0,0,0,.7)}.s6 span{position:relative;z-index:1;padding:12px}.s6 b{display:block;font:800 1rem/1.15 Outfit}.s6 em{font-style:normal;font-size:.78rem;color:var(--akz)}

/* Zeitleiste (maßstabsgetreu, nicht scrollbar) */
.zeit{position:relative;height:620px}
.zeit .achse{position:absolute;left:0;right:0;top:330px;height:3px;background:linear-gradient(90deg,var(--akz),var(--akz2));border-radius:3px}
.zeit .tick{position:absolute;top:322px;width:1px;height:18px;background:currentColor;opacity:.35}.zeit .tick.gross{height:26px;top:318px;opacity:.7}
.zeit .jahr{position:absolute;top:352px;transform:translateX(-50%);font:700 .8rem "Space Grotesk";color:var(--muted)}
.zeit .pause{position:absolute;top:300px;transform:translateX(-50%);font:500 .72rem Outfit;color:var(--muted);white-space:nowrap}
.zeit .spanne{position:absolute;top:326px;height:11px;border-radius:6px;background:var(--akz2)}
.zeit .ev{position:absolute;width:172px}.zeit .ev.rechts{transform:translateX(-100%)}
.zeit .pkt{position:absolute;top:324px;left:-7px;width:14px;height:14px;border-radius:50%;background:var(--akz);box-shadow:0 0 0 4px var(--bg);z-index:2}.zeit .ev.rechts .pkt{left:auto;right:-7px}
.zeit .stiel{position:absolute;left:0;width:2px;background:var(--akz);opacity:.55}.zeit .ev.rechts .stiel{left:auto;right:0}
.zeit .zk{position:absolute;left:-16px;width:172px;display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;padding:8px;border-radius:14px;background:var(--paper);border:1px solid var(--rand);box-shadow:0 20px 40px -26px rgba(0,0,0,.6);text-decoration:none;z-index:3;transition:transform .2s}
.zeit .ev.rechts .zk{left:auto;right:-16px}.zeit .zk:hover{transform:translateY(-3px)}
.zeit .zk img{width:58px;height:76px;object-fit:cover;border-radius:6px}.zeit .zk em{display:block;font:700 .72rem "Space Grotesk";font-style:normal;color:var(--akz)}html.hell .zeit .zk em{color:#b4541a}.zeit .zk b{display:block;font:800 .84rem/1.2 Outfit;margin:2px 0}.zeit .zk small{display:block;font-size:.7rem;color:var(--muted);line-height:1.3}
.zeit .o1 .stiel{top:228px;height:96px}.zeit .o1 .zk{top:136px}.zeit .o2 .stiel{top:100px;height:224px}.zeit .o2 .zk{top:8px}.zeit .u1 .stiel{top:338px;height:66px}.zeit .u1 .zk{top:404px}

/* Demo (MI1) */
.spiel{display:grid;grid-template-columns:1fr 1.25fr;gap:44px;align-items:center}
.demo{font-family:"Pixelify Sans",VT323,monospace;background:#000;color:#fff;border-radius:6px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.demo input{position:absolute;opacity:0;pointer-events:none}.d-st{display:none}
.d-szene{position:relative;aspect-ratio:320/150}.d-szene img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.d-t{position:absolute;left:0;right:0;top:6%;margin:0;text-align:center;font-size:clamp(.9rem,1.8vw,1.15rem);line-height:1.25;text-shadow:2px 2px 0 #000,-1px -1px 0 #000}.d-t.g{color:#fff}.d-t.p{color:#ff55ff}
.d-verb{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 10px;gap:2px 8px;border-top:2px solid #333}
.d-verb label,.d-dlg label,.d-inv label{cursor:pointer;color:#00aa00;font-size:1.05rem}.d-verb label:hover{color:#55ff55}
.d-dlg{display:grid;padding:8px 12px;border-top:2px solid #333;gap:2px}.d-dlg label{color:#aa00aa}.d-dlg label:hover{color:#ff55ff}
.d-inv{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;border-top:2px solid #333}.d-inv a,.d-inv label{display:block;padding:8px;border:2px solid #3a3aa8;background:#14145a;color:#aaf;text-decoration:none;font-size:1rem}.d-inv small{display:block;color:#7f7fd0;font-size:.8rem}
.d-tipp{margin:0;padding:4px 12px 8px;color:#777;font-size:.85rem;min-height:1.4em}
.zitat{margin-top:110px;text-align:center}.zitat p{margin:0;font:400 clamp(1.4rem,3vw,2rem)/1.35 "Pixelify Sans",monospace}.zitat small{display:block;margin-top:10px;color:var(--akz);font:600 .78rem "Space Grotesk";letter-spacing:.2em;text-transform:uppercase}

/* Bänder */
.band{position:relative;margin-top:110px;overflow:hidden;isolation:isolate;background:var(--band);color:#eef0ff}
.band:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 80% at 100% 30%,color-mix(in srgb,var(--akz2) 35%,transparent),transparent 70%)}
.band .bf{position:absolute;z-index:-2;right:0;top:0;width:55%;height:100%;object-fit:cover;opacity:.42;-webkit-mask-image:linear-gradient(270deg,#000 20%,transparent);mask-image:linear-gradient(270deg,#000 20%,transparent)}
.band .b2{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;padding-top:80px;padding-bottom:80px;align-items:center}.band .lead{color:#d6dcf3}.band .k{color:#ffd27a}
.duell{display:grid;gap:10px}.duell div{padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.duell em{display:block;font-style:normal;color:#ffd27a}
/* Geisterwelt – Schrift und Farbe aus Vorschlag 8 (Voodoo-Nacht) */
.geist{position:relative;margin-top:110px;padding:90px 0;background:radial-gradient(40% 50% at 50% 40%,rgba(60,255,150,.16),transparent 70%),#050b08;color:#d8f5e4;overflow:hidden}
.geist h2,.figliste .geistig h3,.tales h2{font-family:"Grenze Gotisch",serif;font-weight:800;color:#b9ffd6;text-shadow:0 0 14px rgba(80,255,160,.55),0 0 50px rgba(80,255,160,.25);letter-spacing:0}
html.hell .figliste .geistig h3{color:#1d6b45;text-shadow:0 0 12px rgba(80,200,140,.35)}
.geist .k{color:#5fe39a}.geist .lead{color:#a9d8bf}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.g3 a{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;padding:16px;border-radius:18px;background:rgba(95,227,154,.06);border:1px solid rgba(120,255,180,.2);text-decoration:none}
.g3 img{height:120px;width:auto;margin:0 auto;filter:drop-shadow(0 0 14px rgba(80,255,160,.55))}.g3 b{display:block;font:800 1.6rem "Grenze Gotisch",serif;color:#e6fff0;margin-bottom:4px}.g3 span span,.g3 a>span{color:#a9d8bf;font-size:.9rem}
.panoband{position:relative;margin-top:110px;height:clamp(220px,24vw,380px);background:#1a0905 url(../bilder/hoelle-band.jpg) 50% 50%/cover no-repeat;display:flex;align-items:flex-end}
.panoband p{margin:0 auto;max-width:1200px;width:100%;padding:0 32px 26px;font:500 clamp(1.1rem,2.2vw,1.7rem) "Pixelify Sans",monospace;color:#fff;text-shadow:2px 2px 0 #000}.panoband small{display:block;font:600 .74rem "Space Grotesk";letter-spacing:.16em;text-transform:uppercase;color:#ffd27a;margin-top:6px}

/* Figuren, Inseln, Galerie */
.figs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.figs a{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;padding:10px;border-radius:16px;background:var(--paper);border:1px solid var(--rand);text-decoration:none}
.figs img,.figs .leer{height:76px;width:76px;object-fit:contain;background:rgba(0,0,0,.35);border-radius:12px;display:block}html.hell .figs img,html.hell .figs .leer{background:#1f3b2a}.figs b{display:block}.figs small{color:var(--muted);font-size:.8rem;line-height:1.3;display:block}
.figliste{display:grid;grid-template-columns:1fr 1fr;gap:14px}.figliste article{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:18px;border-radius:18px;background:var(--paper);border:1px solid var(--rand);scroll-margin-top:30px}
.figliste img,.figliste .leer{height:150px;width:120px;object-fit:contain;background:rgba(0,0,0,.3);border-radius:12px;display:block}.figliste h3{margin:0;font:800 1.4rem Outfit}.figliste em{font-style:normal;font:700 .72rem "Space Grotesk";letter-spacing:.1em;text-transform:uppercase;color:var(--akz)}.figliste p{margin:8px 0 0;color:var(--muted)}
.figliste .geistig{background:#050b08;border-color:rgba(120,255,180,.25);color:#d8f5e4}.figliste .geistig p{color:#a9d8bf}.figliste .geistig img{filter:drop-shadow(0 0 12px rgba(80,255,160,.5))}
html.hell .figliste .geistig{background:#e3f3e8;color:var(--ink)}html.hell .figliste .geistig p{color:var(--muted)}
.pixreihe{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}.pixreihe img{height:110px;width:auto}
.insel{display:grid;grid-template-columns:1fr 1fr;gap:16px}.insel article{display:grid;grid-template-columns:240px 1fr;gap:18px;padding:14px;border-radius:18px;background:var(--paper);border:1px solid var(--rand)}
.insel img,.insel .leer{width:240px;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block;background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 14px,transparent 14px 28px)}.insel h3{margin:4px 0 0;font:800 1.3rem Outfit}.insel em{font-style:normal;font:700 .72rem "Space Grotesk";letter-spacing:.1em;text-transform:uppercase;color:var(--akz)}.insel p{margin:8px 0 0;color:var(--muted);font-size:.95rem}
.galerie2{columns:3 300px;column-gap:14px}.galerie2 a{display:block;break-inside:avoid;margin:0 0 14px;border-radius:14px;overflow:hidden;position:relative;color:#fff;text-decoration:none;box-shadow:0 24px 40px -28px rgba(0,0,0,.8)}
.galerie2 img{width:100%;height:auto;transition:transform .5s}.galerie2 a:hover img{transform:scale(1.04)}.galerie2 span{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));font:700 .92rem Outfit}.galerie2 small{display:block;font-weight:500;opacity:.75;font-size:.76rem}
.cover6{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cover6 a{text-decoration:none}.cover6 img{border-radius:10px;box-shadow:0 20px 40px -24px rgba(0,0,0,.8)}.cover6 span{display:block;font-size:.85rem;margin-top:6px;color:var(--muted)}
.gal{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.karte{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.karte img{width:100%;border:0;border-radius:0;-webkit-mask:radial-gradient(closest-side,#000 70%,transparent);mask:radial-gradient(closest-side,#000 70%,transparent)}
.karte ul{list-style:none;padding:0;margin:0;font:1.3rem "Pixelify Sans",VT323,monospace}.karte li{padding:7px 0;border-bottom:1px dashed var(--rand)}.karte a{color:var(--pix);text-decoration:none}.karte a:hover{color:var(--akz)}

/* Spielseiten */
.reiter{position:sticky;top:0;z-index:20;display:flex;gap:6px;padding-top:12px;padding-bottom:12px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px)}
.reiter a{padding:8px 14px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.9rem;color:var(--muted);border:1px solid var(--rand)}.reiter a:hover{color:var(--ink);border-color:var(--akz)}
.zwei{display:grid;grid-template-columns:1.5fr 1fr;gap:44px;align-items:start}.zwei aside img{border-radius:12px;box-shadow:0 30px 50px -30px rgba(0,0,0,.8)}.zwei aside p{color:var(--muted);font-size:.92rem}
p.gross{font-size:1.18rem;line-height:1.7}
.loesung details{background:var(--paper);border:1px solid var(--rand);border-radius:16px;margin-bottom:10px;overflow:hidden}
.loesung summary{cursor:pointer;padding:16px 20px;font:800 1.1rem Outfit;list-style:none}.loesung summary::-webkit-details-marker{display:none}
.loesung summary span{display:inline-block;margin-right:12px;padding:3px 10px;border-radius:999px;background:var(--akz);color:#1b1206;font-size:.75rem}
.loesung .kt{padding:0 24px 20px;line-height:1.75}.loesung .kt p{margin:0 0 12px}.loesung h4{margin:20px 0 8px;font:800 1.02rem "Pixelify Sans",monospace;color:var(--pix)}
.loesung ol{margin:0;padding-left:22px}.loesung li{margin:0 0 8px}.hinweis{font-size:.82rem;color:var(--muted)}
.loesung>p{max-width:75ch;color:var(--muted)}
.nachbar{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.nachbar a{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:8px;border-radius:12px;background:var(--paper);border:1px solid var(--rand);text-decoration:none;font-size:.8rem;color:var(--muted)}.nachbar img{width:48px;height:64px;object-fit:cover;border-radius:6px}.nachbar b{display:block;color:var(--ink);font-size:.86rem;line-height:1.2}
body.tales .loesung h4{color:var(--glut2)}

/* Beleidigungen */
.bel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.b-z{padding:16px 18px;border-radius:16px;background:var(--paper);border:1px solid var(--rand)}
.b-a{margin:0;font-weight:700}.b-m{margin:6px 0 0;font-size:.9rem;color:var(--muted)}.b-m span{font:700 .68rem "Space Grotesk";letter-spacing:.1em;text-transform:uppercase;color:var(--akz2)}.b-k{margin:8px 0 0;color:var(--akz);font-weight:600}html.hell .b-k{color:#b4541a}

/* Wissen, Macher, Grog, Fundgruben */
.wissen{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wissen div{padding:22px;border-radius:18px;background:var(--paper);border:1px solid var(--rand)}.wissen h3{margin:0 0 6px;font:800 1.2rem Outfit}.wissen p{margin:0;color:var(--muted)}
.macher{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.macher div{padding:22px;border-radius:18px;background:var(--paper);border:1px solid var(--rand)}.macher b{display:block;font:800 1.35rem Outfit}.macher em{display:block;font-style:normal;font:700 .74rem "Space Grotesk";letter-spacing:.1em;text-transform:uppercase;color:var(--akz);margin:4px 0 10px}.macher p{margin:0;color:var(--muted);font-size:.95rem}
.grog{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.etikett{padding:34px 36px;border-radius:20px;background:#f3e4bf;color:#3b2412;box-shadow:0 40px 70px -40px rgba(0,0,0,.9),inset 0 0 0 3px #3b2412,inset 0 0 0 9px #f3e4bf,inset 0 0 0 11px #3b2412;transform:rotate(-1.5deg)}
.etikett h3{margin:0;text-align:center;font:400 3.2rem/1 "Pirata One",serif;color:#8a1f12}.etikett .u{text-align:center;margin:4px 0 16px;font:italic .95rem "IM Fell English",Georgia,serif}.etikett ul{columns:2;margin:0;padding:0 0 0 18px;font:1.05rem/1.7 "IM Fell English",Georgia,serif}.etikett .warn{margin:16px 0 0;text-align:center;font:700 .78rem "Space Grotesk";letter-spacing:.14em;text-transform:uppercase;color:#8a1f12}
.fund{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fund a{display:block;padding:20px;border-radius:16px;background:var(--paper);border:1px solid var(--rand);text-decoration:none;transition:transform .2s,border-color .2s}.fund a:hover{transform:translateY(-3px);border-color:var(--akz)}.fund b{display:block;font:800 1.1rem Outfit}.fund code{display:block;color:var(--akz);font:600 .8rem "Space Grotesk";margin:2px 0 8px}.fund span{color:var(--muted);font-size:.92rem}

/* Fuß */
.fuss{margin-top:130px;background:transparent;color:var(--muted);padding:34px 0 30px;font-size:.8rem;line-height:1.6;text-align:center}.fuss .w{max-width:1440px;display:flex;flex-direction:column;align-items:center;gap:4px}.fuss img{width:130px;margin:0 auto 10px}.fuss p{margin:0 auto;text-wrap:balance}.fuss .klein{font-size:.76rem;opacity:.78}.fuss .ohne{font-weight:700;color:var(--ink);margin-top:6px}.fuss a{color:inherit}.fuss a{white-space:nowrap}@media(max-width:900px){.fuss p{max-width:60ch}}

/* Lightbox (js/lightbox.js) */
.lb{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(6,8,20,.94);padding:24px}.lb[hidden]{display:none}
.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:96vw;max-height:94vh}.lb img{max-width:92vw;max-height:84vh;width:auto;height:auto;object-fit:contain;border-radius:6px}
.lb figcaption{display:flex;gap:14px;margin-top:12px;color:#eef;font-size:.9rem}.lb .lb-c{font-size:.72rem;color:rgba(255,255,255,.6)}
.lb button{position:absolute;display:grid;place-items:center;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;border-radius:999px}.lb .lb-x{top:16px;right:16px;width:44px;height:44px;font-size:28px}.lb .lb-p,.lb .lb-n{top:50%;width:48px;height:64px;margin-top:-32px;font-size:34px;border-radius:12px}.lb .lb-p{left:12px}.lb .lb-n{right:12px}.lb-offen{overflow:hidden}

@media(max-width:1000px){
 .leiste nav{display:none}.s6{grid-template-columns:repeat(3,1fr)}.figs{grid-template-columns:1fr 1fr}.g3,.macher,.fund,.wissen,.bel,.figliste,.insel{grid-template-columns:1fr}
 .spiel,.karte,.zwei,.grog,.band .b2{grid-template-columns:1fr}.gal{grid-template-columns:repeat(3,1fr)}.cover6{grid-template-columns:repeat(3,1fr)}.nachbar{grid-template-columns:1fr 1fr}
 .zeit{height:auto;display:grid;gap:14px;padding-left:26px}.zeit:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--akz),var(--akz2))}
 .zeit .achse,.zeit .tick,.zeit .jahr,.zeit .spanne,.zeit .pause,.zeit .stiel{display:none}.zeit .ev{position:relative!important;left:auto!important;width:auto;transform:none!important}
 .zeit .pkt{top:28px!important;left:-25px!important;right:auto!important}.zeit .zk{position:relative;top:auto!important;left:0!important;right:auto!important;width:auto}
 .kopf.start{height:380px}.kopf.start .lg,html.hell .kopf.start .lg{width:74vw;left:16px;transform:none}.kopf.start .slogan,html.hell .kopf.start .slogan{left:20px;top:auto;bottom:40px;transform:none;white-space:normal}
 .insel article,.figliste article{grid-template-columns:100px 1fr}.insel img,.insel .leer{width:100px}.figliste img,.figliste .leer{width:100px;height:120px}}
@media(max-width:560px){.w{padding-left:18px;padding-right:18px}.s6{grid-template-columns:1fr 1fr}.figs{grid-template-columns:1fr}.etikett ul{columns:1}.d-inv{grid-template-columns:1fr 1fr}}
.kopf.klein.hoch{height:clamp(460px,40vw,640px)}
/* Spiele-Leiste und Kapitelnavigation */
.spleiste{background:color-mix(in srgb,var(--bg) 70%,#000 30%);border-bottom:1px solid var(--rand)}html.hell .spleiste{background:#e2d2a2}
.spleiste .w{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding-top:12px;padding-bottom:12px}
.spleiste a{display:grid;grid-template-columns:38px 1fr;gap:8px;align-items:center;padding:6px 8px;border-radius:12px;text-decoration:none;font:700 .82rem/1.2 Outfit;color:var(--muted);border:1px solid transparent}
.spleiste a:hover{border-color:var(--rand);color:var(--ink)}.spleiste a[aria-current]{background:var(--paper);border-color:var(--akz);color:var(--ink)}
.spleiste img{width:38px;height:50px;object-fit:cover;border-radius:5px}.spleiste small{display:block;font:600 .66rem "Space Grotesk";color:var(--akz);letter-spacing:.04em}
.reiter{top:0}
.lzwei{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}
.toc{position:sticky;top:72px;display:grid;gap:4px;padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--rand)}
.toc b{font:600 .7rem "Space Grotesk";letter-spacing:.16em;text-transform:uppercase;color:var(--akz);margin-bottom:4px}
.toc a{display:block;padding:8px 10px;border-radius:10px;text-decoration:none;font:700 .9rem/1.25 Outfit}.toc a:hover{background:color-mix(in srgb,var(--akz) 16%,transparent)}
.toc span{display:block;font:600 .68rem "Space Grotesk";color:var(--muted);letter-spacing:.06em}
.loesung details{scroll-margin-top:80px}
.weiter{display:inline-block;margin-top:14px;padding:10px 16px;border-radius:999px;background:var(--akz);color:#1b1206;font-weight:800;text-decoration:none}
@media(max-width:1000px){.spleiste .w{grid-template-columns:repeat(3,1fr)}.lzwei{grid-template-columns:1fr}.toc{position:static}}
@media(max-width:560px){.spleiste .w{grid-template-columns:1fr 1fr}}
/* Startseite: einheitliche Abschnittsköpfe (wie buffy), Spieleführer wie der Episodenguide */
.bkopf{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 30px;margin-bottom:26px}.bkopf .lead{margin:0}.bkopf .go{margin:0}
.fuehrer .fz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.fuehrer h2{font-size:clamp(2.4rem,4.6vw,4rem)}
.zahlen{display:flex;flex-wrap:wrap;gap:30px;margin:4px 0 26px}.zahlen span{font:600 .68rem "Space Grotesk";letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.zahlen b{display:block;font:800 2.6rem/1 Outfit;color:var(--ink);letter-spacing:0}
.fotos{position:relative;height:440px}.fotos a{position:absolute;display:block;border-radius:18px;overflow:hidden;color:#fff;text-decoration:none;box-shadow:0 30px 50px -28px rgba(0,0,0,.8);transition:transform .3s}
.fotos img{width:100%;height:100%;object-fit:cover}.fotos span{position:absolute;left:12px;bottom:12px;padding:5px 11px;border-radius:999px;background:rgba(6,8,20,.72);font:700 .8rem Outfit;backdrop-filter:blur(4px)}
.fotos .f1{left:0;top:40px;width:70%;height:300px;transform:rotate(-3deg);z-index:2}.fotos .f2{right:0;top:0;width:46%;height:210px;transform:rotate(4deg);z-index:1}.fotos .f3{right:4%;bottom:0;width:44%;height:230px;transform:rotate(2deg);z-index:3}.fotos a:hover{transform:rotate(0) scale(1.03);z-index:5}
.s6g{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:40px}
.s6g a{position:relative;display:flex;align-items:flex-end;height:330px;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;transition:transform .2s;box-shadow:0 22px 40px -26px rgba(0,0,0,.7)}.s6g a:hover{transform:translateY(-5px)}
.s6g img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.s6g a:hover img{transform:scale(1.06)}
.s6g a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(5,6,20,.95))}
.s6g i{position:absolute;z-index:2;top:10px;left:10px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--akz);color:#1b1206;font:900 1.45rem/1 Outfit;font-style:normal;box-shadow:0 0 0 3px rgba(0,0,0,.35),0 8px 18px -6px rgba(0,0,0,.8)}.s6g span{position:relative;z-index:1;padding:12px}
.s6g small{font:600 .64rem "Space Grotesk";color:rgba(255,255,255,.75)}.s6g b{display:block;margin:3px 0;font:800 1rem/1.15 Outfit}.s6g em{font-style:normal;font-size:.78rem;color:var(--akz)}
.kasten{padding:20px 26px 6px;border-radius:22px;background:color-mix(in srgb,var(--paper) 55%,transparent);border:1px solid var(--rand)}
.figgross{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.figgross a{text-decoration:none;text-align:center}
.figgross .fb{height:190px;display:grid;place-items:end center;padding:12px;border-radius:16px;background:radial-gradient(70% 60% at 50% 70%,color-mix(in srgb,var(--akz) 22%,transparent),transparent 70%),var(--paper);border:1px solid var(--rand);transition:transform .2s}
.figgross a:hover .fb{transform:translateY(-4px)}.figgross img{max-height:160px;width:auto;filter:drop-shadow(0 8px 6px rgba(0,0,0,.4))}.figgross b{display:block;margin-top:8px;font:800 .92rem/1.2 Outfit}.figgross small{color:var(--muted);font-size:.74rem}
.inselgross{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.inselgross a{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:4/3;color:#fff;text-decoration:none}
.inselgross img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.inselgross a:hover img{transform:scale(1.06)}.inselgross span{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));font-size:.8rem}.inselgross b{display:block;font:800 1.1rem Outfit}
.teaser2{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.teaser2 a{border-radius:18px;overflow:hidden;text-decoration:none;position:relative;min-height:260px;display:flex}
.t-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.t-bild span{position:relative;margin-top:auto;width:100%;padding:40px 20px 18px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));color:#ddd;font-size:.9rem}.t-bild b{display:block;color:#fff;font:800 1.4rem Outfit}
.t-grog{flex-direction:column;justify-content:center;padding:26px;background:#f3e4bf;color:#3b2412;box-shadow:inset 0 0 0 3px #3b2412,inset 0 0 0 9px #f3e4bf,inset 0 0 0 11px #3b2412}.t-grog b{font:400 3rem/1 "Pirata One",serif;color:#8a1f12}.t-grog span{font:1rem/1.5 "IM Fell English",Georgia,serif;margin:8px 0}.t-grog em{font-style:normal;font-weight:800}
.blk.karte{margin-top:110px}
@media(max-width:1000px){.fuehrer .fz,.teaser2{grid-template-columns:1fr}.fotos{height:320px}.s6g{grid-template-columns:repeat(3,1fr)}.figgross{grid-template-columns:repeat(4,1fr)}.inselgross{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.s6g{grid-template-columns:1fr 1fr}.s6g a{height:260px}.figgross{grid-template-columns:1fr 1fr}.fotos{height:260px}}
/* Mini-Abenteuer */
.spiel-r{max-width:960px;margin:0 auto;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.9);font-family:"Pixelify Sans",VT323,monospace;color:#fff}
.sp-buehne{position:relative;aspect-ratio:16/10;background:#000}.sp-bild{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.sp-titel{position:absolute;left:10px;top:8px;font-size:.85rem;color:#aaa;text-shadow:1px 1px 0 #000}
.sp-hs,.sp-spr{position:absolute;padding:0;border:0;background:transparent;cursor:crosshair;border-radius:6px}.sp-hs:hover,.sp-hs:focus-visible{outline:2px dashed rgba(255,255,255,.5)}
.sp-spr{aspect-ratio:1}.sp-spr svg{width:100%;height:100%;display:block;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.6))}.sp-spr:hover svg{filter:drop-shadow(0 0 6px #ffd23f)}
.sp-text{min-height:3.4em;padding:10px 16px;font-size:1.15rem;line-height:1.35;text-align:center;text-shadow:2px 2px 0 #000;border-top:2px solid #222}
.sp-zeile{padding:4px 14px;color:#55ffff;font-size:1.05rem;border-top:2px solid #222;min-height:1.7em}
.sp-ui{display:grid;grid-template-columns:1.1fr 1fr;gap:10px;padding:8px 12px 12px}
.sp-verben{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 6px}.sp-verben button,.sp-dlg button{background:none;border:0;color:#00aa00;font:inherit;font-size:1.1rem;text-align:left;cursor:pointer;padding:2px 4px}.sp-verben button:hover{color:#55ff55}
.sp-inv{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.sp-inv button{border:2px solid #3a3aa8;background:#14145a;color:#aaf;font:inherit;padding:6px 10px;cursor:pointer;border-radius:3px}.sp-inv button.an{border-color:#ffd23f;color:#fff}.sp-inv span{color:#555}
.sp-dlg{grid-column:1/-1;display:grid;gap:2px}.sp-dlg button{color:#aa00aa}.sp-dlg button:hover{color:#ff55ff}
.sp-ende{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:30px;background:radial-gradient(circle,#1a2a70,#000)}.sp-ende h3{font-size:2.6rem;margin:0 0 10px;color:#ffd23f}.sp-ende b{color:#fff}.sp-ende a{color:#55ffff}
.sp-ende .sp-neu{font:inherit;font-size:1rem;padding:8px 14px;border:2px solid #ffd23f;background:#000;color:#ffd23f;cursor:pointer}
@media(max-width:700px){.sp-ui{grid-template-columns:1fr}.sp-text{font-size:1rem}}
/* Spielführer-Karten: Cover frei, große Kontur-Zahl über dem Rand, Beschriftung unter dem Bild (nicht wie buffy.de im Bild) */
.s6g{gap:20px;margin-top:64px}
.s6g a{display:block;height:auto!important;overflow:visible;color:var(--ink);box-shadow:none;border-radius:0}
.s6g a:after{content:none}
.s6g img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/4;border-radius:14px;box-shadow:0 26px 44px -24px rgba(0,0,0,.85),0 0 0 1px var(--rand)}
.s6g a:hover{transform:translateY(-6px)}.s6g a:hover img{transform:none;box-shadow:0 30px 50px -20px color-mix(in srgb,var(--akz) 55%,transparent),0 0 0 2px var(--akz)}
.s6g i{position:absolute;z-index:2;top:-40px;left:-6px;width:auto;height:auto;display:block;background:none;box-shadow:none;border-radius:0;font:900 5.4rem/1 Outfit;font-style:normal;color:transparent;-webkit-text-stroke:2px var(--akz);text-shadow:none;letter-spacing:-.04em;transition:transform .3s}
.s6g a:hover i{transform:translateY(-6px);color:color-mix(in srgb,var(--akz) 25%,transparent)}
.s6g span{position:static;display:block;padding:14px 2px 0}
.s6g small{font:700 .66rem "Space Grotesk";letter-spacing:.12em;text-transform:uppercase;color:var(--akz)}
html.hell .s6g small{color:#b4541a}
.s6g b{display:block;margin:4px 0 6px;font:800 1rem/1.2 Outfit;color:var(--ink)}
.s6g em{font-style:normal;font-size:.8rem;font-weight:700;color:var(--muted)}.s6g a:hover em{color:var(--akz)}
@media(max-width:560px){.s6g i{font-size:4.2rem;top:-32px}}
.s6g i{top:-60px;left:-4px;color:var(--akz);-webkit-text-stroke:7px var(--bg,#07080f);paint-order:stroke fill;text-shadow:0 10px 24px rgba(0,0,0,.5)}
.s6g a:hover i{color:var(--akz)}
@media(max-width:560px){.s6g i{top:-46px}}
.fotos .px img{image-rendering:pixelated}
/* Unterseiten: Kopfbild läuft unsichtbar in die Seite aus (wie auf der Startseite) */
.kopf.klein{overflow:visible;z-index:0}
.kopf.klein .kb{-webkit-mask:linear-gradient(180deg,#000 45%,rgba(0,0,0,.55) 72%,transparent);mask:linear-gradient(180deg,#000 45%,rgba(0,0,0,.55) 72%,transparent)}
.kopf.klein:after{height:60%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 55%,transparent) 55%,var(--bg))}
.kopf.klein:before{background:linear-gradient(90deg,rgba(6,8,30,.6),rgba(6,8,30,.15) 55%,transparent);-webkit-mask:linear-gradient(180deg,#000 50%,transparent);mask:linear-gradient(180deg,#000 50%,transparent)}
html.hell .kopf.klein:before{background:linear-gradient(90deg,rgba(40,25,5,.55),rgba(40,25,5,.12) 55%,transparent)}
html.hell .kopf.klein h1{color:#fff}
/* Spieleleiste ohne eigenen Balken, liegt im auslaufenden Kopf */
.spleiste,html.hell .spleiste{background:transparent!important;border-bottom:0!important;position:relative;z-index:2;margin-top:-30px}
.spleiste a{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
/* Hellmodus Unterseiten: links aufhellen statt abdunkeln, dunkle Schrift */
html.hell .kopf.klein:before{background:linear-gradient(90deg,rgba(234,220,178,.92),rgba(234,220,178,.6) 40%,transparent 70%)!important}
html.hell .kopf.klein .kw,html.hell .kopf.klein h1{color:var(--ink)!important;text-shadow:0 2px 18px rgba(234,220,178,.9)}
html.hell .kopf.klein .k{color:#b4541a!important}
html.hell .kopf.klein .kb{-webkit-mask:linear-gradient(180deg,#000 55%,rgba(0,0,0,.6) 78%,transparent);mask:linear-gradient(180deg,#000 55%,rgba(0,0,0,.6) 78%,transparent)}
html.hell .kopf.klein .fakten,html.hell .kopf.klein .fakten *{color:var(--ink)!important}html.hell .kopf.klein .fakten small,html.hell .kopf.klein .fakten span{color:var(--muted)!important}
/* Unterseiten: Dunkelmodus wie Startseite (Blau oben, langsam ins Schwarz) und je Seite ein leises Hintergrundbild */
html:not(.hell) body:not(.startseite){background:linear-gradient(180deg,#0e1550 0,#0e1550 520px,#0b1240 900px,#091030 1300px,#070a1c 1800px,#07080f 2400px) #07080f}
body:not(.startseite){--hgb:none}
body.s-spiele,body.s-spiel{--hgb:url(../bilder/szene/steg.jpg)}
body.s-beleidigungen{--hgb:url(../bilder/szene/duell.jpg)}
body.s-figuren{--hgb:url(../bilder/galerie/elaine.jpg)}
body.s-inseln{--hgb:url(../bilder/szene/affenkopf.jpg)}
body.s-artwork{--hgb:url(../bilder/galerie/idol-purcell.jpg)}
body.s-wissen{--hgb:url(../bilder/szene/villa.jpg)}
body.s-404{--hgb:url(../bilder/szene/geisterdeck.jpg)}
body:not(.startseite):before{content:"";position:fixed;z-index:-1;right:0;bottom:0;width:min(70vw,1100px);height:80vh;pointer-events:none;background:var(--hgb) 70% 50%/cover no-repeat;opacity:.16;
 -webkit-mask:radial-gradient(70% 70% at 80% 75%,#000 20%,transparent 75%);mask:radial-gradient(70% 70% at 80% 75%,#000 20%,transparent 75%)}
html.hell body:not(.startseite):before{opacity:.2;filter:sepia(.35) saturate(.8)}
body:not(.startseite){position:relative;isolation:isolate}
/* Unterseiten im Dunkelmodus: Karten und Flächen dunkel statt hellblau, Hintergrundbild sichtbarer */
html:not(.hell) body:not(.startseite){--paper:#12141f;--rand:rgba(255,255,255,.08);--band:#0c0e18;--fuss:#040509}
body:not(.startseite):before{opacity:.32;width:min(80vw,1300px);height:90vh}
html.hell body:not(.startseite):before{opacity:.3}
/* Hintergrundbild der Unterseiten scrollt mit (nicht fest), sitzt unter dem Kopf rechts und läuft weich aus */
body:not(.startseite):before{position:absolute;top:clamp(360px,32vw,520px);right:0;bottom:auto;width:min(75vw,1200px);height:1100px;opacity:.28;background-position:70% 40%;
 -webkit-mask:radial-gradient(65% 60% at 75% 45%,#000 15%,transparent 72%);mask:radial-gradient(65% 60% at 75% 45%,#000 15%,transparent 72%)}
/* Spieleleiste hebt sich ab: eigene abgerundete Leiste mit Glas, Rand und Schatten */
.spleiste .w{margin-top:0;padding:10px!important;border-radius:20px;background:color-mix(in srgb,var(--bg) 78%,#000 22%);border:1px solid rgba(255,210,63,.28);box-shadow:0 24px 50px -24px rgba(0,0,0,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html.hell .spleiste .w{background:rgba(255,248,230,.92);border-color:rgba(180,84,26,.3);box-shadow:0 24px 50px -28px rgba(80,50,10,.5)}
.spleiste a{background:transparent!important;backdrop-filter:none!important}
.spleiste a:hover{background:rgba(255,255,255,.06)!important}html.hell .spleiste a:hover{background:rgba(180,84,26,.08)!important}
.spleiste a[aria-current]{background:var(--akz)!important;border-color:var(--akz)!important;color:#1b1206!important}.spleiste a[aria-current] small{color:#5a3a06!important}
.spleiste{margin-top:-10px}
@media(max-width:900px){.spleiste .w{border-radius:16px;margin:0 12px}}
/* Unterseiten dunkel: früher ins Schwarz */
html:not(.hell) body:not(.startseite){background:linear-gradient(180deg,#0e1550 0,#0b1240 320px,#080e28 620px,#07080f 1000px) #07080f}
/* Unterseiten: kein Hintergrundbild hinter den Inhalten, Kopf läuft direkt ins Schwarz */
body:not(.startseite):before{content:none!important}
html:not(.hell) body:not(.startseite){background:#07080f}
html:not(.hell) body:not(.startseite) .kopf.klein{background:#07080f}
html:not(.hell) body:not(.startseite) .kopf.klein:after{background:linear-gradient(180deg,transparent,rgba(7,8,15,.6) 50%,#07080f)}
html:not(.hell) body:not(.startseite) .reiter{background:rgba(7,8,15,.88)}
/* Unterseiten: ein großes Bild-Band zwischen den Inhalten, wie auf der Startseite */
.szb{position:relative;isolation:isolate;margin:110px 0 0;min-height:clamp(460px,40vw,640px);display:flex;align-items:center;overflow:hidden}
.szb:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--b) var(--p,60% 40%)/cover no-repeat;
 -webkit-mask:linear-gradient(180deg,transparent,#000 26%,#000 74%,transparent),linear-gradient(90deg,transparent,#000 30%,#000 92%,transparent);-webkit-mask-composite:source-in;
 mask:linear-gradient(180deg,transparent,#000 26%,#000 74%,transparent) intersect,linear-gradient(90deg,transparent,#000 30%,#000 92%,transparent)}
.szb:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 0,color-mix(in srgb,var(--bg) 80%,transparent) 32%,transparent 62%)}
html:not(.hell) .szb:after{background:linear-gradient(90deg,#07080f 0,rgba(7,8,15,.8) 32%,transparent 62%)}
.szb blockquote{margin:0;max-width:520px}
.szb blockquote p{margin:0;font:400 clamp(1.6rem,3vw,2.5rem)/1.25 "Pirata One",serif;color:var(--ink)}
.szb blockquote small{display:block;margin-top:14px;font:700 .74rem "Space Grotesk";letter-spacing:.2em;text-transform:uppercase;color:var(--akz)}
html.hell .szb blockquote small{color:#b4541a}
html:not(.hell) .szb blockquote p{text-shadow:0 2px 20px rgba(0,0,0,.7)}
@media(max-width:800px){.szb{align-items:flex-end;padding-bottom:40px}.szb:after{background:linear-gradient(0deg,var(--bg) 25%,transparent 70%)!important}}
/* Beleidigungen als Duell: Hieb links, Konter rechts, keine Kästen, ruhige Farben */
.bel{display:block!important;counter-reset:duell;margin-top:30px}
.bel .b-z{position:relative;display:grid;grid-template-columns:1fr 56px 1fr;align-items:center;gap:0 18px;padding:26px 0;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;counter-increment:duell;border-top:1px solid var(--rand)!important}
.bel .b-z:last-child{border-bottom:1px solid var(--rand)!important}
.bel .b-z:before{content:counter(duell);grid-column:2;grid-row:1/span 2;justify-self:center;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--akz) 45%,transparent);color:var(--akz);font:400 1.15rem "Pirata One",serif}
.bel .b-a{grid-column:1;grid-row:1;margin:0;text-align:right;font:400 clamp(1.15rem,1.7vw,1.45rem)/1.35 "IM Fell English",Georgia,serif;color:var(--ink)}
.bel .b-k{grid-column:3;grid-row:1;margin:0;font:italic 400 clamp(1.15rem,1.7vw,1.45rem)/1.35 "IM Fell English",Georgia,serif;color:var(--akz)}
html.hell .bel .b-k{color:#9a4a12}
.bel .b-m{grid-column:1/-1;grid-row:2;margin:10px 0 0;text-align:center;font-size:.82rem;color:var(--muted);opacity:.8}
.bel .b-m span{font:700 .66rem "Space Grotesk";letter-spacing:.14em;text-transform:uppercase;margin-right:6px;color:var(--muted)}
.bel .b-z:hover .b-a{color:var(--akz)}.bel .b-z:hover .b-k{color:var(--ink)}
.bel .b-a,.bel .b-k{transition:color .25s}
@media(max-width:700px){.bel .b-z{grid-template-columns:44px 1fr;gap:6px 14px}.bel .b-z:before{grid-column:1;grid-row:1/span 3;align-self:start}.bel .b-a,.bel .b-k,.bel .b-m{grid-column:2;text-align:left}.bel .b-a{grid-row:1}.bel .b-k{grid-row:2}.bel .b-m{grid-row:3}}
.szb:before{left:auto;right:0;width:60%;-webkit-mask:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent),linear-gradient(90deg,transparent,#000 40%,#000 94%,transparent)!important;-webkit-mask-composite:source-in!important;mask:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent) intersect,linear-gradient(90deg,transparent,#000 40%,#000 94%,transparent)!important}
.szb:after{content:none}.szb blockquote{max-width:min(460px,38vw)}
@media(max-width:800px){.szb:before{width:100%;opacity:.45}.szb blockquote{max-width:none}}
.szb:before{width:54%}.szb blockquote{max-width:min(400px,30vw)}.szb blockquote p{font-size:clamp(1.5rem,2.4vw,2.1rem)}@media(max-width:800px){.szb:before{width:100%}.szb blockquote{max-width:none}}
/* Beleidigungsfechten: lesbar und edel – große klare Schrift, Hieb und Konter als Schlagabtausch */
.bel{margin-top:40px;border-radius:24px;overflow:hidden;border:1px solid var(--rand)!important}
.bel:before{content:"Hieb  ⚔  Konter";display:block;padding:16px 0;text-align:center;font:400 1.5rem "Pirata One",serif;letter-spacing:.06em;color:var(--akz);background:color-mix(in srgb,var(--akz) 8%,transparent);border-bottom:1px solid var(--rand)}
html.hell .bel:before{color:#9a4a12;background:rgba(180,84,26,.08)}
.bel .b-z{padding:24px 32px!important;border-top:0!important;border-bottom:1px solid var(--rand)!important;transition:background .25s}
.bel .b-z:last-child{border-bottom:0!important}
.bel .b-z:nth-child(even){background:color-mix(in srgb,var(--ink) 3%,transparent)!important}
.bel .b-z:hover{background:color-mix(in srgb,var(--akz) 9%,transparent)!important}
.bel .b-a{font:600 clamp(1.05rem,1.4vw,1.2rem)/1.45 Outfit!important;color:var(--ink)!important}
.bel .b-k{font:700 clamp(1.05rem,1.4vw,1.2rem)/1.45 Outfit!important;font-style:normal!important;color:var(--akz)!important}
html.hell .bel .b-k{color:#9a4a12!important}
.bel .b-z:hover .b-a{color:var(--ink)!important}
.bel .b-z:before{width:46px;height:46px;background:color-mix(in srgb,var(--akz) 14%,transparent);border-color:color-mix(in srgb,var(--akz) 55%,transparent);font-size:1.3rem}
.bel .b-m{font-size:.86rem!important;opacity:.85;margin-top:12px!important}
@media(max-width:700px){.bel .b-z{padding:18px!important}.bel:before{font-size:1.2rem}}
/* Beleidigungen ruhig und erfassbar: Nr | Beleidigung | Antwort, alles linksbündig, gedämpfte Farben */
.bel{--warm:#e3c79a}html.hell .bel{--warm:#8a4a1a}
.bel:before{content:"Nr\00a0\00a0\00a0\00a0\00a0 Beleidigung";white-space:pre;text-align:left;padding:14px 28px;font:700 .72rem "Space Grotesk"!important;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)!important;background:none!important}
.bel:after{content:"Antwort";position:absolute;top:14px;left:calc(56px + 28px + 18px + (100% - 56px - 56px - 36px) / 2 + 18px);font:700 .72rem "Space Grotesk";letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.bel{position:relative}
.bel .b-z{grid-template-columns:40px 1fr 1fr!important;gap:4px 28px!important;padding:16px 28px!important}
.bel .b-z:before{grid-column:1!important;grid-row:1/span 2!important;justify-self:start!important;align-self:start;width:32px!important;height:32px!important;font:700 .85rem Outfit!important;background:none!important;border:1px solid var(--rand)!important;color:var(--muted)!important}
.bel .b-a{grid-column:2!important;grid-row:1!important;text-align:left!important;font:500 1rem/1.5 Outfit!important;color:var(--ink)!important}
.bel .b-k{grid-column:3!important;grid-row:1!important;font:500 1rem/1.5 Outfit!important;color:var(--warm)!important}
.bel .b-m{grid-column:2/-1!important;grid-row:2!important;text-align:left!important;margin:4px 0 0!important;font-size:.8rem!important;opacity:.75}
.bel .b-z:nth-child(even){background:transparent!important}
.bel .b-z:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)!important}
@media(max-width:700px){.bel:after{display:none}.bel:before{content:"Beleidigung · Antwort"}.bel .b-z{grid-template-columns:32px 1fr!important;gap:4px 14px!important}.bel .b-a{grid-column:2!important;grid-row:1!important}.bel .b-k{grid-column:2!important;grid-row:2!important}.bel .b-m{grid-column:2!important;grid-row:3!important}.bel .b-z:before{grid-row:1/span 3!important}}
/* Umschalter Teil 1 / Teil 3 */
.bel-tabs{display:flex;gap:8px;margin-top:60px}
.bel-tabs button{font:700 .92rem Outfit;padding:10px 20px;border-radius:999px;border:1px solid var(--rand);background:transparent;color:var(--muted);cursor:pointer;transition:all .2s}
.bel-tabs button:hover{color:var(--ink);border-color:var(--akz)}
.bel-tabs button.an{background:var(--akz);border-color:var(--akz);color:#1b1206}
.bel-tabs+.bel-teil{margin-top:30px}
/* Beleidigungen als Wortgefecht: jede Runde eine Karte mit zwei Sprechblasen (Pirat links, Guybrush rechts) */
.bel{display:grid!important;grid-template-columns:1fr 1fr;gap:18px;border:0!important;border-radius:0;overflow:visible;margin-top:34px}
.bel:before,.bel:after{content:none!important;display:none!important}
.bel .b-z{display:flex!important;flex-direction:column;gap:10px;padding:20px 22px 18px!important;border:1px solid var(--rand)!important;border-radius:20px!important;background:var(--paper)!important;box-shadow:0 20px 40px -30px rgba(0,0,0,.8)!important;transition:transform .25s,border-color .25s}
.bel .b-z:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--akz) 45%,transparent)!important;background:var(--paper)!important}
.bel .b-z:before{position:absolute;top:-12px;left:22px;width:auto!important;height:auto!important;padding:3px 10px;border-radius:999px!important;background:var(--bg)!important;border:1px solid var(--rand)!important;font:700 .72rem "Space Grotesk"!important;letter-spacing:.1em;color:var(--muted)!important;content:"Runde " counter(duell)!important}
.bel .b-a,.bel .b-k{position:relative;max-width:88%;margin:0!important;padding:12px 16px!important;border-radius:16px;font:500 1.02rem/1.45 Outfit!important;text-align:left!important}
.bel .b-a{align-self:flex-start;background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)!important;border-bottom-left-radius:4px}
.bel .b-k{align-self:flex-end;background:color-mix(in srgb,var(--warm) 16%,transparent);color:var(--ink)!important;border-bottom-right-radius:4px}
.bel .b-a:before,.bel .b-k:before{display:block;margin-bottom:4px;font:700 .66rem "Space Grotesk";letter-spacing:.14em;text-transform:uppercase}
.bel .b-a:before{content:"Pirat";color:var(--muted)}.bel .b-k:before{content:"Guybrush";color:var(--warm)}
.bel .b-m{order:3;margin:2px 0 0!important;padding-top:10px;border-top:1px dashed var(--rand);font-size:.82rem!important;opacity:.8;text-align:left!important}
.bel-teil[data-t="3"] .b-a:before{content:"Gegner"}
@media(max-width:860px){.bel{grid-template-columns:1fr}}
/* ===== Beleidigungsfechten wie die Drehbücher auf buffy.de: Sprecherspalte mit Porträt, Zeilen, Regie-Hinweis ===== */
.bel-teil .bel{display:block!important;margin-top:34px;padding:8px 32px;border-radius:20px!important;background:var(--paper)!important;border:1px solid var(--rand)!important;overflow:visible}
.bel-teil .bel .b-z{display:block!important;padding:22px 0 20px!important;border:0!important;border-bottom:1px solid var(--rand)!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important}
.bel-teil .bel .b-z:last-child{border-bottom:0!important}
.bel-teil .bel .b-z:before{position:static!important;display:block!important;width:auto!important;height:auto!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:none!important;border-radius:0!important;
 content:"Runde " counter(duell)!important;font:600 .68rem "Space Grotesk"!important;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)!important;text-align:left}
.bel-teil .bel .b-a,.bel-teil .bel .b-k{display:grid!important;grid-template-columns:170px 1fr;align-items:center;gap:0 18px;max-width:none!important;margin:0!important;padding:8px 0!important;background:none!important;border-radius:0!important;
 font:400 1.08rem/1.55 Outfit!important;text-align:left!important;color:var(--ink)!important}
.bel-teil .bel .b-a:before,.bel-teil .bel .b-k:before{display:block!important;height:40px;line-height:40px;padding-left:52px;margin:0!important;background:left center/40px 40px no-repeat;border-radius:0;
 font:600 .72rem "Space Grotesk"!important;letter-spacing:.14em;text-transform:uppercase}
.bel-teil .bel .b-a:before{content:"Pirat"!important;color:var(--muted)!important;background-image:url(../bilder/fig/av-pirat.png)}
.bel-teil .bel .b-k:before{content:"Guybrush"!important;color:var(--akz)!important;background-image:url(../bilder/fig/av-guybrush.png)}
html.hell .bel-teil .bel .b-k:before{color:#9a4a12!important}
.bel-teil[data-t="3"] .bel .b-a:before{content:"Gegner"!important}
.bel-teil .bel .b-k{font-weight:600!important}
.bel-teil .bel .b-a:before,.bel-teil .bel .b-k:before{border-radius:0}
.bel-teil .bel .b-m{margin:10px 0 0 188px!important;padding:8px 14px!important;border:0!important;border-left:3px solid color-mix(in srgb,var(--akz) 40%,transparent)!important;background:color-mix(in srgb,var(--akz) 5%,transparent);border-radius:0 12px 12px 0;font:italic .9rem/1.5 Outfit!important;color:var(--muted)!important;opacity:1!important;text-align:left!important}
.bel-teil .bel .b-m span{font:600 .66rem "Space Grotesk";font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.bel-teil .bel .b-z:hover .b-a,.bel-teil .bel .b-z:hover .b-k{color:var(--ink)!important}
@media(max-width:700px){.bel-teil .bel{padding:4px 18px}.bel-teil .bel .b-a,.bel-teil .bel .b-k{grid-template-columns:1fr}.bel-teil .bel .b-m{margin-left:0!important}}
.bel-teil .bel .b-z{display:flex!important;flex-direction:column}
.bel-teil .bel .b-z:before{order:0}.bel-teil .bel .b-a{order:1}.bel-teil .bel .b-k{order:2}.bel-teil .bel .b-m{order:3}
.bel-teil .bel .b-a:before,.bel-teil .bel .b-k:before{display:flex!important;align-items:center;height:42px;line-height:1!important;padding-left:54px;background-size:30px 30px;background-position:6px center;position:relative}
.bel-teil .bel .b-a:before,.bel-teil .bel .b-k:before{box-shadow:inset 0 0 0 0 transparent}
.bel-teil .bel .b-a,.bel-teil .bel .b-k{position:relative}
.bel-teil .bel .b-a:after,.bel-teil .bel .b-k:after{content:"";position:absolute;left:0;top:50%;width:42px;height:42px;margin-top:-21px;border-radius:50%;border:1px solid color-mix(in srgb,var(--akz) 35%,transparent);background:color-mix(in srgb,var(--akz) 6%,transparent);z-index:-1}
.bel-teil .bel .b-m{margin-top:8px!important}
.bel-teil .bel .b-a,.bel-teil .bel .b-k,.bel-teil .bel .b-m{align-self:stretch!important;max-width:none!important;width:auto}
.bel-teil .bel .b-m{margin-left:188px!important}
.bel-teil .bel .b-a:after,.bel-teil .bel .b-k:after{content:none!important}
.bel-teil .bel .b-a:before,.bel-teil .bel .b-k:before{background-color:transparent}
@media(max-width:700px){.bel-teil .bel .b-m{margin-left:0!important}}
.bel-teil{margin-top:30px!important}
.figliste .ersatz{width:110px;height:146px;object-fit:cover;border-radius:10px;box-shadow:0 14px 28px -14px rgba(0,0,0,.8)}
/* Wissen als Magazin: Bild und Text im Wechsel, große Nummer, gut lesbarer Text */
.wmag{display:flex;flex-direction:column;gap:90px;margin-top:60px}
.wa{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.wa:nth-child(even) .wbild{order:2}
.wbild{display:block;border-radius:22px;overflow:hidden;aspect-ratio:16/10;box-shadow:0 40px 70px -40px rgba(0,0,0,.9)}
.wbild img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.wa:hover .wbild img{transform:scale(1.05)}
.wtext{position:relative;padding-top:6px}
.wnr{display:block;font:800 4.4rem/1 Outfit;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--akz) 70%,transparent);margin-bottom:6px}
.wtext h3{margin:0 0 14px;font:800 clamp(1.6rem,2.6vw,2.2rem)/1.1 Outfit;letter-spacing:-.02em;color:var(--ink)}
.wtext p{margin:0;max-width:52ch;font-size:1.12rem;line-height:1.75;color:color-mix(in srgb,var(--ink) 82%,transparent)}
html.hell .wnr{-webkit-text-stroke-color:#b4541a}
@media(max-width:860px){.wmag{gap:56px}.wa{grid-template-columns:1fr;gap:20px}.wa:nth-child(even) .wbild{order:0}.wnr{font-size:3.2rem}}
/* Figuren wie Charakterkarten: farbige Bühne mit großer Pixelfigur oben, Text darunter */
.figliste{grid-template-columns:repeat(3,1fr)!important;gap:22px!important;margin-top:40px}
.figliste article{display:flex!important;flex-direction:column;gap:0!important;padding:0!important;overflow:hidden;border-radius:22px!important;background:var(--paper)!important;border:1px solid var(--rand)!important;transition:transform .3s,box-shadow .3s;--fc:#2f6f8f}
.figliste article:nth-child(8n+2){--fc:#a2433a}.figliste article:nth-child(8n+3){--fc:#3f7a4a}.figliste article:nth-child(8n+4){--fc:#7a4a8f}
.figliste article:nth-child(8n+5){--fc:#b5762a}.figliste article:nth-child(8n+6){--fc:#2f5f9f}.figliste article:nth-child(8n+7){--fc:#8a5a3a}.figliste article:nth-child(8n+8){--fc:#4a6a6a}
.figliste article:hover{transform:translateY(-6px);box-shadow:0 30px 50px -26px var(--fc)}
.figliste article>img,.figliste article>.leer{width:100%!important;height:240px!important;object-fit:contain!important;padding:24px 0 10px;border-radius:0!important;image-rendering:pixelated;
 background:radial-gradient(60% 55% at 50% 82%,rgba(255,255,255,.28),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--fc) 70%,#000),var(--fc))!important;filter:drop-shadow(0 12px 10px rgba(0,0,0,.35))}
.figliste article>img.ersatz{object-fit:cover!important;padding:0;image-rendering:auto;filter:none;height:240px!important;width:100%!important;box-shadow:none}
.figliste article>div{padding:20px 22px 22px}
.figliste h3{font-size:1.35rem!important}
.figliste p{font-size:.98rem;line-height:1.6;color:color-mix(in srgb,var(--ink) 75%,transparent)!important}
.figliste .geistig{--fc:#0c3a26;background:#050b08!important}
.figliste .geistig>img{background:radial-gradient(60% 55% at 50% 80%,rgba(95,227,154,.35),transparent 70%),linear-gradient(180deg,#02100a,#0c3a26)!important;filter:drop-shadow(0 0 14px rgba(95,227,154,.55))}
html.hell .figliste .geistig{background:#0b1a12!important}html.hell .figliste .geistig p{color:#a9d8bf!important}html.hell .figliste .geistig h3{color:#b9ffd6}
/* Gestalten aus Teil 1: kleine Bühnen */
.pixreihe{display:grid!important;grid-template-columns:repeat(8,1fr);gap:12px}
.pixreihe img{width:100%;height:150px;object-fit:contain;padding:14px 6px 8px;border-radius:16px;image-rendering:pixelated;background:radial-gradient(60% 55% at 50% 82%,rgba(255,255,255,.22),transparent 70%),linear-gradient(180deg,#141a33,#2a3566)}
html.hell .pixreihe img{background:radial-gradient(60% 55% at 50% 82%,rgba(255,255,255,.5),transparent 70%),linear-gradient(180deg,#c9b98a,#e3d4a6)}
@media(max-width:1000px){.figliste{grid-template-columns:1fr 1fr!important}.pixreihe{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.figliste{grid-template-columns:1fr!important}}
.figliste article>img.ersatz{object-position:center 30%}
/* ===== Beleidigungsfechten neu: Duell-Bühne – Bild links fest, Schlagabtausch rechts groß und lesbar ===== */
.bel-buehne{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start;margin-top:40px}
.bel-bild{position:sticky;top:90px;margin:0;border-radius:24px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.bel-bild img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:55% 30%;display:block}
.bel-bild figcaption{position:absolute;left:16px;bottom:16px;padding:6px 14px;border-radius:999px;background:rgba(6,8,20,.72);backdrop-filter:blur(4px);color:#fff;font:700 .8rem Outfit}
.bel-buehne .bel{margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important}
.bel-buehne .bel .b-z{padding:30px 0!important;border-bottom:1px solid var(--rand)!important}
.bel-buehne .bel .b-z:first-child{padding-top:0!important}
.bel-buehne .bel .b-z:before{content:counter(duell,decimal-leading-zero)!important;font:800 .9rem Outfit!important;letter-spacing:.06em!important;color:var(--akz)!important;margin-bottom:10px!important}
.bel-buehne .bel .b-a,.bel-buehne .bel .b-k{display:block!important;padding:0!important}
.bel-buehne .bel .b-a:before,.bel-buehne .bel .b-k:before{content:none!important}
.bel-buehne .bel .b-a{font:700 clamp(1.25rem,1.9vw,1.6rem)/1.3 Outfit!important;letter-spacing:-.01em;color:var(--ink)!important}
.bel-buehne .bel .b-k{position:relative;margin-top:12px!important;padding-left:30px!important;font:500 italic clamp(1.1rem,1.5vw,1.3rem)/1.45 Fraunces,Georgia,serif!important;color:var(--warm)!important}
.bel-buehne .bel .b-k:after{content:"⚔";position:absolute;left:0;top:.1em;font-style:normal;font-size:1rem;color:var(--akz);opacity:.8}
.bel-buehne .bel .b-m{margin:14px 0 0 30px!important;padding:0!important;border:0!important;background:none!important;font:400 .88rem/1.5 Outfit!important;color:var(--muted)!important}
@media(max-width:900px){.bel-buehne{grid-template-columns:1fr;gap:28px}.bel-bild{position:relative;top:0}.bel-bild img{aspect-ratio:16/10}}
.bel-teil[data-t="3"] .bel-buehne .bel .b-a:before{content:none!important}.bel-teil[data-t="3"] .bel-bild img{object-position:62% 50%}
/* Beleidigungsfechten: statt großem Bild zwei Pixelkämpfer im Duell über der Liste, Liste mittig und lesbar */
.bel-buehne{display:block!important;max-width:820px;margin:40px auto 0!important}
.bel-duell{display:flex;align-items:flex-end;justify-content:center;gap:40px;padding:28px 0 22px;margin-bottom:34px;border-bottom:1px solid var(--rand);
 background:radial-gradient(45% 80% at 50% 100%,color-mix(in srgb,var(--akz) 14%,transparent),transparent 70%)}
.bel-duell img{height:170px;width:auto;image-rendering:pixelated;filter:drop-shadow(0 14px 12px rgba(0,0,0,.45))}
.bel-duell .r{transform:scaleX(-1)}
.bel-duell span{align-self:center;font:400 1.6rem "Pirata One",serif;color:var(--akz);white-space:nowrap}
html.hell .bel-duell span{color:#9a4a12}
@media(max-width:600px){.bel-duell img{height:120px}.bel-duell{gap:16px}.bel-duell span{font-size:1.1rem;white-space:normal;text-align:center}}
.bel-duell .r{transform:none}
/* Themen-Tags über dem Fuß */
.fuss .tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 26px;max-width:980px}
.fuss .tags a{padding:6px 14px;border-radius:999px;border:1px solid var(--rand);font:600 .8rem Outfit;color:var(--muted);text-decoration:none;transition:all .2s;white-space:nowrap}
.fuss .tags a:hover{color:var(--ink);border-color:var(--akz)}
/* Lösungen: Absätze mit Luft, Tabellen als Gegenüberstellung */
.kt p{margin:0 0 1.05em;line-height:1.75;max-width:72ch}
.kt h4{margin:2em 0 .8em;font:800 1.15rem Outfit;color:var(--akz)}html.hell .kt h4{color:#b4541a}
.ltab{margin:6px 0 26px;border:1px solid var(--rand);border-radius:16px;overflow:hidden}
.lz{display:grid;grid-template-columns:1fr 1fr;gap:0}
.lz+.lz{border-top:1px solid var(--rand)}
.lz span{padding:12px 16px;font-size:.98rem;line-height:1.5}
.lz span+span{border-left:1px solid var(--rand);color:var(--warm,#e3c79a)}html.hell .lz span+span{color:#8a4a1a}
.lz b{display:block;margin-top:4px;font-weight:400;font-size:.85rem;color:var(--muted)}
.lz:nth-child(even){background:color-mix(in srgb,var(--ink) 3%,transparent)}
@media(max-width:600px){.lz{grid-template-columns:1fr}.lz span+span{border-left:0;padding-top:0}}