:root{--rot: oklch(.57 .23 27);--rot-text: #ffffff;--bg: oklch(.17 .006 265);--surface: oklch(.205 .006 265);--surface-2: oklch(.245 .006 265);--surface-3: oklch(.285 .006 265);--linie: oklch(.32 .006 265);--text: oklch(.95 .003 265);--text-2: oklch(.72 .006 265);--erfolg: oklch(.7 .13 155);--warnung: oklch(.78 .14 75);--fehler: oklch(.68 .19 27);--radius: 2px;--schrift: "Source Sans 3", system-ui, -apple-system, sans-serif;--schrift-titel: Europa, Futura, "Century Gothic", system-ui, sans-serif;--abstand: 16px;color-scheme:dark}@media (prefers-color-scheme: light){:root{--bg: oklch(.985 .002 265);--surface: oklch(1 0 0);--surface-2: oklch(.96 .003 265);--surface-3: oklch(.93 .004 265);--linie: oklch(.88 .004 265);--text: oklch(.2 .006 265);--text-2: oklch(.45 .006 265);--erfolg: oklch(.5 .13 155);--warnung: oklch(.55 .14 75);--fehler: oklch(.52 .2 27);color-scheme:light}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:17px/1.5 var(--schrift);-webkit-text-size-adjust:100%}a{color:inherit}h1,h2,h3{font-family:var(--schrift-titel);font-weight:700;letter-spacing:-.01em;line-height:1.12;margin:0 0 12px}h1{font-size:1.6rem}h2{font-size:1.2rem}.seite{max-width:960px;margin:0 auto;padding:var(--abstand) var(--abstand) calc(88px + env(safe-area-inset-bottom))}.zahl{font-variant-numeric:tabular-nums}.leise{color:var(--text-2)}.liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}.liste>li{border-bottom:1px solid var(--linie)}.liste a,.zeile{display:flex;justify-content:space-between;gap:12px;padding:12px 4px;text-decoration:none;min-height:48px;align-items:center}.knopf{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--linie);background:var(--surface-2);color:var(--text);border-radius:var(--radius);padding:10px 14px;font:inherit;min-height:44px;cursor:pointer}.knopf.primaer{background:var(--text);color:var(--bg);border-color:var(--text)}.knopf.signal{background:var(--rot);color:var(--rot-text);border-color:var(--rot)}.knopf:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--rot);outline-offset:2px}.feld{display:grid;gap:4px;margin-bottom:12px}.feld input,.feld select,.feld textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--linie);border-radius:var(--radius);padding:10px;min-height:44px;width:100%}.feld .fehler{color:var(--fehler);font-size:.9rem}.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.kachel{background:var(--surface);border:1px solid var(--linie);padding:12px;border-radius:var(--radius)}.kachel .wert{font-size:1.4rem;font-weight:700}.hinweis{--ton: var(--warnung);padding:10px 12px;border:1px solid color-mix(in oklab,var(--ton) 55%,var(--linie));background:color-mix(in oklab,var(--ton) 10%,var(--surface));border-radius:var(--radius);margin:8px 0}.hinweis.fehler{--ton: var(--fehler)}.zeile.umbruch{flex-wrap:wrap}.zeile.umbruch>:first-child{flex:1 1 220px;min-width:0}.aktionen{display:flex;gap:8px;flex-wrap:wrap}::selection{background:color-mix(in oklab,var(--rot) 45%,transparent);color:var(--text)}html{accent-color:var(--rot);caret-color:var(--rot);scrollbar-color:var(--surface-3) var(--bg)}.knopf:disabled{opacity:.5;cursor:not-allowed}.marke{display:inline-block;font-size:.8rem;padding:2px 6px;border:1px solid var(--linie);border-radius:var(--radius)}.marke.warnung{border-color:var(--warnung);color:var(--warnung)}nav.unten{position:fixed;inset:auto 0 0 0;display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--linie);padding-bottom:env(safe-area-inset-bottom)}nav.unten a{flex:1;text-align:center;padding:14px 4px;text-decoration:none;color:var(--text-2);font-size:.95rem}nav.unten a.active{color:var(--text);box-shadow:inset 0 2px 0 var(--rot)}.kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}@media (prefers-reduced-motion: reduce){*{transition:none!important}}