:root{--hue:32;--bg:#f5f3ee;--surface:#fdfcf9;--surface-2:#efede6;--surface-3:#e9e6de;--ink:#152027;--ink-2:#444f56;--ink-3:#6a7379;--border:color-mix(in oklab, var(--ink) 11%, transparent);--border-stark:color-mix(in oklab, var(--ink) 45%, transparent);--akzent:#8f4f42;--akzent-strong:#7b3a2b;--akzent-ink:#fffaf6;--akzent-text:var(--akzent-strong);--akzent-weich:color-mix(in oklab, var(--akzent) 12%, var(--surface));--akzent-weich-2:color-mix(in oklab, var(--akzent) 22%, var(--surface));--akzent-linie:color-mix(in oklab, var(--akzent) 70%, var(--surface));--verlauf:linear-gradient(150deg, var(--akzent), var(--akzent-strong));--flame:#d2600c;--flame-weich:color-mix(in oklab, var(--flame) 13%, var(--surface));--warn:#bd871c;--warn-weich:color-mix(in oklab, var(--warn) 14%, var(--surface));--fehler:#c92f30;--fehler-weich:color-mix(in oklab, var(--fehler) 10%, var(--surface));--gut:#348757;--gut-weich:color-mix(in oklab, var(--gut) 10%, var(--surface));--gut-rand:color-mix(in oklab, var(--gut) 30%, var(--surface));--r-sm:10px;--r-md:14px;--r-lg:20px;--sh-sm:0 1px 2px #0e171e0d, 0 10px 30px -14px #0e171e2e;--sh-md:0 2px 4px #0e171e12, 0 24px 60px -20px #0e171e4d;--sh-glow:0 4px 18px #944b3e73, inset 0 1px 0 #fff3;--sh-pop:0 2px 6px #0e171e14, 0 20px 50px -16px #0e171e47;--schrift:"Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--schrift-display:"Fraunces", Georgia, "Times New Roman", serif;--schrift-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--touch:44px;--touch-gross:56px}@supports (color:lab(0% 0 0)){:root{--bg:lab(95.9847% -.106603 3.05393);--surface:lab(99.0946% -.0580251 1.52376);--surface-2:lab(93.6701% -.116855 3.43777);--surface-3:lab(91.3608% -.135511 4.20673);--ink:lab(11.2819% -3.08318 -6.29125);--ink-2:lab(32.7494% -2.97728 -5.74075);--ink-3:lab(47.8259% -2.37763 -4.49436);--akzent:lab(41.2205% 26.8652 20.0022);--akzent-strong:lab(33.0672% 28.1871 23.0872);--akzent-ink:lab(98.8179% 2.02677 3.997);--flame:lab(54.8075% 43.4411 61.4662);--warn:lab(60.515% 15.3082 59.8719);--fehler:lab(45.8951% 59.9287 39.1639);--gut:lab(50.392% -35.0156 18.0467);--sh-sm:0 1px 2px lab(7.23336% -2.52666 -6.34827/.05), 0 10px 30px -14px lab(7.23336% -2.52666 -6.34827/.18);--sh-md:0 2px 4px lab(7.23336% -2.52666 -6.34827/.07), 0 24px 60px -20px lab(7.23336% -2.52666 -6.34827/.3);--sh-glow:0 4px 18px lab(41.1251% 29.9725 22.5309/.45), inset 0 1px 0 lab(100% 0 0/.2);--sh-pop:0 2px 6px lab(7.23336% -2.52666 -6.34827/.08), 0 20px 50px -16px lab(7.23336% -2.52666 -6.34827/.28)}}@media (prefers-color-scheme:dark){:root{--bg:#0c141a;--surface:#151e25;--surface-2:#1e282f;--surface-3:#28323a;--ink:#e7ecee;--ink-2:#abb2b7;--ink-3:#868d93;--border:color-mix(in oklab, var(--ink) 12%, transparent);--border-stark:color-mix(in oklab, var(--ink) 45%, transparent);--akzent:#ce8171;--akzent-strong:#b66855;--akzent-ink:#071117;--akzent-weich:color-mix(in oklab, var(--akzent) 16%, var(--surface));--akzent-weich-2:color-mix(in oklab, var(--akzent) 26%, var(--surface));--akzent-linie:color-mix(in oklab, var(--akzent) 55%, var(--surface));--flame:#e87e42;--flame-weich:color-mix(in oklab, var(--flame) 16%, var(--surface));--sh-sm:0 1px 2px #0000004d, 0 10px 30px -14px #0006;--sh-md:0 2px 4px #00000052, 0 24px 60px -20px #00000073;--sh-glow:0 4px 18px #944b3e59, inset 0 1px 0 #ffffff24;--sh-pop:0 2px 6px #00000059, 0 20px 50px -16px #00000080}@supports (color:lab(0% 0 0)){:root{--bg:lab(5.71881% -1.7264 -5.10182);--surface:lab(10.6828% -2.41356 -5.89949);--surface-2:lab(15.325% -2.59078 -6.24266);--surface-3:lab(19.9669% -2.76047 -6.58371);--ink:lab(93.061% -1.22395 -1.80653);--ink-2:lab(72.1872% -1.87972 -3.11869);--ink-3:lab(58.2632% -2.05806 -3.86263);--akzent:lab(62.0284% 29.6381 21.7843);--akzent-strong:lab(52.7249% 30.8216 24.6281);--akzent-ink:lab(4.43965% -1.75043 -5.15133);--flame:lab(64.2505% 38.5569 50.4313);--sh-sm:0 1px 2px lab(0% 0 0/.3), 0 10px 30px -14px lab(0% 0 0/.4);--sh-md:0 2px 4px lab(0% 0 0/.32), 0 24px 60px -20px lab(0% 0 0/.45);--sh-glow:0 4px 18px lab(41.1251% 29.9725 22.5309/.35), inset 0 1px 0 lab(100% 0 0/.14);--sh-pop:0 2px 6px lab(0% 0 0/.35), 0 20px 50px -16px lab(0% 0 0/.5)}}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--schrift);-webkit-font-smoothing:antialiased;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)}.cp-display{font-family:var(--schrift-display);letter-spacing:-.01em;font-weight:550}.cp-geld{font-family:var(--schrift-mono);color:var(--flame);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.cp-marke-wuerfel{background:var(--verlauf);width:24px;height:24px;color:var(--akzent-ink);letter-spacing:.02em;box-shadow:var(--sh-glow);border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:.58rem;font-weight:700;text-decoration:none;display:inline-flex}.cp-karte{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4);box-shadow:var(--sh-sm)}.cp-feld{gap:var(--s-1);display:grid}.cp-feld>span{color:var(--ink-2);font-size:.875rem}.cp-feld>input,.cp-feld>select,.cp-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%}.cp-feld>textarea{padding:var(--s-2) var(--s-3)}.cp-knopf{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--touch);padding:0 var(--s-4);border-radius:var(--r-md);background:var(--verlauf);color:var(--akzent-ink);cursor:pointer;box-shadow:var(--sh-glow);border:none;font-weight:650;text-decoration:none;display:inline-flex}.cp-knopf:disabled{opacity:.55;cursor:default;box-shadow:none}.cp-knopf--zweit{background:var(--surface);color:var(--ink);border:1.5px solid var(--border-stark);box-shadow:none}.cp-knopf--gefahr{background:var(--surface);color:var(--fehler);border:1.5px solid var(--fehler);box-shadow:none}.cp-ghost{min-height:var(--touch);padding:0 var(--s-2);color:var(--akzent-text);cursor:pointer;background:0 0;border:none;font-weight:600}.cp-fehler{color:var(--fehler);background:var(--fehler-weich);border:1px solid color-mix(in oklab, var(--fehler) 30%, var(--surface));border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);margin:0}.cp-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}.cp-hinweis{color:var(--ink-2);font-size:.9rem}.cp-leer{text-align:center;color:var(--ink-3);padding:var(--s-6) var(--s-4)}.cp-chip{min-height:37px;padding:0 var(--s-4);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-2);cursor:pointer;white-space:nowrap;box-shadow:var(--sh-sm);border:none;align-items:center;font-size:.88rem;font-weight:550;display:inline-flex}.cp-chip--aktiv{background:var(--akzent-weich-2);color:var(--akzent-text);font-weight:650}.cp-login,.cp-start{max-width:420px;padding:var(--s-6) var(--s-4);gap:var(--s-4);margin:0 auto;display:grid}.cp-login h1,.cp-start h1{margin:0}.cp-login__kopf{align-items:center;gap:var(--s-3);display:flex}.cp-login__kopf h1{font-size:1.3rem}.cp-marke-text{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:.66rem;font-weight:600}.cp-start__frage{margin:0;font-size:1.3rem}.cp-login__zeile{color:var(--ink-2);margin:0}.cp-login__form{gap:var(--s-4);display:grid}.cp-start__hinweis{color:var(--ink-3);font-size:.9rem}.cp-ladenwahl{gap:var(--s-3);display:grid}.cp-ladenwahl .cp-knopf{min-height:var(--touch-gross);justify-content:space-between;font-size:1.05rem}.cp-fehlerseite{max-width:420px;padding:var(--s-6) var(--s-4);gap:var(--s-4);text-align:center;align-content:start;justify-items:center;margin:0 auto;display:grid}.cp-fehlerseite h1{margin:0;font-size:1.25rem}.cp-fehlerseite p{color:var(--ink-2);margin:0}.cp-fehlerseite__knoepfe{gap:var(--s-3);flex-wrap:wrap;justify-content:center;display:flex}.cp-huelle{min-height:100dvh;padding:var(--s-4,1rem);padding-block:max(var(--s-4,1rem), env(safe-area-inset-top)) max(var(--s-4,1rem), env(safe-area-inset-bottom));background:var(--bg);place-items:center;display:grid}.cp-blatt{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg,14px);width:min(34rem,100%);box-shadow:var(--sh-sm);padding:var(--s-5,1.25rem);min-width:0}.cp-kicker{margin:0 0 var(--s-1,.25rem);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:.75rem}.cp-titel{margin:0 0 var(--s-3,.75rem);font-family:var(--font-display,"Fraunces", Georgia, serif);color:var(--ink);font-size:clamp(1.5rem,1.2rem + 1.5vw,2rem);font-weight:600;line-height:1.15}.cp-fliess{margin:0 0 var(--s-4,1rem);color:var(--ink-2);line-height:1.55}.cp-zahlen{gap:var(--s-3,.75rem);margin:0 0 var(--s-4,1rem);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.cp-zahlen>div{min-width:0;padding:var(--s-3,.75rem);background:var(--surface-2);border-radius:var(--r-md,10px)}.cp-zahlen dt{color:var(--ink-3);font-size:.8125rem}.cp-zahlen dd{margin:var(--s-1,.25rem) 0 0;font-size:1.5rem;line-height:1.1}.cp-huelle--oben{align-content:start;gap:var(--s-4,1rem);grid-auto-rows:min-content}.cp-scan__eingang{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cp-scan__ausloeser,.cp-scan__speichern{width:100%;min-height:var(--touch-gross,56px);font-size:1.0625rem}.cp-scan__speichern{margin-top:var(--s-3,.75rem)}.cp-scan__seiten{margin:var(--s-4,1rem) 0 0;gap:var(--s-2,.5rem);grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));padding:0;list-style:none;display:grid}.cp-scan__seite{aspect-ratio:3/4;border:1px solid var(--border);border-radius:var(--r-md,10px);background:var(--surface-2);min-width:0;position:relative;overflow:hidden}.cp-scan__seite img{object-fit:cover;width:100%;height:100%;display:block}.cp-scan__nummer{font-variant-numeric:tabular-nums;background:var(--ink);color:var(--surface);border-radius:999px;padding:1px 7px;font-size:.75rem;position:absolute;bottom:4px;left:4px}.cp-scan__weg{width:var(--touch,44px);height:var(--touch,44px);color:var(--surface);text-shadow:0 1px 3px #0009;text-shadow:0 1px 3px lab(0% 0 0/.6);cursor:pointer;background:0 0;border:0;place-items:center;font-size:1.5rem;line-height:1;display:grid;position:absolute;top:2px;right:2px}.cp-stuecke{margin:var(--s-3,.75rem) 0;gap:var(--s-2,.5rem);padding:0;list-style:none;display:grid}.cp-stueck{align-items:center;gap:var(--s-3,.75rem);padding-block:var(--s-2,.5rem);border-bottom:1px solid var(--border);grid-template-columns:3rem 1fr;min-width:0;display:grid}.cp-stueck:last-child{border-bottom:0}.cp-stueck__bild{object-fit:cover;border-radius:var(--r-sm,6px);background:var(--surface-2);width:3rem;height:4rem;display:block}.cp-stueck__bild--leer{border:1px dashed var(--border)}.cp-stueck__text{gap:2px;min-width:0;display:grid}.cp-stueck__text a{color:var(--ink);font-weight:500;text-decoration:none}.cp-stueck__text a:hover{text-decoration:underline}.cp-stueck__text small{color:var(--ink-3);font-size:.8125rem}.cp-start__scan{width:100%;min-height:var(--touch-gross,56px);margin-bottom:var(--s-3,.75rem);font-size:1.0625rem}a.cp-ghost,button.cp-ghost{align-items:center;display:inline-flex}.cp-stueck__text a{min-height:var(--touch,44px);align-items:center;display:flex}.cp-nachlauf{margin-top:var(--s-3,.75rem)}.cp-nachlauf .cp-knopf{width:100%;min-height:var(--touch,44px)}.cp-spalte{width:min(34rem,100%);min-width:0}.cp-spalte .cp-kicker{align-items:center;gap:var(--s-2,.5rem);margin-bottom:var(--s-2,.5rem);display:flex}.cp-zaehler{background:var(--surface-3);min-width:1.4rem;height:1.4rem;color:var(--ink-2);font-variant-numeric:tabular-nums;letter-spacing:0;border-radius:999px;place-items:center;padding:0 .4rem;font-size:.75rem;display:inline-grid}.cp-karte{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--border-stark);border-radius:var(--r-md,10px);padding:var(--s-3,.75rem);margin-bottom:var(--s-2,.5rem);min-width:0}.cp-karte--rot{border-left-color:var(--fehler)}.cp-karte--gelb{border-left-color:var(--warn)}.cp-karte--gruen{border-left-color:var(--gut)}.cp-karte--grau{border-left-color:var(--border-stark);opacity:.72}.cp-karte__kopf{justify-content:space-between;align-items:baseline;gap:var(--s-2,.5rem);min-width:0;display:flex}.cp-karte__titel{font-family:var(--font-display,"Fraunces", Georgia, serif);color:var(--ink);overflow-wrap:anywhere;min-width:0;margin:0;font-size:1.0625rem;font-weight:600}.cp-karte__stufe{background:var(--flame-weich);color:var(--flame);border-radius:999px;flex:none;padding:1px 8px;font-size:.75rem;font-weight:600}.cp-karte__lage{margin:var(--s-2,.5rem) 0 0;color:var(--ink);font-weight:600}.cp-karte--rot .cp-karte__lage{color:var(--fehler)}.cp-karte__meta,.cp-karte__fertig,.cp-karte__fuss{color:var(--ink-3);margin:2px 0 0;font-size:.8125rem}.cp-karte__text{margin:var(--s-2,.5rem) 0 0;color:var(--ink-2);font-size:.9375rem;line-height:1.5}.cp-karte__taten{gap:var(--s-2,.5rem);margin-top:var(--s-3,.75rem);flex-wrap:wrap;display:flex}.cp-karte__tat{min-height:var(--touch,44px);flex:8rem;min-width:0}.cp-karte__fuss a{min-height:var(--touch,44px);color:var(--akzent-text);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.cp-karte__fuss a:hover{text-decoration:underline}.cp-mahnblatt{margin-top:var(--s-3,.75rem);padding:var(--s-3,.75rem);border-radius:var(--r-sm,6px);background:var(--fehler-weich);border:1px solid color-mix(in oklab, var(--fehler) 30%, transparent)}.cp-mahnblatt strong{color:var(--fehler)}.cp-mahnblatt p{margin:var(--s-2,.5rem) 0 0;color:var(--ink-2);font-size:.9375rem;line-height:1.5}.cp-mahnblatt__fuss{color:var(--ink-3)!important;font-size:.8125rem!important}.cp-ablage{text-align:center;width:min(34rem,100%)}@media (min-width:900px){.cp-huelle--oben{align-content:start}}.cp-hinweis a{color:var(--akzent-text);text-underline-offset:2px;text-decoration:underline}.cp-geraete{margin:var(--s-3) 0 0;gap:var(--s-2);padding:0;list-style:none;display:grid}.cp-geraete li{justify-content:space-between;align-items:baseline;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);flex-wrap:wrap;font-size:.9rem;display:flex}.cp-geraete small{color:var(--ink-3);font-size:.8125rem}