:root{--bg:#f7faf8;--surface:#fff;--surface-soft:#f6f9f7;--text:#173125;--muted:#5f7467;--faint:#8a9b90;--line:#e4ece6;--primary:#2f8f57;--primary-2:#46a96f;--primary-strong:#216741;--primary-tint:#eef7f1;--warn:#c75f4f;--warn-tint:#fbefec;--amber:#946a1c;--amber-tint:#fbf5e6;--shadow:0 1px 2px #1731250a, 0 12px 32px #20443012;--shadow-knopf:0 10px 22px #2d8e5538;--r-sm:14px;--r:22px;--ease:.2s cubic-bezier(.2, .8, .2, 1);--serif:"Fraunces", "Palatino Linotype", Palatino, serif;--sans:"Manrope", "Avenir Next", "Segoe UI", sans-serif;--verlauf:radial-gradient(1200px 620px at 4% -2%, #e6f4eb 0%, #e6f4eb00 58%), radial-gradient(1100px 620px at 104% 16%, #eef8f1 0%, #eef8f100 54%), linear-gradient(180deg, #f7faf8 0%, #f3f8f5 56%, #f7faf8 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--verlauf);background-attachment:fixed;background-color:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15.5px;line-height:1.6;overflow-x:clip}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0}img{max-width:100%}a{color:var(--primary-strong)}.app{max-width:460px;padding-inline:20px;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:calc(104px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:22px;margin-inline:auto;display:flex}.app--ohne-leiste{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.inhalt{flex-direction:column;gap:22px;display:flex}.kopf{justify-content:space-between;align-items:center;gap:12px;padding-block:8px 0;display:flex}.marke{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.marke-zeichen{width:34px;height:34px;color:var(--primary);flex:none}.marke-name{font-family:var(--serif);font-size:1.15rem;font-weight:600;line-height:1.1}.marke-sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.rundknopf{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;transition:background var(--ease), box-shadow var(--ease);border-radius:50%;place-items:center;display:grid}.rundknopf:hover{box-shadow:var(--shadow)}.menue{position:relative}.menue>summary{list-style:none}.menue>summary::-webkit-details-marker{display:none}.menue-blatt{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);width:min(320px,100vw - 40px);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:20px;display:flex;position:absolute;top:52px;right:0}.menue-name{font-family:var(--serif);font-size:1.15rem;font-weight:600}.seitenkopf{flex-direction:column;gap:6px;padding-top:6px;display:flex}.augenbraue{letter-spacing:.1em;text-transform:uppercase;color:var(--primary);font-size:.72rem;font-weight:800}.seitentitel{font-family:var(--serif);letter-spacing:-.01em;font-size:1.85rem;font-weight:600;line-height:1.15}.vorspann{color:var(--muted);max-width:36ch;font-size:1rem}.band{background:var(--amber-tint);color:var(--amber);border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:.82rem;font-weight:700;display:flex}.band svg{flex:none}.karte{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid #1731250f;flex-direction:column;gap:16px;padding:22px;display:flex}.karte--still{box-shadow:none;background:#fff9}.karte h2{font-family:var(--serif);font-size:1.2rem;font-weight:600;line-height:1.25}.karte h3{font-size:.98rem;font-weight:700}.kartenkopf{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.leise{color:var(--muted);font-size:.9rem}.klein{font-size:.82rem}.zentriert{text-align:center}.fehler{color:var(--warn);font-size:.9rem;font-weight:600}dl{flex-direction:column;margin:0;display:flex}.zeile{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding-block:11px;display:flex}.zeile:first-child{padding-top:0}.zeile:last-child{border-bottom:none;padding-bottom:0}.zeile dt{color:var(--muted);font-size:.88rem}.zeile dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:700}.randnotiz{color:var(--muted);align-items:center;gap:8px;font-size:.86rem;display:flex}.randnotiz svg{color:var(--faint);flex:none}.randnotiz--warn,.randnotiz--warn svg{color:var(--amber)}.status{color:var(--primary-strong);align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:inline-flex}.status:before{content:"";background:var(--primary);width:8px;height:8px;box-shadow:0 0 0 4px var(--primary-tint);border-radius:50%}.status--aus{color:var(--muted)}.status--aus:before{background:var(--faint);box-shadow:0 0 0 4px var(--surface-soft)}.knopf{appearance:none;cursor:pointer;font:inherit;color:#fff;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 100%);box-shadow:var(--shadow-knopf);transition:transform var(--ease), box-shadow var(--ease), opacity var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-flex}.knopf:hover{transform:translateY(-1px)}.knopf:disabled{opacity:.45;cursor:default;transform:none}.knopf--still{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:none}.knopf--still:hover{box-shadow:var(--shadow)}.knopf--klein{padding:8px 14px;font-size:.85rem}.knopf--breit{width:100%}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.textlink{cursor:pointer;font:inherit;color:var(--primary-strong);text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.rueck{align-self:flex-start;text-decoration:none}.knopfreihe{flex-wrap:wrap;align-items:center;gap:10px;display:flex}form{flex-direction:column;gap:16px;display:flex}label{color:var(--muted);letter-spacing:.02em;flex-direction:column;gap:7px;font-size:.8rem;font-weight:700;display:flex}input[type=text],textarea,input[type=file],select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;padding:12px 14px;font-size:1rem}textarea{resize:vertical;min-height:96px}.tableiste{inset-inline:0;z-index:20;-webkit-backdrop-filter:saturate(1.4)blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);background:#ffffffeb;position:fixed;bottom:0}.tableiste-innen{grid-template-columns:repeat(4,1fr);max-width:460px;margin-inline:auto;display:grid}.tab{color:var(--faint);transition:color var(--ease);flex-direction:column;align-items:center;gap:4px;padding:11px 4px 9px;font-size:.72rem;font-weight:700;text-decoration:none;display:flex}.tab svg{width:23px;height:23px}.tab[aria-current=page]{color:var(--primary-strong)}.schalter{background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.schalter button{appearance:none;cursor:pointer;font:inherit;color:var(--muted);transition:background var(--ease), color var(--ease), box-shadow var(--ease);background:0 0;border:none;border-radius:999px;padding:11px 8px;font-size:.92rem;font-weight:800}.schalter button[aria-pressed=true]{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 100%);color:#fff;box-shadow:var(--shadow-knopf)}.schalter button[data-art=aus][aria-pressed=true]{background:var(--text);box-shadow:none}.schalter button:disabled{cursor:default}.grundriss{border-radius:var(--r-sm);background:#fff;width:100%;position:relative;overflow:hidden}.grundriss img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.grundriss svg{width:100%;height:100%;position:absolute;inset:0}.grundriss polygon{fill:#2f8f570d;stroke:#2f8f5759;stroke-width:1.2px;cursor:pointer;transition:fill var(--ease), stroke var(--ease)}.grundriss polygon:hover{fill:#2f8f571f}.grundriss polygon[data-aktiv=true]{fill:#2f8f572e;stroke:var(--primary);stroke-width:2.4px}.temp-marke{appearance:none;cursor:pointer;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap;background:#fffffff0;border:1px solid #17312514;border-radius:999px;padding:3px 9px;font-size:.78rem;font-weight:800;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #1731251f}.temp-marke[data-aktiv=true]{background:var(--primary);color:#fff;border-color:var(--primary)}.raumliste{flex-wrap:wrap;gap:8px;display:flex}.raumchip{appearance:none;cursor:pointer;border:1px solid var(--line);background:var(--surface);font:inherit;color:var(--text);border-radius:999px;padding:7px 13px;font-size:.85rem;font-weight:700}.raumchip[aria-pressed=true]{border-color:var(--primary);background:var(--primary-tint);color:var(--primary-strong)}.raumfeld{border-top:1px solid var(--line);flex-direction:column;gap:14px;padding-top:18px;display:flex}.stufen{justify-content:center;align-items:center;gap:20px;display:flex}.stufen button{border:1px solid var(--line);background:var(--surface);width:50px;height:50px;color:var(--text);cursor:pointer;transition:box-shadow var(--ease);border-radius:50%;font-size:1.5rem;font-weight:600;line-height:1}.stufen button:hover:not(:disabled){box-shadow:var(--shadow)}.stufen button:disabled{opacity:.3;cursor:default}.stufen output{font-family:var(--serif);text-align:center;font-variant-numeric:tabular-nums;min-width:130px;font-size:2.2rem;font-weight:600;line-height:1.1}.stufen output small{font-family:var(--sans);color:var(--muted);letter-spacing:.04em;margin-top:4px;font-size:.75rem;font-weight:700;display:block}.tagnacht{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (max-width:360px){.tagnacht{grid-template-columns:minmax(0,1fr)}}.tagnacht-feld{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--r-sm);flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.tagnacht-feld[data-jetzt=true]{background:var(--primary-tint);border-color:#2f8f5773}.tagnacht-titel{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;font-size:.78rem;font-weight:800;display:flex}.mini-stufen{justify-content:space-between;align-items:center;gap:4px;display:flex}.mini-stufen button{border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:50%;flex:none;font-size:1.1rem;font-weight:600;line-height:1}.mini-stufen button:disabled{opacity:.3;cursor:default}.mini-stufen output{font-family:var(--serif);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.15rem;font-weight:600}.tagnacht-feld select{border-radius:10px;padding:8px 10px;font-size:.92rem}.erklaerung>summary{cursor:pointer;font-family:var(--serif);justify-content:space-between;align-items:center;gap:12px;font-size:1.15rem;font-weight:600;list-style:none;display:flex}.erklaerung>summary::-webkit-details-marker{display:none}.erklaerung>summary:after{content:"+";font-family:var(--sans);color:var(--primary);font-size:1.4rem;font-weight:500}.erklaerung[open]>summary:after{content:"–"}.erklaerung-inhalt{flex-direction:column;gap:14px;padding-top:14px;display:flex}.erklaerung-inhalt h3{font-size:.92rem;font-weight:800}.erklaerung-inhalt p{color:var(--muted);font-size:.92rem}.liste{flex-direction:column;display:flex}.liste-eintrag{color:var(--text);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:15px 2px;text-decoration:none;display:flex}.liste-eintrag:first-child{padding-top:4px}.liste-eintrag:last-child{border-bottom:none;padding-bottom:4px}.liste-eintrag .titel{flex:1;font-weight:700}.liste-eintrag .wo{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.pfeil{color:var(--faint);flex:none}.bloecke{flex-direction:column;gap:12px;display:flex}.bloecke ul{flex-direction:column;gap:6px;margin:0;padding-left:1.2rem;display:flex}.bloecke .hinweis{border-left:3px solid var(--primary);color:var(--muted);padding-left:12px}.qr{place-items:center;padding-block:6px;display:grid}.qr svg{border-radius:var(--r-sm);width:168px;height:168px;box-shadow:var(--shadow);background:#fff;border:10px solid #fff}.kopierzeile{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--r-sm);justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.kopierzeile code{-webkit-user-select:all;user-select:all;font-size:1rem;font-weight:700;font-family:var(--sans);overflow-wrap:anywhere}.aufklapp>summary{cursor:pointer;list-style:none}.aufklapp>summary::-webkit-details-marker{display:none}.haken{flex-direction:column;display:flex}.haken label{color:var(--text);letter-spacing:0;cursor:pointer;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:14px;padding:12px 2px;font-size:.98rem;font-weight:600}.haken label:last-child{border-bottom:none}.haken input{width:22px;height:22px;accent-color:var(--primary);flex:none}.erfolg{text-align:center;align-items:center}.erfolg-kreis{background:var(--primary-tint);width:68px;height:68px;color:var(--primary-strong);border-radius:50%;place-items:center;display:grid}.sterne{border:none;flex-direction:row-reverse;justify-content:flex-end;gap:4px;margin:0;padding:0;display:flex}.sterne input{opacity:0;width:1px;height:1px;position:absolute}.sterne label{cursor:pointer;color:var(--line);padding:2px}.sterne label svg{width:32px;height:32px;display:block}.sterne input:checked~label,.sterne label:hover,.sterne label:hover~label{color:#d9a23c}.sterne input:focus-visible+label{outline:2px solid var(--primary);border-radius:6px}.anmeldung{gap:26px;padding-top:7vh}.anmeldung .begruessung{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.anmeldung .marke-zeichen{width:48px;height:48px}.anmeldung .gross{font-family:var(--serif);font-size:2rem;font-weight:600;line-height:1.1}.anmeldung .untertitel{color:var(--muted);font-size:1rem}.fussnote{color:var(--faint);text-align:center;padding-block:4px;font-size:.8rem}.auftakt{z-index:100;background:var(--verlauf);background-color:var(--bg);place-items:center;animation:.48s 1.65s forwards auftakt-weg;display:grid;position:fixed;inset:0}.auftakt-inhalt{flex-direction:column;align-items:center;gap:14px;display:flex}.auftakt-haus{width:76px;height:76px;color:var(--primary)}.auftakt-haus path{stroke-dasharray:240;stroke-dashoffset:240px;animation:.95s cubic-bezier(.6,0,.2,1) 80ms forwards zeichnen}.auftakt-name{font-family:var(--serif);color:var(--text);opacity:0;font-size:2rem;font-weight:600;animation:.56s cubic-bezier(.2,.8,.2,1) .56s forwards auftauchen;transform:translateY(10px)}.auftakt-welle{width:120px;height:16px;color:var(--primary-2)}.auftakt-welle path{stroke-dasharray:160;stroke-dashoffset:160px;animation:.76s .82s forwards zeichnen}.auftakt-gruss{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);opacity:0;font-size:.8rem;font-weight:800;animation:.5s 1s forwards auftauchen}@keyframes zeichnen{to{stroke-dashoffset:0}}@keyframes auftauchen{to{opacity:1;transform:none}}@keyframes auftakt-weg{to{opacity:0;visibility:hidden}}.ohne-auftakt .auftakt{display:none}@media (prefers-reduced-motion:reduce){.auftakt{display:none}*{transition:none!important;animation:none!important}}