:root{--lime:#d4f000;--lime-hell:#f3fbc2;--lime-tief:#9db300;--tuerkis:#00bfaf;--tuerkis-text:#00796f;--tuerkis-hell:#ddf6f3;--schwarz:#000;--kohle:#16181a;--weiss:#fff;--flaeche:#f3f5f4;--flaeche-2:#e9edeb;--linie:#dde3e0;--text:#0a0b0b;--text-2:#56625e;--text-3:#85908c;--rot:#b42318;--orange:#b54708;--radius:20px;--radius-m:14px;--radius-s:10px;--schatten:0 1px 2px #0a0b0b0f, 0 8px 24px #0a0b0b0f;--schrift:"Asen Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--flaeche);min-height:100%;color:var(--text);font-family:var(--schrift);-webkit-text-size-adjust:100%;margin:0;font-size:17px;line-height:1.45}#app{flex-direction:column;min-height:100dvh;display:flex}.leiste{background:var(--schwarz);color:var(--weiss);padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;align-items:center;gap:12px;display:flex}.leiste img{border-radius:8px;width:32px;height:32px}.leiste .titel{letter-spacing:.01em;font-weight:700}.leiste .rechts{color:var(--text-3);margin-left:auto;font-size:14px}.inhalt{width:100%;max-width:720px;padding:20px 16px calc(env(safe-area-inset-bottom) + 24px);flex:1;margin:0 auto}.inhalt.breit{max-width:1100px}.karte{background:var(--weiss);border-radius:var(--radius);box-shadow:var(--schatten);margin-bottom:16px;padding:20px}.karte h2{margin:0 0 8px;font-size:20px}.karte p{color:var(--text-2);margin:0 0 12px}.platzhalter{border:2px dashed var(--linie);border-radius:var(--radius-m);color:var(--text-3);margin-bottom:12px;padding:14px 16px}.platzhalter strong{color:var(--text-2)}button,.knopf{font:inherit;border-radius:var(--radius-m);cursor:pointer;background:var(--lime);min-height:48px;color:var(--schwarz);border:none;width:100%;padding:14px 18px;font-weight:700}button.zweit{background:var(--flaeche-2);color:var(--text);font-weight:600}button.klein{width:auto;min-height:36px;padding:6px 12px;font-size:15px}button.gefahr{color:var(--rot);background:#fde8e7}button:disabled{opacity:.5;cursor:default}button+button{margin-top:10px}label{margin:12px 0 6px;font-weight:600;display:block}input,select,textarea{font:inherit;border:1px solid var(--linie);border-radius:var(--radius-s);background:var(--weiss);width:100%;padding:12px 14px}input.code{letter-spacing:.12em;text-transform:uppercase;text-align:center;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:26px}.meldung{border-radius:var(--radius-s);margin:12px 0;padding:12px 14px}.meldung.fehler{color:var(--rot);background:#fde8e7}.meldung.hinweis{background:var(--tuerkis-hell);color:var(--tuerkis-text)}.meldung.gut{background:var(--lime-hell);color:#3d4600}.zeile{border-bottom:1px solid var(--flaeche-2);align-items:center;gap:12px;padding:12px 0;display:flex}.zeile:last-child{border-bottom:none}.zeile .rechts{gap:8px;margin-left:auto;display:flex}.marke-stand{background:var(--flaeche-2);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:13px}.marke-stand.freigegeben{background:var(--lime-hell)}.marke-stand.wartet{color:var(--orange);background:#fff1d6}.marke-stand.gesperrt{color:var(--rot);background:#fde8e7}.gross-code{letter-spacing:.1em;text-align:center;background:var(--schwarz);color:var(--lime);border-radius:var(--radius-m);margin:12px 0;padding:18px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:34px}.klein-text{color:var(--text-3);font-size:14px}.test-band{background:repeating-linear-gradient(45deg, var(--orange), var(--orange) 10px, #c25a1c 10px, #c25a1c 20px);color:var(--weiss);text-align:center;padding:3px;font-size:13px;font-weight:700}.anmeldung{background:var(--schwarz);min-height:100dvh;color:var(--weiss);padding:calc(env(safe-area-inset-top) + 24px) 24px calc(env(safe-area-inset-bottom) + 24px);justify-content:center;align-items:center;display:flex}.anmeldung-kasten{flex-direction:column;gap:14px;width:100%;max-width:420px;display:flex}.anmeldung-zeichen{border-radius:16px;width:64px;height:64px}.anmeldung h1{margin:0;font-size:30px}.anmeldung h1 span{color:var(--lime)}.anmeldung .leise{color:#a8b3af;margin:0}.anmeldung .gross{margin:0;font-size:24px;font-weight:700}.anmeldung label{color:#a8b3af;margin:0}.anmeldung input{background:var(--kohle);color:var(--weiss);border-color:#2b3033}.anmeldung .klein-text{color:#7f8b87;text-align:center}.anmeldung button+button{margin-top:0}button.dunkel{background:var(--kohle);color:var(--weiss);border:1px solid #2b3033}.reiter{background:var(--schwarz);gap:4px;padding:0 16px;display:flex;overflow-x:auto}.reiter a{color:#a8b3af;white-space:nowrap;border-bottom:3px solid #0000;padding:10px 14px;font-weight:600;text-decoration:none}.reiter a.an{color:var(--weiss);border-bottom-color:var(--lime)}.raster{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.kiste{background:var(--weiss);border-radius:var(--radius-m);box-shadow:var(--schatten);padding:14px 16px}.kiste.spaeter{box-shadow:none;border:2px dashed var(--linie);color:var(--text-3);background:0 0}.kiste b{display:block}.ohne-netz{color:var(--orange);text-align:center;background:#fff1d6;padding:6px;font-size:14px}a.link{color:var(--tuerkis-text)}.abschnitt-titel{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:22px 0 8px;font-size:13px;font-weight:700}.gross-knopf{text-align:left;background:var(--lime);border-radius:var(--radius);align-items:center;gap:14px;width:100%;margin-bottom:16px;padding:18px;display:flex}.gross-knopf .wort{flex:1}.gross-knopf .wort small{color:#3c4500;font-weight:400;display:block}