:root{--papier: #f6f4ef;--flaeche: #ffffff;--tinte: #1c2321;--blass: #5f6b66;--linie: #dedad0;--gruen: #1f4d3f;--gruen-hell: #e3efe9;--rot: #a3261d;--rot-hell: #fbe9e6;--radius: 14px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--papier: #141917;--flaeche: #1d2421;--tinte: #ecefed;--blass: #9aa7a1;--linie: #303a36;--gruen: #7fc4a8;--gruen-hell: #20352d;--rot: #f0958c;--rot-hell: #3a211f}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--papier);color:var(--tinte);font:17px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{font-size:1.6rem;margin:.5rem 0 1rem;letter-spacing:-.01em}h2{font-size:1.1rem;margin:0 0 .5rem}p{margin:.4rem 0}small{color:var(--blass);font-size:.85rem;display:block}.marke{font-weight:400;font-size:1.25rem;letter-spacing:-.01em;color:var(--gruen)}.marke b{font-weight:800}.kopf{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:calc(.6rem + env(safe-area-inset-top)) 1rem .6rem;background:var(--papier);border-bottom:1px solid var(--linie)}.kopf-knoepfe{display:flex;gap:.4rem}.inhalt{max-width:46rem;margin:0 auto;padding:1rem 1rem calc(5.5rem + env(safe-area-inset-bottom))}.anmeldung{max-width:26rem;margin:0 auto;padding:12vh 1rem 2rem}.anmeldung .marke{font-size:2rem;text-align:center;margin-bottom:1.5rem}.leiste{position:fixed;left:0;right:0;bottom:0;z-index:2;display:flex;background:var(--flaeche);border-top:1px solid var(--linie);padding-bottom:env(safe-area-inset-bottom)}.leiste button{flex:1;min-height:3.4rem;border:0;background:none;color:var(--blass);font:inherit;font-size:.95rem;cursor:pointer}.leiste button.aktiv{color:var(--gruen);font-weight:700;box-shadow:inset 0 3px 0 var(--gruen)}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.karte>*+*{margin-top:.75rem}.hinweis{color:var(--blass);font-size:.95rem}.fusszeile{color:var(--blass);font-size:.85rem;text-align:center;margin-top:1.5rem}.knopf{display:block;width:100%;min-height:3rem;padding:.6rem 1rem;border:1px solid var(--linie);border-radius:10px;background:var(--flaeche);color:var(--tinte);font:inherit;font-weight:600;cursor:pointer}.knopf:disabled{opacity:.6;cursor:default}.knopf-haupt{background:var(--gruen);border-color:var(--gruen);color:var(--papier)}.knopf-gefahr{color:var(--rot);width:auto;min-height:2.6rem}.knopf-klein{width:auto;min-height:2.4rem;padding:.3rem .7rem;font-size:.85rem;font-weight:500}.knopf-an{background:var(--gruen-hell);border-color:var(--gruen);color:var(--gruen)}.liste .knopf{width:auto;min-height:2.6rem;font-size:.9rem;flex-shrink:0}.knopfzeile{display:grid;gap:.5rem}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gruen);outline-offset:2px}.formular>*+*{margin-top:.75rem}.feld{display:block}.feld span{display:block;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.feld input,.feld select{width:100%;min-height:3rem;padding:.5rem .75rem;border:1px solid var(--linie);border-radius:10px;background:var(--papier);color:var(--tinte);font:inherit}.feld small{margin-top:.25rem}.meldung{padding:.6rem .8rem;border-radius:10px;font-size:.95rem}.meldung-fehler{background:var(--rot-hell);color:var(--rot)}.meldung-erfolg,.meldung-info{background:var(--gruen-hell);color:var(--gruen)}.text-fehler{color:var(--rot)}.status{font-weight:600}.status:before{content:"";display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-right:.45rem;background:var(--rot)}.status-gut:before{background:var(--gruen)}.liste{list-style:none;margin:0;padding:0}.liste li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;padding:.65rem 0;border-top:1px solid var(--linie)}.liste li:first-child{border-top:0}.liste li>div{flex:1 1 14rem;min-width:0;overflow-wrap:anywhere}.liste .leer{color:var(--blass)}.liste .inaktiv strong{color:var(--blass);font-weight:400}.reiter{display:flex;gap:.4rem;overflow-x:auto;margin-bottom:1rem}.reiter button{flex-shrink:0;min-height:2.6rem;padding:.3rem .9rem;border:1px solid var(--linie);border-radius:999px;background:var(--flaeche);color:var(--tinte);font:inherit;font-size:.95rem;cursor:pointer}.reiter button.aktiv{background:var(--gruen);border-color:var(--gruen);color:var(--papier);font-weight:600}.trenner{text-align:center;color:var(--blass);font-size:.9rem}.auswahl>*+*{margin-top:.5rem}.schritte{padding-left:1.2rem;margin:0}.schritte li+li{margin-top:.3rem}.qr{display:block;width:13rem;max-width:100%;margin-inline:auto;background:#fff;border-radius:10px}.schluessel{text-align:center;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9rem;overflow-wrap:anywhere}.werte{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0}.werte dt{color:var(--blass);font-size:.9rem}.werte dd{margin:0;overflow-wrap:anywhere}.zahl{font-variant-numeric:tabular-nums}.verdeckt{color:var(--blass);letter-spacing:.1em;-webkit-user-select:none;user-select:none}@media (min-width: 48rem){.knopfzeile{grid-template-columns:1fr 1fr}.leiste{position:static;max-width:46rem;margin:0 auto;border:0;background:none}.inhalt{padding-bottom:2rem}}
