:root{--rot:#c8102e;--akzent:#2e7d32;--akzent-dunkel:#1b5e20;--akzent-hell:#81c784;--kopf-hintergrund:#a5d6a7;--kopf-text:#0f3a14;--gruen:#1a7f37;--gelb:#b58100;--grau:#6b7280;--hell:#f6f6f7;--rand:#e3e3e6;--text:#1c1c1e;--hintergrund:#fff;--karte:#fff;--nav-hoehe:68px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--hintergrund);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#f2f2f4;--hintergrund:#121214;--karte:#1d1d20;--hell:#232327;--rand:#34343a;--grau:#a1a1aa;--rot:#e0384f;--akzent:#66bb6a;--akzent-dunkel:#43a047;--akzent-hell:#388e3c;--kopf-hintergrund:#1f4d23;--kopf-text:#e8f5e9}}*{box-sizing:border-box}body{background:var(--hintergrund);margin:0}h1{margin:.5rem 0 1rem;font-size:1.5rem}a{color:var(--akzent)}.app{flex-direction:column;min-height:100dvh;display:flex}.kopf{z-index:10;background:var(--kopf-hintergrund);color:var(--kopf-text);padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;font-size:1.1rem;font-weight:700;position:sticky;top:0}.inhalt{width:100%;max-width:720px;padding:16px 16px calc(var(--nav-hoehe) + env(safe-area-inset-bottom) + 24px);flex:1;margin:0 auto}.navleiste{z-index:10;background:var(--karte);border-top:1px solid var(--rand);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-knopf{min-height:var(--nav-hoehe);color:var(--grau);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.8rem;text-decoration:none;display:flex}.nav-knopf.active{color:var(--akzent);font-weight:700}.hinweis{color:var(--grau);font-size:.95rem}.hinweis-offline{color:#5c4400;background:#fff4d6;margin:0;padding:10px 16px}.liste{gap:12px;margin:0;padding:0;list-style:none;display:grid}.karte{background:var(--karte);border:1px solid var(--rand);border-radius:12px;padding:14px 16px}.karte-datum{color:var(--akzent);font-size:.95rem;font-weight:700}.karte-titel{margin:2px 0;font-size:1.15rem;font-weight:700}.karte-info{color:var(--grau)}.knopf{background:var(--akzent);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.knopf:active{background:var(--akzent-dunkel)}.login{max-width:460px;padding:calc(env(safe-area-inset-top) + 32px) 16px 32px;margin:0 auto}.login-kopf{text-align:center;margin-bottom:24px}.login-kopf img{border-radius:16px}.login-kopf h1{margin:12px 0 4px}.login-kopf p{color:var(--grau);margin:0}.login-fuss{text-align:center;margin-top:32px;font-size:.95rem}.login h2{font-size:1.15rem}.formular{gap:12px;display:grid}.formular label{font-weight:600}input[type=email],input[type=text],input[inputmode=numeric],input[type=search],select,textarea{border:2px solid var(--rand);background:var(--karte);width:100%;min-height:52px;color:var(--text);border-radius:10px;padding:0 14px;font-size:1.1rem}input:focus,select:focus,textarea:focus{border-color:var(--akzent);outline:none}.eingabe-code{letter-spacing:.3em;text-align:center;font-size:1.5rem!important}.knopf-breit{width:100%;margin-top:8px}.knopf:disabled{opacity:.5;cursor:default}.knopf-zweit{background:var(--hell);color:var(--text);border:1px solid var(--rand)}.knopf-link{color:var(--akzent);cursor:pointer;background:0 0;border:none;align-items:center;min-height:48px;padding:12px 0;font-size:1rem;text-decoration:underline;display:inline-flex}.fehler{color:#8a0b20;background:#fde8eb;border-radius:10px;margin-top:16px;padding:12px 14px}.auswahl{cursor:pointer;align-items:flex-start;gap:12px;margin:20px 0 8px;display:flex}.auswahl input{width:26px;height:26px;accent-color:var(--akzent);flex:none;margin-top:2px}.angaben{grid-template-columns:max-content 1fr;gap:8px 16px;margin:0 0 24px;display:grid}.angaben dt{color:var(--grau)}.angaben dd{overflow-wrap:anywhere;margin:0;font-weight:600}.inhalt-oeffentlich{padding-bottom:32px}.seite-text p,.seite-text li{max-width:65ch}h2{margin:24px 0 10px;font-size:1.15rem}.karte-link{color:inherit;text-decoration:none;display:block}.karte-link:active{background:var(--hell)}.karte-zeile{justify-content:space-between;align-items:center;gap:8px;display:flex}.karte-aus .karte-titel,.durchgestrichen{color:var(--grau);text-decoration:line-through}.marken{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.marke{background:var(--hell);color:var(--grau);border:1px solid var(--rand);border-radius:999px;padding:2px 8px;font-size:.8rem}.marke-aus{color:#8a0b20;background:#fde8eb;border-color:#0000}.marke-laeuft{color:#145c2a;background:#e5f4ea;border-color:#0000}.marke-pflicht{color:#5c4400;background:#fff4d6;border-color:#0000}.antwort-marke{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700}.antwort-dabei{color:#145c2a;background:#e5f4ea}.antwort-vielleicht{color:#5c4400;background:#fff4d6}.antwort-nicht_dabei{color:#8a0b20;background:#fde8eb}.antwort-offen{background:var(--hell);color:var(--grau)}.reiter{background:var(--hell);border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px;padding:4px;display:grid}.reiter-knopf{min-height:46px;color:var(--grau);cursor:pointer;background:0 0;border:none;border-radius:9px;font-size:1rem}.reiter-knopf[aria-selected=true]{background:var(--karte);color:var(--text);font-weight:700;box-shadow:0 1px 3px #0000001f}.antwort-knoepfe{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.antwort-knopf{border:2px solid var(--rand);background:var(--karte);min-height:72px;color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.95rem;font-weight:600;display:flex}.antwort-symbol{font-size:1.4rem;line-height:1}.antwort-knopf:disabled{opacity:.45;cursor:default}.antwort-knopf-dabei.gewaehlt{background:var(--gruen);border-color:var(--gruen);color:#fff;opacity:1}.antwort-knopf-vielleicht.gewaehlt{background:var(--gelb);border-color:var(--gelb);color:#fff;opacity:1}.antwort-knopf-nicht_dabei.gewaehlt{background:var(--rot);border-color:var(--rot);color:#fff;opacity:1}.erfolg{color:#145c2a;background:#e5f4ea;border-radius:10px;margin-top:12px;padding:12px 14px}.hinweis-box{color:#5c4400;background:#fff4d6;border-radius:10px;padding:10px 14px}.bemerkung{background:var(--hell);white-space:pre-line;border-radius:10px;padding:12px 14px}.knopf-reihe{flex-wrap:wrap;align-items:center;gap:16px;margin:8px 0;display:flex}.zaehler{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.zaehler-feld{border-radius:10px;padding:10px 12px}.zaehler-feld strong{margin-right:4px;font-size:1.3rem}.namensliste{margin:4px 0 12px;padding-left:20px}.namensliste li{padding:4px 0}.aufklapp{border-bottom:1px solid var(--rand)}.aufklapp summary{cursor:pointer;align-items:center;min-height:48px;font-weight:600;display:flex}.feld{gap:6px;display:grid}.feld label,.klein{font-size:.95rem;font-weight:600}.klein,.feld-hinweis{color:var(--grau);font-size:.85rem}.feld-meldung{color:#8a0b20;font-size:.9rem;font-weight:600}.feld-fehler input,.feld-fehler textarea{border-color:#c8102e}input[type=date],input[type=time],input[type=search]{border:2px solid var(--rand);background:var(--karte);width:100%;min-height:52px;color:var(--text);border-radius:10px;padding:0 14px;font-size:1.05rem}textarea{min-height:96px;padding:12px 14px;font-family:inherit}select{appearance:auto}.zwei-spalten{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gruppenwahl{border:1px solid var(--rand);border-radius:12px;margin:0;padding:8px 14px 12px}.gruppenwahl legend{padding:0 6px;font-weight:600}.gruppenwahl .auswahl{margin:10px 0}.einrueckung{gap:6px;margin-bottom:8px;margin-left:38px;display:grid}.knopf-stapel{gap:10px;margin-top:20px;display:grid}.knopf-stapel .knopf-breit{margin-top:0}.knopf-gefahr{color:#8a0b20;background:#fff;border:2px solid #e8a0aa}.zeile-formular{gap:8px;margin-bottom:16px;display:flex}.zeile-formular input{flex:1;min-width:0}.unsichtbar{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.filter{background:var(--hell);border-radius:12px;gap:8px;margin:20px 0 8px;padding:12px;display:grid}.tabelle-rahmen{border:1px solid var(--rand);border-radius:10px;margin:12px 0;overflow-x:auto}.tabelle{border-collapse:collapse;width:100%;font-size:.9rem}.tabelle th,.tabelle td{text-align:left;border-bottom:1px solid var(--rand);white-space:nowrap;padding:8px 10px}.tabelle th{background:var(--hell);position:sticky;top:0}.tabelle td.zahl,.tabelle th.zahl{text-align:right;font-variant-numeric:tabular-nums}.fehlerliste{color:#8a0b20;padding-left:20px;font-size:.95rem}.text-fehler{color:#8a0b20}.schritte{padding-left:20px}.schritte li{margin-bottom:8px}label.knopf{cursor:pointer}.nav-knopf span{font-size:.75rem}.fehler-details{white-space:pre-wrap;background:var(--hell);border-radius:8px;padding:10px;font-size:.85rem}.teilnehmer-liste{border-top:1px solid var(--rand);margin:0;padding:0;list-style:none}.teilnehmer-zeile{border-bottom:1px solid var(--rand);padding:10px 0}.teilnehmer-kopf{justify-content:space-between;align-items:center;gap:12px;display:flex}.teilnehmer-name{font-weight:600}.antwort-auswahl{width:auto;min-height:44px;padding:0 8px;font-size:.95rem}.hinweis-box .knopf-breit{margin-top:10px}.namensliste-gross li{border-bottom:1px solid var(--rand);padding:8px 0;list-style:none}.namensliste-gross{padding-left:0}.tabelle-kompakt td,.tabelle-kompakt th,.tabelle td:nth-child(2){white-space:normal}.loeschen-box{border:2px solid #e8a0aa;border-radius:12px;gap:10px;padding:14px;display:grid}.loeschen-box .knopf-breit{margin-top:0}.knopf-gefahr-voll{color:#fff;background:#8a0b20}mark.pruefen{color:#5c4400;background:#fff4d6;border-radius:4px;padding:0 4px;font-size:.85em}.tabelle-text td,.tabelle-text th{white-space:normal;vertical-align:top}.kopf{align-items:center;gap:10px;display:flex}.kopf-logo{border-radius:8px;flex:none;box-shadow:0 0 0 2px #fff}.kopf-titel{flex-direction:column;line-height:1.15;display:flex}.kopf-zusatz{opacity:.85;font-size:.75rem;font-weight:500}.vereinsband{background:linear-gradient(90deg, var(--akzent-hell), var(--akzent));border-bottom:1px solid var(--rand);height:6px}.app>.vereinsband{top:calc(env(safe-area-inset-top) + 60px);z-index:9;position:sticky}.vereinsband-kurz{border:1px solid var(--rand);border-radius:3px;width:96px;margin:16px auto 0}.login-logo{border-radius:24px;box-shadow:0 4px 16px #0000002e}.login-session{font-size:.9rem;margin-top:4px!important}.karte{border-left:4px solid var(--akzent-hell)}.marke-kind{background:var(--akzent-hell);color:var(--kopf-text);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-block}.kind-antwort h3{margin:12px 0 6px;font-size:1rem}.geburtstag-heute{border-left-color:var(--akzent);background:#f1f8e9}.marke-bald{background:var(--akzent-hell);color:var(--kopf-text);border-color:#0000;font-weight:600}.eingabe-zeile{gap:8px;margin:12px 0;display:flex}.eingabe-zeile input{flex:1;min-width:0}.eingabe-zeile .knopf{width:auto;margin:0;padding:0 18px}.punkt-liste{border-top:1px solid var(--rand);margin:0;padding:0;list-style:none}.punkt-zeile{border-bottom:1px solid var(--rand);align-items:center;gap:12px;min-height:52px;padding:10px 0;display:flex}.punkt-zeile input[type=checkbox]{width:26px;height:26px;accent-color:var(--akzent);flex:none}.punkt-text{overflow-wrap:anywhere;flex:1}.punkt-erledigt .punkt-text{color:var(--grau);text-decoration:line-through}.punkt-wer{color:var(--grau);font-size:.85rem}.knopf-klein{border:1px solid var(--rand);min-height:40px;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:0 10px;font-size:.9rem}.knopf-klein:disabled{opacity:.5}.knopf-loeschen{color:var(--grau);border:none;min-width:40px;font-size:1.2rem}.mitbring-zeile{flex-wrap:wrap}.mitbring-zeile .knopf-gruppe{flex-wrap:wrap;flex-basis:100%;gap:8px;display:flex}.mitbring-zeile .knopf-gruppe:empty{display:none}.marke{white-space:nowrap}.foto-hochladen{gap:8px;margin-bottom:12px;display:grid}.foto-hochladen .knopf-breit{cursor:pointer;margin-top:0}.knopf-aus{opacity:.5;pointer-events:none}.foto-raster{grid-template-columns:repeat(3,1fr);gap:4px;margin:0;padding:0;list-style:none;display:grid}@media (width>=560px){.foto-raster{grid-template-columns:repeat(4,1fr)}}.foto-kachel{aspect-ratio:1;background:var(--hell);cursor:pointer;border:none;border-radius:6px;width:100%;padding:0;display:block;overflow:hidden}.foto-kachel img{object-fit:cover;width:100%;height:100%;display:block}.foto-gross{z-index:50;background:#000000d9;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.foto-gross-innen{background:var(--karte);border-radius:12px;width:100%;max-width:900px;max-height:100%;padding:12px;overflow:auto}.foto-gross-innen img{object-fit:contain;border-radius:8px;width:100%;max-height:70vh;display:block}.knopf-reihe{flex-wrap:wrap;gap:8px;display:flex}.knopf-reihe .knopf{flex:1;width:auto;margin-top:0}.profilbild{object-fit:cover;border-radius:50%;flex:none}.profilbild-leer{background:var(--akzent-hell);color:var(--kopf-text);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.geburtstag .karte-zeile{justify-content:flex-start;gap:12px}.geburtstag .geburtstag-text{flex:1;min-width:0}.profilfoto-liste{gap:12px;display:grid}.profilfoto-feld{align-items:center;gap:12px;display:flex}.profilfoto-feld .knopf-klein{cursor:pointer;align-items:center;margin:6px 8px 0 0;display:inline-flex}.info-karte .karte-zeile{align-items:flex-start}.info-karte .knopf-gruppe{flex:none;gap:4px;display:flex}.info-notfall{border-left-color:var(--rot)}.info-telefon,.info-adresse{align-items:center;min-height:44px;margin-right:16px;font-weight:600;display:inline-flex}.navleiste .nav-knopf span{white-space:nowrap;font-size:.68rem}