@font-face{font-family:archivo;src:url(../media/Archivo_Variable-s.p.40m71kgpyavtn.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:archivo Fallback;src:local(Arial);ascent-override:85.41%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:102.8%}.archivo_96193b68-module__F9tGeW__className{font-family:archivo,archivo Fallback}.archivo_96193b68-module__F9tGeW__variable{--font-archivo:"archivo", "archivo Fallback"}
@font-face{font-family:newsreader;src:url(../media/Newsreader_Variable-s.p.06vqnuwx-y_1p.woff2)format("woff2");font-display:swap;font-weight:200 800;font-style:normal}@font-face{font-family:newsreader;src:url(../media/Newsreader_Italic_Variable-s.p.2ph-46t7vfht0.woff2)format("woff2");font-display:swap;font-weight:200 800;font-style:italic}@font-face{font-family:newsreader Fallback;src:local(Arial);ascent-override:79.54%;descent-override:28.68%;line-gap-override:0.0%;size-adjust:92.41%}.newsreader_aaa63a96-module__Vy-FsG__className{font-family:newsreader,newsreader Fallback}.newsreader_aaa63a96-module__Vy-FsG__variable{--font-newsreader:"newsreader", "newsreader Fallback"}
@font-face{font-family:plexMono;src:url(../media/IBMPlexMono_Variable-s.p.1wv20susec6v6.woff2)format("woff2");font-display:swap;font-weight:100 700;font-style:normal}@font-face{font-family:plexMono Fallback;src:local(Arial);ascent-override:77.95%;descent-override:20.91%;line-gap-override:0.0%;size-adjust:131.49%}.plexmono_23e6ae88-module__wKqC1q__className{font-family:plexMono,plexMono Fallback}.plexmono_23e6ae88-module__wKqC1q__variable{--font-plex-mono:"plexMono", "plexMono Fallback"}
:root{--canvas:#16131c;--surface:#1e1a27;--surface-up:#2a2533;--chart:#120f17;--border:#f4f1ea21;--border-hi:#f4f1ea3d;--tint:#f4f1ea0d;--fg:#f4f1ea;--fg-2:#c7c0ce;--fg-3:#a199ac;--fg-4:#988fa4;--accent:#e58a4e;--accent-fg:#16131c;--accent-bg:#e58a4e1a;--accent-bd:#e58a4e57;--zweit:#00897b;--zweit-bg:#00897b29;--mark:#c97acf;--mark-bg:#c97acf21;--mark-bd:#c97acf57;--up:#4fc48a;--down:#f4707e;--warn:#efc93f;--warn-bg:#efc93f14;--warn-bd:#efc93f4d;--font-sans:var(--font-archivo), ui-sans-serif, system-ui, sans-serif;--font-display:var(--font-newsreader), Georgia, "Times New Roman", serif;--font-mono:var(--font-plex-mono), ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--canvas);color:var(--fg-2);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;font-weight:400;line-height:1.6}main{max-width:760px;margin:0 auto;padding:40px 16px 64px}h1,h2{font-family:var(--font-display);color:var(--fg);text-wrap:balance;font-weight:400}h1{letter-spacing:-.015em;margin:0 0 10px;font-size:34px;line-height:1.12}h2{margin:0 0 12px;font-size:22px;line-height:1.2}p{margin:0 0 12px}strong{color:var(--fg);font-weight:600}a{color:var(--fg);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.unterzeile{color:var(--fg-3);max-width:62ch;margin-bottom:28px}.karte{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px}.hinweis{background:var(--warn-bg);border:1px solid var(--warn-bd);border-radius:12px;margin-bottom:16px;padding:16px 20px;font-size:15px}.hinweis strong{color:var(--warn)}.klein{color:var(--fg-4);font-size:13px}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);cursor:pointer;border-radius:8px;padding:9px 18px;font-size:15px;font-weight:600;transition:opacity .15s,border-color .15s,color .15s}button:hover:not(:disabled){opacity:.88}button:disabled{opacity:.4;cursor:not-allowed}button.leise{color:var(--fg-2);border-color:var(--border);background:0 0;font-weight:500}button.leise:hover{border-color:var(--border-hi);color:var(--fg);opacity:1}.antworten{gap:8px;margin:16px 0 20px;display:grid}.antwort{border:1px solid var(--border);cursor:pointer;background:var(--canvas);color:var(--fg-2);border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.antwort:hover{border-color:var(--border-hi)}.antwort:has(input:checked){border-color:var(--mark-bd);background:var(--mark-bg);color:var(--fg)}.antwort input{accent-color:var(--mark)}.fortschritt{background:var(--surface-up);border-radius:2px;height:4px;margin-bottom:20px}.fortschritt>div{background:var(--accent);border-radius:2px;height:100%}.zeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px 6px}th{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-4);white-space:nowrap;font-size:11px;font-weight:500}td{color:var(--fg-2)}td:first-child{color:var(--fg)}td.zahl,th.zahl{text-align:right;white-space:nowrap}td.zahl{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px}.tabelle{overflow-x:auto}.balken{background:var(--zweit);border-radius:4px;height:8px}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0;display:grid}.kennzahl{background:var(--canvas);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.kennzahl .wert{font-family:var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums;font-size:18px;font-weight:500}.kennzahl .name{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-4);margin-top:4px;font-size:11px;font-weight:500}select,input[type=number]{font:inherit;border:1px solid var(--border);background:var(--canvas);color:var(--fg);border-radius:8px;padding:8px 10px}select:hover,input[type=number]:hover{border-color:var(--border-hi)}input[type=number]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.marke{font-family:var(--font-sans);white-space:nowrap;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-bd);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:500}footer{color:var(--fg-4);flex-wrap:wrap;gap:16px;margin-top:48px;font-size:13px;display:flex}footer a{color:var(--fg-3);text-decoration:none}footer a:hover{color:var(--fg)}.recht h2{margin-top:28px;font-size:18px}.recht p,.recht address{color:var(--fg-2);font-style:normal}@media (prefers-reduced-motion:reduce){*{transition:none!important}}:root{--reihe-1:#e58a4e;--reihe-2:#00897b;--reihe-3:#c97acf;--reihe-4:#efc93f;--reihe-5:#7e9cff;--reihe-6:#a8a29e}.eingaben{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.eingaben label{flex-direction:column;gap:4px;display:flex}.eingaben input,.eingaben select{width:100%}.farbpunkt{vertical-align:-1px;border-radius:3px;flex:none;width:10px;height:10px;margin-right:8px;display:inline-block}.stapel{margin-top:8px}.stapel-flaeche{position:relative}.stapel-flaeche svg{cursor:crosshair;touch-action:pan-y;display:block}.stapel-flaeche svg:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.stapel-info{pointer-events:none;background:var(--surface-up);border:1px solid var(--border-hi);border-radius:8px;min-width:220px;max-width:280px;padding:8px 10px;font-size:12px;position:absolute;top:8px;transform:translate(12px);box-shadow:0 8px 24px #00000059}.stapel-info[data-rechts]{transform:translate(calc(-100% - 12px))}.stapel-info-kopf{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-4);margin-bottom:4px;font-size:11px}.stapel-info-unter{color:var(--fg-4);margin:6px 0 2px;font-size:11px}.stapel-info-zeile{color:var(--fg-2);justify-content:space-between;gap:12px;display:flex}.stapel-info-zeile>span:last-child{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap}.legende{color:var(--fg-2);flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.legende li{align-items:center;display:flex}.legende-wert{font-family:var(--font-mono);color:var(--fg-3);font-variant-numeric:tabular-nums;margin-left:6px;font-size:12px}@media (max-width:600px){.stapel-info,.stapel-info[data-rechts]{min-width:0;max-width:none;right:4px;transform:none;left:4px!important}}.delta{font-family:var(--font-mono);color:var(--fg-4);font-variant-numeric:tabular-nums;margin-top:4px;font-size:11px}.delta.besser{color:var(--up)}.delta.schlechter{color:var(--down)}.marke-fest{color:var(--fg);background:var(--tint);border-color:var(--border-hi)}.ansicht-leiste{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.umschalter{border:1px solid var(--border);background:var(--canvas);border-radius:8px;padding:3px;display:inline-flex}.umschalter button{color:var(--fg-3);background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 14px;font-weight:500}.umschalter button:hover{color:var(--fg);opacity:1}.umschalter button.an{background:var(--mark-bg);border-color:var(--mark-bd);color:var(--fg)}.tour{z-index:50;position:fixed;inset:0}.tour-flaeche{position:absolute;inset:0}.tour-loch{pointer-events:none;outline:1px solid var(--accent-bd);border-radius:10px;transition:left .2s,top .2s,width .2s,height .2s;position:fixed;box-shadow:0 0 0 9999px #0a080eb8}.tour-tip{background:var(--surface-up);border:1px solid var(--border-hi);width:min(340px,100vw - 32px);color:var(--fg-2);border-radius:12px;padding:16px 18px;font-size:15px;position:fixed;box-shadow:0 12px 32px #00000073}.tour-tip:focus{outline:none}.tour-tip h3{font-family:var(--font-display);color:var(--fg);margin:0 0 8px;font-size:20px;font-weight:400}.tour-zaehler{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-4);margin:0 0 6px;font-size:11px}.tour-tip .zeile{margin-top:4px}.tour-knoepfe{gap:8px;display:flex}.tour-tip button{padding:7px 14px;font-size:14px}.schritte{gap:6px;margin:0 0 14px;padding-left:22px;display:grid}.schritte li::marker{font-family:var(--font-mono);color:var(--fg-4)}tr.gruppe td{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);border-bottom-color:var(--border-hi);padding-top:14px;font-size:11px;font-weight:500}.kennzahl .name{justify-content:space-between;align-items:center;gap:6px;display:flex}button.frage{width:20px;height:20px;font-family:var(--font-mono);color:var(--fg-3);border:1px solid var(--border-hi);background:0 0;border-radius:50%;flex:none;padding:0;font-size:11px;font-weight:500;line-height:1}button.frage:hover{color:var(--fg);border-color:var(--fg-3);opacity:1}.kennzahl.offen{border-color:var(--mark-bd)}.kennzahl.offen button.frage{color:var(--fg);border-color:var(--mark-bd);background:var(--mark-bg)}.rechenweg{background:var(--canvas);border:1px solid var(--mark-bd);color:var(--fg-2);border-radius:8px;margin:-4px 0 16px;padding:12px 14px;font-size:14px}
