:root{--wein:#5b1a2b;--papier:#faf6f1;--text:#2a2024;--linie:#d9cfc6;--karte:#fff;--gedaempft:#6f6460;--ok:#1e6b3a;--rot:#c0392b;--gelb:#d9a21b;--gruen:#3c8d5a;--grau:#9a9a9a;--unsicher:#fff3b8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--wein:#d98ba0;--papier:#1d171a;--text:#efe6e9;--linie:#4a3d43;--karte:#281f23;--gedaempft:#b7aca3;--ok:#8fd5a6;--rot:#e0584a;--gelb:#e6b53a;--gruen:#5fb67f;--grau:#8a8a8a;--unsicher:#5a4a14}}*{box-sizing:border-box}body{background:var(--papier);color:var(--text);margin:0;font:17px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}.seite{max-width:28rem;padding:max(1.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));margin:0 auto}h1{color:var(--wein);margin:0 0 1.5rem;font-size:1.75rem}form{gap:1rem;display:grid}label{gap:.35rem;font-weight:600;display:grid}input{border:1px solid var(--linie);min-height:2.75rem;color:inherit;font:inherit;background:0 0;border-radius:.5rem;padding:.5rem .75rem}button{background:var(--wein);min-height:2.75rem;color:var(--papier);font:inherit;border:0;border-radius:.5rem;padding:.5rem 1rem;font-weight:600}button:disabled{opacity:.6}[role=alert]{color:#b3261e}@media (prefers-color-scheme:dark){[role=alert]{color:#f2b8b5}}a{color:var(--wein)}select{border:1px solid var(--linie);background:var(--karte);min-height:2.75rem;color:inherit;font:inherit;border-radius:.5rem;padding:.5rem .75rem}input[type=checkbox],input[type=radio]{width:1.4rem;height:1.4rem;min-height:0;accent-color:var(--wein);flex:none;padding:0}.nur-lesen{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mute{color:var(--gedaempft);font-size:.875rem}.rahmen{max-width:28rem;padding:max(.75rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) 0 max(1rem, env(safe-area-inset-left));margin:0 auto}.inhalt{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}.inhalt h1{margin:.5rem 0 1rem;font-size:1.5rem}.inhalt h2{margin:0 0 .5rem;font-size:1rem}.kopf{gap:.25rem;margin-bottom:.75rem;display:grid}.kopfzeile{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.kopfzeile:first-child{justify-content:space-between}.kopfzeile button.text{margin-left:auto}.marke{min-height:2.75rem;color:var(--wein);align-items:center;font-size:1.4rem;font-weight:700;text-decoration:none;display:inline-flex}.pille{border:1px solid var(--linie);background:var(--karte);min-height:2.75rem;color:var(--text);border-radius:999px;align-items:center;padding:0 .85rem;font-size:.875rem;text-decoration:none;display:inline-flex}.pille.alarm{border-color:var(--rot);color:var(--rot);font-weight:700}button.text{color:var(--wein);background:0 0;padding:0 .5rem;font-weight:400;text-decoration:underline}button.zweit,a.knopf.zweit{border:1px solid var(--wein);color:var(--wein);background:0 0}a.knopf{border-radius:.5rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.aktionen{z-index:10;padding:.25rem max(.25rem, env(safe-area-inset-right)) calc(.25rem + env(safe-area-inset-bottom)) max(.25rem, env(safe-area-inset-left));border-top:1px solid var(--linie);background:var(--karte);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.aktionen a{min-height:3.25rem;color:var(--text);flex-direction:column;justify-content:center;align-items:center;font-size:.75rem;text-decoration:none;display:flex}.aktionen a[aria-current=page]{color:var(--wein);font-weight:700}.aktionen .symbol{font-size:1.35rem;line-height:1.2}.zurueck,.tippflaeche{align-items:center;min-height:2.75rem;display:inline-flex}.karte{border:1px solid var(--linie);background:var(--karte);border-radius:.9rem;margin-bottom:.75rem;padding:.75rem .9rem}.kacheln{gap:0;display:grid}.liste{margin:0;padding:0;list-style:none}.zeile{border-top:1px solid var(--linie);align-items:center;gap:.6rem;min-height:2.75rem;padding:.4rem 0;display:flex}.liste>li:first-child>.zeile,.liste>.zeile:first-child{border-top:0}.zeile-link{color:inherit;text-decoration:none}.wachse{flex:1;min-width:0}.rechts{text-align:right}.titel{font-weight:600}.tag{border:1px solid var(--linie);color:var(--gedaempft);border-radius:.4rem;flex:none;padding:.05rem .45rem;font-size:.75rem}.chips{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.chip{border:1px solid var(--linie);min-height:2.75rem;color:var(--text);border-radius:999px;align-items:center;padding:0 .9rem;text-decoration:none;display:inline-flex}.zaehler a,.zaehler span{align-items:center;min-height:2.75rem;display:inline-flex}.punkt{border-radius:50%;flex:none;width:.8rem;height:.8rem;display:inline-block}.ampel-rot{background:var(--rot)}.ampel-gelb{background:var(--gelb)}.ampel-gruen{background:var(--gruen)}.ampel-grau{background:var(--grau)}.ampel-zeile{align-items:center;gap:.5rem;margin:0 0 .25rem;display:flex}details summary{min-height:2.75rem;color:var(--wein);cursor:pointer;align-items:center;display:flex}.eingabe{gap:.5rem}@media (width>=30rem){.eingabe{grid-template-columns:1fr auto}}.filter{gap:.6rem;margin-bottom:.75rem}.filterreihe{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.filterreihe label{font-size:.8rem}.zeile-label{align-items:center;gap:.6rem;min-height:2.75rem;font-weight:400;display:flex}.buchen{gap:.75rem;display:grid}.knoepfe{flex-wrap:wrap;gap:.5rem;display:flex}.knoepfe>button,.knoepfe>a{flex:8rem}.ortwahl,.auswahl{border:1px solid var(--linie);border-radius:.6rem;gap:.5rem;margin:0;padding:.6rem;display:grid}.meldung{border-left:4px solid var(--ok);background:var(--papier);border-radius:.3rem;margin:.5rem 0 0;padding:.5rem .75rem}.meldung.ok{color:var(--ok)}.meldung.fehler{border-left-color:var(--rot)}.meldung.hinweis{border-left-color:var(--gelb)}.fach{gap:.25rem;margin-bottom:.5rem;display:grid}.fach p{margin:0}.meldung p{margin:0 0 .5rem}.scanner{gap:.5rem;margin-top:.5rem;display:grid}.scanner video{border:1px solid var(--linie);background:var(--linie);object-fit:cover;border-radius:.6rem;width:100%;max-height:60vh}.felder{gap:.5rem;margin-bottom:.5rem;display:grid}.feldzeile{grid-template-columns:1fr 5.5rem;align-items:end;gap:.5rem;display:grid}.feldzeile input{width:100%;min-width:0}.sicherheit{align-items:center;min-height:2.75rem;display:flex}input.unsicher{background:var(--unsicher);border-color:var(--gelb)}.etikett{object-fit:contain;background:var(--linie);border-radius:.6rem;width:100%;max-height:24rem;margin-bottom:.5rem;display:block}.gruende{margin:0 0 .5rem;padding-left:1.2rem}.karte label>select{width:100%;min-width:0}textarea{border:1px solid var(--linie);width:100%;min-height:6rem;color:inherit;font:inherit;resize:vertical;background:0 0;border-radius:.5rem;padding:.5rem .75rem}.dateiwahl{border:1px solid var(--wein);background:var(--wein);min-height:2.75rem;color:var(--papier);text-align:center;cursor:pointer;border-radius:.5rem;flex:8rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:600;display:flex;position:relative}.dateiwahl.zweit{color:var(--wein);background:0 0}.dateiwahl:focus-within{outline:2px solid var(--text);outline-offset:2px}.dateiwahl:has(input:disabled){opacity:.6;cursor:default}.positionsfelder{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem;display:grid}.positionsfelder input{width:100%;min-width:0}.skala{border:1px solid var(--linie);border-radius:.6rem;margin:0;padding:.6rem}.skala .chips{flex-wrap:nowrap;gap:.4rem}.skala .chip{flex:1;justify-content:center;gap:.3rem;padding:0 .4rem}button.zeile-knopf{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:0;padding-left:0;padding-right:0;font-weight:400}@media (width>=768px){.rahmen{max-width:64rem}.kacheln{grid-template-columns:1fr 1fr;align-items:start;column-gap:.75rem}.kacheln>section:first-of-type{grid-column:1/-1}.inhalt h1{font-size:1.75rem}.filter{grid-template-columns:2fr 3fr;align-items:end}.filter .zeile-label{grid-column:auto}}