:root{--bg:#0b0a14;--s1:#141221;--s2:#1c1930;--ln:#2a2642;--tx:#f3f0fb;--mu:#a9a3c2;--ac:#ff4d6d;--ac2:#ff8a5c;--lv:#a78bfa;--gr:#3ddc97;--r:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);font:16.5px/1.65 "Instrument Sans",system-ui,sans-serif}
a{color:var(--lv)}img{display:block;max-width:100%;height:auto}h1,h2,h3,.leaf{font-family:Onest,system-ui,sans-serif;letter-spacing:-.015em;line-height:1.15}
h2{font-size:27px;margin:44px 0 14px}h3{font-size:18px}
.blick{display:grid;grid-template-columns:262px 1fr;min-height:100vh}
.view-sheet{position:sticky;top:0;height:100vh;overflow:auto;background:#09080f;border-right:1px solid var(--ln);padding:20px 14px 24px}
.view-sheet .leaf{display:block;color:var(--tx);text-decoration:none;font-weight:800;font-size:19px;margin:2px 6px 22px}
.leaf em{font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:var(--ac);color:#fff;border-radius:5px;padding:3px 7px;margin-left:4px;vertical-align:3px}
.view-sheet .leaf small{display:block;color:var(--mu);font:500 12px "Instrument Sans";margin-top:6px}
.view-sheet nav a{display:flex;gap:11px;align-items:center;color:#d9d4ec;text-decoration:none;padding:8px 10px;border-radius:8px;font-size:14.5px}
.view-sheet nav a svg{fill:none;stroke:currentColor;stroke-width:1.8;flex:none;opacity:.8}.view-sheet nav a:hover{background:var(--s1)}
.view-sheet nav a.on{background:linear-gradient(90deg,rgba(255,77,109,.22),rgba(255,77,109,.04));color:#fff;box-shadow:inset 3px 0 var(--ac)}
.view-sheet .lb{color:var(--mu);font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:22px 8px 8px}
.chp{display:flex;flex-wrap:wrap;gap:6px;margin:0 6px}.chp span{font-size:12px;background:var(--s1);border:1px solid var(--ln);border-radius:6px;padding:3px 9px;color:#cfc9e3}
.fahne-label{margin:22px 6px 0;background:linear-gradient(160deg,#2a1530,#141221);border:1px solid #3a2140;border-radius:var(--r);padding:14px}
.fahne-label small{display:block;color:var(--ac2);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.fahne-label b{font:800 34px Onest;display:block}.fahne-label span{color:var(--mu);font-size:12.5px}
.peek-leaf{min-width:0;padding:0 44px 40px}
.page{display:none}
.cap-eintrag{display:flex;gap:12px;align-items:center;margin:18px 0 0;background:var(--s1);border:1px dashed #3b3557;border-radius:8px;padding:9px 14px;font-size:13.5px;color:#cfc9e3}
.cap-eintrag span{flex:none;background:var(--ac);color:#fff;font-weight:700;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:12px}.cap-eintrag p{margin:0}
.klappe{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(95deg,var(--ac),var(--ac2));color:#fff;text-decoration:none;font-weight:700;border-radius:999px;padding:12px 24px;border:0;font-size:15.5px;box-shadow:0 8px 24px -10px var(--ac)}
.klappe b{font-size:11px}.klappe.ghost{background:transparent;border:1px solid #4a4466;box-shadow:none}.klappe.sm{padding:8px 15px;font-size:13.5px}.klappe.full{display:flex;justify-content:center;margin-top:12px}
.face-layer{font-size:13px;color:var(--mu);margin:22px 0 8px}.face-layer a{color:var(--mu);text-decoration:none}.face-layer-sep{margin:0 6px;opacity:.5}
.modul-layer.hm{display:grid;grid-template-columns:1fr 470px;gap:34px;margin-top:26px;align-items:start}
.bogen-panel-kiesel{color:var(--mu);font-size:13.5px;margin:0 0 12px}.bogen-panel-kiesel time{color:var(--tx)}
.modul-layer h1{font-size:54px;margin:0 0 18px;font-weight:800}.bar-wall{font-size:17.5px;color:#ddd8ee}
.act{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:22px}.act small{color:var(--mu)}
.fx{display:grid;grid-template-columns:200px 1fr;gap:14px}.fx .big img{border-radius:14px;width:200px;height:300px;object-fit:cover}
.frame-leiste{background:linear-gradient(170deg,#24142c,#151222);border:1px solid #3a2441;border-radius:14px;padding:16px}
.frame-leiste .k{color:var(--ac2);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin:0}.frame-leiste h3{margin:6px 0 2px}.frame-leiste .who{color:var(--mu);font-size:13px;margin:0 0 8px}
.frame-leiste .reihe-zeile td,.frame-leiste .reihe-zeile th{padding:5px 0;font-size:13.5px}.frame-leiste .klappe{margin-top:10px;padding:9px 16px;font-size:14px}.frame-leiste .more{display:block;margin-top:8px;font-size:13px}
.bar{height:6px;border-radius:9px;background:#2d2840;margin:10px 0 4px}.bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--ac),var(--ac2))}.frame-leiste small{color:var(--mu);font-size:12px}
.slot-nische{margin-top:26px}.slot-nische h2{font-size:15px;text-transform:uppercase;letter-spacing:.1em;color:var(--mu);margin:0 0 10px}
.slot-nische ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.slot-nische li{position:relative}.slot-nische a{color:var(--tx);text-decoration:none;font-size:12.5px;line-height:1.3}
.slot-nische img{border-radius:9px;aspect-ratio:2/3;object-fit:cover;width:100%;margin-bottom:6px}.slot-nische em{position:absolute;top:6px;left:6px;font-style:normal;font-size:10.5px;background:var(--gr);color:#08130d;font-weight:700;border-radius:5px;padding:2px 6px}
.punkt-kopf{margin:30px 0 0;max-width:760px;background:var(--s1);border:1px solid var(--ln);border-left:3px solid var(--ac);border-radius:var(--r);padding:16px 20px}.punkt-kopf .qk{margin:0 0 4px;color:var(--ac);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.punkt-kopf p{margin:0}
.btn-tafel{max-width:760px;margin:18px 0 0;background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:12px 18px}.btn-tafel summary{cursor:pointer;font-weight:600}.btn-tafel summary small{float:right;color:var(--mu);font-weight:400}
.btn-tafel ol{margin:10px 0 4px;padding-left:20px}.btn-tafel li{margin:3px 0}
.hub-show{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}.hub-show.solo{display:block;max-width:760px}.txt p{color:#e3dff0}
ul.ck{list-style:none;padding:0}ul.ck li{padding-left:28px;position:relative;margin:7px 0}ul.ck li:before{content:"✓";position:absolute;left:0;top:0;color:var(--gr);font-weight:700}
.blade-seite{list-style:none;counter-reset:n;padding:0}.blade-seite li{counter-increment:n;position:relative;padding:4px 0 10px 48px;margin:6px 0}
.blade-seite li:before{content:counter(n);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--ac);color:#fff;font:700 15px Onest;display:grid;place-items:center}
.ecke-bay{position:sticky;top:16px;display:grid;gap:14px}.hub-wall{background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:14px 16px}.hub-wall h3{margin:0 0 8px;font-size:15.5px}
.reihe-zeile{width:100%;border-collapse:collapse}.reihe-zeile th{text-align:left;color:var(--mu);font-weight:500;padding:7px 10px 7px 0;font-size:14px;vertical-align:top;width:42%}.reihe-zeile td{padding:7px 0;font-size:14px;border-bottom:1px solid var(--ln)}.reihe-zeile th{border-bottom:1px solid var(--ln)}
.hint{color:var(--mu);font-size:12.5px;margin:0 0 6px}
.ecke{list-style:none;margin:0;padding:0}.ecke li{display:flex;gap:9px;align-items:center;background:var(--s2);border-radius:8px;padding:7px 10px;margin:5px 0;font-size:14px}
.ecke li em{margin-left:auto;font-style:normal;font-size:11.5px;border-radius:5px;padding:2px 7px;background:#2c2742;color:var(--mu)}.ecke li.f em{background:rgba(61,220,151,.15);color:var(--gr)}.ecke li.t{opacity:.75}.ecke .mehr{justify-content:center;color:var(--mu)}
.hub-wall ul{list-style:none;margin:0;padding:0}.hub-wall li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--ln);font-size:14px}.hub-wall li a{color:var(--tx);text-decoration:none}.hub-wall li em{font-style:normal;color:var(--gr);font-size:12px;flex:none}
.modul-layer.sh{display:grid;grid-template-columns:340px 1fr;gap:38px;margin-top:10px;align-items:start}.modul-layer.sh figure{margin:0}.modul-layer.sh img{border-radius:16px;width:340px;height:500px;object-fit:cover}
.modul-layer.sh figcaption{color:var(--mu);font-size:12.5px;margin-top:8px}.modul-layer.sh h1{font-size:42px}
.kachel-fach-klappes{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}.kachel-fach-klappes span{font-size:12px;border:1px solid var(--ln);border-radius:999px;padding:3px 10px;color:#d6d0ea}.kachel-fach-klappes .g{background:rgba(61,220,151,.14);border-color:transparent;color:var(--gr)}
.spalte-schild-parts{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.spalte-schild-parts span{background:var(--s1);border:1px solid var(--ln);border-radius:8px;padding:5px 11px;font-size:13px}
.part-flaeche{display:flex;gap:12px;align-items:flex-start;margin:28px 0;padding:12px 16px;border-radius:var(--r);background:#1d1220;border:1px solid #4a2333;max-width:900px}.part-flaeche b{background:#ff4d6d;color:#fff;border-radius:6px;padding:2px 8px;font-size:13px}.part-flaeche p{margin:0;font-size:14px;color:#efd7de}
.gitterfeld{list-style:none;margin:0;padding:0;display:grid;gap:18px}.gitterfeld.five{grid-template-columns:repeat(5,1fr)}
.bereich-cover a{color:var(--tx);text-decoration:none}.bereich-cover .im{position:relative;display:block}.bereich-cover img{width:100%;aspect-ratio:200/290;object-fit:cover;border-radius:11px}
.bereich-cover .fr{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:11px;font-weight:700;background:rgba(11,10,20,.82);color:var(--gr);border-radius:6px;padding:3px 7px}
.bereich-cover strong{display:block;font-size:14.5px;line-height:1.3;margin:9px 0 3px}.bereich-cover .belt-eintrag{margin:0;color:var(--mu);font-size:12.5px}.bereich-cover:hover img{outline:2px solid var(--ac)}
.podest{margin:22px 0 18px}.podest input{width:100%;max-width:520px;background:var(--s1);border:1px solid var(--ln);border-radius:10px;padding:12px 15px;color:var(--tx);font-size:15px}
.stacks{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.stack{background:var(--s1);color:#d7d1ea;border:1px solid var(--ln);border-radius:7px;padding:6px 12px;font:500 13px "Instrument Sans";cursor:pointer}.stack.an{background:var(--ac);border-color:var(--ac);color:#fff}
.modul-layer.hb,.modul-layer.gd{display:flex;gap:30px;justify-content:space-between;align-items:flex-start;margin-top:8px}.modul-layer.hb h1,.modul-layer.gd h1{font-size:44px;max-width:640px}.modul-layer .mini{display:flex;gap:8px}.modul-layer .mini img{border-radius:9px;width:86px;height:126px;object-fit:cover}
.modul-layer.gd .sm{flex:none;width:172px;color:var(--mu);font-size:12.5px;text-decoration:none}.modul-layer.gd .sm img{border-radius:12px;width:172px;height:252px;object-fit:cover;margin-bottom:6px}
.strip-eintrag{max-width:760px;margin-top:40px}.strip-eintrag details{border:1px solid var(--ln);border-radius:var(--r);padding:12px 16px;margin:8px 0;background:var(--s1)}.strip-eintrag summary{cursor:pointer;font-weight:600}.strip-eintrag p{margin:8px 0 0;color:#ddd8ee}
.kiesel-hofs{margin-top:44px}.kiesel-hofs div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kiesel-hof{display:flex;gap:10px;align-items:center;background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:12px 14px;color:var(--tx);text-decoration:none;font-size:14px}
.kiesel-hof svg{fill:none;stroke:var(--ac);stroke-width:1.8;flex:none}.kiesel-hof:hover{border-color:var(--ac)}
.band-stempel{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;margin-top:60px;padding-top:26px;border-top:1px solid var(--ln);color:var(--mu);font-size:14px}.band-stempel a{display:block;color:#cfc9e3;text-decoration:none;margin:4px 0}.band-stempel h3{color:var(--tx);font-size:14px}.f18{color:var(--ac)}
.edge-face{display:none}
.glance-feld{max-width:760px;padding:30px 0}
#a42d93e{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:18px;align-items:center;justify-content:center;background:linear-gradient(90deg,#1a1028,#271434);border-top:2px solid var(--ac);padding:14px 22px;box-shadow:0 -16px 40px rgba(0,0,0,.5)}
#a42d93e[hidden]{display:none}#a42d93e img{border-radius:10px;width:72px;height:96px;object-fit:cover}#a42d93e .pw{max-width:560px}#a42d93e p{margin:0;font-size:14px}#a42d93e .pk{color:var(--gr);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
#a42d93e .pt{font:700 18px Onest;margin:2px 0}#a42d93e .pb{display:flex;gap:10px;align-items:center}#a42d93e .pz{background:none;border:0;color:var(--mu);cursor:pointer;font-size:13px;text-decoration:underline}
@media (max-width:1100px){.modul-layer.hm{grid-template-columns:1fr}.gitterfeld.five{grid-template-columns:repeat(4,1fr)}.hub-show{grid-template-columns:1fr}.ecke-bay{position:static}.kiesel-hofs div{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){
.blick{display:block}.view-sheet{display:none;position:fixed;inset:56px 0 0 0;z-index:50;height:auto}.view-sheet.auf{display:block}.view-sheet .leaf{font-size:15px;margin-bottom:12px}
.peek-leaf{padding:0 16px 90px}.page{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:40;background:rgba(11,10,20,.94);backdrop-filter:blur(8px);margin:0 -16px;padding:10px 16px;border-bottom:1px solid var(--ln)}
.page .leaf{color:var(--tx);text-decoration:none;font-weight:800;font-size:16px;flex:1;line-height:1.1}.page .leaf small{display:block;font:500 10.5px \"Instrument Sans\";color:var(--mu);margin-top:3px}.rack-label{background:none;border:0;padding:6px;cursor:pointer}.rack-label i{display:block;width:20px;height:2px;background:var(--tx);margin:4px 0}
.modul-layer h1{font-size:34px}.modul-layer.hm{gap:18px}.fx{grid-template-columns:130px 1fr}.fx .big img{width:130px;height:195px}
.slot-nische ul{grid-template-columns:repeat(3,1fr)}.modul-layer.sh{grid-template-columns:1fr;gap:16px}.modul-layer.sh img{width:100%;height:auto;max-height:420px}.modul-layer.sh h1,.modul-layer.hb h1,.modul-layer.gd h1{font-size:30px}
.modul-layer.hb{flex-direction:column-reverse}.modul-layer.gd{flex-direction:column-reverse}.modul-layer.gd .sm{display:flex;gap:10px;align-items:center;width:auto}.modul-layer.gd .sm img{width:88px;height:129px}
.gitterfeld.five{grid-template-columns:repeat(2,1fr);gap:12px}.kiesel-hofs div{grid-template-columns:1fr}.band-stempel{grid-template-columns:1fr}
.edge-face{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#0e0c19;border-top:1px solid var(--ln);justify-content:space-around;padding:6px 4px 8px}
.edge-face a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--mu);font-size:10.5px;text-decoration:none}.edge-face svg{fill:none;stroke:currentColor;stroke-width:1.8}.edge-face a.jx{color:#fff;background:var(--ac);border-radius:10px;padding:4px 10px}
#a42d93e{bottom:58px;flex-wrap:wrap;gap:10px;padding:12px 14px}#a42d93e img{width:56px;height:74px}#a42d93e .pw{flex:1;min-width:200px}}