.rahmen{min-height:100vh;display:flex}.nav{background:var(--gruen);height:100vh;color:var(--weiss);flex-direction:column;flex:0 0 240px;gap:6px;padding:28px 20px;display:flex;position:sticky;top:0}.nav-kopf{align-items:center;gap:12px;margin-bottom:20px;display:flex}.nav-kopf img{flex:0 0 64px;display:block}.nav-titel{font-size:26px;line-height:1}.nav-links{flex-direction:column;gap:6px;display:flex}.nav-links a{color:var(--nav-text);border-radius:12px;padding:12px 14px;font-weight:600;text-decoration:none}.nav-links a:hover{background:#bfd8a61f}.nav-links a[aria-current=page]{color:var(--weiss);background:#bfd8a638;font-weight:700}.nav-fuss{flex-direction:column;gap:10px;margin-top:auto;display:flex}.nav-ich{align-items:center;gap:8px;font-weight:700;display:flex}.nav-status{color:var(--nav-text);margin-left:auto;font-size:13px;font-weight:600}.nav-abmelden{height:44px;color:var(--nav-text);background:0 0;border:2px solid #fff6;border-radius:12px;font-size:14px;font-weight:700}.punkt{border-radius:5px;flex:0 0 10px;width:10px;height:10px}.punkt.gut{background:#8fd18a}.punkt.warn{background:var(--gelb)}.haupt{flex-direction:column;flex:auto;gap:24px;min-width:0;max-width:1180px;padding:32px;display:flex}.seitenkopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.seitenkopf h1{color:var(--gruen);margin:0;font-size:52px;line-height:1}.unterzeile{color:var(--text-3);margin-top:6px;font-size:16px}.karte{background:var(--weiss);border-radius:20px;flex-direction:column;gap:14px;padding:24px;display:flex}.karte.leer{color:var(--text-3);text-align:center;padding:48px 24px;font-size:18px;font-weight:700}.karte h2,.abschnitt h2{margin:0;font-size:20px;font-weight:800}.karte h3{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin:8px 0 0;font-size:16px;font-weight:800}.karte-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.abschnitt{flex-direction:column;gap:14px;display:flex}.abschnitt h2{font-size:22px}.abschnitt-kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.abschnitt-kopf .unterzeile{margin:0;font-size:15px}.leise{color:var(--text-3);font-size:14px}.fehler{min-height:1.2em;color:var(--rot);margin:0;font-weight:700}.fehler-streifen,.hinweis-streifen{border-radius:16px;margin:0;padding:14px 18px;font-weight:700}.fehler-streifen{background:var(--rot-hell);border:2px solid var(--rot-linie);color:var(--rot-text)}.hinweis-streifen{background:var(--plus-hell);border:2px solid var(--blatt);color:var(--plus-text)}.knopf{background:var(--gruen);height:48px;color:var(--weiss);border:none;border-radius:14px;padding:0 20px;font-size:16px;font-weight:800}.knopf:disabled{background:#9db3af}.knopf.hell{background:var(--weiss);color:var(--gruen);border:2px solid var(--linie-2)}.knopf.gross{border-radius:20px;height:64px;padding:0 40px;font-size:22px}.knopf-klein{border:2px solid var(--linie-2);background:var(--weiss);min-height:40px;color:var(--gruen);border-radius:10px;align-self:flex-start;padding:0 14px;font-size:14px;font-weight:800}.knopf-klein.rot{border-color:var(--rot-linie);color:var(--rot)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--gruen);background:var(--weiss);height:48px;color:var(--gruen);border-radius:24px;padding:0 20px;font-size:16px;font-weight:800}.chip[aria-pressed=true]{background:var(--gruen);color:var(--weiss)}.rund{border:2px solid var(--gruen);background:var(--weiss);width:48px;height:48px;color:var(--gruen);border-radius:24px;flex:0 0 48px;padding:0;font-size:26px;line-height:1}.marke{background:var(--hell);color:var(--gruen);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:800}.du{color:var(--text-3);font-weight:600}.katalog{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.katalog-kachel{border:3px solid var(--linie);background:var(--weiss);border-radius:18px;flex-direction:column;align-items:center;gap:8px;min-height:150px;padding:16px 10px 14px;display:flex;position:relative}.katalog-kachel[aria-pressed=true]{border-color:var(--gruen);background:var(--hell-2)}.katalog-kachel:disabled{opacity:.6}.katalog-name{text-align:center;font-size:16px;font-weight:800;line-height:1.2}.katalog-gesperrt{color:var(--text-3);text-align:center;font-size:12px;font-weight:700}.haken{background:var(--gruen);border-radius:14px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:8px;right:8px}.bild-icon,.bild-foto{display:block}.bild-foto{object-fit:cover;border-radius:18px}.bild-leer{background:var(--hell);color:var(--gruen);font-family:var(--hand);border-radius:50%;justify-content:center;align-items:center;font-size:36px;display:flex}.laden-karten{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.laden-karte{background:var(--weiss);border:3px solid var(--blatt);border-radius:22px;flex-direction:column;gap:14px;padding:18px;display:flex}.laden-karte.versteckt{border-color:var(--linie);opacity:.75}.laden-karte.aus{border-color:var(--rot-linie)}.laden-karte-kopf{align-items:center;gap:14px;display:flex}.laden-bild{background:var(--grund);border-radius:18px;flex:0 0 88px;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}.laden-bild .bild-foto{border-radius:0}.laden-titel{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.laden-name{font-size:20px;font-weight:800}.laden-art{color:var(--text-3);font-size:15px}.preiszeile{align-items:center;gap:10px;display:flex}.preis-mitte{text-align:center;flex-direction:column;flex:auto;align-items:center;display:flex}.preis-feld{cursor:text;justify-content:center;align-items:baseline;gap:6px;font-size:26px;font-weight:800;display:flex}.preis-feld input{border:2px solid var(--linie-2);background:var(--weiss);text-align:center;font-variant-numeric:tabular-nums;border-radius:12px;width:150px;height:52px;padding:0 8px;font-size:28px;font-weight:800}.preis-feld input.aktiv{border-color:var(--gruen)}.preis-feld input.fehlt{border-color:var(--gelb);background:var(--gelb-hell)}.preis-pro{color:var(--text-3);font-size:14px}.schalter{gap:10px;display:flex}.schalter-knopf{border:2px solid var(--linie-2);background:var(--weiss);height:56px;color:var(--text-3);border-radius:16px;flex:1 1 0;padding:0 12px;font-size:16px;font-weight:800}.schalter-knopf.gruen[aria-pressed=true]{border-color:var(--gruen);background:var(--gruen);color:var(--weiss)}.schalter-knopf.rot[aria-pressed=true]{border-color:var(--rot);background:var(--rot);color:var(--weiss)}.raus{min-height:44px;color:var(--rot);background:0 0;border:none;align-self:center;padding:0 14px;font-size:14px;font-weight:800;text-decoration:underline}.dialog{background:var(--weiss);width:min(560px,100vw - 32px);color:var(--text);border:none;border-radius:28px;padding:32px}.dialog::backdrop{background:#1c3d3999}.dialog h2{color:var(--gruen);margin:0;font-size:40px;line-height:1}.formular{flex-direction:column;gap:14px;display:flex}.formular label{color:var(--text-3);flex-direction:column;gap:6px;font-size:15px;font-weight:700;display:flex}.formular input:not([type=checkbox]),.formular select,.einladung input,.pin-zeile input{border:2px solid var(--linie-2);background:var(--weiss);height:48px;color:var(--text);border-radius:12px;padding:0 14px;font-size:17px}.formular label.haekchen{flex-direction:row;align-items:center;gap:12px;font-weight:600}.haekchen input{width:24px;height:24px;accent-color:var(--gruen);flex:0 0 24px}.knopfzeile{justify-content:flex-end;gap:12px;display:flex}.personal{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:16px;display:grid}.passkeys{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.passkeys li{background:var(--grund);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.passkeys li div{flex-direction:column;display:flex}.einladung{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.einladung input{flex:200px;min-width:0;font-size:14px}.pin-zeile{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pin-zeile input{width:170px}.anmelden{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.anmelden-karte{background:var(--weiss);text-align:center;border-radius:32px;flex-direction:column;align-items:center;gap:16px;width:min(460px,100%);padding:40px 32px;display:flex}.anmelden-karte h1{color:var(--gruen);margin:0;font-size:56px;line-height:1}.anmelden-karte p{color:var(--text-2);margin:0;font-size:18px;line-height:1.4}@media (width<=760px){.rahmen{flex-direction:column}.nav{z-index:10;flex:none;gap:10px;height:auto;padding:12px 16px;position:sticky;top:0}.nav-kopf{margin:0}.nav-kopf img{flex-basis:44px;width:44px;height:44px}.nav-titel{font-size:22px}.nav-titel br{display:none}.nav-links{scrollbar-width:none;flex-direction:row;gap:6px;overflow-x:auto}.nav-links a{white-space:nowrap;flex:none;padding:10px 12px}.nav-fuss{flex-direction:row;align-items:center;position:absolute;top:12px;right:16px}.nav-status,.nav-name{display:none}.nav-abmelden{height:40px;padding:0 12px}.haupt{gap:16px;padding:16px}.seitenkopf h1{font-size:40px}.karte{padding:16px}.laden-karten,.personal{grid-template-columns:minmax(0,1fr)}.katalog{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.chip{height:44px;padding:0 14px;font-size:15px}}.katalog-platz{display:flex;position:relative}.katalog-platz .katalog-kachel{flex:auto;min-width:0}.katalog-bearbeiten{width:40px;height:40px;color:var(--text-3);background:0 0;border:none;border-radius:20px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:8px;left:8px}.katalog-bearbeiten svg{transition:transform .15s}.katalog-bearbeiten:hover{color:var(--gruen)}.katalog-bearbeiten:hover svg{transform:scale(1.25)}.knopf.rot{background:var(--rot)}.knopfzeile{flex-wrap:wrap;align-items:center}.knopfzeile .links{align-self:center;margin-right:auto}.dialog-text{color:var(--text-2);margin:0;font-size:18px;line-height:1.4}.personal-raus{align-self:flex-start;margin-top:4px;padding:0}.karte.gesperrt{border:2px dashed var(--linie-2);background:#faf9f4}.marken{gap:8px;display:flex}.marke.rot{background:var(--rot-hell);color:var(--rot-text)}.personal-aktionen{border-top:1px solid var(--linie-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:14px;display:flex}.personal-aktionen .personal-raus{margin:0}.rolle-wahl select{border:2px solid var(--hell);background:var(--hell);height:44px;color:var(--gruen);border-radius:999px;padding:0 12px;font-size:14px;font-weight:800}.geraete{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:16px;display:grid}.status{border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:14px;font-weight:800;display:inline-flex}.status.gut{background:var(--plus-hell);color:var(--plus-text)}.status.gut .punkt{background:#3e8e41}.status.warn{background:var(--gelb-hell);color:var(--gelb-text)}.status.warn .punkt{background:var(--gelb)}.status.schlecht{background:var(--rot-hell);color:var(--rot-text)}.status.schlecht .punkt{background:var(--rot)}.koppel-link{background:var(--hell-2);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.koppel-link p{margin:0;font-size:15px}.knopfzeile.links-buendig{justify-content:flex-start}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.kennzahl span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:14px;font-weight:700}.kennzahl b{white-space:nowrap;font-size:34px;font-weight:800}.tabelle-rahmen{overflow-x:auto}.tabelle{border-collapse:collapse;width:100%;min-width:640px;font-size:16px}.tabelle th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:10px 8px;font-size:14px}.tabelle td{border-top:1px solid var(--linie-3);white-space:nowrap;padding:10px 8px}.tabelle .positionen td{border-top:none;padding-top:0}.position{max-width:520px;color:var(--text-2);justify-content:space-between;gap:12px;padding:4px 12px;display:flex}.marke.gelb{background:var(--gelb-hell);color:var(--gelb-text);margin-left:8px;font-size:12px}.koppel-link code{background:var(--weiss);border-radius:6px;padding:1px 6px;font-size:14px}.foto-feld{align-items:center;gap:16px;display:flex}.foto-vorschau{background:var(--hell);width:96px;height:96px;font-family:var(--hand);color:var(--gruen);border-radius:18px;flex:0 0 96px;justify-content:center;align-items:center;font-size:44px;display:flex;overflow:hidden}.foto-vorschau img{object-fit:cover;width:100%;height:100%;display:block}.foto-knoepfe{flex-direction:column;gap:6px;min-width:0;display:flex}.wochentage{flex-direction:column;gap:10px;display:flex}.wochentag{background:var(--grund);border-radius:16px;grid-template-columns:180px 170px 1fr;align-items:center;gap:16px;padding:12px 16px;display:grid}.wochentag.heute{background:var(--hell-2);outline:2px solid var(--blatt)}.wochentag-name{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.tag-schalter{flex:none;height:48px}.wochentag.zu .tag-schalter{color:var(--text-3)}.zeiten{flex-wrap:wrap;gap:16px;display:flex}.zeiten label{color:var(--text-3);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.zeiten input{border:2px solid var(--linie-2);background:var(--weiss);height:48px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:12px;padding:0 12px;font-size:20px;font-weight:800}@media (width<=760px){.wochentag{grid-template-columns:1fr auto}.zeiten{grid-column:1/-1}}.tabelle .marke{margin-left:8px;font-size:12px}.einheiten-liste{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.einheiten-liste li{background:var(--grund);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.einheiten-liste li.ausgeblendet{opacity:.6}.einheit-name{flex-direction:column;display:flex}.einheit-name b{font-size:17px}.einheit-knoepfe{flex-wrap:wrap;gap:8px;display:flex}.einheit-neu{flex-wrap:wrap;align-items:flex-end;gap:12px;width:100%;display:flex}.einheit-neu label{color:var(--text-3);flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.einheit-neu input{border:2px solid var(--linie-2);background:var(--weiss);border-radius:12px;height:44px;padding:0 12px;font-size:16px}.einheit-neu.bearbeiten{align-items:flex-end}.knopf-klein.gruen{border-color:var(--gruen);background:var(--gruen);color:var(--weiss)}.dialog.rueckfrage{width:min(480px,100vw - 32px)}.dialog.rueckfrage h2{font-size:34px}.differenz{background:var(--plus-hell);color:var(--plus-text);border-radius:999px;padding:3px 10px;font-size:14px;font-weight:800}.differenz.minus{background:var(--rot-hell);color:var(--rot-text)}.differenz.plus{background:var(--gelb-hell);color:var(--gelb-text)}@media (width>=761px){.dialog.produkt-dialog{width:min(860px,100vw - 32px);padding:28px 32px}.produkt-formular{grid-template-columns:1fr 1fr;gap:12px 20px;display:grid}.produkt-formular>h2,.produkt-formular>.foto-feld,.produkt-formular>label:first-of-type,.produkt-formular>.haekchen,.produkt-formular>.fehler,.produkt-formular>.knopfzeile{grid-column:1/-1}.produkt-formular>.fehler:empty{display:none}}.formular select,.rolle-wahl select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232D5A55' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:44px}.bondrucker{flex-direction:column;align-items:flex-start;gap:2px;margin:4px 0 8px;display:flex}.bondrucker .leise{margin:0}