:root{color-scheme:light;--gruen: #B4BD00;--gruen-dunkel: #6E7500;--gruen-tief: #5A6000;--gruen-hell: #ECEFCE;--schwarz: #1D1D1B;--papier: #F6F7F1;--flaeche: #FFFFFF;--flaeche-2: #EFF1E7;--linie: #DCDFD0;--linie-stark: #BFC3AE;--grau: #585A50;--grau-hell: #83857A;--orange: #9C5200;--orange-flaeche: #FBF0E2;--rot: #A32020;--rot-flaeche: #FAECEC;--radius: 4px;--tap: 60px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--papier);color:var(--schwarz);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.seite{max-width:560px;margin:0 auto;padding:0 16px calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px}.seite--weit{max-width:1100px}.kopf{padding:20px 0 4px;display:flex;flex-direction:column;gap:14px}.logo{width:190px;max-width:55%;height:auto;display:block}.logo--klein{width:130px}.logo-knopf{box-sizing:content-box;display:block;align-self:start;width:190px;max-width:55%;margin:-10px 0 -10px -10px;padding:10px;border:0;background:none;cursor:pointer;border-radius:var(--radius);-webkit-tap-highlight-color:transparent}.logo-knopf--klein{width:130px}.logo-knopf .logo{width:100%;max-width:100%}.logo-knopf:active{opacity:.6}.claim{color:var(--gruen-dunkel);font-weight:700;font-size:16px;letter-spacing:-.01em;margin:-6px 0 0}h1{font-size:27px;line-height:1.16;letter-spacing:-.015em;margin:0;text-wrap:balance}h2{font-size:20px;line-height:1.25;margin:0;letter-spacing:-.01em}h3{font-size:15px;margin:0;letter-spacing:.06em;text-transform:uppercase;color:var(--grau-hell);font-weight:700}p{margin:0}.lauftext{color:var(--grau)}.klein{font-size:14.5px;color:var(--grau)}.mini{font-size:13px;color:var(--grau-hell)}.zahl{font-variant-numeric:tabular-nums}.punkte{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:4px}.punkte li::marker{color:var(--gruen-dunkel)}.fortschritt{display:flex;flex-direction:column;gap:8px}.fortschritt-zeile{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.fortschritt-balken{display:flex;gap:4px}.fortschritt-balken i{flex:1;height:4px;background:var(--linie);border-radius:2px}.fortschritt-balken i[data-an="1"]{background:var(--gruen)}.fortschritt-balken i[data-an=teil]{background:var(--gruen);opacity:.45}.bisher{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.bisher li[data-aktuell="1"]{color:var(--schwarz);font-weight:600}.bisher .offen{color:var(--grau-hell);font-weight:400}.liste{display:flex;flex-direction:column;gap:8px}.karte{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;width:100%;min-height:var(--tap);padding:13px 15px;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color .12s,background-color .12s}@media(hover:hover){.karte:hover:not(:disabled){border-color:var(--linie-stark)}}.karte:active:not(:disabled){background:var(--flaeche-2)}.karte-fach{font-size:18px;font-weight:600;letter-spacing:-.01em}.karte-meta{grid-column:1;font-size:14px;color:var(--grau-hell)}.karte-plaetze{grid-row:1 / span 2;grid-column:2;min-width:92px;text-align:right;font-size:14px;font-variant-numeric:tabular-nums;color:var(--grau);line-height:1.3}.karte-plaetze b{display:block;font-size:19px;font-weight:600;color:var(--schwarz)}.karte[data-zustand=knapp] .karte-plaetze,.karte[data-zustand=knapp] .karte-plaetze b{color:var(--orange)}.karte[data-zustand=voll],.karte[data-zustand=gewaehlt-anders]{background:var(--flaeche-2);cursor:not-allowed;color:var(--grau-hell)}.karte[data-zustand=voll] .karte-fach,.karte[data-zustand=gewaehlt-anders] .karte-fach{color:var(--grau);font-weight:500}.karte[data-zustand=voll] .karte-plaetze b,.karte[data-zustand=gewaehlt-anders] .karte-plaetze b{display:none}.karte[data-zustand=aktiv]{border-color:var(--gruen);box-shadow:inset 0 0 0 1px var(--gruen);background:#fcfdf3}.karte[data-zustand=aktiv] .karte-plaetze{color:var(--gruen-dunkel);font-weight:600}.karte-marke{display:block}.karte-frei{display:block;font-weight:400;font-size:13px;color:var(--grau-hell)}.karte[data-zustand=aktiv] .karte-frei{color:var(--gruen-dunkel)}.karte[data-laedt="1"]{border-color:var(--gruen);background:var(--flaeche)}.laderad{display:block;width:20px;height:20px;margin:0 auto;border:2.5px solid var(--linie-stark);border-top-color:var(--gruen-dunkel);border-radius:50%;animation:dreh .6s linear infinite}.laderad--knopf{width:17px;height:17px;border-width:2px;margin:0;flex:none}@keyframes dreh{to{transform:rotate(1turn)}}@keyframes pulsieren{0%,to{opacity:.35}50%{opacity:1}}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:14px 22px;border-radius:var(--radius);border:1px solid transparent;font:inherit;font-size:17px;font-weight:600;cursor:pointer;text-decoration:none;transition:filter .12s}.knopf--haupt{background:var(--gruen);color:var(--schwarz)}.knopf--haupt:active{filter:brightness(.93)}.knopf--rand{background:var(--flaeche);border-color:var(--linie-stark);color:var(--schwarz)}.knopf--still{background:transparent;color:var(--gruen-dunkel);min-height:48px;padding:10px 4px;font-weight:500}.knopf--gefahr{background:var(--flaeche);border-color:var(--rot);color:var(--rot)}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf:disabled[aria-busy=true]{opacity:1;cursor:progress}.knopf--breit{width:100%}.knopf--klein{min-height:44px;padding:9px 14px;font-size:15px}.knopfzeile{display:flex;gap:10px;flex-wrap:wrap}.knopfzeile--gestapelt{flex-direction:column;align-items:stretch}.navzeile{display:flex;align-items:center;gap:8px;margin:4px -16px 0;padding:14px 16px 0;background:var(--papier);border-top:1px solid var(--linie)}.navzeile-luecke{flex:1}.navzeile .knopf{white-space:nowrap}@media(max-width:359px){.navzeile{gap:6px}.navzeile .knopf--klein{padding:9px 10px;font-size:14px}}.wahlgruppe{display:flex;gap:8px}.wahlgruppe button{flex:1;min-height:var(--tap);border:1px solid var(--linie-stark);background:var(--flaeche);border-radius:var(--radius);font:inherit;font-size:20px;font-weight:600;cursor:pointer;color:var(--schwarz)}.wahlgruppe button[aria-pressed=true]{background:var(--gruen);border-color:var(--gruen)}.abschluss-kopf{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--gruen-hell);border-left:3px solid var(--gruen);border-radius:0 var(--radius) var(--radius) 0}.abschluss-marke{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gruen-tief)}.ticket{display:flex;flex-direction:column;gap:8px}.ticket-karte{display:grid;grid-template-columns:84px 1fr;grid-template-rows:auto auto auto;gap:2px 14px;padding:14px 16px;background:var(--flaeche);border:1px solid var(--linie);border-left:3px solid var(--gruen);border-radius:var(--radius)}button.ticket-karte{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:filter .12s}button.ticket-karte:active{filter:brightness(.97)}button.ticket-karte:disabled{cursor:default}.ticket-karte[data-leer="0"]{background:var(--gruen-hell);border-color:var(--gruen)}.ticket-karte[data-leer="1"]{border-left-color:var(--linie-stark);background:var(--flaeche-2)}.ticket-zeit{font-variant-numeric:tabular-nums;font-size:14px;color:var(--grau);font-weight:600;grid-column:1;grid-row:1 / -1;align-self:center}.ticket-block{grid-column:2;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--grau-hell)}.ticket-karte[data-leer="0"] .ticket-block{color:var(--grau)}.ticket-fach{grid-column:2;font-size:18px;font-weight:600}.ticket-haken{color:var(--gruen-tief);font-weight:700;margin-right:7px}.ticket-leer{color:var(--grau-hell);font-weight:500}.ticket-ort{grid-column:2;font-size:14.5px;color:var(--grau)}.ticket-aktion{color:var(--gruen-tief);font-weight:600}.hinweis{padding:12px 15px;border-left:3px solid var(--gruen);background:var(--flaeche);border-radius:0 var(--radius) var(--radius) 0;font-size:15px;color:var(--grau)}.hinweis b{color:var(--schwarz)}.hinweis--warnung{border-left-color:var(--orange);background:var(--orange-flaeche)}.hinweis--fehler{border-left-color:var(--rot);background:var(--rot-flaeche);color:var(--schwarz)}.banner{background:var(--gruen);color:var(--schwarz);padding:12px 16px;font-weight:600;font-size:15.5px;text-align:center}.meldung{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:536px;margin:0 auto;background:var(--schwarz);color:#fff;padding:13px 16px;border-radius:var(--radius);font-size:15px;z-index:40;box-shadow:0 6px 22px #1d1d1b38;animation:hoch .18s ease-out}@keyframes hoch{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.feld{display:flex;flex-direction:column;gap:6px}.feld label{font-size:14px;font-weight:600;color:var(--grau)}.feld input,.feld select,.feld textarea{min-height:52px;padding:12px 14px;border:1px solid var(--linie-stark);border-radius:var(--radius);background:var(--flaeche);font:inherit;font-size:17px;color:var(--schwarz)}.feld input:focus,.feld select:focus{outline:2px solid var(--gruen-dunkel);outline-offset:1px}.admin-kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--linie)}.reiter{display:flex;gap:2px;flex-wrap:wrap}.reiter button{padding:9px 14px;border:1px solid transparent;border-bottom:2px solid transparent;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--grau);cursor:pointer}.reiter button[aria-selected=true]{color:var(--schwarz);border-bottom-color:var(--gruen)}.blocktitel{font-size:16px;font-weight:600;margin:6px 0 0;letter-spacing:-.01em}.blocktitel .zahl{font-weight:500;color:var(--grau);font-size:14.5px}.raster{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:780px){.raster{grid-template-columns:repeat(2,1fr)}}@media(min-width:1080px){.raster--bloecke{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}.saeule{display:flex;flex-direction:column;gap:6px}.saeule>h3{margin-bottom:2px}.balkenzeile{display:grid;grid-template-columns:1fr 62px;gap:2px 10px;align-items:center;padding:8px 11px;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius)}.balkenzeile .bz-fach{font-size:15px;font-weight:600}.balkenzeile .bz-meta{grid-column:1;font-size:12.5px;color:var(--grau-hell)}.balkenzeile .bz-zahl{grid-row:1 / span 2;grid-column:2;text-align:right;font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.balkenzeile .bz-balken{grid-column:1 / -1;height:4px;background:var(--linie);border-radius:2px;overflow:hidden;margin-top:4px}.balkenzeile .bz-balken i{display:block;height:100%;background:var(--gruen)}.balkenzeile[data-voll="1"]{border-color:var(--orange)}.balkenzeile[data-voll="1"] .bz-balken i{background:var(--orange)}.balkenzeile[data-voll="1"] .bz-zahl{color:var(--orange)}.kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;background:var(--linie);border:1px solid var(--linie)}.kennzahl{background:var(--flaeche);padding:12px 14px}.kennzahl dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--grau-hell);font-weight:700}.kennzahl dd{margin:2px 0 0;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.zugang-liste{display:flex;flex-direction:column;gap:8px}.zk{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius)}.zk-kopf{display:flex;align-items:flex-start;gap:8px 12px;flex-wrap:wrap}.zk-wer{flex:1 1 210px;min-width:0}.zk-mail{display:block;font-size:15px;font-weight:600;overflow-wrap:anywhere}.zk-unter{display:block;font-size:13px;color:var(--grau-hell)}.zk-rolle{min-height:40px;padding:6px 10px;border:1px solid var(--linie-stark);border-radius:var(--radius);background:var(--flaeche);font:inherit;font-size:14.5px;color:var(--schwarz)}.zk-fuss{display:flex;align-items:center;justify-content:space-between;gap:4px 18px;flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--linie)}.zk-wege{display:flex;gap:16px;flex-wrap:wrap}.zk-aktionen{display:flex;gap:2px;flex-wrap:wrap}.zk-aktionen .knopf{min-height:44px;padding:9px 10px;font-size:14px}.zk-aktionen .knopf--weg{color:var(--rot)}.zk--still{background:var(--flaeche-2)}.zk-marke{padding:2px 8px;border-radius:999px;background:var(--gruen-hell);color:var(--gruen-tief);font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.fusszeile{padding:8px 16px calc(24px + env(safe-area-inset-bottom));text-align:center;display:flex;flex-direction:column;gap:2px}.fusszeile a{color:inherit}.zusammen{white-space:nowrap}.trenner{height:1px;background:var(--linie);border:0;margin:4px 0}.mitte{text-align:center}.stapel{display:flex;flex-direction:column;gap:12px}.reihe{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.schieber{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600}.schieber input{width:22px;height:22px;accent-color:var(--gruen-dunkel);flex:none}.schieber--erklaert{align-items:flex-start}.schieber--erklaert input{margin-top:3px}.schieber--erklaert .mini{display:block;font-weight:400}.schieber--klein{gap:7px;font-size:13.5px;font-weight:500}.schieber--klein input{width:18px;height:18px}.schieber--aus{color:var(--grau-hell);cursor:default}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--gruen-dunkel);outline-offset:2px}.nur-fuer-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.laderad{animation-name:pulsieren!important;animation-duration:1.2s!important;border-color:var(--gruen-dunkel)}}.angebot{border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);padding:10px 12px 12px;display:flex;flex-direction:column;gap:10px}.angebot[data-angepasst="1"]{border-left:3px solid var(--gruen-dunkel)}.angebot-kopf{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.angebot-belegt{margin-left:auto}.angebot-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px 10px}.angebot-breit{grid-column:1 / -1}.angebot .feld input{min-height:42px;padding:8px 10px;font-size:15.5px}.angebot .feld label{font-size:12.5px}.bereich{border:1px solid var(--linie-stark);border-radius:var(--radius);background:var(--flaeche-2);padding:12px;display:flex;flex-direction:column;gap:10px}.bereich-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px 10px}.bereich-titel{grid-column:1 / -1}.bereich .feld input,.bereich .feld select{min-height:42px;padding:8px 10px;font-size:15.5px}.bereich .feld label{font-size:12.5px}.bereich-angebote{display:flex;flex-direction:column;gap:8px}.reiter-zeile{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.reiter-zeile>.reiter{flex:1 1 auto}.protokoll-liste{display:flex;flex-direction:column;gap:6px}.pz{border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche)}.pz-kopf{width:100%;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:1px 8px;align-items:baseline;padding:9px 12px;min-height:52px;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.pz-kopf:hover{background:var(--flaeche-2)}.pz-kopf:focus-visible{outline:2px solid var(--gruen-dunkel);outline-offset:-2px}.pz-pfeil{grid-column:1;grid-row:1 / span 2;align-self:center;color:var(--grau-hell)}.pz-titel{grid-column:2;grid-row:1;font-weight:600}.pz-rechts{grid-column:3;grid-row:1;font-size:13px;color:var(--grau);text-align:right}.pz-unter{grid-column:2;grid-row:2;font-size:13px;color:var(--grau-hell);overflow-wrap:anywhere}.pz-zeit{grid-column:3;grid-row:2;font-size:13px;color:var(--grau-hell);text-align:right;font-variant-numeric:tabular-nums}.pz-marke{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--gruen-hell);color:var(--gruen-tief);font-size:11px;font-weight:700;letter-spacing:.04em;vertical-align:1px}.pz-koerper{padding:10px 12px 12px;border-top:1px solid var(--linie);background:var(--flaeche-2)}.pz-felder{margin:0}.pz-feld{display:grid;grid-template-columns:minmax(0,8.5em) minmax(0,1fr);gap:2px 10px;padding:3px 0;font-size:14.5px}.pz-feld dt{color:var(--grau-hell);font-size:12.5px}.pz-feld dd{margin:0;overflow-wrap:anywhere}.pz-zwischentitel{margin:12px 0 4px}.pz-vorgaenge{margin:0;padding-left:20px;font-size:14px}.pz-vorgaenge li{padding:2px 0}.pz-knoepfe{margin-top:12px}
