:root{--nacht:#0A0A0C;--nacht-sanft:#121216;--nacht-karte:#17171C;--tag:#F5F5F7;--tag-karte:#FFFFFF;--tinte:#101014;--tinte-matt:#6B6B75;--hell:#F7F7F9;--hell-matt:#A2A2AC;--akzent:#2B8CFF;--akzent-hell:#66ACFF;--akzent-tief:#0B63D0;--linie:rgba(0,0,0,.10);--linie-nacht:rgba(255,255,255,.12);--glas:rgba(255,255,255,.06);--breite:1240px;--rund:12px;--rund-klein:8px;--schrift-sans-stapel:"Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;--schrift-mono-stapel:var(--schrift-sans-stapel);--schatten:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.08);--schatten-tief:0 24px 60px rgba(0,0,0,.45);--weg:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:clip;max-width:100%}@supports not (overflow-x:clip){html{overflow-x:visible}body{overflow-x:hidden}}body{margin:0;background:var(--nacht);color:var(--hell);font-family:var(--schrift-sans-stapel);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--akzent);color:#fff}.mitte{max-width:var(--breite);margin:0 auto;padding-inline:28px}.augenbraue{font-family:var(--schrift-mono-stapel);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--hell-matt);margin:0 0 18px}.hell-grund .augenbraue{color:var(--tinte-matt)}h1,h2,h3,h4{font-family:var(--schrift-sans-stapel);font-weight:700;letter-spacing:-.028em;line-height:1.08;margin:0;text-wrap:balance}.band{padding-block:92px}.band.hell-grund{background:var(--tag);color:var(--tinte)}.band.nacht-grund{background:var(--nacht);color:var(--hell)}.band.gedaempft-grund{background:var(--nacht-sanft);color:var(--hell)}.bandkopf{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}.bandkopf h2{font-size:clamp(26px,3.2vw,36px);margin:0 0 6px}.bandkopf p{margin:0;color:var(--tinte-matt);font-size:15.5px}.gedaempft-grund .bandkopf p,.nacht-grund .bandkopf p{color:var(--hell-matt)}.weiter{display:inline-flex;align-items:center;gap:8px;color:var(--akzent);font-size:14px;font-weight:700;white-space:nowrap;flex:none}.weiter .pfeil{transition:transform .3s var(--weg)}.weiter:hover .pfeil{transform:translateX(5px)}header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(10,10,12,.88);border-bottom:1px solid transparent;transition:border-color .25s ease,background .25s ease}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){header{background:rgba(10,10,12,.7);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6)}}header.gescrollt{border-bottom-color:var(--linie-nacht)}.kopfreihe{max-width:var(--breite);margin:0 auto;padding:0 28px;height:58px;gap:14px}.kopfreihe,.marke{display:flex;align-items:center}.marke{flex:none}.marke img{height:27px;width:auto}footer .marke img{width:172px;height:auto;max-width:100%}.anmeldefuss .marke img{width:150px;height:auto;max-width:100%}.kopftrenner{width:1px;height:22px;background:var(--linie-nacht);flex:none}.kopfzeichen{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:0;border-radius:var(--rund-klein);background:transparent;color:var(--hell-matt);font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:color .2s ease,background .2s ease}.kopfzeichen:hover{color:#fff;background:rgba(255,255,255,.08)}.kopfzeichen svg{width:19px;height:19px;flex:none}a.kopfzeichen{width:34px;justify-content:center;padding:0}.kopfrechts{display:flex;align-items:center;gap:4px}.kopfverweis{padding:8px 12px;border-radius:var(--rund-klein);font-size:13px;font-weight:700;color:var(--hell);white-space:nowrap;transition:background .2s ease}.kopfverweis:hover{background:rgba(255,255,255,.08)}.kopfsuche{display:flex;align-items:center;gap:8px;margin-inline:auto;height:34px;width:min(340px,30vw);min-width:190px;padding:0 12px;border:1px solid var(--linie-nacht);border-radius:var(--rund-klein);background:rgba(255,255,255,.04);color:var(--hell-matt);transition:border-color .2s ease,background .2s ease}.kopfsuche:focus-within{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.07)}.kopfsuche svg{width:17px;height:17px;flex:none}.kopfsuche input{border:0;background:none;outline:none;width:100%;font-family:inherit;font-size:12.5px;color:var(--hell)}.kopfsuche input::placeholder{color:var(--hell-matt)}.navzeile{border-top:1px solid var(--linie-nacht)}.navreihe{max-width:var(--breite);margin:0 auto;padding:0 28px;height:46px}.navreihe,nav{display:flex;align-items:stretch;gap:0}.navreihe nav{margin-left:-15px}.navknopf,nav a{display:flex;align-items:center;gap:6px;font-family:inherit;font-size:13.5px;font-weight:500;color:var(--hell);padding:0 15px;position:relative;white-space:nowrap;border:0;background:transparent;cursor:pointer;transition:color .2s ease,background .2s ease}nav a.nur-schmal{display:none}.navknopf:hover,nav a:hover{background:rgba(255,255,255,.06)}.navknopf svg{width:11px;height:11px;transition:transform .25s var(--weg)}.navknopf.auf svg{transform:rotate(180deg)}.navknopf.auf:after,nav a.hier:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;background:#fff}.lade{position:absolute;left:0;right:0;top:100%;background:var(--nacht-sanft);border-bottom:1px solid var(--linie-nacht);box-shadow:0 24px 48px rgba(0,0,0,.5);opacity:0;transform:translateY(-8px);pointer-events:none;visibility:hidden;transition:opacity .22s ease,transform .28s var(--weg),visibility 0s linear .28s}.lade.auf{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s}.lade[hidden]{display:block}.ladeinhalt{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);grid-gap:48px;gap:48px;padding-block:34px 38px}.ladespalte h4{font-family:var(--schrift-mono-stapel);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--hell-matt);margin:0 0 18px}.ladespalte>a{display:block;font-size:13.5px;color:var(--hell-matt);padding:7px 0;transition:color .2s ease}.ladespalte>a:hover{color:#fff}.ladeprodukte{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:22px}.ladeprodukt{display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:var(--rund-klein);border:1px solid transparent;transition:background .2s ease,border-color .2s ease}.ladeprodukt:hover{background:rgba(255,255,255,.05);border-color:var(--linie-nacht)}.ladeprodukt img{width:34px;height:auto;flex:none;margin-top:2px}.ladeprodukt span{display:block;font-size:12.5px;line-height:1.5;color:var(--hell-matt)}.ladeprodukt b{display:block;font-size:14px;font-weight:600;color:var(--hell);margin-bottom:3px}.sprachen{position:relative;flex:none}.sprachknopf{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border:0;border-radius:var(--rund-klein);background:transparent;color:var(--hell);font-family:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .2s ease}.sprachen.auf .sprachknopf,.sprachknopf:hover{background:rgba(255,255,255,.08)}.sprachknopf svg{width:18px;height:18px;flex:none}.sprachknopf .winkel{width:11px;height:11px;color:var(--hell-matt);transition:transform .25s var(--weg)}.sprachen.auf .sprachknopf .winkel{transform:rotate(180deg)}.sprachliste{position:absolute;top:calc(100% + 6px);right:0;z-index:10;min-width:160px;padding:6px;border:1px solid var(--linie-nacht);border-radius:var(--rund-klein);background:var(--nacht-sanft);box-shadow:0 18px 40px rgba(0,0,0,.5)}.sprachliste a{display:block;padding:8px 12px;border-radius:6px;font-size:13.5px;color:var(--hell-matt);transition:color .2s ease,background .2s ease}.sprachliste a:hover{color:#fff;background:rgba(255,255,255,.07)}.sprachliste a.hier{color:#fff;font-weight:700}.kontoleiste{display:flex;align-items:center;gap:2px;flex:none}.kontofach{position:relative;flex:none}.kontozeichen{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:var(--rund-klein);background:transparent;color:var(--hell-matt);cursor:pointer;transition:color .2s ease,background .2s ease}.kontozeichen.auf,.kontozeichen:hover{color:#fff;background:rgba(255,255,255,.08)}.kontozeichen svg{width:19px;height:19px;flex:none}.avatarknopf{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-left:4px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:box-shadow .2s ease}.avatarknopf.auf,.avatarknopf:hover{box-shadow:0 0 0 2px var(--akzent)}.avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border-radius:50%;object-fit:cover;background:var(--akzent);color:#fff;font-size:12px;font-weight:700}.avatar.gross{width:44px;height:44px;font-size:15px}.kontolade{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:272px;padding:14px;border:1px solid var(--linie-nacht);border-radius:14px;background:var(--nacht-sanft);box-shadow:0 24px 50px rgba(0,0,0,.55)}.kontolade.breit{width:320px}.kontolade h4{margin:2px 2px 12px;font-family:var(--schrift-mono-stapel);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--hell-matt)}.ladeleer{margin:0;padding:2px 2px 6px;font-size:13px;line-height:1.6;color:var(--hell-matt)}.appraster{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.appkachel{display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 6px;border-radius:10px;border:1px solid transparent;text-align:center;transition:background .2s ease,border-color .2s ease}.appkachel:hover{background:rgba(255,255,255,.06);border-color:var(--linie-nacht)}.appkachel img{width:30px;height:auto}.appkachel span{font-size:11.5px;line-height:1.35;color:var(--hell-matt);transition:color .2s ease}.appkachel:hover span{color:#fff}.ladefuss{display:block;margin-top:10px;padding:10px 2px 2px;border-top:1px solid var(--linie-nacht);font-size:13px;color:var(--hell-matt);transition:color .2s ease}.ladefuss:hover{color:#fff}.kontokopf{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:2px 2px 14px;border-bottom:1px solid var(--linie-nacht)}.kontoworte{display:block;min-width:0}.kontoworte b{display:block;font-size:14px;color:var(--hell)}.kontoworte>span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.kontoworte>span,.kontozeile{display:block;color:var(--hell-matt)}.kontozeile{width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;font-family:inherit;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer;transition:color .2s ease,background .2s ease}.kontozeile:hover{color:#fff;background:rgba(255,255,255,.07)}.menue-knopf{display:none;margin-left:auto;width:38px;height:38px;padding:0;border:1px solid var(--linie-nacht);border-radius:var(--rund-klein);background:transparent;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px;transition:border-color .2s ease,background .2s ease}.menue-knopf i{display:block;width:16px;height:1.5px;border-radius:2px;background:var(--hell);transition:transform .3s var(--weg),opacity .2s ease}.menue-knopf[aria-expanded=true] i:first-child{transform:translateY(5.5px) rotate(45deg)}.menue-knopf[aria-expanded=true] i:nth-child(2){opacity:0}.menue-knopf[aria-expanded=true] i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.tafelhuelle{display:none}.tafelschleier{position:absolute;inset:0;z-index:1;border:0;padding:0;cursor:pointer;background:rgba(4,4,6,.72);opacity:0;transition:opacity .3s ease}.tafelhuelle.auf .tafelschleier{opacity:1}.tafel{position:absolute;top:0;right:0;bottom:0;z-index:2;width:min(84vw,400px);display:flex;flex-direction:column;padding:14px 20px 24px;background:#0C0C10;border-left:1px solid var(--linie-nacht);overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform .34s var(--weg)}.tafelhuelle.auf .tafel{transform:none}.tafel:after{content:"";position:fixed;right:0;bottom:0;z-index:-1;width:min(84vw,400px);height:70vh;background:url(/bilder/fuss.jpg) 100% 100%/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent,#000 42%);mask-image:linear-gradient(180deg,transparent,#000 42%);pointer-events:none;opacity:0;transition:opacity .3s ease .04s}.tafelhuelle.auf .tafel:after{opacity:1}.tafelkopf{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.tafelkopf .marke img{height:26px}.tafelkreuz{width:40px;height:40px;flex:none;padding:0;border:0;border-radius:var(--rund-klein);background:transparent;color:var(--hell);cursor:pointer;display:grid;place-items:center;transition:background .2s ease}.tafelkreuz:hover{background:rgba(255,255,255,.08)}.tafelkreuz svg{width:22px;height:22px}.tafelliste{display:flex;flex-direction:column;gap:2px}.tafelzeile{display:flex;align-items:center;gap:16px;width:100%;padding:13px 14px;border-radius:var(--rund-klein);border:0;background:transparent;cursor:pointer;font-family:inherit;text-align:left;font-size:17px;font-weight:600;color:var(--hell);transition:background .2s ease}.tafelzeile:hover{background:rgba(255,255,255,.06)}.tafelzeile.hier{background:rgba(255,255,255,.1)}.tafelzeile svg{width:22px;height:22px;flex:none}.tafelzeile span{flex:1 1}.tafelzeile .winkel{width:12px;height:12px;color:var(--hell-matt);transition:transform .28s var(--weg)}.tafelgruppe.auf .tafelzeile .winkel{transform:rotate(90deg)}.tafelgruppe.auf>.tafelzeile{color:#fff}.tafelunter{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--weg)}.tafelgruppe.auf .tafelunter{grid-template-rows:1fr}.tafelunter>div{overflow:hidden}.tafelunter a{display:block;padding:11px 14px 11px 52px;font-size:15px;color:var(--hell-matt);border-radius:var(--rund-klein);transition:color .2s ease,background .2s ease}.tafelunter a:hover{color:#fff;background:rgba(255,255,255,.06)}.tafelliste hr{border:0;border-top:1px solid var(--linie-nacht);margin:14px 8px}.tafelknoepfe{display:grid;grid-gap:10px;gap:10px;margin-top:22px}.tafelknopf{justify-content:center;margin:0;padding:15px 20px;font-size:15px;border-radius:var(--rund-klein)}.tafelsprachwahl{margin-top:18px;padding-top:14px;border-top:1px solid var(--linie-nacht)}.tafelsprachwahl>.tafelzeile{font-size:15px;font-weight:500}.tafelsprachwahl .tafelunter a.hier{color:#fff;font-weight:700}.tafelfuss{margin-top:auto;padding:48px 4px 0}.tafelfuss .strich{display:block;width:22px;height:1px;background:var(--hell-matt);margin-bottom:14px}.tafelspruch{margin:0 0 22px;font-family:var(--schrift-mono-stapel);font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;line-height:1.7;color:var(--hell);max-width:12ch}.tafelfuss .rechtsverweise{gap:14px}.knopf{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:var(--rund-klein);font-size:13.5px;font-weight:700;white-space:nowrap;letter-spacing:-.005em;border:1px solid transparent;transition:transform .22s var(--weg),background .2s ease,border-color .2s ease,color .2s ease,box-shadow .22s ease}.knopf .pfeil{font-size:1.05em;transition:transform .3s var(--weg)}.knopf:hover .pfeil{transform:translateX(4px)}.knopf.voll{background:#fff;color:var(--nacht)}.knopf.voll:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(255,255,255,.14)}.hell-grund .knopf.voll{background:var(--nacht);color:#fff}.hell-grund .knopf.voll:hover{box-shadow:0 8px 24px rgba(0,0,0,.2)}.knopf.leer{background:#101014;color:var(--hell);border-color:rgba(255,255,255,.45)}.knopf.leer:hover{transform:translateY(-1px);background:#1A1A20;border-color:#fff}.knopf .zeichenkreis{width:23px;height:23px;flex:none;border-radius:50%;border:1.5px solid;display:grid;place-items:center}.knopf .zeichenkreis svg{width:12px;height:12px;stroke-width:2.2}.hell-grund .knopf.leer{background:var(--tag-karte);color:var(--tinte);border-color:var(--linie)}.hell-grund .knopf.leer:hover{background:#fff;border-color:rgba(0,0,0,.24);box-shadow:var(--schatten)}.knopf.klein{padding:9px 16px;font-size:12.5px}.knopf.stumm{color:var(--hell-matt);border-color:transparent;cursor:default}.knopf.stumm,.knopf.stumm:hover{background:rgba(255,255,255,.12)}.knopf.stumm:hover{transform:none;box-shadow:none}.hell-grund .knopf.stumm{background:rgba(0,0,0,.08);color:var(--tinte-matt)}.knopf.leer.stumm{color:var(--hell-matt)}.knopf.leer.stumm,.knopf.leer.stumm:hover{background:transparent;border-color:rgba(255,255,255,.18)}.aufmacher{position:relative;isolation:isolate;background:var(--nacht);color:var(--hell);min-height:min(62svh,540px);display:flex;align-items:center;overflow:hidden}.aufmacherbild{position:absolute;inset:0 0 0 32%;z-index:-2}.aufmacherbild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.aufmacherschleier{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--nacht) 0,var(--nacht) 26%,rgba(10,10,12,.82) 42%,rgba(10,10,12,.25) 68%,rgba(10,10,12,.12) 100%),linear-gradient(0deg,var(--nacht) 0,rgba(10,10,12,0) 34%)}.aufmacher.dunklesbild .aufmacherschleier{background:linear-gradient(90deg,var(--nacht) 0,rgba(10,10,12,.92) 18%,rgba(10,10,12,.55) 38%,rgba(10,10,12,.12) 62%,transparent 100%),linear-gradient(0deg,var(--nacht) 0,rgba(10,10,12,0) 30%)}.aufmacher .mitte{position:relative;width:100%;padding-block:48px 40px}.aufmacher h1{font-size:clamp(40px,5.4vw,68px);line-height:1;letter-spacing:-.04em;font-weight:600;margin:0 0 18px;max-width:13ch}.aufmacher .vorspann{font-size:16px;color:var(--hell-matt);max-width:30em;margin:0 0 24px}.knopfreihe{gap:12px}.knopfreihe,.wortreihe{display:flex;flex-wrap:wrap}.wortreihe{align-items:center;gap:10px;margin-top:26px;font-size:12.5px;color:var(--hell-matt)}.wortreihe i{font-style:normal;opacity:.5}.leitworte{position:absolute;right:28px;top:50%;transform:translateY(-50%);padding-left:22px;border-left:1px solid var(--linie-nacht);display:grid;grid-gap:5px;gap:5px;font-size:15px;color:var(--hell);max-width:12ch}.leitworte span:last-child{color:var(--hell-matt)}.studioband{padding-block:0 76px}.studios{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.studios.zwei{grid-template-columns:repeat(2,1fr)}.aufmacher.studioaufmacher .aufmacherbild{inset:0}.aufmacher.studioaufmacher .aufmacherbild img{object-position:center var(--aufmacherlage,50%)}.nurvorlesen{margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.lockfeld,.nurvorlesen{position:absolute;width:1px;height:1px}.lockfeld{left:-9999px;opacity:0;pointer-events:none}.wartemarke{display:flex;align-items:center;gap:12px;margin-bottom:20px}.wartemarke img{width:auto;height:34px;flex:none}.wartemarke span{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hell-matt)}.wartefeld{width:min(100%,440px)}.wartefeld form{display:flex;gap:10px;flex-wrap:wrap}.wartefeld label{flex:1 1 220px}.wartefeld input[type=email]{width:100%;height:50px;padding:0 16px;border:1px solid var(--linie-nacht);border-radius:10px;background:rgba(255,255,255,.04);color:var(--hell);font-family:inherit;font-size:15px;transition:border-color .2s ease,background .2s ease}.wartefeld input[type=email]::placeholder{color:#63636E}.wartefeld input[type=email]:focus{outline:none;border-color:var(--akzent);background:rgba(255,255,255,.07)}.wartefeld .knopf{flex:none}.wartehinweis{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--hell-matt)}.wartemeldung{margin:12px 0 0;max-width:44ch;font-size:13.5px;line-height:1.55;color:#FF9B9B}.wartemeldung.gut{color:#8FE0B6}.baldkarte .wartefeld{justify-items:center}.baldkarte .wartefeld form{justify-content:center}.baldkarte .wartehinweis,.baldkarte .wartemeldung{text-align:center}.studiozeichen{width:auto;height:44px;margin-bottom:18px}.studio{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;min-height:412px;padding:28px;border-radius:var(--rund-klein);background:#08080A;transition:transform .38s var(--weg),box-shadow .3s ease}.studio:hover{transform:translateY(-3px);box-shadow:var(--schatten-tief)}.studio .studiobild{position:absolute;inset:0 0 0 38%;z-index:-2;background:var(--bildgrund,transparent) var(--bild) var(--bildlage,center) /var(--bildgroesse,cover) no-repeat;transition:transform .7s var(--weg)}.studio.pixel .studiobild{image-rendering:pixelated}.studio:hover .studiobild{transform:scale(1.04)}.studio .studioschleier{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08080A,#08080A 34%,rgba(8,8,10,.92) 46%,rgba(8,8,10,.45) 66%,rgba(8,8,10,.12)),linear-gradient(0deg,rgba(8,8,10,.9),rgba(8,8,10,0) 26%)}.studio .zeichen{width:62px;height:auto;margin-bottom:auto}.studio h3{font-size:25px;margin:30px 0 10px;letter-spacing:-.03em}.studio p{margin:0 0 22px;font-size:13.5px;line-height:1.55;color:#B9B9C4;max-width:26ch}.studio .worte{margin-top:22px;font-size:11.5px;color:#8A8A95;letter-spacing:.02em}.studio .knopf{align-self:flex-start;background:transparent;border-color:rgba(255,255,255,.35);color:#fff;padding:11px 18px;font-size:13px;border-radius:6px}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.studio .knopf{-webkit-backdrop-filter:none;backdrop-filter:none}}.studio:hover .knopf{background:rgba(255,255,255,.1);border-color:#fff}.merkmalgitter{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px}.merkmalkachel{background:var(--tag-karte);border:1px solid var(--linie);border-radius:var(--rund);padding:26px 18px;text-align:center;transition:transform .3s var(--weg),box-shadow .3s ease}.merkmalkachel:hover{transform:translateY(-3px);box-shadow:var(--schatten)}.merkmalkachel svg{width:28px;height:28px;margin:0 auto 14px;display:block;stroke-width:2}.merkmalkachel h3{font-size:15px;margin:0 0 6px;letter-spacing:-.015em}.merkmalkachel p{margin:0;font-size:13px;color:var(--tinte-matt);line-height:1.5}.werkstatt{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr) minmax(0,.6fr);grid-gap:44px;gap:44px;align-items:center}.werkstatt h2{font-size:clamp(26px,3vw,34px);margin:0 0 16px}.werkstatt p{color:var(--hell-matt);font-size:15px;margin:0 0 26px;max-width:34ch}.werkstattbild{border-radius:var(--rund);overflow:hidden;border:1px solid var(--linie-nacht);box-shadow:var(--schatten-tief)}.werkstattpunkte{display:grid;grid-gap:8px;gap:8px;font-size:20px;font-weight:500;letter-spacing:-.02em}.werkstattpunkte .strich{width:42px;height:1px;background:var(--linie-nacht);margin:18px 0 14px}.werkstattpunkte .schluss{font-size:13.5px;font-weight:400;color:var(--hell-matt);letter-spacing:0}.galerie{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:12px;gap:12px}.galerie figure{margin:0;border-radius:var(--rund-klein);overflow:hidden;aspect-ratio:3/4;background:var(--nacht-sanft)}.galerie img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--weg)}.galerie figure:hover img{transform:scale(1.06)}.schlussruf{position:relative;overflow:hidden;background:var(--nacht);color:var(--hell);padding-block:64px}.schlussruf:before{content:"";position:absolute;inset:-60% -20% -60% 40%;background:radial-gradient(ellipse at 60% 50%,rgba(43,140,255,.5),rgba(43,140,255,.08) 45%,transparent 70%);pointer-events:none}.schlussruf .mitte{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.schlussruf h2{font-size:clamp(28px,3.6vw,42px);margin:0 0 10px}.schlussruf p{margin:0;color:var(--hell-matt);font-size:15px;max-width:46ch}footer{background:var(--nacht);color:var(--hell);border-top:1px solid var(--linie-nacht);padding-block:56px 28px}.fussreihe{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));grid-gap:32px;gap:32px;padding-bottom:40px}.fussreihe .claim{margin:14px 0 0;font-size:12.5px;color:var(--hell-matt)}.fussspalte h4{font-family:var(--schrift-mono-stapel);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--hell);margin:0 0 14px}.fussspalte a{display:block;font-size:13px;color:var(--hell-matt);padding:4px 0;transition:color .2s ease}.fussspalte a:hover{color:#fff}.fussboden{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--linie-nacht);font-size:12px;color:var(--hell-matt)}.fussboden nav{gap:18px;margin:0}.fussboden nav a{padding:0;font-size:12px}.fussboden nav a:hover{background:none}.auftritt{opacity:0;transform:translateY(18px)}.auftritt.sichtbar{opacity:1;transform:none;transition:opacity .6s var(--weg),transform .6s var(--weg)}.zurueck{display:flex;width:max-content;align-items:center;gap:8px;font-size:13px;color:var(--hell-matt);margin-bottom:20px;transition:color .2s ease}.zurueck:hover{color:#fff}.zurueck .pfeil{transition:transform .3s var(--weg)}.zurueck:hover .pfeil{transform:translateX(-4px)}.spielkopf{position:relative;min-height:580px;display:flex;align-items:center;overflow:hidden;background:var(--nacht)}.spielkopf .bild{position:absolute;inset:0;background:center 34%/cover no-repeat;image-rendering:pixelated}.spielkopf .schleier{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,12,.96) 0,rgba(10,10,12,.84) 34%,rgba(10,10,12,.3) 64%,rgba(10,10,12,.14) 100%),linear-gradient(0deg,var(--nacht) 0,rgba(10,10,12,0) 28%)}.spielkopf .mitte{position:relative;width:100%;padding-block:72px}.marke-zeile{display:inline-flex;align-items:center;gap:9px;padding:6px 13px;border-radius:999px;border:1px solid var(--linie-nacht);background:var(--glas);font-family:var(--schrift-mono-stapel);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--hell);margin-bottom:22px}.marke-zeile .blinkt{width:6px;height:6px;border-radius:50%;background:var(--akzent);box-shadow:0 0 0 0 rgba(43,140,255,.6);animation:pochen 2.4s ease-out infinite}@keyframes pochen{0%{box-shadow:0 0 0 0 rgba(43,140,255,.5)}70%{box-shadow:0 0 0 9px rgba(43,140,255,0)}to{box-shadow:0 0 0 0 rgba(43,140,255,0)}}.schriftzug{width:min(500px,82%);height:auto;image-rendering:pixelated;margin-bottom:8px}.schriftzug.tags{display:none}.spieltitel{font-size:clamp(38px,5.4vw,64px);letter-spacing:-.04em;margin:0 0 8px}.wahlspruch{font-family:var(--schrift-mono-stapel);font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--akzent-hell);margin:0 0 20px}.spielkopf p.beschreibung{font-size:16px;color:#C5C5D0;max-width:34em;margin:0 0 30px}.steamkarte{display:inline-grid;grid-template-columns:auto 1px auto;gap:24px;align-items:center;padding:20px 24px;border-radius:var(--rund);background:var(--glas);border:1px solid var(--linie-nacht);box-shadow:var(--schatten-tief)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.steamkarte{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.steamkarte .trenner{background:var(--linie-nacht);align-self:stretch}.steamkarte .zeichen{display:flex;align-items:center;gap:12px}.steamkarte .rad{width:42px;height:42px;flex:none}.steamkarte .worte{line-height:1.25}.steamkarte .klein{font-family:var(--schrift-mono-stapel);font-size:10px;letter-spacing:.14em;color:var(--hell-matt)}.steamkarte .gross{font-size:19px;font-weight:600;letter-spacing:-.02em}.steamkarte h3{margin:0 0 3px;font-size:15px}.steamkarte p{margin:0 0 14px;font-size:13px;color:var(--hell-matt)}.knopf.steam{background:var(--akzent);color:#fff}.knopf.steam:hover{background:var(--akzent-hell)}.knopf.steam[aria-disabled=true]{background:rgba(43,140,255,.16);color:var(--akzent-hell);border-color:rgba(43,140,255,.34);cursor:default}.knopf.steam[aria-disabled=true]:hover{background:rgba(43,140,255,.16);transform:none}.knopf.steam[aria-disabled=true] .pfeil{display:none}.merkmale{display:grid;grid-template-columns:repeat(4,1fr);background:var(--nacht-karte);border:1px solid var(--linie-nacht);border-radius:var(--rund);margin-top:-40px;position:relative;z-index:3}.merkmal{padding:24px 22px;display:flex;gap:14px;align-items:flex-start}.merkmal+.merkmal{border-left:1px solid var(--linie-nacht)}.merkmal .bild{width:36px;height:36px;flex:none;border-radius:var(--rund-klein);background:rgba(43,140,255,.12);display:grid;place-items:center;color:var(--akzent-hell)}.merkmal .bild svg{width:18px;height:18px}.merkmal h3{margin:0 0 5px;font-size:14.5px}.merkmal p{margin:0;font-size:12.5px;color:var(--hell-matt);line-height:1.5}.blickzeile{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.blickzeile h2{font-family:var(--schrift-mono-stapel);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--hell-matt);font-weight:700;margin:0}.blickzeile .rand{font-size:12.5px;color:var(--hell-matt)}.blicke{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.blicke.drei{grid-template-columns:repeat(3,1fr)}.blick{border-radius:var(--rund);overflow:hidden;position:relative;border:1px solid var(--linie-nacht);background:var(--nacht-karte);transition:transform .34s var(--weg),border-color .3s ease,box-shadow .3s ease}.blick img{width:100%;height:180px;object-fit:cover;display:block;image-rendering:pixelated;transition:transform .6s var(--weg)}.blick:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.26);box-shadow:var(--schatten-tief)}.blick:hover img{transform:scale(1.05)}.blick .unterschrift{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 11px;font-size:12.5px;color:#D7D7E0;background:linear-gradient(0deg,rgba(8,8,10,.92),transparent)}.uebersichtkopf{padding-block:64px 32px}.uebersichtkopf .augenbraue{color:var(--akzent-hell)}.uebersichtkopf h1{font-size:clamp(32px,4.6vw,52px);margin:0 0 16px}.uebersichtkopf p{font-size:16.5px;color:var(--hell-matt);max-width:40em;margin:0}.kachelliste{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;padding-bottom:20px}.kachelliste .gross:only-child{grid-column:1/-1}.kachel{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--rund);border:1px solid var(--linie-nacht);background:var(--nacht-karte);min-height:340px;transition:transform .34s var(--weg),border-color .3s ease,box-shadow .3s ease}.kachel:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.26);box-shadow:var(--schatten-tief)}.kachel .kachelbild{position:absolute;inset:0;background:var(--bild) center /cover no-repeat;transition:transform .6s var(--weg)}.kachel.pixel .kachelbild{image-rendering:pixelated}.kachel:hover .kachelbild{transform:scale(1.05)}.kachel .platzhalter{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(150deg,#15151A,#1D1D24 55%,#212129)}.kachel .platzhalter span{font-size:72px;font-weight:600;color:rgba(255,255,255,.07);letter-spacing:-.05em}.kachel .schleier{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,10,.95),rgba(8,8,10,.76) 32%,rgba(8,8,10,.3) 60%,rgba(8,8,10,.04) 86%)}.kachel .text{position:relative;padding:22px;flex:1 1;display:flex;flex-direction:column;justify-content:flex-end}.kachel.gross .text{padding:28px}.stand{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-family:var(--schrift-mono-stapel);font-size:10px;letter-spacing:.12em;padding:5px 11px;border-radius:999px;margin-bottom:12px;border:1px solid rgba(255,255,255,.22);background:rgba(10,10,12,.6);color:#E0E0E8}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.stand{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.stand.arbeit{border-color:rgba(43,140,255,.5);background:rgba(43,140,255,.18);color:#BFD9FF}.stand .punkt{width:6px;height:6px;border-radius:50%;background:currentColor}.kachel h2{margin:0 0 6px;font-size:20px;color:#fff}.kachel.gross h2{font-size:28px}.kachel p{margin:0;font-size:13.5px;color:#BEBEC8;max-width:42ch}.kachel.gross p{font-size:14.5px}.kachel .technik{margin-top:12px;font-size:11.5px;color:var(--hell-matt)}.kachel .oeffnen{margin-top:16px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#fff}.kachel .oeffnen .pfeil{transition:transform .3s var(--weg)}.kachel:hover .oeffnen .pfeil{transform:translateX(5px)}.kachel:not(a){cursor:default}.kachel:not(a):hover{transform:none;box-shadow:none;border-color:var(--linie-nacht)}.kachel:not(a):hover .kachelbild{transform:none}.hinweis{margin-top:24px;padding:16px 20px;border:1px dashed var(--linie-nacht);border-radius:var(--rund);font-size:13px;color:var(--hell-matt)}.rechtstext{max-width:46rem;padding-block:64px 88px}.rechtstext h1{font-size:clamp(28px,4vw,42px);margin:0 0 8px}.rechtstext .rechtsstand{color:var(--hell-matt);font-size:13.5px;margin:0 0 40px}.rechtstext section{padding-block:0;margin-bottom:32px}.rechtstext h2{font-size:18px;margin:0 0 10px;padding-top:18px;border-top:1px solid var(--linie-nacht)}.rechtstext p{margin:0 0 12px;color:var(--hell-matt);font-size:15px;line-height:1.7}.rechtstext p:last-child{margin-bottom:0}.rechtstext a{color:var(--akzent-hell);text-decoration:underline;text-underline-offset:2px}.rechtstext .anschrift{color:var(--hell);font-style:normal}.rechtstext .haken{margin:0;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.rechtstext .haken li{display:flex;align-items:center;gap:9px;font-size:14px}.rechtstext .haken li:before{content:"✓";flex:none;width:17px;height:17px;border-radius:50%;background:var(--akzent);color:#fff;font-size:10px;display:grid;place-items:center}.rechtstext .fehlt{color:var(--hell-matt);border-left:3px solid var(--akzent);padding-left:14px;font-style:italic}.rechtsverweise{display:flex;flex-wrap:wrap;gap:18px}.rechtsverweise a{font-size:12px;color:var(--hell-matt)}.rechtsverweise a:hover{color:#fff}@media (max-width:1100px){.leitworte{display:none}.merkmalgitter{grid-template-columns:repeat(3,1fr)}.galerie{grid-template-columns:repeat(4,1fr)}.werkstatt{grid-template-columns:1fr;gap:32px}.werkstattpunkte{grid-auto-flow:column;align-items:center;gap:18px;font-size:16px}.werkstattpunkte .schluss,.werkstattpunkte .strich{display:none}.fussreihe{grid-template-columns:repeat(3,1fr)}.merkmale{grid-template-columns:repeat(2,1fr)}.merkmal:nth-child(3){border-left:none}.merkmal:nth-child(n+3){border-top:1px solid var(--linie-nacht)}.blicke,.blicke.drei{grid-template-columns:repeat(2,1fr)}}@media (max-width:940px){.band{padding-block:56px}.aufmacherbild{inset:0}.aufmacherschleier{background:linear-gradient(0deg,var(--nacht) 8%,rgba(10,10,12,.7) 38%,rgba(10,10,12,.32) 72%,rgba(10,10,12,.18) 100%)}.aufmacher.dunklesbild .aufmacherschleier{background:linear-gradient(0deg,var(--nacht) 6%,rgba(10,10,12,.58) 36%,rgba(10,10,12,.2) 74%,transparent 100%)}.kachelliste{grid-template-columns:1fr}.kopftrenner{display:none}.marke{order:1}.kopfrechts{display:none}.menue-knopf{display:flex;order:3;margin-left:4px}.kopf-knopf{display:none}.kopfsuche{order:2;margin-inline:auto 0;width:38px;min-width:0;padding:0;justify-content:center;border-color:transparent;background:none}.kopfsuche input{display:none}.kopfsuche svg{width:19px;height:19px}.aufmacher{min-height:0}.aufmacher .mitte{padding-block:34px 20px}.wortreihe{margin-top:20px}.knopfreihe{flex-direction:column;align-items:stretch;width:min(78%,340px);gap:10px}.aufmacher .knopf{padding:17px 22px;font-size:15px;border-radius:10px}.aufmacher .knopf .zeichenkreis{width:26px;height:26px}.aufmacher .knopf .zeichenkreis svg{width:13px;height:13px}.aufmacher .knopf.voll{justify-content:space-between}.aufmacher .knopf.leer{justify-content:center}.leitworte{display:grid;right:24px;top:auto;bottom:62px;transform:none;padding-left:14px;grid-gap:2px;gap:2px;font-size:12.5px;max-width:9ch}.studioband{padding-block:0 40px}.studios,.studios.zwei{grid-template-columns:1fr;gap:10px}.studio{display:grid;align-items:center;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"zeichen titel knopf" "zeichen text knopf";grid-column-gap:16px;column-gap:16px;grid-row-gap:2px;row-gap:2px;min-height:0;padding:18px 18px 18px 16px;border:1px solid var(--linie-nacht)}.studio .studiobild{inset:0 0 0 46%;background-position:var(--bildlage-schmal,var(--bildlage,center))}.studio .studioschleier{background:linear-gradient(90deg,#08080A,#08080A 40%,rgba(8,8,10,.7) 52%,rgba(8,8,10,.22) 72%,transparent)}.studio .zeichen{grid-area:zeichen;width:54px;margin:0}.studio h3{grid-area:titel;font-size:19px;margin:0}.studio p{grid-area:text;font-size:12.5px;margin:0;max-width:26ch}.studio .worte{display:none}.band.hell-grund{margin:0 12px;border-radius:18px;padding-block:34px;padding-inline:6px}.bandkopf{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px}.bandkopf h2{font-size:23px}.knopf{padding:15px 20px;font-size:14.5px;border-radius:10px}.knopf.klein{padding:11px 16px;font-size:13px}.studio .knopf.klein{grid-area:knopf;align-self:center;width:44px;height:44px;flex:none;padding:0;border-radius:50%;justify-content:center;font-size:0;gap:0;background:#101014;border-color:rgba(255,255,255,.45)}.studio .knopf.klein .pfeil{font-size:17px}.schlussruf .knopfreihe{flex-direction:row;width:100%}.schlussruf .knopf{flex:1 1;justify-content:center}.lade,.navzeile{display:none}.tafelhuelle{display:block;position:fixed;inset:0;z-index:60;overflow:hidden;visibility:hidden;pointer-events:none;transition:visibility 0s linear .34s}.tafelhuelle.auf{visibility:visible;pointer-events:auto;transition-delay:0s}.schlussruf .mitte{flex-direction:column;align-items:flex-start}}@media (max-width:700px){.aufmacher .mitte{padding-block:30px 18px}.aufmacher h1{font-size:clamp(34px,10.5vw,46px);max-width:11ch;margin-bottom:14px}.aufmacher .vorspann{font-size:14.5px;max-width:24em;margin-bottom:20px}.merkmalgitter{grid-template-columns:repeat(3,1fr);gap:8px}.merkmalkachel{padding:20px 10px}.merkmalkachel h3{font-size:12.5px}.merkmalkachel p{font-size:11px}.galerie{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}.galerie::-webkit-scrollbar{display:none}.galerie figure{flex:none;width:104px;scroll-snap-align:start}.fussreihe{grid-template-columns:repeat(2,1fr)}.spielkopf{min-height:0}.spielkopf .mitte{padding-block:52px 36px}.steamkarte{grid-template-columns:1fr;gap:16px}.steamkarte .trenner{height:1px;align-self:auto}.merkmale{grid-template-columns:1fr;margin-top:-20px}.merkmal+.merkmal{border-left:none;border-top:1px solid var(--linie-nacht)}.blicke,.blicke.drei{grid-template-columns:1fr}.werkstattpunkte{grid-auto-flow:row}}@media (max-width:460px){.merkmalgitter{grid-template-columns:repeat(2,1fr)}.merkmalkachel h3{font-size:13.5px}.merkmalkachel p{font-size:12px}.leitworte{display:none}.knopfreihe{width:100%}.studio .zeichen{width:46px}.studio p{font-size:12px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.auftritt{opacity:1;transform:none}}.wege{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px}.lernweg{display:flex;flex-direction:column;border-radius:var(--rund-klein);overflow:hidden;background:var(--nacht-karte);border:1px solid var(--linie-nacht);transition:transform .34s var(--weg),border-color .3s ease,box-shadow .3s ease}.lernweg:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.26);box-shadow:var(--schatten-tief)}.wegbild{display:block;overflow:hidden}.wegbild img{width:100%;height:128px;object-fit:cover;transition:transform .6s var(--weg)}.lernweg:hover .wegbild img{transform:scale(1.05)}.wegzeichen{display:block;padding:18px 20px 0;color:var(--hell)}.wegzeichen svg{width:26px;height:26px;stroke-width:1.8}.lernweg h3{font-size:16px;margin:14px 20px 6px}.lernweg p{margin:0 20px;font-size:12.5px;line-height:1.5;color:var(--hell-matt)}.wegweiter{display:inline-flex;align-items:center;gap:8px;margin:16px 20px 20px;font-size:12.5px;font-weight:700;color:#fff}.wegweiter .pfeil{transition:transform .3s var(--weg)}.lernweg:hover .wegweiter .pfeil{transform:translateX(5px)}.gefuehrt{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.6fr);grid-gap:44px;gap:44px;align-items:center}.gefuehrt h2{font-size:clamp(26px,3vw,34px);margin:0 0 16px}.gefuehrt>div>p{color:var(--hell-matt);font-size:15px;margin:0 0 26px;max-width:34ch}.lernfenster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;grid-gap:0;gap:0;align-items:stretch;border-radius:var(--rund);overflow:hidden;border:1px solid var(--linie-nacht);background:var(--nacht-karte);box-shadow:var(--schatten-tief)}.kapitel{list-style:none;margin:0;padding:14px 10px;display:grid;align-content:start;grid-gap:2px;gap:2px}.kapitel li{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:6px}.kapitel li.hier{background:rgba(255,255,255,.07)}.kapitel b{font-size:12px;font-weight:400;color:var(--hell-matt);line-height:1.5}.kapitel strong{display:block;font-size:12.5px;font-weight:700;color:var(--hell)}.kapitel span{font-size:11px;color:var(--hell-matt);line-height:1.45}.lernbild{position:relative;overflow:hidden}.lernbild img{width:100%;height:100%;object-fit:cover}.lernspruch{display:grid;align-content:center;grid-gap:2px;gap:2px;padding:22px 24px;min-width:148px;font-size:19px;letter-spacing:-.02em;color:var(--hell)}.lernstand{margin-top:18px;font-size:11px;color:var(--hell-matt);display:grid;grid-gap:8px;gap:8px}.lernstand i{display:block;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--akzent) 0 60%,rgba(255,255,255,.14) 60%)}.anleitungen{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:14px;gap:14px}.anleitung{display:flex;flex-direction:column}.anleitungbild{position:relative;border-radius:var(--rund-klein);overflow:hidden;border:1px solid var(--linie-nacht)}.anleitungbild img{width:100%;height:112px;object-fit:cover;transition:transform .6s var(--weg)}.anleitung:hover .anleitungbild img{transform:scale(1.05)}.anleitungbild .dauer{position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:4px;background:rgba(6,6,8,.82);color:#fff;font-size:10.5px;font-weight:700}.anleitung h3{font-size:13.5px;margin:12px 0 4px;letter-spacing:-.015em}.anleitung p{margin:0;font-size:11.5px;color:var(--hell-matt)}.gemeinsam{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;grid-gap:40px;gap:40px;align-items:center}.gemeinsam h2{font-size:clamp(24px,2.8vw,32px);margin:0 0 14px}.gemeinsam>div>p{color:var(--hell-matt);font-size:14.5px;margin:0 0 24px;max-width:32ch}.gemeinsambilder{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;gap:10px}.gemeinsambilder figure{margin:0;border-radius:var(--rund-klein);overflow:hidden;aspect-ratio:3/4;background:var(--nacht-karte)}.gemeinsambilder img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--weg)}.gemeinsambilder figure:hover img{transform:scale(1.06)}.gemeinsamzahlen{display:grid;grid-gap:18px;gap:18px}.gemeinsamzahlen b{display:block;font-size:22px;font-weight:700;letter-spacing:-.03em}.gemeinsamzahlen span{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--hell-matt)}@media (max-width:1100px){.anleitungen,.wege{grid-template-columns:repeat(3,1fr)}.gefuehrt{gap:30px}.gefuehrt,.gemeinsam{grid-template-columns:1fr}.gemeinsam{gap:28px}.gemeinsamzahlen{grid-auto-flow:column;justify-content:start;gap:40px}.lernfenster{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.lernspruch{display:none}}@media (max-width:700px){.wege{grid-template-columns:1fr}.wegbild img{height:150px}.anleitungen{grid-template-columns:repeat(2,1fr)}.lernfenster{grid-template-columns:1fr}.kapitel{order:2}.gemeinsambilder{grid-template-columns:repeat(3,1fr)}.gemeinsamzahlen{grid-auto-flow:row;gap:16px}}.baldschild{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;padding:10px 18px;border:1px solid rgba(255,255,255,.45);border-radius:var(--rund-klein);background:#101014;color:var(--hell);font-size:13px;font-weight:700;letter-spacing:-.005em}.baldschild .blinkt{width:7px;height:7px;flex:none;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.6);animation:pochen-hell 2.4s ease-out infinite}@keyframes pochen-hell{0%{box-shadow:0 0 0 0 rgba(255,255,255,.5)}70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}to{box-shadow:0 0 0 0 rgba(255,255,255,0)}}.baldkarte{display:grid;justify-items:center;text-align:center;grid-gap:14px;gap:14px;padding:72px 32px;border-radius:var(--rund);border:1px dashed var(--linie-nacht);background:var(--nacht-karte)}.baldkarte .baldschild{margin:0 0 6px}.baldkarte h3{font-size:clamp(22px,3vw,30px);margin:0}.baldkarte .baldtext{margin:0;max-width:46ch;color:var(--hell-matt);font-size:15px}.baldkarte .knopf{margin-top:10px}@media (max-width:700px){.baldkarte{padding:48px 22px}}.anmeldeseite{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;background:var(--nacht)}.anmeldemitte{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;min-height:0}.anmeldespalte{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px clamp(32px,6vw,96px) 56px;max-width:46rem}.anmeldespalte .zurueck{margin-bottom:34px}.anmeldespalte .baldschild{margin-bottom:26px}.anmeldespalte h1{font-size:clamp(34px,4.4vw,54px);line-height:1.06;letter-spacing:-.035em;margin:0 0 18px}.anmeldetext{margin:0 0 34px;max-width:40ch;font-size:15.5px;line-height:1.6;color:var(--hell-matt)}.anmeldefeld{display:block;width:min(100%,420px);margin-bottom:22px}.anmeldefeld span{display:block;margin-bottom:8px;font-size:12.5px;font-weight:700;color:var(--hell-matt)}.anmeldefeld input{width:100%;height:52px;padding:0 16px;border:1px solid var(--linie-nacht);border-radius:10px;background:rgba(255,255,255,.04);color:var(--hell);font-family:inherit;font-size:15px;transition:border-color .2s ease,background .2s ease}.anmeldefeld input::placeholder{color:#63636E}.anmeldefeld input:focus{outline:none;border-color:var(--akzent);background:rgba(255,255,255,.07)}.anmeldefeld input:disabled{cursor:not-allowed}.anmeldefeld input[aria-invalid=true],.anmeldefeld input[aria-invalid=true]:focus{border-color:#FF9B9B}.codereihe{display:flex;gap:10px;margin-bottom:20px}.codereihe input{width:54px;height:62px;padding:0;border:1px solid var(--linie-nacht);border-radius:10px;background:rgba(255,255,255,.04);color:var(--hell);font-family:inherit;font-size:22px;font-weight:700;text-align:center;transition:border-color .2s ease,background .2s ease}.codereihe input:focus{outline:none;border-color:var(--akzent);background:rgba(255,255,255,.07)}.codereihe input:disabled{cursor:not-allowed}.codezeile{justify-content:space-between;gap:20px;width:min(100%,420px);margin-bottom:26px;font-size:13px;color:var(--hell-matt)}.codezeile,.codezeile label{display:flex;align-items:center}.codezeile label{gap:10px}.codezeile input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--akzent)}.codeuhr b{color:var(--hell);font-weight:700}.anmeldeknopf{width:min(100%,420px);justify-content:space-between;padding:17px 22px;font-size:15px;border-radius:10px}.anmeldetrenner{display:flex;align-items:center;gap:16px;width:min(100%,420px);margin:26px 0 22px;font-size:13px;color:var(--hell-matt)}.anmeldetrenner:after,.anmeldetrenner:before{content:"";flex:1 1;height:1px;background:var(--linie-nacht)}.anmeldeverweis{font-size:14px;color:var(--hell);text-decoration:underline;text-underline-offset:4px}.anmeldeverweis:hover{color:var(--akzent-hell)}.vergessenzeile{width:min(100%,420px);margin:-14px 0 22px;font-size:13px}.vergessenzeile a{color:var(--hell-matt);text-decoration:none;transition:color .18s ease}.vergessenzeile a:hover{color:var(--akzent-hell)}.anmeldefrage{margin:30px 0 0;font-size:13.5px;color:var(--hell-matt)}.anmeldefrage a{color:var(--hell);text-decoration:underline;text-underline-offset:3px}.anmeldefrage a:hover{color:var(--akzent-hell)}.anmeldebild{position:relative;overflow:hidden}.anmeldebild img{width:100%;height:100%;object-fit:cover}.anmeldeschleier{position:absolute;inset:0;background:linear-gradient(90deg,var(--nacht) 0,rgba(10,10,12,.5) 18%,rgba(10,10,12,.05) 46%,transparent 100%)}.anmeldebild.heller .anmeldeschleier{background:linear-gradient(90deg,var(--nacht) 0,rgba(10,10,12,.52) 7%,rgba(10,10,12,.26) 22%,rgba(10,10,12,.26) 100%)}.anmeldeworte{position:absolute;right:clamp(24px,4vw,56px);display:grid;grid-gap:5px;gap:5px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--hell)}.anmeldeworte.oben{top:clamp(24px,6vh,64px)}.anmeldeworte.unten{bottom:clamp(24px,8vh,88px)}.anmeldeworte .matt{color:var(--hell-matt)}.anmeldeworte .strich{width:22px;height:1px;background:var(--hell-matt);margin:12px 0}.anmeldefuss{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:24px 32px 28px}.anmeldefuss p{margin:10px 0 0;font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--hell-matt)}.anmeldefuss .rechtsverweise{gap:26px}.anmeldefuss .rechtsverweise a{font-size:13px}@media (max-width:940px){.anmeldemitte{grid-template-columns:1fr;position:relative}.anmeldebild{position:absolute;inset:0;z-index:0}.anmeldespalte{position:relative;z-index:1}.anmeldeschleier{background:linear-gradient(0deg,var(--nacht) 14%,rgba(10,10,12,.86) 54%,rgba(10,10,12,.7) 100%)}.anmeldeworte{display:none}.anmeldespalte{padding:36px 24px 48px;max-width:none}.anmeldefuss{padding:20px 24px 24px}}@media (max-width:560px){.codereihe{gap:7px}.codereihe input{width:100%;height:56px;font-size:19px}.codezeile{flex-direction:column;align-items:flex-start;gap:10px}}.anmeldemeldung{margin:14px 0 0;max-width:min(100%,420px);font-size:13.5px;line-height:1.5;color:#FF9B9B}.anmeldemeldung.gut{color:#8FE0B6}.anmeldeknopf:disabled{opacity:.6;cursor:progress}.preiskopf{min-height:min(56svh,520px)}.preiskopf .mitte{padding-bottom:104px}.preiskopf .wortreihe{font-size:13px;margin-top:20px}.preiskopf .leitworte{top:42%}.tarifschalter{gap:4px;padding:4px;margin:0 0 26px;border:1px solid var(--linie-nacht);border-radius:999px;background:var(--nacht-karte)}.tarifschalter,.tarifschalter button{display:inline-flex;align-items:center}.tarifschalter button{gap:8px;padding:9px 20px;border:0;border-radius:999px;background:transparent;color:var(--hell-matt);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:color .2s ease,background .2s ease}.tarifschalter button:hover{color:#fff}.tarifschalter button.hier{background:#fff;color:var(--nacht)}.sparmarke{padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.14);color:var(--hell);font-size:11px;font-weight:700}.tarifschalter button.hier .sparmarke{background:rgba(9,9,11,.1);color:var(--nacht)}.tarifband{padding-block:0 84px;margin-top:-56px;position:relative;z-index:3}.tarife{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;align-items:stretch}.tarif{position:relative;display:flex;flex-direction:column;padding:28px 24px 26px;border:1px solid var(--linie-nacht);border-radius:var(--rund);background:var(--nacht-karte);transition:transform .34s var(--weg),border-color .3s ease,box-shadow .3s ease}.tarif:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.24)}.tarif.hervor{border-color:rgba(255,255,255,.5);box-shadow:0 0 0 1px rgba(255,255,255,.22),0 24px 60px rgba(0,0,0,.5);background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 42%),var(--nacht-karte)}.tarifmarke{position:absolute;top:18px;right:18px;padding:5px 11px;border-radius:999px;background:#fff;color:var(--nacht);font-size:10.5px;font-weight:700;letter-spacing:.04em}.tarif h3{font-size:19px;margin:0 0 8px}.tariffuer{margin:0 0 22px;font-size:13px;line-height:1.5;color:var(--hell-matt);max-width:24ch}.tarifpreis{display:flex;align-items:baseline;gap:8px;margin:0 0 24px}.tarifpreis b{font-size:40px;font-weight:700;letter-spacing:-.04em}.tarifpreis span{font-size:13px;color:var(--hell-matt)}.tarif .haken{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-gap:10px;gap:10px}.tarif .haken li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45}.tarif .haken li:before{content:"✓";flex:none;margin-top:1px;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:9px;display:grid;place-items:center}.tarif .knopf{margin-top:auto;justify-content:center}.vergleich{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,2fr);grid-gap:44px;gap:44px;align-items:start}.vergleich h2{font-size:clamp(24px,2.8vw,32px);margin:0 0 12px}.vergleich>div>p{margin:0;color:var(--hell-matt);font-size:15px;max-width:24ch}.tafelhuelse{overflow-x:auto}.vergleichstafel{width:100%;min-width:560px;border-collapse:collapse;font-size:13.5px}.vergleichstafel td,.vergleichstafel th{padding:13px 16px;text-align:center;border-bottom:1px solid var(--linie-nacht)}.vergleichstafel thead th{background:rgba(255,255,255,.04);font-size:13px}.vergleichstafel tbody th,.vergleichstafel thead th:first-child{text-align:left;font-weight:400;color:var(--hell-matt)}.vergleichstafel tbody th{font-size:13px}.vergleichstafel tbody tr:last-child td,.vergleichstafel tbody tr:last-child th{border-bottom:0}.tafelhaken{width:17px;height:17px;color:#fff}.tafelstrich{color:var(--hell-matt)}.teams{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-gap:44px;gap:44px;align-items:center}.teams h2{font-size:clamp(26px,3vw,34px);margin:0 0 16px}.teams>div>p{color:var(--hell-matt);font-size:15px;margin:0 0 26px;max-width:40ch}.teamsbild{border-radius:var(--rund);overflow:hidden;border:1px solid var(--linie-nacht);box-shadow:var(--schatten-tief)}.fragen{column-count:2;column-gap:16px}.fragen details{page-break-inside:avoid;break-inside:avoid;margin-bottom:12px;border:1px solid var(--linie);border-radius:var(--rund-klein);background:var(--tag-karte)}.fragen summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;font-size:14.5px;font-weight:700;color:var(--tinte);list-style:none}.fragen summary::-webkit-details-marker{display:none}.fragen summary i{position:relative;flex:none;width:14px;height:14px}.fragen summary i:after,.fragen summary i:before{content:"";position:absolute;inset:0;margin:auto;background:var(--tinte-matt);border-radius:1px}.fragen summary i:before{width:14px;height:1.5px}.fragen summary i:after{width:1.5px;height:14px;transition:transform .25s var(--weg)}.fragen details[open] summary i:after{transform:scaleY(0)}.fragen details p{margin:0;padding:0 18px 18px;font-size:13.5px;line-height:1.6;color:var(--tinte-matt)}@media (max-width:1100px){.tarife{grid-template-columns:repeat(2,1fr)}.tarifband{margin-top:-60px}.vergleich{gap:26px}.teams,.vergleich{grid-template-columns:1fr}.teams{gap:28px}}@media (max-width:700px){.tarife{grid-template-columns:1fr}.tarifband{margin-top:-40px;padding-bottom:56px}.tarifschalter{width:100%;justify-content:center}.tarifschalter button{flex:1 1;justify-content:center;padding:11px 12px}.fragen{column-count:1}.preiskopf{min-height:0}}.kopfname{max-width:18ch;padding:8px 4px 8px 10px}.kopfname,.tafelname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--hell-matt)}.tafelname{margin:0 0 4px;padding:0 4px}button.kopfverweis{border:0;background:transparent;font-family:inherit;cursor:pointer}.anmeldespalte form{width:100%}button.anmeldeverweis{border:0;background:transparent;padding:0;font-family:inherit;cursor:pointer}