:root{--grund:#eceff4;--karte:#fff;--karte-2:#e5e9f0;--linie:#d8dee9;--linie-fest:#b9c3d2;--text:#2e3440;--text-2:#434c5e;--text-mute:#69738a;--akzent:#5e81ac;--auf-akzent:#eceff4;--gruen:#a3be8c;--rot:#bf616a;--gruen-text:#4f6b39;--rot-text:#a3434c;--radius:10px;--tipp:48px;--tabs-h:64px;--schrift:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--schrift-zahl:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--grund:#2e3440;--karte:#3b4252;--karte-2:#434c5e;--linie:#434c5e;--linie-fest:#4c566a;--text:#eceff4;--text-2:#d8dee9;--text-mute:#8c97ab;--akzent:#88c0d0;--auf-akzent:#2e3440;--gruen-text:#a3be8c;--rot-text:#d57b83}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--grund);color:var(--text);font:400 16px/1.5 var(--schrift);-webkit-tap-highlight-color:transparent;padding-bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom));margin:0;overflow-x:hidden}h1,h2,h3{text-wrap:balance;margin:0;font-weight:620}button,input,select,textarea{font:inherit;color:inherit;font-size:16px}button{cursor:pointer}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:4px}.zahl{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums}.mute{color:var(--text-mute)}.kopf{z-index:5;background:var(--grund);padding:calc(env(safe-area-inset-top) + 12px) 16px 10px;border-bottom:1px solid var(--linie);position:sticky;top:0}.kopf h1{font-size:20px}main{max-width:640px;margin:0 auto;padding:16px}main:focus{outline:none}.fuss{text-align:center;color:var(--text-mute);padding:8px 16px 16px;font-size:12px}.tabs{z-index:10;background:var(--karte);border-top:1px solid var(--linie);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs a{min-height:var(--tabs-h);color:var(--text-mute);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;text-decoration:none;display:flex}.tabs a[aria-current=page]{color:var(--akzent);font-weight:620}.tab-icon{font-size:22px;line-height:1}.segmente{background:var(--karte-2);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:16px;padding:4px;display:grid}.segmente a{min-height:44px;color:var(--text-2);border-radius:7px;justify-content:center;align-items:center;font-size:15px;text-decoration:none;display:flex}.segmente a[aria-current=page]{background:var(--karte);color:var(--text);font-weight:620}.liste{gap:8px;margin:0;padding:0;list-style:none;display:grid}.liste a{min-height:var(--tipp);border-radius:var(--radius);background:var(--karte);border:1px solid var(--linie);color:inherit;padding:12px 14px;text-decoration:none;display:block}.liste .unter{color:var(--text-mute);font-size:14px;display:block}.leer{color:var(--text-mute);text-align:center;padding:32px 8px}.knopf{min-height:var(--tipp);border-radius:var(--radius);border:1px solid var(--linie-fest);background:var(--karte);color:var(--text);justify-content:center;align-items:center;gap:6px;padding:0 18px;font-weight:560;text-decoration:none;display:inline-flex}.knopf.primaer{background:var(--akzent);border-color:var(--akzent);color:var(--auf-akzent)}.knopf.gefahr{color:var(--rot-text);border-color:var(--rot)}.knopf.breit{width:100%}.knopf:disabled{opacity:.5;cursor:default}.knopf-zeile{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.knopf-zeile .knopf{flex:auto}.formular{gap:16px;display:grid}.feld{gap:6px;display:grid}.feld>label,.feld>.feld-label{font-size:15px;font-weight:560}.feld input,.feld select,.feld textarea{width:100%;min-height:var(--tipp);border-radius:var(--radius);border:1px solid var(--linie-fest);background:var(--karte);padding:10px 12px}.feld textarea{resize:vertical;min-height:96px}.feld .hilfe{color:var(--text-mute);font-size:13px}.feld .feld-fehler{color:var(--rot-text);font-size:14px}.feld.hat-fehler input,.feld.hat-fehler select,.feld.hat-fehler textarea{border-color:var(--rot)}.meldung{border-radius:var(--radius);border:1px solid var(--rot);background:color-mix(in srgb, var(--rot) 14%, transparent);color:var(--rot-text);margin-bottom:16px;padding:12px 14px}.meldung ul{margin:6px 0 0;padding-left:20px}.bestandteil{grid-template-columns:1fr 96px var(--tipp);align-items:center;gap:8px;display:grid}.bestandteil+.bestandteil{margin-top:8px}.bestandteil input{min-height:var(--tipp)}.bestandteil .anteil{text-align:right}.bestandteil .entfernen{width:var(--tipp);padding:0}.summe{margin-top:8px;font-size:15px}.summe.ok{color:var(--gruen-text)}.summe.falsch{color:var(--rot-text)}.platzhalter{background:var(--karte);border:1px dashed var(--linie-fest);border-radius:var(--radius);padding:20px}.platzhalter p{margin:0 0 8px}