:root{--hue:210;--bg:hsl(var(--hue)20% 98%);--surface:#fff;--surface-2:hsl(var(--hue)18% 96%);--ink:hsl(var(--hue)25% 12%);--ink-2:hsl(var(--hue)12% 38%);--ink-3:hsl(var(--hue)10% 55%);--border:hsl(var(--hue)15% 45%/.22);--border-stark:hsl(var(--hue)15% 45%/.45);--akzent:hsl(var(--hue)72% 42%);--akzent-ink:#fff;--akzent-weich:hsl(var(--hue)72% 42%/.1);--warn:#d48311;--fehler:#c72923;--gut:#278657;--gut-weich:#2786571a;--gut-rand:#2786574d;--r-sm:8px;--r-md:12px;--r-lg:18px;--sh-sm:0 1px 2px hsl(var(--hue)25% 12%/.06);--sh-md:0 4px 14px hsl(var(--hue)25% 12%/.1);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--touch:44px;--touch-gross:56px}@media (prefers-color-scheme:dark){:root{--bg:hsl(var(--hue)22% 10%);--surface:hsl(var(--hue)20% 14%);--surface-2:hsl(var(--hue)20% 18%);--ink:hsl(var(--hue)15% 94%);--ink-2:hsl(var(--hue)10% 72%);--ink-3:hsl(var(--hue)8% 58%);--border:hsl(var(--hue)15% 70%/.18);--border-stark:hsl(var(--hue)15% 70%/.36);--akzent:hsl(var(--hue)68% 60%);--akzent-ink:hsl(var(--hue)30% 10%);--sh-sm:0 1px 2px #0000004d;--sh-md:0 4px 14px #0006}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button,a[role=button],input[type=submit]{min-height:var(--touch)}.co-karte{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4);box-shadow:var(--sh-sm)}.co-feld{gap:var(--s-1);display:grid}.co-feld>span{color:var(--ink-2);font-size:.875rem}.co-feld>input,.co-feld>select,.co-feld>textarea{min-height:var(--touch);padding:0 var(--s-3);border:1px solid var(--border-stark);border-radius:var(--r-sm);background:var(--surface);width:100%}.co-feld>textarea{padding:var(--s-2)var(--s-3)}.co-knopf{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--touch);padding:0 var(--s-4);border-radius:var(--r-sm);background:var(--akzent);color:var(--akzent-ink);cursor:pointer;border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.co-knopf:disabled{opacity:.55;cursor:default}.co-knopf--zweit{background:var(--surface);color:var(--ink);border-color:var(--border-stark)}.co-knopf--gefahr{background:var(--surface);color:var(--fehler);border-color:var(--fehler)}.co-fehler{color:var(--fehler);border-radius:var(--r-sm);padding:var(--s-2)var(--s-3);background:#c7292314;border:1px solid #c729234d;margin:0}.co-erfolg{color:var(--gut);background:var(--gut-weich);border:1px solid var(--gut-rand);border-radius:var(--r-sm);padding:var(--s-2)var(--s-3);margin:0}.co-hinweis{color:var(--ink-2);font-size:.9rem}.co-leer{text-align:center;color:var(--ink-3);padding:var(--s-6)var(--s-4)}.co-chip{min-height:var(--touch);padding:0 var(--s-3);border:1px solid var(--border-stark);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;display:inline-flex}.co-chip--aktiv{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-ink)}.co-login,.co-start{max-width:420px;padding:var(--s-6)var(--s-4);gap:var(--s-4);margin:0 auto;display:grid}.co-login h1,.co-start h1{margin:0}.co-login__zeile{color:var(--ink-2);margin:0}.co-login__form{gap:var(--s-4);display:grid}.co-start__hinweis{color:var(--ink-3);font-size:.9rem}.co-ladenwahl{gap:var(--s-3);display:grid}.co-ladenwahl .co-knopf{min-height:var(--touch-gross);font-size:1.05rem}