@font-face{font-family:D-DIN Condensed;src:url(/schriften/d-din-condensed-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/schriften/atkinson-hyperlegible-next-latin.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/schriften/atkinson-hyperlegible-next-latin-ext.woff2)format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+100-24F,U+1E??}@font-face{font-family:Atkinson Hyperlegible Mono;src:url(/schriften/atkinson-hyperlegible-mono-latin.woff2)format("woff2");font-weight:200 800;font-display:swap}.konto,.kontoseite,.masken-stil{--grund:#17181c;--flaeche:#1f2127;--erhoeht:#282b32;--rand:#33363e;--linie-stark:#50545d;--text:#f2f0eb;--sekundaer:#b6b8be;--gedaempft:#8a8d95;--marke:#2e8b8b;--marke-hell:#3fa5a5;--marke-dunkel:#1f5f5f;--auf-marke:#0b0e13;--fehler:#e8a0a0;--kopf:"D-DIN Condensed", "Arial Narrow", sans-serif;--sans:"Atkinson Hyperlegible Next", system-ui, sans-serif;--mono:"Atkinson Hyperlegible Mono", ui-monospace, monospace;color:var(--text);font:400 16px/1.55 var(--sans)}.konto{background:var(--grund);min-height:100vh;color:var(--text);font:400 16px/1.55 var(--sans);grid-template-columns:minmax(0,1fr) minmax(440px,600px);display:grid}.masken-stil *,.masken-stil :before,.masken-stil :after,.konto *,.konto :before,.konto :after{box-sizing:border-box}.konto__karte{border-right:1px solid var(--rand);position:relative;overflow:hidden}.konto__karte>img{object-fit:cover;filter:saturate(.9)brightness(.72);width:100%;height:100%;position:absolute;inset:0}.konto__karte:after{content:"";background:#17181c59;position:absolute;inset:0}.konto__marke{z-index:1;position:absolute;top:28px;left:clamp(20px,4vw,56px)}.konto__marke img{width:236px;height:auto;display:block}.konto__platz{flex-direction:column;justify-content:center;gap:22px;padding:40px clamp(24px,4vw,56px);display:flex}.konto__titel{font:700 clamp(56px, 6vw, 88px) / .92 var(--kopf);letter-spacing:.005em;margin:0}.konto__unterzeile{max-width:42ch;color:var(--sekundaer);margin:-6px 0 0}.konto__unterzeile b{color:var(--text);font-weight:600}.maske{border:1px solid var(--rand);background:var(--flaeche);border-radius:6px;overflow:hidden}.maske__kopf{background:var(--marke-dunkel);border-bottom:1px solid var(--marke);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 20px;display:flex}.uhr{font:500 15px/1 var(--mono);font-variant-numeric:tabular-nums}.maske__inhalt{gap:14px;padding:20px;display:grid}.feld{color:var(--sekundaer);align-content:start;gap:6px;font-size:15px;display:grid}.feld input{border:1px solid var(--linie-stark);background:var(--grund);width:100%;color:var(--text);font:400 16px/1.2 var(--sans);border-radius:4px;padding:12px 14px}.feld input:focus-visible{outline:2px solid var(--marke-hell);outline-offset:1px;border-color:var(--marke-hell)}.feld input[aria-invalid=true]{border-color:var(--fehler)}.feld__eingabe{display:block;position:relative}.feld__eingabe--passwort input{padding-right:48px}.feld__eingabe input::-ms-reveal{display:none}.feld__auge{width:38px;height:38px;color:var(--gedaempft);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.feld__auge:hover,.feld__auge[aria-pressed=true]{color:var(--marke-hell)}.feld__auge:focus-visible{outline:2px solid var(--marke-hell);outline-offset:0}.feld__hinweis{color:var(--fehler);font-size:14px}.kontoreihe{grid-template-columns:1fr 160px;gap:12px;display:grid}.kontoreihe--halb{grid-template-columns:1fr 1fr}.regeln{color:var(--gedaempft);grid-template-columns:1fr 1fr;gap:4px 16px;margin:-6px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.regeln li{align-items:baseline;gap:8px;display:flex}.regeln li:before{content:"";border:1.5px solid var(--linie-stark);border-radius:50%;flex:none;width:9px;height:9px;transform:translateY(1px)}.regeln li[data-erfuellt=true]{color:var(--sekundaer)}.regeln li[data-erfuellt=true]:before{background:var(--marke-hell);border-color:var(--marke-hell)}.haken{color:var(--sekundaer);align-items:flex-start;gap:10px;font-size:15px;display:flex}.haken input{width:18px;height:18px;accent-color:var(--marke);flex-shrink:0;margin:2px 0 0}.haken a,.leise a,.meldung a{color:var(--text)}.hinweis{color:var(--gedaempft);margin:-4px 0 0;font-size:14px}.text{color:var(--sekundaer);margin:0}.knopf{background:var(--marke);color:var(--auf-marke);font:700 16px/1 var(--sans);cursor:pointer;text-align:center;border:0;border-radius:8px;padding:15px 18px;text-decoration:none}.knopf:hover{background:var(--marke-hell)}.knopf:focus-visible,.leise a:focus-visible,.haken a:focus-visible{outline:2px solid var(--marke-hell);outline-offset:2px}.knopf:disabled{opacity:.6;cursor:progress}.knopf--leise{border:1px solid var(--linie-stark);color:var(--text);background:0 0}.knopf--leise:hover{background:var(--erhoeht)}.leise{color:var(--sekundaer);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:15px;display:flex}.leise button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.zeile{border-top:1px solid var(--rand);color:var(--sekundaer);justify-content:space-between;gap:16px;padding:10px 0;font-size:15px;display:flex}.zeile span:last-child{color:var(--text);text-align:right}.meldung{margin:0;font-size:15px}.meldung--fehler{color:var(--fehler)}.meldung--info{color:var(--sekundaer)}.konto--dicht .konto__platz{gap:14px;padding-block:24px}.konto--dicht .konto__titel{white-space:nowrap;font-size:clamp(40px,3.3vw,52px)}.konto--dicht .konto__unterzeile{margin:-4px 0 0}.konto--dicht .maske__kopf{padding-block:10px}.konto--dicht .maske__inhalt{gap:10px;padding:16px 20px 18px}.konto--dicht .feld{gap:4px}.konto--dicht .feld input{padding-block:9px}.konto--dicht .regeln{gap:2px 16px;margin-top:-2px}.konto--dicht .hinweis{margin:0;line-height:1.45}.konto--dicht .kipper,.konto--dicht .pegel{padding-block:7px}.konto--dicht .rasten__reihe button{padding-block:9px}.konto--dicht .gemerkt{min-height:1em;font-size:13px}@media (width<=900px){.konto{grid-template-columns:1fr}.konto__karte{border-right:0;border-bottom:1px solid var(--rand);height:150px}.konto__marke{top:20px;left:16px}.konto__marke img{width:190px}.konto__platz{justify-content:flex-start;padding:28px 16px 40px}.konto__titel{font-size:64px}.konto--dicht .konto__titel{white-space:normal;font-size:48px}.kontoreihe,.kontoreihe--halb,.regeln{grid-template-columns:1fr}.pegel__bahn,.konto--dicht .pegel__bahn{height:34px}.pegel__leiste{inset:8px 0}}@media (prefers-reduced-motion:reduce){.konto *{transition:none!important}}.spielerknopf{z-index:10;color:#f2f0eb;background:#17181ce6;border:1px solid #33363e;border-radius:6px;padding:8px 14px;font:600 15px/1.2 Atkinson Hyperlegible Next,system-ui,sans-serif;text-decoration:none;position:fixed;top:12px;right:12px}.spielerknopf:hover{border-color:#3fa5a5}.spielerknopf:focus-visible{outline-offset:2px;outline:2px solid #3fa5a5}.rasten{border:0;gap:6px;margin:0;padding:0;display:grid}.rasten legend{color:var(--sekundaer);padding:0;font-size:15px}.rasten__reihe{border:1px solid var(--linie-stark);background:var(--grund);border-radius:4px;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.rasten__reihe button{border:0;border-left:1px solid var(--rand);color:var(--sekundaer);font:400 15px/1.2 var(--sans);cursor:pointer;background:0 0;padding:11px 6px}.rasten__reihe button:first-child{border-left:0}.rasten__reihe button:hover{background:var(--erhoeht);color:var(--text)}.rasten__reihe button[aria-pressed=true]{background:var(--marke-dunkel);border-left-color:var(--marke);color:var(--text);box-shadow:inset 0 -3px 0 var(--marke-hell)}.rasten__reihe button:focus-visible{outline:2px solid var(--marke-hell);outline-offset:-2px}.kipper{border:0;border-top:1px solid var(--rand);width:100%;color:var(--sekundaer);font:400 15px/1.2 var(--sans);text-align:left;cursor:pointer;background:0 0;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 0;display:grid}.kipper:hover .kipper__name{color:var(--text)}.kipper:focus-visible{outline:2px solid var(--marke-hell);outline-offset:2px}.kipper__stand{color:var(--text);font:500 14px/1 var(--mono)}.kipper__wippe{border:1px solid var(--linie-stark);background:var(--grund);border-radius:11px;width:40px;height:22px;padding:3px}.kipper__wippe i{background:var(--gedaempft);border-radius:50%;width:14px;height:14px;transition:transform .12s,background .12s;display:block}.kipper[aria-checked=true] .kipper__wippe{border-color:var(--marke);background:var(--marke-dunkel)}.kipper[aria-checked=true] .kipper__wippe i{background:var(--marke-hell);transform:translate(18px)}.pegel{border-top:1px solid var(--rand);color:var(--sekundaer);grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:10px 0;font-size:15px;display:grid}.pegel label{cursor:pointer}.pegel__wert{color:var(--text);font:500 14px/1 var(--mono);font-variant-numeric:tabular-nums;text-align:right}.pegel__bahn{grid-column:1/-1;height:18px;margin-top:2px;display:block;position:relative}.pegel__leiste{grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:grid;position:absolute;inset:2px 0}.pegel__leiste i{background:var(--rand);border-radius:1px}.pegel__leiste i[data-an=true]{background:var(--marke)}.pegel__leiste i[data-an=true]:nth-last-child(-n+3){background:var(--marke-hell)}.pegel input[type=range]{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.pegel input[type=range]:focus-visible+.pegel__leiste{outline:2px solid var(--marke-hell);outline-offset:3px;border-radius:2px}.pegel__bahn:has(input:focus-visible) .pegel__leiste{outline:2px solid var(--marke-hell);outline-offset:3px;border-radius:2px}.gemerkt{min-height:1.2em;color:var(--marke-hell);margin:0;font-size:14px}@media (prefers-reduced-motion:reduce){.kipper__wippe i{transition:none}}.zugangsknoepfe{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}@media (width<=480px){.zugangsknoepfe{grid-template-columns:1fr}}.kontoseite{isolation:isolate;background:var(--grund);min-height:100vh;color:var(--text);font:400 16px/1.55 var(--sans);flex-direction:column;display:flex;position:relative}.kontoseite *,.kontoseite :before,.kontoseite :after{box-sizing:border-box}.kontoseite:before{content:"";z-index:-2;filter:saturate(.8)brightness(.3);background:url(/konto/karte.webp) 50%/cover no-repeat;position:absolute;inset:0}.kontoseite:after{content:"";z-index:-1;background:linear-gradient(#17181cd1 0%,#17181cf7 55%);position:absolute;inset:0}.kontokopf{align-items:center;gap:18px;padding:24px 40px 18px;display:flex}.kontokopf__marke{align-items:center;margin-right:10px;display:flex}.kontokopf__marke img{width:190px;height:auto}.kontokopf__bild{border:1px solid var(--rand);background:var(--flaeche);width:58px;height:58px;color:var(--marke-hell);font:700 22px var(--kopf);border-radius:10px;place-items:center;display:grid}.kontokopf h1{font:700 34px/1.05 var(--kopf);letter-spacing:.01em;margin:0}.kontokopf p{color:var(--gedaempft);margin:3px 0 0;font-size:14px}.kontokopf__weg{margin-left:auto}.kontoreiter{border-bottom:1px solid var(--rand);gap:4px;padding:0 40px;display:flex}.kontoreiter button{color:var(--sekundaer);font:600 15px var(--kopf);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 18px}.kontoreiter button:hover{color:var(--text)}.kontoreiter button[aria-pressed=true]{border-bottom-color:var(--marke-hell);color:var(--text)}.kontoblatt{flex:1;grid-template-columns:minmax(0,1fr) 340px;display:grid}.kontoblatt--voll{grid-template-columns:minmax(0,1fr)}.kontoblatt__haupt{padding:26px 40px 40px}.kontoblatt__rand{border-left:1px solid var(--rand);background:#1f21278c;flex-direction:column;gap:22px;padding:26px 32px 40px;display:flex}.kontoblatt__hinweis{color:var(--sekundaer);margin:10px 0 0;font-size:13px;line-height:1.45}.kontoseite .kopfzeile{border-bottom:1px solid var(--rand);color:var(--sekundaer);font:600 13px var(--kopf);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin:0 0 12px;padding-bottom:7px;display:flex}.kontoseite .kopfzeile+.kopfzeile,.kontoseite .pegel+.kopfzeile,.kontoseite .kipper+.kopfzeile,.kontoseite .rasten+.kopfzeile{margin-top:28px}.kontoseite .kopfzeile span:last-child{color:var(--gedaempft);font:400 13px var(--sans);letter-spacing:0;text-transform:none}.kontozeile{border-bottom:1px solid var(--rand);grid-template-columns:200px minmax(0,1fr) auto;align-items:center;gap:20px;padding:14px 0;display:grid}.kontozeile>span:first-child{color:var(--sekundaer);font-size:15px}.kontozeile b{font-weight:600}.kontozeile .ruhig{color:var(--sekundaer);font-weight:400}.kontozeile .feld>span:first-child:empty{display:none}.kontozeile .feld{max-width:420px;margin:0}.kontozeile .knopf{width:auto}.kontoblatt__rand .randzeile{justify-content:space-between;align-items:center;gap:12px;padding:5px 0;font-size:14px;display:flex}.kontoblatt__rand .randzeile>span{color:var(--sekundaer)}.kontoblatt__rand .randzeile b{font-weight:600}.kontoblatt__rand .knopf{width:100%}.kontoseite .gemerkt{color:var(--marke-hell);margin:18px 0 0;font-size:14px}.kontoseite .kontokopf .knopf,.kontoseite .kontozeile .knopf{white-space:nowrap;justify-content:center;align-items:center;width:auto;display:inline-flex}.verborgen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.kontokopf{flex-wrap:wrap;gap:12px;padding:18px 16px 14px}.kontokopf__marke{order:-1;width:100%}.kontokopf h1{font-size:26px}.kontokopf__weg{width:100%;margin-left:0}.kontoreiter{padding:0 8px;overflow-x:auto}.kontoblatt{grid-template-columns:minmax(0,1fr)}.kontoblatt__haupt{padding:18px 16px 24px}.kontoblatt__rand{border-top:1px solid var(--rand);border-left:0;padding:18px 16px 28px}.kontozeile{grid-template-columns:minmax(0,1fr);gap:8px}}.kontoblatt__haupt>.rasten,.kontoblatt__haupt>.pegel,.kontoblatt__haupt>.kipper,.kontoblatt__haupt>.kopfzeile,.kontoblatt__haupt>.gemerkt{max-width:720px}.kontotafel{border-collapse:collapse;width:100%;font-size:14px}.kontotafel td{border-bottom:1px solid var(--rand);vertical-align:middle;padding:10px 10px 10px 0}.kontotafel tr:last-child td{border-bottom:0}.kontotafel .kontotafel__rechts{text-align:right;font-variant-numeric:tabular-nums;padding-right:0}.kontotafel td:last-child,.kontotafel th:last-child{width:120px}.kontotafel td:last-child .knopf{width:auto;display:inline-flex}.kontotafel th{border-bottom:1px solid var(--rand);color:var(--sek);font:600 11.5px var(--kopf);letter-spacing:.06em;text-align:left;text-transform:uppercase;padding:0 10px 7px 0}