@font-face{font-family:Titelschrift;src:url(/assets/gagalin-zkbdO3Js.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Nunito Variable;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2");font-weight:200 1000;font-display:swap}@font-face{font-family:JetBrains Mono Variable;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2");font-weight:100 800;font-display:swap}@property --lauf{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--grund:#0b1018;--grund2:#131b26;--grund3:#1b2533;--papier:#eef0f2;--grau:#9aa6b6;--linie:#eef0f21f;--kupfer:#e08a4e;--kupfer-h:#f4b27e;--f:var(--kupfer);--mathematik:#f7c948;--physik:#4fa8ff;--elektronik:#ff8a3d;--chemie:#b48cff;--informatik:#3ddc97;--musik:#ff5fa2;--kopf:68px;--leiste:262px;--rand:clamp(16px,3.2vw,44px);--schrift:"Nunito Variable",system-ui,sans-serif;--titel:"Titelschrift","Nunito Variable",sans-serif;--mono:"JetBrains Mono Variable",ui-monospace,monospace}*{box-sizing:border-box}html{background:var(--grund);color:var(--papier);scroll-behavior:smooth;scroll-padding-top:calc(var(--kopf) + 16px);-webkit-text-size-adjust:100%}body{font:600 1.04rem/1.58 var(--schrift);font-synthesis:none;min-height:100svh;margin:0;overflow-x:hidden}body[data-fach=mathematik]{--f:#f7c948}body[data-fach=physik]{--f:#4fa8ff}body[data-fach=elektronik]{--f:#ff8a3d}body[data-fach=chemie]{--f:#b48cff}body[data-fach=informatik]{--f:#3ddc97}body[data-fach=musik]{--f:#ff5fa2}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}a{color:inherit}h1,h2,h3,h4,p,ul,dl,dd{margin:0}ul{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--f);outline-offset:3px}::selection{background:var(--f);color:var(--grund)}.sprung{z-index:99;background:var(--papier);color:var(--grund);padding:10px 16px;font-weight:800;position:fixed;top:-60px;left:12px}.sprung:focus{top:10px}#buehne{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.baer-ersatz{display:none}body.ohne-3d .baer-ersatz{display:block}.kopfzeile{height:var(--kopf);z-index:30;padding:0 var(--rand) 0 18px;border-bottom:1px solid var(--linie);background:#0b1018f7;align-items:center;gap:18px;display:flex;position:fixed;inset:0 0 auto}.logo{width:calc(var(--leiste) - 34px);flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.logo img{object-fit:contain;filter:drop-shadow(0 0 10px #e08a4e73);width:44px;height:44px}.logo-text{font-family:var(--titel);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;font-size:1.42rem;font-weight:400;line-height:1}.logo-text small{font:700 .62rem/1.3 var(--mono);letter-spacing:.2em;color:var(--kupfer-h);font-style:normal;display:block}.logo-text b{color:var(--kupfer);font-weight:900}.suche-knopf{background:var(--grund2);border:1px solid var(--linie);cursor:pointer;min-width:210px;color:var(--grau);align-items:center;gap:10px;padding:8px 12px;font-size:.9rem;transition:border-color .2s;display:flex;transform:skew(-10deg)}.suche-knopf>*{transform:skew(10deg)}.suche-knopf:hover{border-color:var(--f)}.suche-knopf svg,.suche-kopf svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex:none;width:18px;height:18px}.suche-knopf span{text-align:left;flex:1}kbd{font:600 .72rem var(--mono);border:1px solid var(--linie);padding:0 6px}.hauptnav{gap:4px;margin-left:auto;display:flex}.hauptnav a{padding:8px 12px;font-size:.92rem;font-weight:700;text-decoration:none;position:relative}.hauptnav a:after{content:"";background:var(--f);transform-origin:0;height:3px;transition:transform .22s;position:absolute;bottom:3px;left:12px;right:12px;transform:scaleX(0)skew(-30deg)}.hauptnav a:hover:after,.hauptnav a[aria-current]:after{transform:scaleX(1)skew(-30deg)}.sprachen{background:var(--grund2);border:2px solid var(--papier);flex:none;display:flex;transform:skew(-12deg)}.sprachen a{font:800 1rem var(--mono);letter-spacing:.04em;padding:7px 15px;text-decoration:none;transition:background .15s,color .15s;display:block}.sprachen a span{display:block;transform:skew(12deg)}.sprachen a[aria-current]{background:var(--papier);color:var(--grund)}.sprachen a:not([aria-current]):hover{background:var(--f);color:var(--grund)}.abo{color:#fff;background:#ff2a2a;padding:9px 16px;font-size:.86rem;font-weight:800;text-decoration:none;transition:filter .2s,transform .2s;transform:skew(-14deg)}.abo span{display:block;transform:skew(14deg)}.abo:hover{filter:brightness(1.15);transform:skew(-14deg)translateY(-1px)}.menue-knopf{cursor:pointer;background:0 0;border:0;margin-left:auto;padding:10px;display:none}.menue-knopf i{background:var(--papier);width:26px;height:3px;margin:5px 0;transition:transform .22s,opacity .2s;display:block;transform:skew(-30deg)}.menue-knopf[aria-expanded=true] i:first-child{transform:translateY(8px)rotate(45deg)}.menue-knopf[aria-expanded=true] i:nth-child(2){opacity:0}.menue-knopf[aria-expanded=true] i:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.seitenleiste{left:0;top:var(--kopf);width:var(--leiste);z-index:25;border-right:1px solid var(--linie);background:linear-gradient(90deg,#0b1018f2 70%,#0b1018b8);flex-direction:column;padding:20px 14px 18px;display:flex;position:fixed;bottom:0;overflow-y:auto}.leisten-titel{font:700 .72rem var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--grau);padding:0 10px 10px}.faecher{gap:5px;display:grid}.fach-zeile{align-items:stretch;display:flex;position:relative}.fach-link{font-family:var(--titel);text-transform:uppercase;letter-spacing:-.005em;isolation:isolate;flex:1;align-items:center;gap:12px;padding:9px 10px;font-size:1.03rem;font-weight:400;text-decoration:none;transition:color .16s;display:flex;position:relative}.fach-link:before{content:"";background:var(--f);transform-origin:0;z-index:-1;transition:transform .2s;position:absolute;inset:0;transform:skew(-12deg)scaleX(0)}.fach-link:hover:before,.fach.aktiv .fach-link:before{transform:skew(-12deg)scaleX(1)}.fach-link:hover,.fach.aktiv .fach-link{color:var(--grund)}.fach-symbol{width:24px;height:24px;color:var(--f);flex:none;transition:color .16s}.fach-link:hover .fach-symbol,.fach.aktiv .fach-symbol{color:var(--grund)}.fach-symbol svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.fach-auf{cursor:pointer;width:38px;color:var(--grau);background:0 0;border:0;place-items:center;display:grid}.fach-auf span{border-bottom:2.5px solid;border-right:2.5px solid;width:9px;height:9px;margin-top:-3px;transition:transform .2s;transform:rotate(45deg)}.fach-auf[aria-expanded=true] span{margin-top:3px;transform:rotate(225deg)}.fach-auf:hover{color:var(--papier)}.unter{border-left:2px solid var(--f);grid-template-rows:0fr;max-height:0;margin-left:22px;transition:max-height .26s;display:grid;overflow:hidden}.fach.offen .unter{max-height:190px}.unter a{color:var(--grau);padding:6px 12px;font-size:.92rem;font-weight:600;text-decoration:none;transition:color .14s,padding .14s;display:block}.unter a:hover{color:var(--papier);padding-left:16px}.unter a[aria-current]{color:var(--f);font-weight:800}.fach:first-child .unter{margin-top:0}.nav-mobil{display:none}.leisten-spruch{font-family:var(--titel);margin-top:auto;padding:18px 10px 0;font-size:.98rem;font-weight:400;line-height:1.25}.leisten-spruch b{color:var(--kupfer)}main{z-index:10;margin-left:var(--leiste);padding-top:var(--kopf);outline:none;flex-direction:column;min-height:100svh;display:flex;position:relative}.held{padding:clamp(24px,5vh,56px) var(--rand);pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:relative}.held>*{pointer-events:auto}.held-text{pointer-events:none;max-width:min(680px,58%)}.held-text>*{pointer-events:auto}.held-start{min-height:calc(100svh - var(--kopf))}.held-start:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0b1018b8,#0000);position:absolute;inset:0 38% 0 0}.held-text{position:relative}.held-fach{justify-content:flex-end;min-height:clamp(360px,54vh,560px)}.held-seite{justify-content:flex-end;min-height:clamp(240px,34vh,340px)}.held-seite .held-text{max-width:min(700px,56%)}.vorzeile{font:700 clamp(.72rem,1.05vw,.92rem) var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--kupfer-h);align-items:center;gap:12px;display:flex}.balken{gap:4px;display:inline-flex}.balken b{background:#f7c948;width:6px;height:15px;transform:skew(-20deg)}.balken b:nth-child(2){background:#4fa8ff}.balken b:nth-child(3){background:#3ddc97}h1{font-family:var(--titel);text-transform:uppercase;letter-spacing:.012em;margin-top:10px;font-size:clamp(2.7rem,6.4vw,5.9rem);font-weight:400;line-height:1}h1 span{display:block}h1 .gross{margin-top:.2em;font-size:1.34em;line-height:.92}.held-start h1{transform-origin:0 100%;transform:rotate(-2deg)}.held-start h1 span:first-child{color:var(--papier);-webkit-text-stroke:0;font-size:.72em}.held-start h1 .gross{color:var(--papier);paint-order:stroke fill;-webkit-text-stroke:6px var(--grund);text-shadow:1px 1px 0 var(--grund),3px 3px 0 var(--kupfer),5px 5px 0 var(--kupfer),7px 7px 0 var(--kupfer),9px 9px 0 #8a4a1f,10px 10px 24px #0009}.held-start h1 .gross em{color:var(--kupfer-h);text-shadow:1px 1px 0 var(--grund),3px 3px 0 #b05a24,5px 5px 0 #b05a24,7px 7px 0 #b05a24,9px 9px 0 #6d3614,10px 10px 24px #0009}.zielgruppe{justify-items:start;gap:7px;margin-top:30px;display:grid}.zielgruppe small{color:#d5dae1;letter-spacing:.01em;font-size:clamp(.92rem,1.2vw,1.08rem);font-weight:800}.zg-leiter{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.zg-stufe{font-family:var(--titel);text-transform:uppercase;letter-spacing:.015em;color:var(--grund);box-shadow:4px 4px 0 var(--grund2);background:#f7c948;padding:7px 16px 6px;font-size:clamp(1.14rem,2vw,1.72rem);line-height:1.1;transform:rotate(-1.5deg)}.zg-stufe.zg-top{background:var(--kupfer);transform:rotate(1deg)}.zg-pfeil{color:var(--papier);font-size:1.5rem;font-weight:900}h1 em{font-style:inherit;color:var(--kupfer)}.held-fach h1,.held-seite h1{color:var(--papier);text-shadow:3px 3px 0 var(--grund),0 0 44px #0b1018cc}.gross-unter{color:var(--f);margin-top:.12em;font-size:.56em;line-height:1.1}.claim{font-family:var(--titel);margin-top:16px;font-size:clamp(1.15rem,1.9vw,1.55rem);font-weight:400}.claim b{color:var(--kupfer)}.einleitung{color:#d5dae1;text-shadow:0 1px 14px #0b1018e6;max-width:54ch;margin-top:14px;font-size:clamp(1rem,1.25vw,1.12rem)}.knoepfe{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.knopf{background:var(--f);color:var(--grund);font-family:var(--titel);text-transform:uppercase;letter-spacing:.02em;border:2px solid var(--f);cursor:pointer;padding:13px 24px;font-size:1rem;font-weight:400;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,color .16s;display:inline-block;transform:skew(-12deg)}.knopf:hover{box-shadow:5px 5px 0 var(--papier);transform:skew(-12deg)translate(-2px,-2px)}.knopf:active{box-shadow:none;transform:skew(-12deg)translate(1px,1px)}.knopf-rand{color:var(--papier);border-color:var(--papier);background:#0b10188c}.knopf.klein{padding:8px 15px;font-size:.84rem}.zahlen{flex-wrap:wrap;gap:clamp(18px,3vw,40px);margin-top:28px;display:flex}.zahlen div{flex-direction:column-reverse;display:flex}.zahlen dd{font-family:var(--titel);color:var(--f);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400;line-height:1}.zahlen dt{font:700 .7rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--grau);margin-top:5px}.brot{font:600 .78rem var(--mono);color:var(--grau);flex-wrap:wrap;gap:8px;display:flex}.brot a{text-decoration:none}.brot a:hover{color:var(--f)}.brot>*+:before{content:"/";opacity:.5;margin-right:8px}.tafel{background:var(--grund);padding:clamp(28px,4.4vw,56px) var(--rand);border-top:1px solid var(--linie);position:relative}.tafel:before{content:"";top:-1px;left:var(--rand);background:var(--f);width:120px;height:4px;position:absolute;transform:skew(-30deg)}.held+.tafel{clip-path:polygon(0 26px,26px 0,100% 0,100% 100%,0 100%);border:0;margin-top:-1px}.tafel h2{font-family:var(--titel);text-transform:uppercase;letter-spacing:.012em;margin-bottom:24px;font-size:clamp(1.9rem,3.6vw,3rem);font-weight:400;line-height:1.05}.tafel h2 small{font:700 .74rem var(--mono);letter-spacing:.18em;color:var(--f);margin-bottom:9px;font-style:normal;display:block}.fuss{background:var(--grund2);border-top:1px solid var(--linie);padding:32px var(--rand);flex-wrap:wrap;align-items:center;gap:12px 30px;margin-top:auto;display:flex;position:relative}.fuss-spruch{font-family:var(--titel);text-transform:uppercase;font-size:1.2rem;font-weight:400}.fuss-spruch b{color:var(--kupfer)}.fuss nav{flex-wrap:wrap;gap:6px 18px;display:flex}.fuss nav a{color:var(--grau);font-size:.9rem;font-weight:600;text-decoration:none}.fuss nav a:hover{color:var(--papier)}.fuss-klein{font:500 .76rem var(--mono);color:var(--grau);margin-left:auto}.kacheln{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.kachel{--kant:22px;border-top:4px solid var(--f);background:var(--grund2);isolation:isolate;min-height:178px;clip-path:polygon(0 0,calc(100% - var(--kant)) 0,100% var(--kant),100% 100%,var(--kant) 100%,0 calc(100% - var(--kant)));flex-direction:column;gap:2px;padding:20px 20px 18px;text-decoration:none;transition:transform .18s,color .18s;display:flex;position:relative;overflow:hidden}.kachel:before{content:"";background:var(--f);transform-origin:0 100%;z-index:-1;width:130%;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translate(-125%)skew(-16deg)}.kachel:hover:before,.kachel:focus-visible:before{transform:translate(-8%)skew(-16deg)}.kachel:hover,.kachel:focus-visible{color:var(--grund);transform:translateY(-3px)}.kachel-geist{font-family:var(--titel);color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb,var(--f) 42%,transparent);white-space:nowrap;z-index:-1;font-size:4.7rem;font-weight:400;line-height:1;transition:-webkit-text-stroke .2s;position:absolute;bottom:0;right:12px}.kachel:hover .kachel-geist{-webkit-text-stroke-color:#0b101859}.kachel-symbol{width:32px;height:32px;color:var(--f);margin-bottom:auto}.kachel:hover .kachel-symbol{color:var(--grund)}.kachel-symbol svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.kachel strong{font-family:var(--titel);text-transform:uppercase;margin-top:18px;font-size:1.5rem;font-weight:400;line-height:1.1}.kachel-sub{font:600 .78rem var(--mono);color:var(--grau)}.kachel:hover .kachel-sub{color:var(--grund)}.kachel-pfeil{opacity:0;font-size:1.3rem;font-weight:900;transition:transform .2s,opacity .2s;position:absolute;top:16px;right:18px;transform:translate(-8px)}.kachel:hover .kachel-pfeil{opacity:1;transform:none}.neu-raster{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.neu-karte{background:var(--grund2);flex-direction:column;text-decoration:none;transition:transform .16s;display:flex;position:relative}.neu-karte:hover{transform:translateY(-3px)}.neu-karte img{aspect-ratio:16/9;object-fit:cover;width:100%}.neu-karte div{padding:10px 12px 12px}.neu-marke{font:700 .7rem var(--mono);letter-spacing:.08em;color:var(--f)}.neu-karte strong{margin-top:3px;font-size:.98rem;font-weight:800;line-height:1.25;display:block}.neu-karte.kommt img{filter:saturate(.5)brightness(.55)}.neu-datum{background:var(--f);color:var(--grund);font:800 .72rem var(--mono);padding:3px 8px;position:absolute;top:10px;left:10px;transform:skew(-10deg)}.wege{grid-template-columns:1fr 1fr;gap:14px;display:grid}.weg{background:var(--grund2);border-left:5px solid var(--kupfer);padding:22px 24px}.weg-hart{border-color:#ff6b6b}.weg h3{font-family:var(--titel);text-transform:uppercase;margin-bottom:6px;font-size:1.3rem;font-weight:400}.weg p{color:#cbd2db}.weg-stufe{color:var(--grund);background:var(--kupfer);margin-bottom:8px;padding:1px 9px;font-size:.84rem;font-weight:800;display:inline-block}.weg-hart .weg-stufe{background:#ff6b6b}.reiter{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.reiter a{font-family:var(--titel);text-transform:uppercase;background:var(--grund2);padding:8px 18px;font-size:.9rem;font-weight:400;text-decoration:none;transition:background .15s,color .15s;transform:skew(-12deg)}.reiter a span{display:block;transform:skew(12deg)}.reiter a:hover{background:var(--grund3)}.reiter a[aria-current]{background:var(--f);color:var(--grund)}.bereiche{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.bereich{background:var(--grund2);border-bottom:3px solid #0000;flex-direction:column;gap:6px;padding:20px 40px 20px 20px;text-decoration:none;transition:border-color .16s,transform .16s;display:flex;position:relative}.bereich:hover{border-color:var(--f);transform:translateY(-3px)}.bereich strong{font-family:var(--titel);text-transform:uppercase;font-size:1.25rem;font-weight:400}.bereich span{color:#c4ccd6;font-size:.94rem}.bereich i{color:var(--f);font-style:normal;font-weight:900;position:absolute;top:18px;right:16px}.fortschritt{font:700 .8rem var(--mono);color:var(--grau);max-width:560px;margin:0 0 22px}.fortschritt-zeile{justify-content:space-between;margin-bottom:6px;display:flex}.fortschritt-zeile b{color:var(--f)}.fortschritt-balken{background:var(--grund2);height:10px;overflow:hidden;transform:skew(-20deg)}.fortschritt-balken i{background:var(--f);width:0;height:100%;transition:width .4s cubic-bezier(.2,.8,.2,1);display:block}.bereiche+.fortschritt{margin-top:26px;margin-bottom:0}.lernpfad{gap:16px;display:grid;position:relative}.folge{--ecke:0;background:var(--grund2);grid-template-columns:minmax(220px,34%) 1fr;gap:clamp(14px,2vw,24px);padding:14px;display:grid;position:relative}.folge:after{content:"";pointer-events:none;opacity:0;background:conic-gradient(from var(--lauf),transparent 0 18%,var(--f) 24%,transparent 30% 68%,var(--kupfer) 74%,transparent 80%);padding:2px;transition:opacity .25s;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.folge:hover:after,.folge:focus-within:after{opacity:1;animation:7s linear infinite lauf}@keyframes lauf{to{--lauf:360deg}}.folge-bild{background:#000;align-self:start;display:block;position:relative;overflow:hidden}.folge-bild img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .3s}.folge-bild:hover img{transform:scale(1.03)}.dauer{font:700 .74rem var(--mono);background:#000000d6;padding:2px 6px;position:absolute;bottom:6px;right:6px}.abspielen{border:2px solid var(--papier);opacity:0;background:#0b1018b8;border-radius:50%;width:56px;height:56px;margin:-28px;transition:opacity .16s,transform .16s;position:absolute;top:50%;left:50%;transform:scale(.86)}.abspielen:after{content:"";border-left:18px solid var(--papier);border-top:11px solid #0000;border-bottom:11px solid #0000;position:absolute;top:16px;left:21px}.folge-bild:hover .abspielen,.folge-bild:focus-visible .abspielen{opacity:1;transform:none}.folge-text{flex-direction:column;min-width:0;display:flex}.folge-nr{align-items:center;gap:10px;display:flex}.ton-hinweis{font:700 .7rem var(--mono);color:var(--grau)}.ton-tipp{background:var(--grund2);border-left:4px solid var(--f);margin-bottom:18px;padding:9px 14px;font-size:.92rem}.ton-tipp b{color:var(--f)}.folge-nr span{background:var(--f);color:var(--grund);font:800 .7rem var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:2px 9px;transform:skew(-12deg)}.folge h3{margin-top:7px;font-size:clamp(1.08rem,1.5vw,1.3rem);font-weight:800;line-height:1.22}.folge h3 a{text-decoration:none}.folge h3 a:hover{color:var(--f)}.folge h4{font:700 .7rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--grau);margin-top:11px}.themen{color:#d5dae1;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:3px 18px;margin-top:6px;font-size:.92rem;line-height:1.38;display:grid}.themen li{grid-template-columns:1.5em 1fr;gap:4px;display:grid}.themen li span{text-align:center}.folge-fuss{flex-wrap:wrap;align-items:center;gap:16px;margin-top:auto;padding-top:12px;display:flex}.geschaut{cursor:pointer;font:700 .78rem var(--mono);color:var(--grau);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.geschaut input{appearance:none;background:var(--grund);border:2px solid var(--grau);cursor:pointer;width:22px;height:22px;margin:0;transition:background .14s,border-color .14s;position:relative;transform:skew(-10deg)}.geschaut input:checked{background:var(--f);border-color:var(--f)}.geschaut input:checked:after{content:"";border:solid var(--grund);border-width:0 3px 3px 0;width:6px;height:12px;position:absolute;top:1px;left:5px;transform:skew(10deg)rotate(42deg)}.geschaut:has(input:checked){color:var(--f)}.folge.erledigt .folge-bild img{filter:saturate(.72)}.folge.kommt .folge-bild img{filter:saturate(.35)brightness(.5)}.folge.kommt .abspielen,.folge.kommt .folge-fuss{display:none}.termin{font:800 .84rem var(--mono);color:var(--f);align-items:center;gap:8px;margin-top:8px;display:flex}.termin[hidden]{display:none}.termin:before{content:"";background:var(--f);border-radius:50%;width:9px;height:9px;animation:1.8s infinite puls}@keyframes puls{50%{opacity:.25}}.material{gap:6px;display:grid}.material li{background:var(--grund2);grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:9px 12px;display:grid}.mat-nr{font:800 1rem var(--mono);color:var(--f)}.mat-titel{font-weight:700}.mat-pdf{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pdf{background:var(--grund3);align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:.86rem;font-weight:700;text-decoration:none;transition:background .14s,color .14s;display:inline-flex}.pdf span{font:800 .62rem var(--mono);background:var(--f);color:var(--grund);padding:2px 5px}.pdf:hover{background:var(--f);color:var(--grund)}.pdf:hover span{background:var(--grund);color:var(--f)}.linkliste{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;display:grid}.link-karte{background:var(--grund2);border-bottom:3px solid #0000;flex-direction:column;gap:6px;padding:20px;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}.link-karte:hover{border-color:var(--f);transform:translateY(-3px)}.link-karte h3{font-family:var(--titel);font-size:1.3rem;font-weight:400}.link-karte p{color:#c4ccd6;flex:1;font-size:.94rem}.link-sprache{font:700 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--f)}.link-adresse{font:600 .78rem var(--mono);color:var(--grau)}.spalten{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(20px,4vw,46px);display:grid}.formular{gap:14px;display:grid}.formular label{gap:5px;font-size:.92rem;font-weight:700;display:grid}.formular label small{color:var(--grau);font-weight:500}.formular input,.formular select,.formular textarea{background:var(--grund2);border:2px solid var(--linie);resize:vertical;border-radius:0;width:100%;padding:10px 12px;font-weight:500}.formular input:focus,.formular select:focus,.formular textarea:focus{border-color:var(--f);outline:none}.fliegenfalle{left:-9999px;position:absolute!important}.hinweis{color:var(--grau);font-size:.86rem}.hinweis a{color:var(--papier)}.formular .knopf{justify-self:start}.formular-status{min-height:1.5em;font-weight:700}.formular-status.gut{color:#3ddc97}.formular-status.fehler{color:#ff6b6b}.seitenkarte{background:var(--grund2);justify-items:start;gap:12px;padding:22px 24px;display:grid}.seitenkarte h2{margin:0;font-size:1.3rem}.eintraege{gap:10px;display:grid}.eintrag{background:var(--grund2);border-left:4px solid var(--f);padding:14px 16px}.eintrag header{font:700 .76rem var(--mono);color:var(--grau);justify-content:space-between;gap:10px;margin-bottom:5px;display:flex}.eintrag header b{color:var(--papier);font:400 1.05rem var(--titel)}.eintrag p{overflow-wrap:anywhere}.eintraege-leer{color:var(--grau)}.text{max-width:none}.text>*{max-width:74ch}.text h2{scroll-margin-top:calc(var(--kopf) + 20px);margin:34px 0 12px;font-size:clamp(1.4rem,2.4vw,2rem)}.text h2:first-of-type{margin-top:0}.text h3{margin:18px 0 4px;font-size:1.06rem;font-weight:800}.text p,.text ul{color:#d5dae1}.text ul{gap:4px;margin:6px 0;list-style:none;display:grid}.text ul li{padding-left:18px;position:relative}.text ul li:before{content:"";background:var(--kupfer);width:7px;height:7px;position:absolute;top:.62em;left:2px;transform:skew(-14deg)}.text a{color:var(--kupfer-h)}.inhaltsliste{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.inhaltsliste a{background:var(--grund2);color:var(--papier);padding:6px 14px;font-size:.9rem;font-weight:700;text-decoration:none}.inhaltsliste a:hover{background:var(--grund3)}mark{color:#111;background:#ffd84d;padding:0 4px;font-weight:700}.suche{background:var(--grund2);width:min(680px,100vw - 32px);max-height:min(76vh,640px);color:var(--papier);border:2px solid var(--kupfer);margin:12vh auto auto;padding:0;overflow:hidden}.suche[open]{flex-direction:column;display:flex}.suche::backdrop{background:#05080cbd}.suche-kopf{border-bottom:1px solid var(--linie);align-items:center;gap:10px;padding:12px 14px;display:flex}.suche-kopf input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:1.08rem;font-weight:600}.suche-kopf button{background:var(--grund3);font:700 .72rem var(--mono);cursor:pointer;border:0;padding:4px 8px}.suche-treffer{padding:6px;overflow-y:auto}.suche-treffer a{gap:1px;padding:8px 10px;text-decoration:none;display:grid}.suche-treffer a:hover,.suche-treffer a:focus{background:var(--grund3);outline:none}.suche-treffer small{font:700 .68rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.suche-treffer strong{font-weight:700;line-height:1.3}.suche-treffer span{color:var(--grau);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.suche-leer{color:var(--grau);padding:14px}.blase{z-index:20;background:var(--papier);width:min(320px,100vw - 32px);color:var(--grund);box-shadow:6px 6px 0 var(--f);padding:13px 15px;font-size:.95rem;font-weight:700;line-height:1.35;animation:.28s cubic-bezier(.2,1.5,.4,1) blase;position:fixed}.blase[hidden]{display:none}.blase a{font-family:var(--titel);text-transform:uppercase;color:var(--grund);margin-top:7px;font-size:.84rem;font-weight:400;display:inline-block}.blase button{cursor:pointer;color:var(--grund);background:0 0;border:0;padding:2px 6px;font-size:1.2rem;font-weight:800;position:absolute;top:0;right:4px}@keyframes blase{0%{opacity:0;transform:scale(.7)translateY(14px)}}.app-rahmen h2{margin-bottom:8px}.app-rahmen>p{color:#d5dae1;max-width:64ch}.app{background:var(--grund2);min-height:340px;margin-top:18px;position:relative}.app-laedt{color:var(--grau);font-family:var(--mono);padding:30px}.app-flaeche{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);display:grid}.app-buehne{aspect-ratio:16/10;background:#080c12;min-height:340px;position:relative;overflow:hidden}.app-buehne canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.app-regler{align-content:start;gap:13px;padding:18px;display:grid}.regler{gap:3px;font-size:.9rem;font-weight:700;display:grid}.regler output{font:800 .95rem var(--mono);color:var(--f);float:right}.regler-kopf{justify-content:space-between;align-items:baseline;display:flex}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--grund3);height:6px}input[type=range]::-moz-range-track{background:var(--grund3);height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--f);border:0;width:15px;height:22px;margin-top:-8px;transform:skew(-14deg)}input[type=range]::-moz-range-thumb{background:var(--f);border:0;border-radius:0;width:15px;height:22px;transform:skew(-14deg)}.anzeige{font:600 .88rem/1.5 var(--mono);color:#d5dae1;background:#080c12;padding:11px 13px}.anzeige b{color:var(--f)}.wahl{flex-wrap:wrap;gap:6px;display:flex}.wahl button{background:var(--grund3);cursor:pointer;border:0;padding:6px 12px;font-size:.84rem;font-weight:800;transform:skew(-10deg)}.wahl button[aria-pressed=true]{background:var(--f);color:var(--grund)}.beat-raster{border-top:1px solid var(--linie);gap:5px;padding:14px;display:grid;overflow-x:auto}.beat-spur{grid-template-columns:62px repeat(16,minmax(24px,1fr));align-items:center;gap:3px;min-width:560px;display:grid}.beat-spur span{font:700 .74rem var(--mono);color:var(--grau)}.beat-spur button{background:var(--grund3);cursor:pointer;border:0;height:30px;transition:background 80ms}.beat-spur button:nth-of-type(4n+1){background:#263345}.beat-spur button[aria-pressed=true]{background:var(--f)}.beat-spur button.jetzt{box-shadow:inset 0 0 0 2px var(--papier)}@media (width<=1180px){.suche-knopf{min-width:0}.suche-knopf span,.suche-knopf kbd{display:none}.held-text{max-width:60%}}@media (width<=960px){:root{--leiste:0px;--kopf:60px}.logo{width:auto;margin-right:auto}.logo img{width:38px;height:38px}.hauptnav,.abo{display:none}.menue-knopf{margin-left:0;display:block}.sprachen a{padding:5px 10px;font-size:.84rem}.kopfzeile{gap:10px}.seitenleiste{background:var(--grund);visibility:hidden;width:min(310px,86vw);transition:transform .26s cubic-bezier(.2,.8,.2,1);transform:translate(-102%);box-shadow:20px 0 50px #0009}.seitenleiste.offen{visibility:visible;transform:none}.nav-mobil{border-top:1px solid var(--linie);gap:2px;margin-top:18px;padding-top:12px;display:grid}.nav-mobil a{padding:8px 10px;font-weight:700;text-decoration:none}.leisten-spruch{padding-top:14px}.held-text,.held-seite .held-text{max-width:100%}.held-start{min-height:calc(100svh - var(--kopf));justify-content:flex-start;padding-top:22px}.held-fach{justify-content:flex-start;min-height:430px;padding-top:18px}.held-fach .held-text{max-width:66%}.held-seite{justify-content:flex-start;min-height:260px}.held-seite .held-text{max-width:70%}.zahlen{gap:18px;margin-top:18px}.wege,.spalten{grid-template-columns:1fr}.kacheln{grid-template-columns:repeat(2,1fr)}.app-flaeche{grid-template-columns:1fr}}@media (width<=640px){h1{font-size:clamp(2.2rem,11.5vw,3.2rem)}.held-start .einleitung,.held-start .zahlen{display:none}.held-start .knoepfe{flex-wrap:nowrap;gap:10px;margin-top:16px}.held-start .knoepfe .knopf{text-align:center;white-space:nowrap;flex:1;padding:10px 8px;font-size:.92rem}.held-start .vorzeile{letter-spacing:.14em}.held-start:before{display:none}.held-fach .einleitung{font-size:.95rem}.zahlen dd{font-size:1.6rem}.folge{grid-template-columns:1fr}.kachel{min-height:138px;padding:14px}.kachel strong{margin-top:10px;font-size:1.08rem}.kachel-sub{font-size:.68rem}.kachel-geist{font-size:3rem}.material li{grid-template-columns:32px 1fr}.mat-pdf{grid-column:1/-1;justify-content:flex-start}.fuss-klein{margin-left:0}.themen{font-size:.9rem}.blase{bottom:16px;top:auto!important;left:16px!important}}@media (width<=380px){.logo-text{font-size:1.14rem}.logo img{width:32px;height:32px}.sprachen a{padding:4px 8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}