:root{--bg:#dde2df;--karte:#eaeeec;--linie:#c6ceca;--grau:#56605c;--text:#141c18;--eingabe:#f1f3f2;--nav:#e2e7e4d1;--aktiv:#3ddc8429;--glas:#ecf0eec7;--glas-fest:#ecf0ee;--glanz:#ffffff8c;--schatten:0 1px 0 #ffffffb3 inset, 0 14px 32px -16px #0c281a59, 0 2px 6px #0c281a12;--raster:#143c280f;--glow-g:#3ddc8447;--glow-y:#ffd23f42;--gruen:#3ddc84;--gelb:#ffd23f;--gruen2:#1f8a55;--gelb2:#b3932c;--gruen-text:#11804a;--gelb-text:#806000;--dunkel:#0a0c0b;--mono:Verdana, Geneva, "DejaVu Sans", sans-serif;--sans:Verdana, Geneva, "DejaVu Sans", sans-serif;--radius:16px}:root[data-theme=dunkel]{--bg:#0a0c0b;--karte:#171a19;--linie:#2e3331;--grau:#9aa1a1;--text:#fff;--eingabe:#0f1211;--nav:#0c0f0ed9;--aktiv:#3ddc841f;--glas:#171a19c7;--glas-fest:#171a19;--glanz:#ffffff0f;--schatten:0 1px 0 #ffffff0d inset, 0 18px 40px -18px #000000e6;--raster:#3ddc840d;--glow-g:#3ddc842e;--glow-y:#ffd23f1f;--gruen-text:#3ddc84;--gelb-text:#ffd23f}*{box-sizing:border-box}html,body{color:var(--text);font-family:var(--sans);margin:0}body{background-color:var(--bg);background-image:radial-gradient(900px 500px at 85% -10%, var(--glow-g), transparent 70%), radial-gradient(700px 500px at -10% 110%, var(--glow-y), transparent 70%), linear-gradient(var(--raster) 1px, transparent 1px), linear-gradient(90deg, var(--raster) 1px, transparent 1px);background-size:auto,auto,32px 32px,32px 32px;background-attachment:fixed}button,input,select{font:inherit}.mono{font-family:var(--mono);letter-spacing:.04em}.etikett{font-family:var(--mono);color:var(--gruen-text);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.grau{color:var(--grau)}.gelb{color:var(--gelb-text)}.gruen{color:var(--gruen-text)}#sperre{perspective:1000px;place-items:center;min-height:100vh;padding:16px;display:grid}.sperrkarte{background:var(--glas);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius);background:linear-gradient(var(--glas-fest), var(--glas-fest)) padding-box, linear-gradient(135deg, var(--gruen), transparent 45%, var(--gelb)) border-box;width:min(420px,100%);box-shadow:var(--schatten);border:1px solid #0000;padding:32px 28px;animation:.6s backwards einblenden}.sperrkarte h1{margin:18px 0 4px;font-size:30px}.sperrkarte p{margin:6px 0 18px}.staerke{background:var(--linie);border-radius:3px;height:6px;margin:8px 0 4px;overflow:hidden}.staerke>div{background:var(--gelb);width:0;height:100%;transition:width .2s}:root{--logo:url(/logo.webp)}#sperre{isolation:isolate;position:relative;overflow:hidden}.sperrkarte{z-index:2;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:linear-gradient(var(--glas), var(--glas)) padding-box, linear-gradient(135deg, var(--gruen), transparent 45%, var(--gelb)) border-box;position:relative}.sperrkarte h1{letter-spacing:-.01em;font-size:32px}.boden{z-index:0;pointer-events:none;transform-origin:bottom;background-image:linear-gradient(#1f8a5547 1px,#0000 1px),linear-gradient(90deg,#1f8a5547 1px,#0000 1px);background-size:48px 48px;height:55%;animation:5s linear infinite bodenlauf;position:absolute;bottom:-8%;left:-50%;right:-50%;transform:perspective(520px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000,#000 75%);mask-image:linear-gradient(#0000,#000 75%)}.wz-huelle{z-index:1;perspective:1400px;opacity:.15;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.muenze{transform-style:preserve-3d;position:relative}.muenze .kante{transform:translateZ(calc(var(--z) * var(--dz) * -1));background:radial-gradient(circle,#123a22,#06120b 70%);border-radius:50%;position:absolute;inset:0}.muenze .kante:last-of-type{box-shadow:0 0 0 1px #3ddc8459}.muenze .vorne{backface-visibility:hidden;background:var(--logo) center / cover;border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 2px #3ddc848c,inset 0 -10px 24px #00000073}.muenze .vorne:after{content:"";background:linear-gradient(115deg,#0000 38%,#ffffff61 50%,#0000 62%) 0 0/260% 100%;animation:5.5s ease-in-out infinite glanz;position:absolute;inset:0}.gross3d{aspect-ratio:1;--dz:3px;width:min(82vmin,760px);animation:16s ease-in-out infinite schweben}.klein3d{--dz:1.2px;width:104px;height:104px;margin:4px 0 6px;animation:7s ease-in-out infinite wippen}.klein-szene{perspective:600px;flex-direction:column;align-items:flex-start;display:flex}.klein-szene .bodenschatten{background:radial-gradient(closest-side,#0c281a59,#0000);border-radius:50%;width:96px;height:14px;margin:6px 0 0 4px}.sperrchips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}@keyframes schweben{0%,to{transform:rotateX(14deg)rotateY(-24deg)translateY(0)}50%{transform:rotateX(-8deg)rotateY(24deg)translateY(-14px)}}@keyframes wippen{0%,to{transform:rotateY(-28deg)rotateX(8deg)}50%{transform:rotateY(28deg)rotateX(-4deg)}}@keyframes glanz{0%,to{background-position:120% 0}50%{background-position:-20% 0}}@keyframes bodenlauf{0%{background-position:0 0}to{background-position:0 48px}}#app{grid-template-columns:230px 1fr;min-height:100vh;display:none}#app.offen{display:grid}nav{background:var(--nav);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--linie);z-index:5;flex-direction:column;gap:4px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.marke{align-items:center;gap:10px;margin:0 6px 22px;font-size:17px;font-weight:700;display:flex}.navknopf{color:var(--grau);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:background .2s,transform .2s;display:flex}.navknopf .nr{font-family:var(--mono);width:22px;font-size:12px}.navknopf:hover{color:var(--text);background:var(--aktiv);transform:translate(3px)}.navknopf.aktiv{color:var(--text);background:var(--aktiv);box-shadow:0 0 18px -6px var(--gruen);border-color:#3ddc8473}.navknopf.aktiv .nr{color:var(--gruen-text)}.navfuss{gap:8px;margin-top:auto;display:grid}main{min-width:0;padding:26px 28px 40px}.kopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.kopf h2{letter-spacing:-.01em;margin:6px 0 0;font-size:32px}.hud{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{font-family:var(--mono);letter-spacing:.06em;color:var(--grau);background:var(--glas);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--linie);box-shadow:var(--schatten);border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.puls{background:var(--gruen);border-radius:50%;width:8px;height:8px;animation:2s infinite puls}.puls.g{background:var(--gelb);animation-name:pulsg}.hex{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(150deg, #8cf0b8, var(--gruen) 45%, #23a862);width:38px;height:34px;color:var(--dunkel);font-family:var(--mono);flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.hex-glow{filter:drop-shadow(0 4px 8px #3ddc848c)}.hex.gross{width:64px;height:56px;font-size:18px}.hex.gelbhex{background:linear-gradient(150deg, #ffe68a, var(--gelb) 45%, #d9a800)}.karte{background:var(--glas);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--linie);border-radius:var(--radius);min-width:0;box-shadow:var(--schatten);transform-style:preserve-3d;animation:.55s backwards einblenden;animation-delay:calc(var(--i,0) * 60ms);padding:18px;transition:transform .18s,box-shadow .25s;position:relative}.karte:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%), var(--glanz), transparent 45%);opacity:.9;position:absolute;inset:0}.karte.rand{background:linear-gradient(var(--glas-fest), var(--glas-fest)) padding-box, linear-gradient(135deg, var(--gruen), transparent 40%, transparent 60%, var(--gelb)) border-box;border:1px solid #0000}.meldung{background:var(--glas-fest);border:1px solid var(--gruen);color:var(--text);z-index:20;border-radius:12px;padding:10px 16px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.karte h3{margin:0 0 12px}.raster{gap:16px;display:grid}.kpis{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.kpi .wert{letter-spacing:-.01em;margin-top:6px;font-size:28px;font-weight:700}.kpi .unter{margin-top:4px;font-size:13px}.held{grid-template-columns:minmax(280px,1fr) 2fr;gap:16px;margin-bottom:16px;display:grid}.held .kpis{grid-template-columns:1fr 1fr;margin:0}.dash{grid-template-columns:1.4fr 1fr 1fr}.breit2{grid-column:1/-1}.zwei{grid-template-columns:1fr 1fr}.funken{height:34px;margin-top:8px}.szene{perspective:700px;place-items:center;height:210px;display:grid;position:relative}.ring3d{width:170px;height:170px;transform-style:preserve-3d;transition:transform .4s;position:relative;transform:rotateX(58deg)rotate(-20deg)}.szene:hover .ring3d{transform:rotateX(48deg)rotate(-8deg)}.lage{border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 52%,#000 53%);mask:radial-gradient(circle,#0000 52%,#000 53%)}.schattenfleck{filter:blur(4px);background:radial-gradient(closest-side,#0c281a47,#0000);border-radius:50%;width:190px;height:50px;position:absolute;bottom:18px}.ringwert{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-56%)}.ringwert .zahl{color:var(--gruen-text);text-shadow:0 6px 14px #1f8a5559;font-size:26px;font-weight:700}.knopf{background:linear-gradient(180deg, #6fe9a6, var(--gruen) 55%, #2cc472);color:var(--dunkel);cursor:pointer;border:0;border-radius:12px;padding:11px 18px;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #1f8a55,0 8px 18px -6px #1f8a5599}.knopf:hover{filter:brightness(1.05)}.knopf.zweit{background:var(--glas);color:var(--text);border:1px solid var(--linie);box-shadow:0 2px 0 var(--linie);font-weight:400}.knopf.klein{padding:6px 10px;font-size:13px}.feld{gap:6px;display:grid}.feld label{font-family:var(--mono);color:var(--grau);text-transform:uppercase;font-size:12px}input,select{background:var(--eingabe);color:var(--text);border:1px solid var(--linie);border-radius:10px;width:100%;padding:10px 12px;box-shadow:inset 0 2px 4px #0000000f}input:focus,select:focus,button:focus-visible{outline:2px solid var(--gruen);outline-offset:1px}.formular{grid-template-columns:repeat(6,1fr);align-items:end;gap:12px;display:grid}.formular .s2{grid-column:span 2}.fehler{color:var(--gelb-text);min-height:20px;margin-top:8px;font-size:14px}.etikettchen{border:1px solid var(--gruen);color:var(--gruen-text);font-family:var(--mono);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.etikettchen.g{border-color:var(--gelb);color:var(--gelb-text)}.zeile{grid-template-columns:90px 1fr 70px;align-items:center;gap:10px;margin:12px 0;font-size:14px;display:grid}.spur{background:var(--linie);border-radius:7px;height:14px;position:relative;box-shadow:inset 0 3px 5px #0000002e,inset 0 -1px #ffffff80}.spur>div.fuell{transform-origin:0;background-image:linear-gradient(#ffffffa6 0%,#ffffff1a 45%,#00000038 100%);border-radius:7px;height:100%;animation:.9s cubic-bezier(.2,.8,.2,1) both wachsen;position:relative}.spur .ziel{background:var(--text);border-radius:2px;width:3px;height:22px;position:absolute;top:-4px;box-shadow:0 0 6px #0000004d}.liste{margin:0;padding:0;list-style:none}.liste li{border-bottom:1px solid var(--linie);justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;display:flex}.liste li:last-child{border-bottom:0}.tabelle{border-collapse:collapse;width:100%;font-size:14px}.tabelle th{text-align:left;font-family:var(--mono);color:var(--gruen-text);border-bottom:1px solid var(--linie);padding:10px 8px;font-size:12px;font-weight:700}.tabelle td{border-bottom:1px solid var(--linie);padding:10px 8px}.tabelle td.zahl,.tabelle th.zahl{text-align:right;white-space:nowrap}.scroll{overflow-x:auto}svg{width:100%;height:auto;display:block}.legende{gap:6px;min-width:0;font-size:13px;display:grid}.legende .eintrag{white-space:nowrap;justify-content:space-between;gap:8px;display:flex}.legende span.punkt{vertical-align:middle;border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block;box-shadow:0 2px 4px #0003}.ring{grid-template-columns:1fr;align-items:center;gap:10px;display:grid}.hinweis{border-bottom:1px solid var(--linie);gap:10px;padding:9px 0;font-size:14px;display:flex}.hinweis:last-child{border-bottom:0}.fixiert{animation:none;transform:none!important}.fixiert:before{display:none}.schritte{gap:8px;margin:0;padding-left:22px;font-size:15px;line-height:1.45;display:grid}.schritte li::marker{color:var(--gruen-text);font-family:var(--mono);font-weight:700}mark{color:inherit;background:#ffd23f8c;border-radius:3px;padding:0 2px}.frage{border-bottom:1px solid var(--linie);padding:4px 0}.frage:last-child{border-bottom:0}.frage summary{cursor:pointer;justify-content:space-between;gap:12px;padding:12px 4px;font-size:15px;font-weight:700;list-style:none;display:flex}.frage summary::-webkit-details-marker{display:none}.frage summary:after{content:"+";font-family:var(--mono);color:var(--gruen-text);font-size:18px;transition:transform .2s}.frage[open] summary:after{transform:rotate(45deg)}.frage p{color:var(--grau);margin:0 4px 12px;font-size:15px;line-height:1.5}.scan{overflow:hidden}.scan:after{content:"";background:linear-gradient(90deg, transparent, var(--gruen), transparent);width:40%;height:2px;animation:3.2s linear infinite scan;position:absolute;top:0;left:-40%}.demo-band{background:var(--glas);border:1px dashed var(--gelb2);color:var(--gelb-text);border-radius:10px;padding:8px 12px;font-size:13px}#schnell{z-index:6;border-radius:50%;width:60px;height:60px;padding:0;font-size:30px;line-height:1;position:fixed;bottom:22px;right:22px;box-shadow:0 5px #1f8a55,0 14px 28px -6px #1f8a55b3}@keyframes einblenden{0%{opacity:0;transform:translateY(14px)rotateX(8deg)}to{opacity:1;transform:none}}@keyframes wachsen{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes puls{0%{box-shadow:0 0 #3ddc84b3}70%{box-shadow:0 0 0 8px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}@keyframes pulsg{0%{box-shadow:0 0 #ffd23fb3}70%{box-shadow:0 0 0 8px #ffd23f00}to{box-shadow:0 0 #ffd23f00}}@keyframes dreh{to{transform:rotate(360deg)}}.halo{border:1.5px dashed #1f8a558c;border-radius:50%;animation:24s linear infinite dreh;position:absolute;inset:-16px}.halo.innen{border-color:#b3932c80;animation-duration:16s;animation-direction:reverse;inset:30%}@keyframes scan{0%{left:-40%}to{left:100%}}@keyframes balkenauf{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.balken3d{transform-box:fill-box;transform-origin:bottom;animation:.8s cubic-bezier(.2,.8,.2,1) both balkenauf}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=1100px){.dash{grid-template-columns:1fr 1fr}.held{grid-template-columns:1fr}}@media (width<=820px){#app.offen{display:block}nav{border-right:0;border-bottom:1px solid var(--linie);flex-direction:row;gap:6px;height:auto;padding:10px 16px;position:sticky;top:0;overflow-x:auto}.marke{display:none}.navknopf{white-space:nowrap;padding:8px 10px}.navknopf:hover{transform:none}.navfuss{margin:0;display:flex}main{padding:18px 16px 90px}.kpis,.held .kpis{grid-template-columns:1fr 1fr}.dash,.zwei{grid-template-columns:1fr}.breit2{grid-column:auto}.formular{grid-template-columns:1fr 1fr}.formular .s2{grid-column:span 2}.kpi .wert{font-size:22px}}@media (width<=480px){.kpis,.held .kpis{grid-template-columns:1fr}}.karte{transform-style:flat;animation-name:einblendenflach}.karte:before{display:none}.karte.tilt:hover{box-shadow:var(--schatten)}.tiefe{transform:none}@keyframes einblendenflach{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sperrkarte{text-align:center}.sperrkarte .feld,.sperrkarte .fehler{text-align:left}.klein-szene{isolation:isolate;align-items:center;margin-bottom:4px;position:relative}.klein-szene:before{content:"";z-index:-1;background:radial-gradient(circle,#3ddc8461,#0000 62%);width:210px;height:210px;position:absolute;top:-38px;left:50%;transform:translate(-50%)}.klein3d{width:132px;height:132px;margin:6px auto 0}.ringhalo{border:1.5px dashed #1f8a5580;border-radius:50%;width:168px;height:168px;margin-left:-84px;animation:22s linear infinite dreh;position:absolute;top:-12px;left:50%}.klein-szene .bodenschatten{width:124px;margin:8px auto 0}.sperrchips{justify-content:center}.vergessen{color:var(--gruen-text);cursor:pointer;background:0 0;border:0;margin-top:12px;font-size:13px;text-decoration:underline}.wz-huelle{opacity:.13;perspective:none;display:block}.wz{perspective:900px;position:absolute}.wz .muenze{--dz:2.2px;width:100%;height:100%}.marke{perspective:300px}.nav3d{--dz:.8px;flex:none;width:42px;height:42px;transition:transform .5s;transform:rotateY(-20deg)rotateX(8deg)}.marke:hover .nav3d{transform:rotateY(20deg)rotateX(-4deg)}.titelblock{perspective:500px;align-items:center;gap:16px;display:flex}.dash3d{--dz:1px;flex:none;width:76px;height:76px;animation:9s ease-in-out infinite wippen}.avatar{width:40px;height:40px;font-family:var(--mono);color:var(--dunkel);box-shadow:0 0 0 2px var(--glas-fest), 0 0 0 4px var(--gruen), 0 6px 14px -4px #1f8a5599;background:linear-gradient(145deg,#8cf0b8,#3ddc84 50%,#1f8a55) 50%/cover no-repeat;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.avatar.gross{width:104px;height:104px;font-size:32px}.navprofil{background:var(--glas);border:1px solid var(--linie);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.navknopf.unter{padding:7px 12px 7px 46px;font-size:14px}.tabs{background:var(--glas);border:1px solid var(--linie);width:fit-content;max-width:100%;box-shadow:var(--schatten);border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding:5px;display:flex}.tab{color:var(--grau);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 14px;font-weight:700}.tab.aktiv{background:linear-gradient(180deg, #6fe9a6, var(--gruen));color:var(--dunkel);box-shadow:0 3px #1f8a55}.profilkopf{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.regeln{color:var(--grau);gap:6px;margin:12px 0 4px;padding:0;font-size:14px;list-style:none;display:grid}.regeln li:before{content:"○  "}.regeln li.ok{color:var(--gruen-text)}.regeln li.ok:before{content:"●  "}.versteckt{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}label.knopf{display:inline-block}@media (width<=820px){.navknopf.unter{padding:8px 10px}.navprofil{white-space:nowrap}.dash3d{width:58px;height:58px}}:root{--radius:8px;--schnitt:10px}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#143c281a 1px,#0000 1.2px),linear-gradient(115deg,#0000 40%,#3ddc841a 50%,#0000 60%);background-size:16px 16px,300% 100%;animation:18s linear infinite lichtzug;position:fixed;inset:0}#app,#sperre{z-index:1;position:relative}@keyframes lichtzug{0%{background-position:0 0,120% 0}to{background-position:0 0,-120% 0}}.karte:after,.sperrkarte:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(var(--gruen), var(--gruen)) top left / 22px 2px no-repeat, linear-gradient(var(--gruen), var(--gruen)) top left / 2px 22px no-repeat, linear-gradient(var(--gelb), var(--gelb)) bottom right / 22px 2px no-repeat, linear-gradient(var(--gelb), var(--gelb)) bottom right / 2px 22px no-repeat;position:absolute;inset:-1px}.kopf h2{background:linear-gradient(90deg, var(--text) 40%, var(--gruen-text));color:#0000;text-transform:uppercase;letter-spacing:.04em;-webkit-background-clip:text;background-clip:text}.etikett:before{content:"";vertical-align:1px;background:var(--gruen);width:6px;height:6px;box-shadow:0 0 8px var(--gruen);margin-right:9px;display:inline-block;transform:rotate(45deg)}.kpi .wert,.ringwert .zahl{font-variant-numeric:tabular-nums;text-shadow:0 0 18px #3ddc8447}.knopf,label.knopf,.tab{clip-path:polygon(var(--schnitt) 0, 100% 0, 100% calc(100% - var(--schnitt)), calc(100% - var(--schnitt)) 100%, 0 100%, 0 var(--schnitt));border-radius:0}.knopf{text-transform:uppercase;letter-spacing:.06em;font-size:14px;box-shadow:inset 0 1px #fff9,inset 0 -3px #1f8a558c}.knopf:active{transform:translateY(1px);box-shadow:inset 0 1px #fff9}.knopf.zweit{box-shadow:inset 0 0 0 1px var(--linie);text-transform:none;letter-spacing:0;border:0}.tab.aktiv{box-shadow:inset 0 -3px #1f8a558c}.tabs{border-radius:var(--radius)}#schnell{clip-path:none;text-transform:none;border-radius:50%;box-shadow:0 0 0 4px #3ddc8440,0 10px 26px -6px #1f8a55b3}.navknopf{border-radius:4px;position:relative}.navknopf.aktiv:before{content:"";background:var(--gruen);width:3px;box-shadow:0 0 10px var(--gruen);position:absolute;top:6px;bottom:6px;left:0}.chip{border-radius:4px}.chip.uhr{color:var(--gruen-text);font-variant-numeric:tabular-nums}input,select{border-radius:4px}input:focus,select:focus{border-color:var(--gruen);outline:none;box-shadow:0 0 0 3px #3ddc8440,inset 0 2px 4px #0000000f}.etikettchen,.spur,.spur>div.fuell{border-radius:3px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:linear-gradient(var(--gruen), var(--gruen2));border-radius:0}::-webkit-scrollbar-track{background:0 0}::selection{background:#3ddc8459}.monatskacheln{grid-template-columns:repeat(12,minmax(66px,1fr));gap:8px;padding-bottom:4px;display:grid;overflow-x:auto}.monatskachel{background:var(--glas);border:1px solid var(--linie);cursor:pointer;color:var(--text);border-radius:6px;justify-items:center;gap:6px;padding:10px 6px;font-size:12px;display:grid;position:relative}.monatskachel:hover{border-color:var(--gruen)}.monatskachel.aktiv{border-color:var(--gruen);box-shadow:0 0 0 2px #3ddc844d, 0 0 16px -4px var(--gruen)}.monatskachel.leer{opacity:.5}.minibalken{align-items:flex-end;gap:3px;height:46px;display:flex}.minibalken i{background-image:linear-gradient(90deg,#ffffff73,#0000001f);border-radius:2px 2px 0 0;width:10px;min-height:2px;display:block}.monatskachel strong{font-variant-numeric:tabular-nums}.tabellenkopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.monatstabelle-huelle{border:1px solid var(--linie);border-radius:6px;max-height:70vh;overflow:auto}.monatstabelle{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;width:100%;min-width:1120px;font-size:13px}.monatstabelle th{font-family:var(--mono);color:var(--gruen-text);border-bottom:2px solid var(--gruen);z-index:2;background:var(--glas-fest);text-align:left;padding:9px 7px;font-size:11px;position:sticky;top:0}.monatstabelle .zahl{text-align:right;white-space:nowrap}.monatstabelle td{border-bottom:1px solid var(--linie);padding:7px}.monatstabelle .erste{z-index:1;text-align:left;background:var(--glas-fest);min-width:200px;position:sticky;left:0}.monatstabelle th.erste{z-index:3}.monatstabelle tr.summe td{font-size:14px;font-weight:700}.monatstabelle tr.uebrig td{border-bottom:2px solid var(--gruen)}.monatstabelle tr.abschnitt td{font-family:var(--mono);letter-spacing:.1em;color:var(--grau);padding-top:18px;font-size:11px;font-weight:700}.monatstabelle tr.gruppe td.fett{font-weight:700}.monatstabelle tr.gruppe:hover td{background-color:#3ddc8412}.monatstabelle tr.posten td{color:var(--grau);font-size:12px}.monatstabelle tr.posten td.erste{padding-left:36px}.monatstabelle .jahr{background-color:#3ddc8417;font-weight:700}.monatstabelle .markiert{box-shadow:inset 2px 0 0 var(--gruen), inset -2px 0 0 var(--gruen);background-color:#3ddc841f}.aufklapper{color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:700;display:flex}.pfeil{width:12px;color:var(--gruen-text);font-family:var(--mono)}body:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cpath d='M64 58v12M58 64h12' stroke='%231F8A55' stroke-opacity='.35' stroke-width='1'/%3E%3C/svg%3E"),radial-gradient(#143c281a 1px,#0000 1.2px),linear-gradient(115deg,#0000 40%,#3ddc841a 50%,#0000 60%);background-size:128px 128px,16px 16px,300% 100%;animation:18s linear infinite lichtzug2}@keyframes lichtzug2{0%{background-position:0 0,0 0,120% 0}to{background-position:0 0,0 0,-120% 0}}.hud{background:var(--glas-fest);border:1px solid var(--linie);box-shadow:var(--schatten);border-radius:4px;gap:0;width:fit-content;max-width:100%;padding:0;overflow:hidden}.hud .chip{border:0;border-right:1px solid var(--linie);box-shadow:none;background:0 0;border-radius:0;padding:7px 14px}.hud .chip:last-child{border-right:0}.hud .chip.kennung{background:var(--gruen);color:var(--dunkel)}.karte[data-id]:before{content:attr(data-id);width:auto;height:auto;font-family:var(--mono);letter-spacing:.12em;color:var(--grau);opacity:.7;background:0 0;font-size:9px;display:block;inset:auto auto 6px 12px}.karte[data-id]{padding-bottom:24px}.karte>.etikett,.karte>div>.etikett:first-child{align-items:center;display:flex}.karte>.etikett:after{content:"";background:repeating-linear-gradient(90deg, var(--linie) 0 6px, transparent 6px 10px);flex:1;height:1px;margin-left:12px}.navknopf{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:13px}.navknopf.aktiv{color:var(--gruen-text)}.navknopf.aktiv .nr:before{content:"▶ ";font-size:9px}.knopf,.tab{font-family:var(--mono)}.tabelle td.zahl,.monatstabelle td.zahl,.liste strong,.zeile .mono{font-family:var(--mono);letter-spacing:.02em}.kopf h2{font-family:var(--mono);letter-spacing:.02em;font-size:34px}.kopf .etikett{color:var(--grau)}.kopf .etikett:after{content:"_";color:var(--gruen-text);margin-left:2px;animation:1.1s step-end infinite cursor}@keyframes cursor{50%{opacity:0}}.marke{font-family:var(--mono);letter-spacing:.04em}.kopf .etikett{overflow-wrap:anywhere}.navknopf .nr{white-space:nowrap;width:auto;min-width:22px}:root{--sans:Verdana, Geneva, "DejaVu Sans", sans-serif;--mono:Verdana, Geneva, "DejaVu Sans", sans-serif}html,body,button,input,select,textarea{font-family:var(--sans)}body{font-size:14px;line-height:1.45}.etikett{letter-spacing:.05em;font-size:11px}.kopf h2{letter-spacing:0;font-size:28px}.kopf .etikett{font-size:10px}.karte h3{font-size:17px}.kpi .wert{letter-spacing:-.01em;font-size:24px}.kpi .unter{font-size:12px}.chip{letter-spacing:.03em;font-size:10px}.marke{letter-spacing:0;font-size:14px}.navknopf{letter-spacing:.03em;font-size:12px}.navknopf .nr{font-size:10px}.navknopf.unter{font-size:11px}.navprofil{font-size:13px}.knopf{letter-spacing:.04em;font-size:12px}.knopf.klein{font-size:11px}.tab{font-size:12px}input,select{font-size:14px}.feld label{letter-spacing:.04em;font-size:10px}.liste li,.zeile,.hinweis{font-size:13px}.legende{font-size:12px}.etikettchen{font-size:9px}.tabelle{font-size:13px}.tabelle th{font-size:10px}.monatstabelle{min-width:1260px;font-size:12px}.monatstabelle th{font-size:10px}.monatstabelle tr.summe td{font-size:13px}.monatstabelle tr.posten td{font-size:11px}.monatstabelle tr.abschnitt td{font-size:10px}.monatskachel{font-size:11px}.schritte,.frage p,.frage summary{font-size:14px}.sperrkarte h1{font-size:26px}.ringwert .zahl{font-size:22px}.meldung{font-size:13px}.demo-band{font-size:12px}.karte[data-id]:before{font-size:8px}@media (width<=820px){.kopf h2{font-size:24px}.kpi .wert{font-size:20px}.navknopf{font-size:11px}}.faelligkeiten{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));column-gap:28px;display:grid}#inhalt .karte,#inhalt .monatskachel{transition:box-shadow .2s,border-color .2s}#inhalt:not([data-ansicht=einstellungen]) .karte:hover,#inhalt:not([data-ansicht=einstellungen]) .monatskachel:hover{border-color:var(--gruen);box-shadow:0 0 10px #3ddc8473}#inhalt .karte:after{transition:opacity .2s}#inhalt:not([data-ansicht=einstellungen]) .karte:hover:after{opacity:0}#inhalt:not([data-ansicht=einstellungen]) .karte.rand:hover{background:var(--glas-fest);border-color:var(--gruen)}.abschnittstitel{letter-spacing:.08em;text-transform:uppercase;color:var(--gruen-text);align-items:center;gap:12px;margin:28px 0 14px;font-size:12px;font-weight:700;display:flex}.abschnittstitel:before{content:"";background:var(--gruen);width:8px;height:8px;box-shadow:0 0 8px var(--gruen);transform:rotate(45deg)}.abschnittstitel:after{content:"";background:linear-gradient(90deg, var(--gruen), transparent);flex:1;height:2px}.eingang{align-items:center;gap:12px;display:flex}.eingang .tag{border:1px solid var(--gruen);width:42px;height:42px;color:var(--gruen-text);background:#3ddc841a;border-radius:6px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.fusszeile{border-top:1px solid var(--linie);letter-spacing:.04em;color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin-top:32px;padding:14px 0 4px;font-size:11px;display:flex}.fusszeile img{filter:drop-shadow(0 0 4px #3ddc8459);border-radius:50%}#sperre .fusszeile{z-index:2;border:0;margin:0;padding:0 16px;position:absolute;bottom:10px;left:0;right:0}.seite-hinweis{z-index:1;max-width:560px;margin:15vh auto;padding:0 16px;position:relative}