.kategorie{margin:.5rem 0 0}.karten{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.85rem;display:grid}.auswahl{border:1px solid var(--hairline);background:var(--paper);color:inherit;border-radius:1.25rem;flex-direction:column;gap:.35rem;padding:1.1rem 1.25rem 1.2rem;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:flex}@media (hover:hover){.auswahl:hover{border-color:var(--rose);background:#fff;transform:translateY(-1px)}}.auswahl__titel{font-size:var(--text-subhead);font-weight:600;line-height:1.3}.auswahl__frage{color:var(--ink-muted);font-size:var(--text-small);line-height:1.45}.ergebnis__titel{font-size:var(--text-subhead);font-family:var(--font-body);margin:0 0 1rem;font-weight:600}.slotliste{margin:0;padding:0;list-style:none}.slotliste__zeile{color:inherit;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem 1rem;padding:.55rem .6rem;text-decoration:none;display:flex}@media (hover:hover){.slotliste__zeile:hover{background:var(--sage-soft)}}.slotliste li+li .slotliste__zeile{border-top:1px solid var(--hairline);border-radius:0}.slotliste__name{font-size:var(--text-small)}.slotliste__meta{color:var(--ink-muted);font-size:var(--text-label)}.auslastung{grid-template-columns:minmax(0,1fr) 25rem;gap:1.6rem;display:grid}.auslastung .kursplan{--stunde:2.4rem}.auslastung__plankopf{justify-content:flex-end;align-items:center;min-height:1.7rem;margin-bottom:.35rem;display:flex}.auslastung__reset{border:1px solid var(--hairline);border-radius:var(--ecke-kapsel);background:var(--cream);color:var(--ink-muted);font:inherit;font-size:var(--text-label);cursor:pointer;padding:.2rem .65rem}@media (hover:hover){.auslastung__reset:hover{border-color:var(--rose);color:var(--charcoal)}}.auslastung__steuerung{gap:.6rem;display:flex}.auslastung__datum{color:var(--ink-muted);flex-direction:column;flex:1;gap:.3rem;display:flex}.auslastung__datum .feld__input{padding:.4rem .55rem}.auslastung__schnitt{border-top:1px solid var(--hairline);margin-top:1.1rem;padding-top:1.1rem}.auslastung__leer{color:var(--ink-muted);font-size:var(--text-small);margin:1.2rem 0 0;line-height:1.5}.auslastung__liste{margin:.95rem 0 0;padding:0;list-style:none}.auslastung__zeile{border-top:1px solid var(--hairline);padding:1rem 0 1.1rem}.auslastung__zeile--summe{background:color-mix(in srgb, var(--sage) 38%, transparent);border:0;border-radius:.625rem;margin-top:.6rem;padding:1rem .95rem 1.1rem}.auslastung__kopf{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.auslastung__titel{font-size:var(--text-small);font-weight:600}.auslastung__titel--link{color:var(--forest);align-items:center;gap:.3rem;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){.auslastung__titel--link:hover{text-decoration:underline}}.auslastung__titel--link svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.6;flex:none;width:12px;height:12px}.auslastung__plaetze{color:var(--ink-muted);font-size:var(--text-label);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.auslastung__zahlen{justify-content:space-between;align-items:center;gap:.9rem;margin-top:.45rem;display:flex}.auslastung__wert{font-variant-numeric:tabular-nums;align-items:baseline;gap:.45rem;margin:0;display:flex}.auslastung__wert b{font-size:1.15rem;font-weight:600;line-height:1.1}.auslastung__wert span{color:var(--ink-muted);font-size:var(--text-small)}.auslastung__ohne{color:var(--ink-muted);font-size:var(--text-small);margin:.3rem 0 0}.balken{flex:none;gap:2px;width:7rem;height:.85rem;display:flex}.balken__teil{min-width:1.4rem;color:var(--charcoal);font-size:var(--text-label);font-variant-numeric:tabular-nums;border-radius:3px;justify-content:center;align-items:center;display:flex}.balken__teil--gehalten{background:color-mix(in srgb, var(--band-high) 80%, var(--paper))}.balken__teil--aus{background:color-mix(in srgb, var(--band-low) 80%, var(--paper))}.karte--kundenwert{--karte-pad:0rem;background:0 0;border:0;padding:0}.kundenwert__steuerung{justify-content:flex-end;align-items:center;gap:1.5rem;margin-bottom:2.75rem;display:flex}.kundenwert__steuerung-rechts{align-items:center;gap:.7rem;display:flex}.kundenwert__rechenweg{z-index:20;position:relative}.kundenwert__rechenweg>button{border:1px solid var(--hairline);background:var(--paper);width:2.3rem;height:2.3rem;color:inherit;cursor:pointer;font-family:var(--font-display);font-size:inherit;border-radius:50%;place-items:center;padding:0;display:grid}.kundenwert__rechenweg>div{z-index:10;border:1px solid var(--hairline);background:var(--paper);width:min(26rem,100vw - 3rem);box-shadow:0 12px 30px color-mix(in srgb, var(--charcoal) 12%, transparent);color:var(--ink-muted);font-size:var(--text-small);border-radius:.8rem;padding:1rem 1.1rem;position:absolute;top:calc(100% + .45rem);right:0}.kundenwert__rechenweg>div>b{color:var(--charcoal)}.kundenwert__rechenweg p{margin:.65rem 0 0}.kundenwert__arbeitsflaeche{grid-template-columns:minmax(30rem,32rem) minmax(32rem,1fr);align-items:start;gap:clamp(3rem,4vw,5rem);display:grid}.kundenwert__reisekopf{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.8rem;display:flex}.kundenwert__reisekopf h2{font-family:var(--font-body);font-size:var(--text-subhead);margin:0;font-weight:600}.kundenwert__reisekopf>span{color:var(--ink-muted);font-size:var(--text-label);white-space:nowrap}.kundenwert__pfad{--kundenwert-achse:1.8rem;--kundenwert-einzug:4.8rem;--kundenwert-rahmen:1px;padding:.5rem 0 2rem var(--kundenwert-einzug);gap:1.5rem;display:grid;position:relative}.kundenwert__pfad:before{top:1.7rem;bottom:3.5rem;left:var(--kundenwert-achse);background:linear-gradient(var(--forest), color-mix(in srgb, var(--forest) 18%, transparent));content:"";width:2px;position:absolute;transform:translate(-50%)}.kundenwert__stufe,.kundenwert__stichtag{border:var(--kundenwert-rahmen) solid var(--hairline);background:color-mix(in srgb, var(--paper) 94%, transparent);box-shadow:0 5px 18px color-mix(in srgb, var(--charcoal) 4%, transparent);border-radius:1rem;transition:border-color .15s,box-shadow .15s;position:relative}.kundenwert__stufe:hover,.kundenwert__stufe:focus-within,.kundenwert__stufe.is-selected,.kundenwert__stichtag:hover,.kundenwert__stichtag:focus-within,.kundenwert__stichtag.is-selected{border-color:var(--rose);box-shadow:0 10px 28px color-mix(in srgb, var(--charcoal) 8%, transparent)}.kundenwert__stufe:before,.kundenwert__stichtag:before{z-index:2;top:.9rem;left:calc(var(--kundenwert-achse) - var(--kundenwert-einzug) - var(--kundenwert-rahmen));border:2px solid var(--cream);background:var(--forest);width:1.75rem;height:1.75rem;box-shadow:0 0 0 1px var(--forest);color:var(--cream);content:attr(data-marker);border-radius:50%;place-items:center;font-size:.625rem;font-weight:700;transition:transform .15s;display:grid;position:absolute;transform:translate(-50%)}.kundenwert__stufe:hover:before,.kundenwert__stufe:focus-within:before,.kundenwert__stichtag:hover:before,.kundenwert__stichtag:focus-within:before{transform:translate(-50%)scale(1.12)}.kundenwert__stufe:after,.kundenwert__stichtag:after{top:1.75rem;left:calc(var(--kundenwert-achse) - var(--kundenwert-einzug) - var(--kundenwert-rahmen));width:calc(var(--kundenwert-einzug) - var(--kundenwert-achse) + var(--kundenwert-rahmen));background:var(--hairline);content:"";height:1px;position:absolute}.kundenwert__stufe>div>.kundenwert__ziel{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;padding:1.35rem 1.4rem;display:grid}.kundenwert__ziel{color:inherit;text-decoration:none}.kundenwert__eyebrow{color:var(--ink-muted);font-size:var(--text-label);letter-spacing:.1em;text-transform:uppercase;font-weight:600;display:block}.kundenwert__stufenname{font-size:var(--text-small);margin-top:.2rem;display:block}.kundenwert__stufe small,.kundenwert__stichtag small{color:var(--ink-muted);font-size:var(--text-label);margin-top:.35rem;display:block}.kundenwert__verbindung{min-height:4.5rem;margin-left:calc(0rem - var(--kundenwert-einzug));padding-left:var(--kundenwert-einzug);position:relative}.kundenwert__quote{z-index:5;top:50%;left:var(--kundenwert-einzug);position:absolute;transform:translateY(-50%)}.kundenwert__quote:before{width:calc(var(--kundenwert-einzug) - var(--kundenwert-achse));background:var(--hairline);content:"";height:1px;position:absolute;top:50%;right:100%}.kundenwert__quote>.kundenwert__ziel{border:1px solid var(--hairline);border-radius:var(--ecke-kapsel);background:var(--cream);font-size:var(--text-label);align-items:center;gap:.65rem;padding:.42rem .7rem;transition:border-color .15s,background .15s;display:flex}.kundenwert__quote:hover>.kundenwert__ziel,.kundenwert__quote:focus-within>.kundenwert__ziel,.kundenwert__quote.is-selected>.kundenwert__ziel{border-color:var(--rose);background:var(--paper)}.kundenwert__quote>.kundenwert__ziel b{color:var(--forest);font-size:var(--text-small)}.kundenwert__stichtag>header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 1.2rem .85rem;display:flex}.kundenwert__stichtag>header span{align-items:baseline;gap:.55rem;display:flex}.kundenwert__stichtag>header b{font-family:var(--font-display);font-size:1.3rem;font-weight:400}.kundenwert__stichtag>header small{margin:0}.kundenwert__stichtagwerte{grid-template-columns:1fr 1fr;display:grid}.kundenwert__stichtagwerte>div{flex-direction:column;display:flex;position:relative}.kundenwert__stichtagwerte>div+div{border-left:1px solid var(--hairline)}.kundenwert__stichtagwerte .kundenwert__ziel{flex:1;min-height:7.3rem;padding:1rem 1.2rem 1.15rem;transition:background .15s;display:block}.kundenwert__stichtagwerte>div:hover .kundenwert__ziel,.kundenwert__stichtagwerte>div:focus-within .kundenwert__ziel,.kundenwert__stichtagwerte>div.is-selected .kundenwert__ziel{background:linear-gradient(135deg, color-mix(in srgb, var(--sage) 32%, transparent), transparent)}.kundenwert__metrikname{color:var(--ink-muted);font-size:var(--text-label);display:block}.kundenwert__metrikwert{font-family:var(--font-display);margin-top:.25rem;font-size:1.65rem;font-weight:400;line-height:1.2;display:block}small.kundenwert__preliminary{border-radius:var(--ecke-kapsel);background:var(--sage-soft);width:fit-content;color:var(--forest);font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.3rem;margin-top:.45rem;padding:.3rem .55rem;font-weight:700;line-height:1;display:inline-flex}.kundenwert__quote small.kundenwert__preliminary{align-self:center;margin-top:0}.kundenwert__stufe:hover,.kundenwert__stichtag:hover,.kundenwert__quote:hover{z-index:101}.kundenwert__stufe:focus-within,.kundenwert__stichtag:focus-within,.kundenwert__quote:focus-within{z-index:100}.kundenwert__stichtagwerte>div:last-child .aufschluesselung{left:auto;right:0}.kundenwert__stufe>div:hover>.aufschluesselung,.kundenwert__quote:hover>.aufschluesselung,.kundenwert__stichtagwerte>div:hover>.aufschluesselung,.kundenwert__ziel:focus-visible+.aufschluesselung{visibility:visible;opacity:1;pointer-events:auto}.kundenwert__entwicklung{position:sticky;top:3rem}.kundenwert__entwicklung-panel{border:1px solid var(--hairline);background:color-mix(in srgb, var(--paper) 95%, transparent);box-shadow:0 18px 48px color-mix(in srgb, var(--charcoal) 9%, transparent);border-radius:1.4rem;overflow:hidden}.kundenwert__entwicklung-panel>header{padding:clamp(2rem,3.5vw,2.8rem) clamp(2rem,4vw,3.4rem) 1.7rem}.kundenwert__entwicklung-schliessen{z-index:2;border:1px solid var(--taupe-light);background:var(--paper);width:3rem;height:3rem;box-shadow:0 8px 24px color-mix(in srgb, var(--charcoal) 10%, transparent);color:var(--ink-muted);border-radius:50%;place-items:center;font-size:1.25rem;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s,background .15s,transform .15s;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.kundenwert__entwicklung-schliessen svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.75px;width:1.125rem;height:1.125rem}.kundenwert__entwicklung-schliessen:focus-visible{border-color:var(--rose);background:var(--rose);color:var(--charcoal);transform:translate(-50%,-50%)scale(1.06)}@media (hover:hover){.kundenwert__entwicklung-schliessen:hover{border-color:var(--rose);background:var(--rose);color:var(--charcoal);transform:translate(-50%,-50%)scale(1.06)}}.kundenwert__entwicklung-panel h2{margin:.3rem 0 .45rem;font-size:clamp(1.6rem,2.6vw,2.25rem)}.kundenwert__entwicklung-panel header p:last-child{max-width:29rem;color:var(--ink-muted);font-size:var(--text-label);margin:0}.kundenwert__diagramm{min-height:24rem;padding:.8rem clamp(1.4rem,3vw,2.8rem) 1rem}.kundenwert__diagramm .diagramm__leer{text-align:center;padding:8rem 2rem}.kundenwert__entwicklung-panel>footer{border-top:1px solid var(--hairline);color:var(--ink-muted);font-size:var(--text-label);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.15rem clamp(2rem,4vw,3.4rem) 1.35rem;display:flex}.kundenwert__legende{align-items:center;gap:1rem;display:flex}.kundenwert__legende span{align-items:center;gap:.4rem;display:inline-flex}.kundenwert__legende i{border-top:2px solid var(--forest);width:1.45rem}.kundenwert__legende .kundenwert__legende-trend{border-color:var(--rose);border-top-style:dashed}.karte--kundenwert>.herkunft{margin:3rem 0 0;padding:1rem 0 0}@media (max-width:76rem){.kundenwert__arbeitsflaeche{grid-template-columns:1fr}.kundenwert__arbeitsflaeche.has-detail .kundenwert__entwicklung{grid-row:1;position:relative}.kundenwert__arbeitsflaeche.has-detail .kundenwert__reise{grid-row:2;max-width:34rem}}@media (max-width:60rem){.kundenwert__steuerung,.kundenwert__entwicklung-panel>footer{flex-direction:column;align-items:stretch}.kundenwert__steuerung-rechts{align-self:flex-start}.kundenwert__reisekopf{flex-direction:column;align-items:flex-start;gap:.25rem}.kundenwert__reisekopf>span{white-space:normal}.kundenwert__stichtagwerte{grid-template-columns:1fr}.kundenwert__stichtagwerte>div+div{border-top:1px solid var(--hairline);border-left:0}.kundenwert__legende{flex-wrap:wrap}}.kundenstamm{flex-direction:column;gap:.9rem;display:flex}.kundenstamm__verlauf{border:1px solid var(--hairline);background:var(--paper);border-radius:1.25rem;padding:1.3rem clamp(1rem,2.5vw,1.6rem) 1.4rem}.kundenstamm__verlauf-titel{font-size:var(--text-subhead);font-family:var(--font-body);margin:0 0 .9rem;font-weight:600}.kundenstamm__legende{color:var(--ink-muted);font-size:var(--text-label);flex-wrap:wrap;gap:.4rem 1.1rem;margin:.6rem 0 0;display:flex}.kundenstamm__legende span{align-items:center;gap:.4rem;display:inline-flex}.kundenstamm__legende i{border-top:2px solid var(--forest);width:1.45rem}.kundenstamm__legende .kundenstamm__legende-trend{border-color:var(--rose);border-top-style:dashed}.zusammensetzung{--zusammensetzung-wellpass:var(--forest);--zusammensetzung-selbstzahler:color-mix(in srgb, var(--forest) 42%, var(--sage));--zusammensetzung-nur-probe:color-mix(in srgb, var(--taupe) 55%, var(--paper));--zusammensetzung-monat:8.5rem;--zusammensetzung-luft:1.4rem;--zusammensetzung-wert:3.2rem;flex-direction:column;gap:2.5rem;display:flex}.zusammensetzung__herkunft{max-width:80rem}.zusammensetzung__kopf{border-bottom:1px solid color-mix(in srgb, var(--rose) 45%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;margin-bottom:1.6rem;padding-bottom:.9rem;display:flex}.zusammensetzung__kopf h2{margin:0;font-size:1.4rem}.zusammensetzung__legende{color:var(--ink-muted);font-size:var(--text-label);flex-wrap:wrap;gap:.35rem 1.15rem;margin:0;display:flex}.zusammensetzung__legende span{align-items:center;gap:.4rem;display:inline-flex}.zusammensetzung__legende b{color:var(--charcoal);font-variant-numeric:tabular-nums}.zusammensetzung__punkt{border-radius:3px;width:.7rem;height:.7rem}.zusammensetzung__liste{margin:0;padding:0;list-style:none}.zusammensetzung__liste>li+li{margin-top:.3rem}.zusammensetzung__reihe{grid-template-columns:var(--zusammensetzung-monat) minmax(0, 1fr) var(--zusammensetzung-wert);align-items:center;gap:var(--zusammensetzung-luft);color:inherit;border-radius:.85rem;padding:.95rem .9rem 1rem;text-decoration:none;transition:background .15s,box-shadow .15s;display:grid}.zusammensetzung__reihe:hover{background:color-mix(in srgb, var(--sage) 18%, #fff);box-shadow:inset 0 0 0 1px var(--rose)}.zusammensetzung__reihe.is-selected{background:var(--sage-soft)}.zusammensetzung__monat{font-family:var(--font-display);flex-direction:column;gap:.05rem;font-size:1.05rem;line-height:1.2;display:flex}.zusammensetzung__monat small{color:var(--ink-muted);font-family:var(--font-body);font-size:var(--text-label)}.zusammensetzung__spur{border-radius:var(--ecke-kapsel);background:color-mix(in srgb, var(--taupe) 10%, transparent);gap:2px;height:.95rem;display:flex;position:relative}.zusammensetzung__segment{width:var(--anteil);min-width:3px;height:100%;animation:rangliste-wachsen .5s var(--ease-out) both;display:block}.zusammensetzung__segment:first-of-type{border-radius:999px 0 0 999px}.zusammensetzung__segment:last-of-type{border-radius:0 999px 999px 0}.zusammensetzung__segment--wellpass,.zusammensetzung__punkt--wellpass{background:var(--zusammensetzung-wellpass)}.zusammensetzung__segment--selbstzahler,.zusammensetzung__punkt--selbstzahler{background:var(--zusammensetzung-selbstzahler)}.zusammensetzung__segment--nur-probe,.zusammensetzung__punkt--nur-probe{background:var(--zusammensetzung-nur-probe)}.zusammensetzung__reihe:hover .aufschluesselung,.zusammensetzung__reihe:focus-visible .aufschluesselung,.zusammensetzung__knoten:hover .aufschluesselung{visibility:visible;opacity:1}.zusammensetzung__liste>li:nth-last-child(-n+2) .zusammensetzung__reihe .aufschluesselung,.zusammensetzung__knoten--jetzt .aufschluesselung{top:auto;bottom:calc(100% + .45rem)}.zusammensetzung .aufschluesselung__zeile>span{align-items:center;gap:.45rem;display:inline-flex}.zusammensetzung__wert{font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:1.5rem;line-height:1}.zusammensetzung__panel{z-index:4;border:1px solid var(--hairline);background:color-mix(in srgb, var(--sage) 13%, var(--paper));border-radius:1rem;margin:.5rem 0 1.5rem;position:relative}.zusammensetzung__panel>header{padding:1.5rem 1.6rem 1.1rem}.zusammensetzung__panel-eyebrow{color:var(--ink-muted);display:block}.zusammensetzung__panel h3{font-family:var(--font-display);margin:.25rem 0 .4rem;font-size:1.25rem;font-weight:400}.zusammensetzung__panel header p{max-width:36rem;color:var(--ink-muted);font-size:var(--text-small);margin:0}.zusammensetzung__verlauf{margin:0;padding:1.1rem 1.6rem 1.7rem;list-style:none;position:relative}.zusammensetzung__verlauf:before{top:1.9rem;bottom:2.4rem;left:calc(1.6rem + var(--zusammensetzung-monat) + var(--zusammensetzung-luft) - .7rem);background:color-mix(in srgb, var(--rose) 60%, transparent);content:"";width:1px;position:absolute}.zusammensetzung__knoten{grid-template-columns:var(--zusammensetzung-monat) minmax(0, 1fr) var(--zusammensetzung-wert);align-items:center;gap:var(--zusammensetzung-luft);border-radius:.85rem;margin-inline:-.9rem;padding:.5rem .9rem;transition:background .15s,box-shadow .15s;display:grid;position:relative}.zusammensetzung__knoten:hover{background:color-mix(in srgb, var(--sage) 22%, #fff);box-shadow:inset 0 0 0 1px var(--rose)}.zusammensetzung__knoten+.zusammensetzung__knoten{margin-top:1.1rem}.zusammensetzung__schritt{top:-1.3rem;left:calc(.9rem + var(--zusammensetzung-monat) + var(--zusammensetzung-luft));border:1px solid var(--hairline);border-radius:var(--ecke-kapsel);background:var(--paper);color:var(--ink-muted);font-size:var(--text-label);font-variant-numeric:tabular-nums;padding:.1rem .5rem;font-weight:700;line-height:1.5;position:absolute}.zusammensetzung__schritt--auf{border-color:color-mix(in srgb, var(--forest) 35%, transparent);background:var(--sage-soft);color:var(--success)}.zusammensetzung__knoten-monat{color:var(--ink-muted);font-size:var(--text-small)}.zusammensetzung__knoten-spur{height:.8rem}.zusammensetzung__knoten-wert{font-family:var(--font-display);color:var(--ink-muted);font-variant-numeric:tabular-nums;text-align:right;font-size:1.15rem}.zusammensetzung__knoten--jetzt .zusammensetzung__knoten-monat{color:var(--charcoal);font-weight:600}.zusammensetzung__knoten--jetzt .zusammensetzung__knoten-wert{color:var(--charcoal);font-size:1.4rem}@media (prefers-reduced-motion:reduce){.zusammensetzung__segment{animation:none}}@media (max-width:60rem){.zusammensetzung{--zusammensetzung-monat:5.6rem;--zusammensetzung-luft:.8rem;--zusammensetzung-wert:2.6rem}.zusammensetzung__monat{font-size:.95rem}.zusammensetzung__wert{font-size:1.25rem}.zusammensetzung__verlauf{padding-inline:1rem}.zusammensetzung__verlauf:before{left:calc(1rem + var(--zusammensetzung-monat) + var(--zusammensetzung-luft) - .4rem)}}.rhythmus{--rhythmus-einmal:var(--sage);--rhythmus-zweimal:color-mix(in srgb, var(--forest) 26%, var(--sage));--rhythmus-woechentlich:color-mix(in srgb, var(--forest) 68%, var(--sage));--rhythmus-oft:var(--forest);--rhythmus-monat:7.5rem;--rhythmus-luft:1.2rem;--rhythmus-schnitt:5.5rem;--rhythmus-zahl:4rem;--rhythmus-rand:.7rem;flex-direction:column;gap:2.75rem;display:flex}.rhythmus__verteilung{z-index:2;position:relative}.rhythmus__kopf{border-bottom:1px solid color-mix(in srgb, var(--rose) 45%, transparent);margin-bottom:1.5rem;padding-bottom:.9rem}.rhythmus__kopf h2{margin:0;font-size:1.4rem}.rhythmus__balken{background:color-mix(in srgb, var(--taupe) 10%, transparent);border-radius:.6rem;gap:2px;height:3.4rem;display:flex}.rhythmus__segment{width:var(--anteil);min-width:3px;animation:rangliste-wachsen .5s var(--ease-out) both;justify-content:center;align-items:center;transition:box-shadow .15s;display:flex;position:relative}.rhythmus__segment:first-child{border-radius:.6rem 0 0 .6rem}.rhythmus__segment:last-child{border-radius:0 .6rem .6rem 0}.rhythmus__wert{font-variant-numeric:tabular-nums;align-items:baseline;gap:.4rem;display:inline-flex}.rhythmus__wert b{font-size:1.05rem;font-weight:600}.rhythmus__wert span{font-size:var(--text-label);opacity:.72}.rhythmus__segment:hover{box-shadow:inset 0 0 0 2px var(--rose)}.rhythmus__segment:hover,.rhythmus__segment:focus-visible{z-index:2}.rhythmus__segment:last-child .aufschluesselung{left:auto;right:0}.rhythmus__segment--einmal{background:var(--rhythmus-einmal);color:var(--charcoal)}.rhythmus__segment--zweimal{background:var(--rhythmus-zweimal);color:var(--charcoal)}.rhythmus__segment--woechentlich{background:var(--rhythmus-woechentlich);color:var(--cream)}.rhythmus__segment--oft{background:var(--rhythmus-oft);color:var(--cream)}.rhythmus__punkt{border-radius:3px;flex:none;width:.7rem;height:.7rem}.rhythmus__punkt--einmal{background:var(--rhythmus-einmal)}.rhythmus__punkt--zweimal{background:var(--rhythmus-zweimal)}.rhythmus__punkt--woechentlich{background:var(--rhythmus-woechentlich)}.rhythmus__punkt--oft{background:var(--rhythmus-oft)}.rhythmus__legende{gap:2px;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.rhythmus__legende li{width:var(--anteil);min-width:0;font-size:var(--text-small);white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.rhythmus__schalter{border:1px solid color-mix(in srgb, var(--forest) 22%, transparent);border-radius:var(--ecke-kapsel);background:var(--sage-soft);width:fit-content;color:var(--forest);align-items:center;gap:.55rem;margin:2.25rem auto 0;padding:.75rem 1.5rem .75rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s;display:flex}.rhythmus__schalter svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem;transition:transform .2s}@media (hover:hover){.rhythmus__schalter:hover{background:color-mix(in srgb, var(--sage) 55%, var(--paper));box-shadow:inset 0 0 0 1px var(--rose)}}.rhythmus__schalter.is-selected svg{transform:rotate(180deg)}.rhythmus__panel{z-index:1;border:1px solid var(--hairline);background:color-mix(in srgb, var(--sage) 13%, var(--paper));border-radius:1rem;position:relative}.rhythmus__panel>header{padding:1.5rem 1.6rem 1.4rem}.rhythmus__panel-eyebrow{color:var(--ink-muted);display:block}.rhythmus__panel h3{font-family:var(--font-display);margin:.15rem 0 0;font-size:1.25rem;font-weight:400}.rhythmus__tabelle{padding:0 1.6rem 1.6rem}.rhythmus__spaltenkopf{grid-template-columns:var(--rhythmus-monat) minmax(0, 1fr) var(--rhythmus-schnitt) var(--rhythmus-zahl) var(--rhythmus-zahl);gap:var(--rhythmus-luft);color:var(--ink-muted);font-size:var(--text-label);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .55rem;font-weight:600;display:grid}.rhythmus__spaltenkopf span:nth-child(n+3){text-align:right}.rhythmus__achse{position:relative}.rhythmus__baender{top:0;right:calc(var(--rhythmus-schnitt) + var(--rhythmus-zahl) * 2 + var(--rhythmus-luft) * 3);bottom:0;left:calc(var(--rhythmus-monat) + var(--rhythmus-luft));animation:rhythmus-aufziehen .62s var(--ease-out) both;border-radius:.5rem;position:absolute;overflow:hidden}.rhythmus__baender svg{width:100%;height:100%;display:block}.rhythmus__flaeche--einmal{fill:var(--rhythmus-einmal)}.rhythmus__flaeche--zweimal{fill:var(--rhythmus-zweimal)}.rhythmus__flaeche--woechentlich{fill:var(--rhythmus-woechentlich)}.rhythmus__flaeche--oft{fill:var(--rhythmus-oft)}.rhythmus__monate{z-index:1;margin:0;padding:0;list-style:none;position:relative}.rhythmus__zeile{grid-template-columns:var(--rhythmus-monat) minmax(0, 1fr) var(--rhythmus-schnitt) var(--rhythmus-zahl) var(--rhythmus-zahl);height:var(--rhythmus-zeile);align-items:center;gap:var(--rhythmus-luft);margin-inline:calc(var(--rhythmus-rand) * -1);padding-inline:var(--rhythmus-rand);border-radius:.5rem;transition:box-shadow .15s;display:grid;position:relative}.rhythmus__zeile:hover{box-shadow:inset 0 0 0 1px var(--rose)}.rhythmus__zeile:hover,.rhythmus__zeile:focus-visible{z-index:2}.rhythmus__monat{font-family:var(--font-display);flex-direction:column;align-items:flex-start;gap:.2rem;font-size:1rem;line-height:1.2;display:flex}.rhythmus__monat small{border-radius:var(--ecke-kapsel);background:color-mix(in srgb, var(--rose) 55%, transparent);color:var(--charcoal);font-family:var(--font-body);letter-spacing:.04em;padding:.05rem .45rem;font-size:.65rem;font-weight:600}.rhythmus__spur{height:100%;position:relative}.rhythmus__schnitt{flex-direction:column;gap:.35rem;display:flex}.rhythmus__schnitt b{font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;font-size:1.15rem;font-weight:400;line-height:1}.rhythmus__schnitt i{border-radius:var(--ecke-kapsel);background:color-mix(in srgb, var(--taupe) 16%, transparent);height:3px;display:block;position:relative}.rhythmus__schnitt i:before{width:var(--anteil);border-radius:var(--ecke-kapsel);background:color-mix(in srgb, var(--forest) 55%, transparent);content:"";position:absolute;inset:0 auto 0 0}.rhythmus__zahl{color:var(--ink-muted);font-size:var(--text-small);font-variant-numeric:tabular-nums;text-align:right}.rhythmus__skala{margin:.6rem calc(var(--rhythmus-schnitt) + var(--rhythmus-zahl) * 2 + var(--rhythmus-luft) * 3) 0 calc(var(--rhythmus-monat) + var(--rhythmus-luft));color:var(--ink-muted);font-size:var(--text-label);justify-content:space-between;display:flex}.rhythmus .aufschluesselung__zeile>span{align-items:center;gap:.45rem;display:inline-flex}.rhythmus__zeile:hover .aufschluesselung,.rhythmus__zeile:focus-visible .aufschluesselung,.rhythmus__segment:hover .aufschluesselung,.rhythmus__segment:focus-visible .aufschluesselung{visibility:visible;opacity:1}.rhythmus__monate>li:nth-last-child(-n+2) .aufschluesselung{top:auto;bottom:calc(100% + .45rem)}@keyframes rhythmus-aufziehen{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.rhythmus__segment,.rhythmus__baender{animation:none}}@media (max-width:60rem){.rhythmus{--rhythmus-monat:5.4rem;--rhythmus-luft:.7rem;--rhythmus-schnitt:4rem;--rhythmus-zahl:2.8rem;--rhythmus-rand:.5rem}.rhythmus__legende{flex-wrap:wrap;gap:.5rem 1.4rem}.rhythmus__legende li{white-space:normal;width:auto}.rhythmus__tabelle{padding:0 1rem 1.2rem}.rhythmus__panel>header{padding:1.2rem 1rem 1rem}.rhythmus__monat{font-size:.9rem}.rhythmus__schnitt b{font-size:1rem}}.sticky{--sticky-name:minmax(10rem, 18rem);--sticky-wert:6.5rem;--sticky-luft:1.5rem;--sticky-rand:.8rem;flex-direction:column;gap:2.5rem;display:flex}.sticky__kopf{border-bottom:1px solid color-mix(in srgb, var(--rose) 45%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;padding-bottom:1.1rem;display:flex}.sticky__eyebrow{color:var(--ink-muted);display:block}.sticky__kopf h2{margin:.25rem 0 0;font-size:1.4rem}.sticky__zeitraum{color:var(--ink-muted);font-size:var(--text-small);margin:.5rem 0 0}.sticky__schnitt{border-radius:var(--ecke-kapsel);background:color-mix(in srgb, var(--rose) 16%, transparent);color:var(--ink-muted);font-size:var(--text-small);white-space:nowrap;align-items:center;gap:.55rem;margin:0;padding:.4rem .95rem .4rem .75rem;display:inline-flex}.sticky__schnitt i{border-radius:var(--ecke-kapsel);background:var(--rose);width:3px;height:1.05rem}.sticky__schnitt b{color:var(--charcoal);font-variant-numeric:tabular-nums;font-weight:600}.sticky__liste,.sticky__duenn-liste{margin:0;padding:0;list-style:none}.sticky__liste>li+li,.sticky__duenn-liste>li+li{margin-top:.2rem}.sticky__zeile{grid-template-columns:var(--sticky-name) minmax(0, 1fr) var(--sticky-wert);align-items:center;gap:var(--sticky-luft);margin-inline:calc(var(--sticky-rand) * -1);padding:.75rem var(--sticky-rand);border-radius:.6rem;transition:box-shadow .15s;display:grid;position:relative}.sticky__zeile:hover{box-shadow:inset 0 0 0 1px var(--rose)}.sticky__zeile:hover,.sticky__zeile:focus-visible{z-index:2}.sticky__kurs{flex-direction:column;gap:.2rem;min-width:0;display:flex}.sticky__name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;line-height:1.2;overflow:hidden}.sticky__wann{color:var(--ink-muted);font-size:var(--text-label);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.35rem;line-height:1.3;display:flex}.sticky__wechselnd{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in srgb, var(--taupe) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--taupe) 60%, transparent);text-underline-offset:3px}.sticky__zeile:hover .sticky__wechselnd,.sticky__zeile:focus-visible .sticky__wechselnd{-webkit-text-decoration-color:var(--rose);text-decoration-color:var(--rose);text-decoration-thickness:2px}.sticky__spur{border-radius:var(--ecke-kapsel);background:color-mix(in srgb, var(--sage) 40%, transparent);height:.85rem;position:relative}.sticky__balken{width:var(--anteil);border-radius:var(--ecke-kapsel);background:var(--forest);height:100%;animation:rangliste-wachsen .5s var(--ease-out) both;display:block}.sticky__marke{top:-.25rem;bottom:-.25rem;left:var(--haus);border-radius:var(--ecke-kapsel);background:var(--rose);width:2px;margin-left:-1px;position:absolute}.sticky__wert{flex-direction:column;align-items:flex-end;gap:.1rem;display:flex}.sticky__wert b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:400;line-height:1}.sticky__wert span{color:var(--ink-muted);font-size:var(--text-label);font-variant-numeric:tabular-nums}.sticky__duenn{border-top:1px solid var(--hairline);padding-top:1.6rem}.sticky__duenn-kopf{color:var(--ink-muted);margin:0;display:block}.sticky__duenn-text{max-width:44rem;color:var(--ink-muted);font-size:var(--text-small);margin:.4rem 0 1.1rem}.sticky__zeile--duenn{padding:.55rem var(--sticky-rand)}.sticky__balken--duenn{background-color:#0000;background-image:repeating-linear-gradient(135deg, color-mix(in srgb, var(--forest) 45%, transparent) 0 3px, color-mix(in srgb, var(--forest) 14%, transparent) 3px 6px)}.sticky__zeile--duenn .sticky__marke{background:color-mix(in srgb, var(--rose) 55%, transparent)}.sticky__wenig{color:var(--ink-muted);font-size:var(--text-small);font-variant-numeric:tabular-nums;white-space:nowrap}.sticky__zeile:hover .aufschluesselung,.sticky__zeile:focus-visible .aufschluesselung{visibility:visible;opacity:1}.sticky__duenn-liste>li:nth-last-child(-n+2) .aufschluesselung{top:auto;bottom:calc(100% + .45rem)}@media (prefers-reduced-motion:reduce){.sticky__balken{animation:none}}@media (max-width:60rem){.sticky{--sticky-luft:.9rem;--sticky-rand:.5rem;--sticky-wert:auto}.sticky__zeile{grid-template-columns:minmax(0,1fr) auto;row-gap:.55rem}.sticky__kurs{grid-area:1/1}.sticky__wert{grid-area:1/2}.sticky__spur{grid-area:2/1/auto/-1}.sticky__name{white-space:normal}}.herkunft{margin:1.25rem calc(var(--karte-pad) * -1) -.4rem;padding:.9rem var(--karte-pad) 0;border-top:1px solid var(--hairline);color:var(--ink-muted);font-size:var(--text-small);flex-wrap:wrap;gap:.4rem 1.1rem;display:flex}.herkunft b{color:color-mix(in srgb, var(--charcoal) 80%, transparent);font-weight:600}@media (max-width:60rem){.karten,.auslastung{grid-template-columns:1fr}}
@property --probe-zahl{syntax:"<integer>";inherits:false;initial-value:0}.karte--probe{background:0 0;border:0;padding:0}.karte--probe>.herkunft{margin-top:3rem}.probe{--probe-wieder:var(--forest);--probe-weg:color-mix(in srgb, var(--taupe) 55%, transparent);--probe-offen:color-mix(in srgb, var(--forest) 30%, transparent);--punkt:.62rem;max-width:52rem}.probe-paar{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.probe-feld{background:var(--sage-soft);border:1px solid #0000;border-radius:.9rem;flex-direction:column;padding:1.75rem 2rem;display:flex}.probe-feld--offen{border:1px dashed color-mix(in srgb, var(--taupe) 40%, transparent);background:0 0}.probe-feld .label{color:var(--ink-muted);font-family:var(--font-body);align-items:center;gap:.5rem;margin:0;display:flex}.probe-feld__name--neu:before{content:"";background:var(--rose);border-radius:50%;width:.45rem;height:.45rem}.probe-feld__zahl{font-family:var(--font-display);font-variation-settings:"opsz" 144;font-variant-numeric:tabular-nums;align-items:baseline;margin:1.1rem 0 1.25rem;font-size:clamp(3.2rem,6vw,4.5rem);font-weight:300;line-height:1;display:flex}.probe-zaehler{--probe-zahl:var(--ziel);counter-reset:probe-zahl var(--probe-zahl)}.probe-zaehler:after{content:counter(probe-zahl)}.probe-feld__prozent{margin-left:.12em;font-size:.45em}.probe-feld--offen .probe-feld__zahl{color:color-mix(in srgb, var(--charcoal) 38%, transparent);padding:.6rem 0 .35rem;font-size:clamp(2.1rem,4vw,2.9rem);font-style:italic}.probe-vorlesen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.punkte{grid-template-columns:repeat(25,minmax(0,1fr));gap:.3rem;display:grid}.punkte .punkt{aspect-ratio:1;width:100%;height:auto}.punkt{width:var(--punkt);height:var(--punkt);border-radius:50%;flex:none;display:inline-block}.punkt--wieder{background:var(--probe-wieder)}.punkt--weg{box-shadow:inset 0 0 0 1.25px var(--probe-weg)}.punkt--offen{background:var(--probe-offen)}.probe-feld__legende{font-size:var(--text-small);color:var(--charcoal);flex-wrap:wrap;gap:.3rem 1.1rem;margin:.9rem 0 0;padding:0;list-style:none;display:flex}.probe-feld__legende li{align-items:center;gap:.45rem;display:flex}.probe-feld__legende .punkt{--punkt:.55rem}.probe-feld__zeit{font-size:var(--text-small);color:color-mix(in srgb, var(--charcoal) 42%, transparent);margin:auto 0 0;padding-top:1rem}.probe-fakten{flex-wrap:wrap;gap:1rem 3rem;margin:2.25rem 0 0;padding:0 .25rem;display:flex}.probe-fakten div{flex-direction:column-reverse;display:flex}.probe-fakten dt{font-size:var(--text-small);color:var(--ink-muted)}.probe-fakten dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:1.4rem}.probe-abschnitt{margin-top:5.5rem}.probe-abschnitt h2{margin:0 0 1.5rem;font-size:1.35rem}.probe-nutzung{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.probe-nutzung__karte{border:1px solid var(--hairline);border-radius:.9rem;flex-direction:column;gap:.2rem;padding:1.2rem 1.3rem 1.3rem;display:flex}.probe-nutzung__karte--meist{background:var(--sage-soft);border-color:#0000}.probe-nutzung__karte .stempel{margin-bottom:.9rem}.probe-nutzung__zahl{font-family:var(--font-display);font-variation-settings:"opsz" 144;font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:300;line-height:1}.probe-nutzung__text{font-size:var(--text-small);color:var(--ink-muted);justify-content:space-between;gap:.5rem;display:flex}.probe-nutzung__text small{font-size:inherit;font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--charcoal) 42%, transparent)}.stempel{border:1px solid var(--hairline);background:var(--paper);border-radius:.35rem;align-self:flex-start;gap:.25rem;padding:.3rem .4rem;display:inline-flex}.stempel i{width:.62rem;height:.62rem;box-shadow:inset 0 0 0 1px var(--probe-weg);border-radius:50%}.stempel i.stempel__voll{background:var(--probe-wieder);box-shadow:none}.probe-monate{gap:2.75rem;display:grid}.probe-monate__gruppe ol{margin:0;padding:0;list-style:none}.probe-monat{font-size:var(--text-small);font-variant-numeric:tabular-nums;border-radius:.5rem;grid-template-columns:8rem minmax(0,1fr) 11rem 4rem;align-items:center;gap:1.5rem;padding:.7rem .75rem;display:grid}.probe-monate__gruppe li+li{border-top:1px solid var(--hairline)}@media (hover:hover){.probe-monat:not(.probe-monat--kopf):hover{background:var(--sage-soft)}.probe-monat:not(.probe-monat--kopf):hover+li{border-top-color:#0000}}.probe-monat--kopf{border-bottom:1px solid color-mix(in srgb, var(--taupe) 35%, transparent);border-radius:0;padding-bottom:.6rem}.probe-monat--kopf h3{font-family:var(--font-display);grid-column:span 2;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:400;display:flex}.probe-monat--kopf .label{text-align:right;color:color-mix(in srgb, var(--charcoal) 42%, transparent)}.probe-monat__name{color:var(--charcoal)}.probe-monat__anzahl{text-align:right;color:var(--ink-muted)}.probe-monat__quote{text-align:right;font-family:var(--font-display);font-size:1.15rem}.probe-monat__quote i{color:color-mix(in srgb, var(--charcoal) 38%, transparent);font-size:1rem}.probe-balken{border-radius:var(--ecke-kapsel);gap:2px;height:.5rem;display:flex;overflow:hidden}.probe-balken__teil{flex-basis:0}.probe-balken__teil--cameBack{background:var(--probe-wieder)}.probe-balken__teil--gone{background:color-mix(in srgb, var(--taupe) 16%, transparent)}.probe-balken__teil--running{background:var(--probe-offen)}@media (prefers-reduced-motion:no-preference){.probe-zaehler{animation:probe-zaehlen 1.3s var(--ease-out) .15s both}.punkt[style]{animation:probe-auftauchen .5s var(--ease-spring) calc(.2s + var(--i) * 14ms) both}.punkt--offen[style]{animation:probe-auftauchen .5s var(--ease-spring) calc(.2s + var(--i) * 14ms) both, probe-atmen 5.2s ease-in-out calc(1.2s + var(--i) * 90ms) infinite}}@keyframes probe-zaehlen{0%{--probe-zahl:0}}@keyframes probe-auftauchen{0%{transform:scale(0)}}@keyframes probe-atmen{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:40rem){.probe-paar{grid-template-columns:minmax(0,1fr);gap:1rem}.probe-feld{padding:1.4rem 1.5rem 1.5rem}.probe-nutzung{grid-template-columns:repeat(2,minmax(0,1fr))}.probe-monat{grid-template-columns:minmax(0,1fr) auto 3.5rem;gap:.4rem 1rem}.probe-balken{grid-area:2/1/auto/-1}.probe-monat--kopf h3{grid-column:auto}.probe-abschnitt{margin-top:4rem}}
.akarten{grid-template-columns:repeat(auto-fill,minmax(13.5rem,17rem));gap:1.35rem;margin-top:2rem;display:grid}.akarte{color:inherit;background:var(--paper);border:1px solid var(--hairline);border-radius:1rem;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;container-type:inline-size}@media (hover:hover){.akarte:hover{border-color:color-mix(in srgb, var(--rose) 80%, transparent);box-shadow:0 18px 34px -18px color-mix(in srgb, var(--charcoal) 40%, transparent), 0 0 40px -2px color-mix(in srgb, var(--rose) 90%, transparent);transform:translateY(-5px)}}.akarte__buehne{aspect-ratio:4/5;isolation:isolate;border-radius:.85rem .85rem 0 0;position:relative;overflow:hidden}.akarte__lage{transition:transform .35s var(--ease-out);will-change:transform;position:absolute;inset:0}.akarte__lage img{width:100%;height:100%;display:block}.akarte__bg{z-index:1}.akarte__bg img{object-fit:cover;transform:scale(1.08)}.akarte__mid{z-index:2}.akarte__mid img{object-fit:contain;object-position:bottom;transition:transform .35s var(--ease-out);transform-origin:bottom}.akarte__wort{z-index:3;pointer-events:none;justify-content:center;align-items:center;height:20%;padding:0 .95rem;display:flex;bottom:auto}.akarte__wort .label{white-space:nowrap;text-align:center;color:color-mix(in srgb, var(--charcoal) 80%, transparent);font-size:clamp(.85rem,7cqi,1.2rem);line-height:1.2;transition:color .26s}@media (hover:hover){.akarte:hover .akarte__wort .label{color:var(--forest)}}.akarte__bueste{z-index:4}.akarte__bueste img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 16px color-mix(in srgb, var(--taupe) 35%, transparent));transition:transform .35s var(--ease-out);transform-origin:bottom}@media (hover:hover){.akarte:hover .akarte__bueste img{transform:scale(1.04)}.akarte:hover .akarte__mid img{transform:scale(1.055)}}.akarte__schild{z-index:5;text-align:center;border:1px solid var(--hairline);box-shadow:0 6px 14px -8px color-mix(in srgb, var(--charcoal) 45%, transparent);transition:transform .35s var(--ease-out);background:#fff;border-radius:.6rem;margin:-1.75rem .95rem 0;padding:.4rem .75rem .5rem;position:relative}.akarte__name{font-family:var(--font-display);font-size:1.6rem;line-height:1.05;transition:color .26s;display:block}@media (hover:hover){.akarte:hover .akarte__name{color:var(--forest)}}.akarte__text{flex-direction:column;gap:.6rem;padding:.8rem 1rem 1.05rem;display:flex}.akarte__tagline{font-size:var(--text-small);margin:0;line-height:1.45}.akarte__koennen{border-top:1px solid var(--hairline);flex-direction:column;gap:.35rem;margin:0;padding:.65rem 0 0;list-style:none;display:flex}.akarte__koennen li{font-size:var(--text-small);color:var(--ink-muted);padding-left:.85rem;line-height:1.4;position:relative}.akarte__koennen li:before{content:"";background:var(--rose);border-radius:50%;width:4px;height:4px;position:absolute;top:.62em;left:0}.achat__leiste{align-items:center;gap:.9rem;margin-bottom:1rem;display:flex}.achat__name{font-family:var(--font-display);font-size:var(--text-section);line-height:1}.achat__rahmen{border:1px solid var(--hairline);background:#fff;border-radius:.75rem;height:calc(100dvh - 11rem);min-height:28rem;overflow:hidden}.achat__rahmen iframe{border:0;width:100%;height:100%;display:block}.achat__rahmen--leer{background:var(--paper);color:var(--ink-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex}.achat__rahmen--leer p{margin:0}@media (max-width:30rem){.akarten{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.akarte,.akarte__lage,.akarte__schild,.akarte__bueste img,.akarte__mid img{transition:none}.akarte:hover,.akarte:hover .akarte__bueste img,.akarte:hover .akarte__mid img{transform:none}}
.anbindungen__abschnitt{margin-top:2.25rem}.anbindungen__liste{flex-direction:column;gap:.9rem;display:flex}.anbindung{border:1px solid var(--hairline);background:var(--paper);border-radius:1.25rem;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem 1.35rem;display:flex}.anbindung__kopf{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.anbindung__name{margin:0}.anbindung__mail{color:var(--ink-muted);font-size:var(--text-small);overflow-wrap:anywhere;margin:.15rem 0 0}.anbindung__aktionen{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.anbindung__rechts{flex-wrap:wrap;align-items:center;gap:.75rem;margin-left:auto;display:inline-flex}.anbindung__weg{color:var(--danger)}.anbindungen__adresse{overflow-wrap:anywhere;margin:-.25rem 0 .9rem}
.agent__karte{flex-direction:column;gap:1rem;max-width:38rem;display:flex}.agent__punkte{flex-direction:column;gap:.5rem;margin:0;padding-left:1.1rem;display:flex}.agent__aktionen{align-items:center;gap:1.25rem;display:flex}
body:has(.login) .leiste{display:none}.login{justify-items:center;padding-top:clamp(2.5rem,12vh,7rem);display:grid}.login__karte{--karte-pad:2rem;width:min(100%,26rem);padding:2.25rem var(--karte-pad) 2rem;border-radius:var(--ecke-karte);margin:0}.login__karte h1{margin:0}.login__karte{--strich-verzug:.85s;animation:login-ausatmen 1.5s var(--ease-out) .1s both}@keyframes login-ausatmen{0%{opacity:0;filter:blur(8px);scale:1.04}}.login .login__karte h1[data-titel]:after{clip-path:none;animation:login-tinte 1.5s var(--strich-verzug) var(--ease-in-out) forwards;-webkit-mask:linear-gradient(90deg,#000 42%,#0000 58%) 100% 0/250% 100% no-repeat;mask:linear-gradient(90deg,#000 42%,#0000 58%) 100% 0/250% 100% no-repeat}@keyframes login-tinte{to{-webkit-mask-position:0 0;mask-position:0 0}}.login__wort{animation:login-wort 1.1s var(--ease-out) both;animation-delay:calc(1.15s + var(--i) * .11s);display:inline-block}@keyframes login-wort{0%{opacity:0;filter:blur(4px);translate:0 -.3em}}.login[data-taucht-ein] .login__karte{animation:login-eintauchen .9s var(--ease-in-out) forwards}@keyframes login-eintauchen{to{opacity:0;filter:blur(10px);scale:1.06}}.login[data-taucht-ein] .login__schein{animation:login-verblassen 1.2s var(--ease-in-out) forwards}@keyframes login-verblassen{to{opacity:0}}.login__schein{top:0;left:var(--nav-w);z-index:-1;pointer-events:none;opacity:.8;animation:login-aufhellen 2.4s var(--ease-out) both;position:fixed;bottom:0;right:0;overflow:hidden}@keyframes login-aufhellen{0%{opacity:0}}.login__flaeche{left:var(--kx,50%);top:var(--ky,35%);width:var(--kw,26rem);height:var(--kh,20rem);border-radius:var(--ecke-karte);box-shadow:0 0 4rem .5rem color-mix(in srgb, var(--sage) 50%, transparent);position:absolute}.login__lauf{--rand:1.4rem;inset:calc(-1 * var(--rand));border-radius:calc(var(--ecke-karte) + var(--rand));filter:blur(1rem);position:absolute;overflow:hidden}.login__lauf>i{aspect-ratio:1;background:conic-gradient(from var(--ab), transparent 0deg, color-mix(in srgb, color-mix(in srgb, var(--sage) 90%, var(--forest)) 80%, transparent) 30deg, transparent 60deg);width:250%;animation:login-lauf 14s linear infinite, login-flackern var(--takt) var(--ease-in-out) var(--vorlauf) infinite alternate;position:absolute;top:50%;left:50%;translate:-50% -50%}.login__lauf>i:first-child{--ab:0deg;--takt:4.7s;--vorlauf:-1.3s}.login__lauf>i:nth-child(2){--ab:120deg;--takt:6.1s;--vorlauf:-4.2s}.login__lauf>i:nth-child(3){--ab:240deg;--takt:5.3s;--vorlauf:-2.6s}@keyframes login-lauf{to{rotate:1turn}}@keyframes login-flackern{to{opacity:.35}}.anmelden{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.anmelden__form{flex-direction:column;gap:1rem;display:flex}.login__inhalt{display:flow-root}.anmelden__begruessung{color:var(--ink-muted);margin:0}.login__inhalt>.anmelden__begruessung{margin-top:1.25rem}.anmelden__input{border-radius:var(--ecke-flaeche);font-size:max(1rem, var(--text-body));padding:.7rem .85rem}.setzfeld{position:relative}.setzfeld__input{color:#0000;-webkit-text-fill-color:transparent;caret-color:var(--charcoal);font-kerning:none;font-variant-ligatures:none}.setzfeld__input:-webkit-autofill{color:#0000;-webkit-text-fill-color:transparent;caret-color:var(--charcoal);font-kerning:none;font-variant-ligatures:none}.setzfeld__spiegel{pointer-events:none;font-size:max(1rem, var(--text-body));font-kerning:none;font-variant-ligatures:none;white-space:pre;color:var(--charcoal);align-items:center;padding:0 .85rem;display:flex;position:absolute;inset:1px;overflow:hidden}.setzfeld__spiegel>span{translate:var(--rueck) 0}.setzfeld__spiegel>span>span{animation:login-taste .22s var(--ease-out) both;display:inline-block}@keyframes login-taste{0%{opacity:.15;filter:blur(1.5px);translate:0 -.25em}}.anmelden__knopf{isolation:isolate;font-size:var(--text-body);transition:color .35s ease 80ms, scale .55s var(--ease-spring);padding:.75rem 1rem;position:relative;overflow:hidden}.anmelden__knopf:before{content:"";z-index:-1;background:var(--rose);transition:translate .5s var(--ease-in-out);position:absolute;inset:-.6rem 0 0;translate:0 100%;-webkit-mask:radial-gradient(60% .6rem at 50% 0,#0000 98%,#000);mask:radial-gradient(60% .6rem at 50% 0,#0000 98%,#000)}@media (hover:hover){.anmelden__knopf:hover:not(:disabled){background:var(--forest);color:var(--charcoal)}.anmelden__knopf:hover:not(:disabled):before{transition:translate .6s var(--ease-out);translate:0}}.anmelden__knopf:active:not(:disabled){opacity:1;transition:color .35s ease 80ms, scale .12s var(--ease-out);scale:.97}.anmelden__knopf:disabled{background:var(--forest);cursor:default}.login__punkte{vertical-align:top;align-items:center;gap:.4rem;height:1lh;display:inline-flex}.login__punkte>i{background:var(--cream);width:.4rem;height:.4rem;animation:login-punkt 1.2s var(--ease-in-out) infinite;border-radius:50%}.login__punkte>i:nth-child(2){animation-delay:.15s}.login__punkte>i:nth-child(3){animation-delay:.3s}@keyframes login-punkt{0%,to{opacity:.35;scale:.8}40%{opacity:1;scale:1}}.anmelden__adresse{flex-direction:column;gap:.2rem;display:flex}.anmelden__wofuer{font-size:var(--text-small);color:var(--ink-muted)}.anmelden__mail{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.anmelden__mail b{overflow-wrap:anywhere;font-weight:600}.anmelden__leise{font-size:var(--text-small);color:var(--ink-muted);margin:0;line-height:1.5}.anmelden__links{gap:1.25rem;display:flex}.anmelden__falte{margin-bottom:-1rem}.anmelden__falte>:last-child{margin-bottom:1rem}.anmelden__meldung{border-radius:var(--ecke-flaeche);color:var(--charcoal);animation:login-wort .7s var(--ease-out) both;margin:0;padding:.75rem 1rem;line-height:1.5}.anmelden__meldung--fehler{background:color-mix(in srgb, var(--rose) 30%, transparent)}.anmelden__meldung--gut{background:var(--sage)}.anmelden__hinweise{font-size:var(--text-small);color:var(--ink-muted);flex-direction:column;gap:.5rem;margin:0;padding-left:1.1rem;line-height:1.5;display:flex}.code{width:100%}.code__felder{grid-template-columns:repeat(3,1fr) .5rem repeat(3,1fr);gap:.45rem;display:grid}.code__feld:nth-child(4){grid-column:5}.code__feld{aspect-ratio:5/6;border:1px solid var(--hairline);border-radius:var(--ecke-flaeche);color:var(--charcoal);font-variant-numeric:tabular-nums;background:#fff;place-items:center;font-size:1.5rem;font-weight:600;transition:border-color .15s,box-shadow .15s;display:grid;position:relative}.code__feld[data-aktiv]{border-color:var(--forest);box-shadow:0 0 0 3px var(--sage-soft)}.code__felder[data-fehler] .code__feld{border-color:color-mix(in srgb, var(--danger) 55%, transparent)}.code__felder[data-laeuft] .code__feld{opacity:.6}.code__ziffer{animation:code-quellen .5s var(--ease-spring) both;display:inline-block}@keyframes code-quellen{0%{opacity:0;scale:.4}}.code__felder[data-richtig] .code__feld{isolation:isolate;border-color:var(--sage);transition:border-color .4s ease calc(var(--i) * 70ms);overflow:hidden}.code__felder[data-richtig] .code__feld:before{content:"";z-index:-1;background:var(--sage);animation:code-fuellen .6s var(--ease-out) calc(var(--i) * 70ms) forwards;position:absolute;inset:-.4rem 0 0;translate:0 100%;-webkit-mask:radial-gradient(60% .4rem at 50% 0,#0000 98%,#000);mask:radial-gradient(60% .4rem at 50% 0,#0000 98%,#000)}@keyframes code-fuellen{to{translate:0}}.code__felder[data-fehler]{animation:code-nein .5s var(--ease-out)}@keyframes code-nein{15%{translate:-.45rem}35%{translate:.35rem}55%{translate:-.2rem}75%{translate:.08rem}}.code__cursor{background:var(--forest);border-radius:1px;width:2px;height:1.4rem;animation:1.1s step-end infinite code-blinken}@keyframes code-blinken{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.code__cursor,.login__karte,.login__wort,.login__lauf>i,.setzfeld__spiegel>span>span,.anmelden__meldung,.code__ziffer,.code__felder[data-fehler],.login[data-taucht-ein] .login__karte{animation:none}.login .login__karte h1[data-titel]:after{animation:none;-webkit-mask:none;mask:none}.code__felder[data-richtig] .code__feld:before{animation:none;translate:0}}.konto__liste{margin:.75rem 0 0;padding:0;list-style:none}.konto__zeile{border-top:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 0;display:flex}.konto__zeile>.rueckfrage,.konto__zeile>.feld__fehler{flex-basis:100%}.konto__text{flex-direction:column;gap:.15rem;min-width:0;margin-right:auto;display:flex}.konto__name{overflow-wrap:anywhere;align-items:center;gap:.5rem;font-weight:600;display:flex}.konto__aktionen,.konto__knoepfe{align-items:center;gap:1.25rem;display:flex}.konto__knoepfe{margin-top:1rem}.konto__umbenennen{flex-wrap:wrap;flex:18rem;align-items:center;gap:.75rem;display:flex}.konto__umbenennen .feld__input{flex:12rem;max-width:20rem}
:root{--kachel-schatten:0 18px 40px -18px color-mix(in srgb, var(--charcoal) 30%, transparent)}.kacheln{grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));gap:1.25rem;margin-top:2rem;display:grid}.kachel{border:1px solid var(--hairline);background:var(--paper);height:18rem;color:inherit;transition:transform .45s var(--ease-out), box-shadow .45s var(--ease-out), border-color .2s ease;border-radius:1.25rem;flex-direction:column;padding:1.35rem 1.4rem 1.2rem;text-decoration:none;display:flex;position:relative;overflow:hidden}a.kachel{background:0 0;border-color:#0000;transition:none;overflow:visible}.kachel__rahmen{border:1px solid var(--hairline);border-radius:inherit;background:var(--paper);transition:translate .45s var(--ease-out), scale .45s var(--ease-out), box-shadow .45s var(--ease-out), border-color .2s ease;position:absolute;inset:-1px}@media (hover:hover){a.kachel:hover .kachel__rahmen{border-color:color-mix(in srgb, var(--taupe) 32%, transparent);box-shadow:var(--kachel-schatten)}a.kachel:hover :is(.kachel__rahmen,.kachel__inhalt){translate:0 -3px}}a.kachel:active :is(.kachel__rahmen,.kachel__inhalt){transition-duration:.12s;scale:.985}.kachel--still{background:color-mix(in srgb, var(--paper) 55%, transparent)}.kachel__inhalt{min-height:0;transition:translate .45s var(--ease-out), scale .45s var(--ease-out);flex-direction:column;flex:1;display:flex;position:relative}.kachel[data-fliegt] .kachel__inhalt{z-index:53}.kachel[data-fliegt]{-webkit-touch-callout:none}.kachel[data-fliegt]:active{opacity:1}.kachel[data-fliegt][data-hinten] .kachel__inhalt{z-index:49}.kachel[data-fliegt] .kachel__liste{min-height:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.kachel__kopf{align-items:center;gap:.7rem;display:flex}.kachel__zeichen .zeichen{color:var(--forest)}.kachel__zeichen .zeichen svg{width:1.3rem;height:1.3rem}.kachel__titel{font-family:var(--font-display);margin:0;font-size:1.45rem;font-weight:400;line-height:1.2}.kachel__zahl{color:var(--ink-muted);font-size:var(--text-small);white-space:nowrap;margin-left:auto}.kachel__bald{border-radius:var(--ecke-kapsel);background:color-mix(in srgb, var(--charcoal) 6%, transparent);color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-self:flex-start;margin-top:.8rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.kachel__text{max-width:32ch;color:var(--ink-muted);font-size:var(--text-small);margin:.6rem 0 0}.kachel__ruhe{color:var(--ink-muted);margin:auto 0}.kachel__satz{max-width:24ch;font-family:var(--font-display);margin:auto 0;font-size:1.3rem;line-height:1.3}.kachel__liste{--blass-ab:58%;--blass-bis:96%;-webkit-mask-image:linear-gradient(to bottom, #000 var(--blass-ab), transparent var(--blass-bis));mask-image:linear-gradient(to bottom, #000 var(--blass-ab), transparent var(--blass-bis));flex-direction:column;flex:1;gap:.6rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex;overflow:hidden}.kachel__punkt{align-items:flex-start;gap:.65rem;font-size:.94rem;line-height:1.35;display:flex}.kachel__punkt--abstand{margin-top:.5rem}.kachel__kreis{border:1.5px solid color-mix(in srgb, var(--taupe) 60%, transparent);border-radius:50%;flex:none;width:.95rem;height:.95rem;margin-top:.15rem}.kachel__eintrag{overflow-wrap:anywhere}.kachel__skelett{gap:.6rem;margin-top:auto;display:grid}.kachel__skelett span{border-radius:var(--ecke-kapsel);background:color-mix(in srgb, var(--taupe) 13%, transparent);height:.55rem}.kachel__fuss{max-width:calc(100% - 3rem);position:absolute;bottom:.35rem;left:0}.kachel:has(.kachel__fuss) .kachel__liste{--blass-ab:46%;--blass-bis:84%}.kachel__balken-punkt{border-radius:var(--ecke-kapsel);background:color-mix(in srgb, var(--forest) 55%, var(--sage));flex:none;width:.3rem;height:.85rem;margin:.22rem .3rem 0}@media (max-width:60rem){.kachel{height:16rem}}@media (prefers-reduced-motion:reduce){.kachel__rahmen,.kachel__inhalt{transition:none}}
.todos__leiste{align-items:center;max-width:46rem;min-height:2.9rem;margin:1.5rem 0 1.4rem;padding-right:3.6rem;display:flex;position:relative}.todos__leiste .segment{transition:opacity .25s ease, transform .4s var(--ease-out), filter .25s ease;margin:0}.todos__leiste--sucht .segment{opacity:0;filter:blur(2px);transform:scale(.97)}.suche{border:1px solid var(--hairline);border-radius:var(--ecke-kapsel);background:var(--paper);width:2.9rem;height:2.9rem;transition:width .5s var(--ease-out), background .2s ease, box-shadow .4s var(--ease-out);align-items:center;display:flex;position:absolute;top:50%;right:0;overflow:hidden;translate:0 -50%}.suche--offen{width:100%;box-shadow:0 10px 30px -16px color-mix(in srgb, var(--charcoal) 35%, transparent);background:#fff}.suche__knopf,.suche__zu{width:2.8rem;height:2.8rem;color:var(--forest);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;transition:background .15s,color .15s,opacity .2s;display:grid}@media (hover:hover){.suche:not(.suche--offen) .suche__knopf:hover{background:var(--rose);color:var(--charcoal)}}.suche__knopf svg,.suche__zu svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;width:1.2rem;height:1.2rem}.suche__feld{min-width:0;height:100%;color:var(--charcoal);font:inherit;opacity:0;background:0 0;border:0;outline:none;flex:1;transition:opacity .2s}.suche__feld::-webkit-search-cancel-button{display:none}.suche__feld::placeholder{color:color-mix(in srgb, var(--charcoal) 40%, transparent)}.suche__zu{opacity:0;color:var(--ink-muted)}.suche--offen .suche__feld,.suche--offen .suche__zu{opacity:1;transition-delay:.18s}@media (hover:hover){.suche--offen .suche__zu:hover{background:var(--rose);color:var(--charcoal)}}.todos__leer{color:var(--ink-muted);margin:0 0 1.25rem}.stapel-raster{gap:1rem;max-width:46rem;display:grid}.stapel{border:1px solid var(--hairline);background:var(--paper);transition:border-color .2s ease, box-shadow .3s var(--ease-out);border-radius:1.25rem;padding:.4rem .45rem}.stapel--ziel{border-color:color-mix(in srgb, var(--forest) 30%, transparent);box-shadow:0 0 0 4px var(--sage-soft)}.stapel--neu{border-style:dashed;border-color:color-mix(in srgb, var(--taupe) 30%, transparent);background:0 0}.stapel--neu:focus-within{border-style:solid;border-color:var(--hairline);background:var(--paper)}.stapel--liste{max-width:46rem}.todo{border-radius:.85rem;transition:background .25s}:is(.todo--offen,.todo:has(.todo__text:focus,.todo__notizen:focus)){background:color-mix(in srgb, var(--sage) 28%, transparent)}.todo__zeile{grid-template-columns:1.1rem 1.6rem minmax(0,1fr) auto 2.4rem;align-items:start;column-gap:.4rem;padding:.38rem .3rem;display:grid}.todo--ohne-griff .todo__zeile{grid-template-columns:0 1.6rem minmax(0,1fr) auto 2.4rem;padding-left:.45rem}.todo__griff{width:1.1rem;height:1.6rem;color:var(--taupe);cursor:grab;opacity:0;touch-action:none;background:0 0;border:0;border-radius:.35rem;place-items:center;padding:0;transition:opacity .15s;display:grid}.todo__griff svg{fill:currentColor;width:.55rem;height:.95rem}.todo__griff:focus-visible{opacity:.75}@media (hover:hover){.todo:hover .todo__griff{opacity:.75}}.todo__griff--fest{opacity:.75;cursor:grabbing}.todo__haken{cursor:pointer;background:0 0;border:0;place-items:center;width:1.6rem;height:1.6rem;margin:0;padding:0;display:grid;position:relative}.todo__haken:before{content:"";border:1.6px solid color-mix(in srgb, var(--taupe) 65%, transparent);border-radius:50%;width:1.3rem;height:1.3rem;transition:border-color .2s,background .2s;position:absolute}@media (hover:hover){button.todo__haken:hover:before{border-color:var(--forest);background:var(--sage-soft)}}.haken__fuellung{background:var(--rose);border-radius:50%;width:1.3rem;height:1.3rem;transition:transform .2s ease-in;position:absolute;transform:scale(0)}.haken__zeichen{fill:none;width:.9rem;height:.9rem;stroke:var(--charcoal);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16px;transition:stroke-dashoffset .12s ease-in;position:relative}.todo--erledigt .todo__haken:before{border-color:var(--rose)}.todo--erledigt .haken__fuellung{transition:transform .45s var(--ease-spring);transform:scale(1)}.todo--erledigt .haken__zeichen{stroke-dashoffset:0;transition:stroke-dashoffset .3s var(--ease-out) .12s}.todo--frisch .todo__haken{animation:haken-druck .45s var(--ease-out)}.todo--frisch .todo__haken:after{content:"";border:2px solid var(--rose);width:1.3rem;height:1.3rem;animation:haken-ring .65s var(--ease-out) forwards;pointer-events:none;border-radius:50%;position:absolute}@keyframes haken-druck{35%{transform:scale(.85)}}@keyframes haken-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.todo__haken--leer:before{border-style:dashed;border-color:color-mix(in srgb, var(--taupe) 40%, transparent)}.todo__text{width:100%;color:var(--charcoal);font:inherit;overflow-wrap:anywhere;resize:none;background:0 0;border:0;outline:none;margin:0;padding:.08rem 0;line-height:1.45;transition:color .4s .1s;display:block;overflow:hidden}@supports (field-sizing:content){.todo__text,.todo__notizen{field-sizing:content}}.todo__text::placeholder{color:color-mix(in srgb, var(--charcoal) 38%, transparent)}.todo--erledigt .todo__text{color:var(--ink-muted)}.todo__text--treffer mark{background:color-mix(in srgb, var(--rose) 45%, transparent);color:inherit;border-radius:.2rem;padding:0 .05em}.todo__meta{color:var(--ink-muted);white-space:nowrap;padding-top:.25rem;font-size:.75rem}.todo__mehr{width:1.9rem;height:1.6rem;color:var(--taupe);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:.5rem;justify-self:end;place-items:center;padding:0;transition:opacity .15s,background .15s,color .15s;display:grid;position:relative}.todo:focus-within .todo__mehr,.todo--offen .todo__mehr,.todo--notiz .todo__mehr{opacity:1}@media (hover:hover){.todo:hover .todo__mehr{opacity:1}.todo__mehr:hover{background:var(--rose);color:var(--charcoal)}}.todo__mehr svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:1.05rem;height:1.05rem;transition:transform .4s var(--ease-out)}.todo--offen .todo__mehr svg{transform:rotate(180deg)}.todo__punkt{background:var(--forest);opacity:0;width:.38rem;height:.38rem;transition:opacity .2s ease, transform .3s var(--ease-spring);border-radius:50%;position:absolute;top:calc(50% - .19rem);left:-.55rem;transform:scale(.4)}.todo--notiz:not(.todo--offen) .todo__punkt{opacity:1;transform:none}.todo__details{overflow:hidden}.todo__notizbox{border:1px solid var(--hairline);background:#fff;border-radius:.85rem;margin:.1rem .45rem .55rem 3.8rem;padding:.7rem .85rem .45rem}.todo--ohne-griff .todo__notizbox{margin-left:2.9rem}.todo__notizen{width:100%;min-height:4.5rem;color:var(--charcoal);font:inherit;font-size:var(--text-small);resize:none;background:0 0;border:0;outline:none;margin:0;padding:0;line-height:1.6;display:block;overflow:hidden}.todo__notizen::placeholder{color:color-mix(in srgb, var(--charcoal) 38%, transparent)}.todo__fuss{--knopf:2rem;align-items:center;gap:.15rem;margin:.25rem -.5rem -.2rem -.55rem;display:flex}.todo__datum{color:var(--ink-muted);opacity:0;visibility:hidden;flex:1;margin-left:.15rem;font-size:.75rem;transition:opacity .2s,visibility 0s linear .2s}.todo__datum[data-an]{opacity:1;visibility:visible;transition:opacity .2s}.todo__knopf{border-radius:var(--ecke-kapsel);color:var(--taupe);cursor:pointer;width:var(--knopf);height:var(--knopf);background:0 0;border:0;flex:none;place-items:center;padding:0;transition:background-color .2s,color .2s;display:grid}.todo__knopf svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.05rem;height:1.05rem}.todo__knopf[aria-pressed=true]{color:var(--forest)}@media (hover:hover){.todo__knopf:hover{background:color-mix(in srgb, var(--sage) 45%, transparent);color:var(--charcoal)}}@media (hover:none){.todo__fuss{--knopf:2.75rem;gap:0;margin:.15rem -.65rem -.35rem -.75rem}.todo__datum{margin:0 -.55rem 0 -.2rem}.todo__knopf svg,.todo__fuss .loeschen svg{width:1.25rem;height:1.25rem}}.sortierbar{transition:background .35s var(--ease-out);border-radius:.85rem;position:relative}.sortierbar--platz{background:var(--sage-soft)}.sortierbar--platz>.sortierbar__flug{opacity:0}.sortierbar__flug{transition:background .35s var(--ease-out), box-shadow .35s var(--ease-out);border-radius:.85rem;position:relative}.sortierbar__flug[data-landet],.todo--schwebt{box-shadow:0 0 0 1px var(--hairline), 0 20px 44px -14px color-mix(in srgb, var(--charcoal) 40%, transparent);background:#fff}.sortierbar__flug[data-landet]{z-index:5;transition:none}.todo--schwebt{cursor:grabbing;animation:heben .25s var(--ease-out) both}@keyframes heben{0%{box-shadow:0 0 0 1px #0000}}.stapel-raster--zieht{cursor:grabbing}.verlauf__titel{color:var(--ink-muted);margin:.9rem 0 .15rem .75rem}.verlauf__titel:first-child{margin-top:.45rem}.toast{left:calc(50% + var(--nav-w) / 2);bottom:calc(1.5rem + env(safe-area-inset-bottom));z-index:80;border-radius:var(--ecke-kapsel);background:var(--charcoal);width:max-content;max-width:calc(100vw - 2rem);color:var(--cream);font-size:var(--text-small);box-shadow:0 18px 44px -14px color-mix(in srgb, var(--charcoal) 60%, transparent);align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1.15rem;display:flex;position:fixed;translate:-50%}.toast__knopf{isolation:isolate;border-radius:var(--ecke-kapsel);background:var(--sage);color:var(--forest);font:inherit;white-space:nowrap;cursor:pointer;border:0;flex-shrink:0;padding:.4rem .95rem;font-weight:600;transition:background .15s,color .15s;position:relative;overflow:hidden}@media (hover:hover){.toast__knopf:hover{background:var(--rose);color:var(--charcoal)}}.toast__knopf>.toast__zeit{z-index:-1;background:color-mix(in srgb, var(--forest) 16%, transparent);transform-origin:0;animation:5s linear both toast-zeit;position:absolute;inset:0}@media (hover:hover){.toast__knopf:hover>.toast__zeit{background:color-mix(in srgb, var(--charcoal) 12%, transparent)}}@keyframes toast-zeit{to{scale:0 1}}.toast--pille{cursor:grab;padding:0}.toast--pille .toast__knopf{min-height:2.75rem;color:var(--cream);background:0 0;align-items:center;gap:.5rem;padding:.5rem 1.15rem .5rem .6rem;display:flex}@media (hover:hover){.toast--pille .toast__knopf:hover{background:color-mix(in srgb, var(--cream) 8%, transparent);color:var(--cream)}}.toast__ring{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.6rem;height:1.6rem}.toast__spur{stroke:var(--hairline-on-dark)}.toast__ring .toast__zeit{stroke:var(--sage);transform-box:fill-box;transform-origin:50%;stroke-dasharray:1;animation:5s linear both toast-ring;rotate:-90deg}@keyframes toast-ring{to{stroke-dashoffset:1px}}.toast__vorlesen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toast:focus-within .toast__zeit,.toast[data-held] .toast__zeit{animation-play-state:paused}@media (hover:hover){.toast:hover .toast__zeit{animation-play-state:paused}}@media (hover:none){.todo__griff{opacity:.35}.todo__mehr{opacity:.5}.todo__mehr:active{background:var(--rose);color:var(--charcoal)}}@media (max-width:60rem){.todos__leiste{margin-top:1.1rem}.todos__leiste .segment{flex:1}.toast{left:50%}}@media (prefers-reduced-motion:reduce){.todos :not(.toast__zeit),.toast{transition:none!important;animation:none!important}}
.demo__steuer{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:1.5rem;display:flex}.demo__steuer .segment{margin:0}.demo__legende{color:var(--ink-muted);font-size:var(--text-small);flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;display:flex}.demo__legende .tagpunkt:not(:first-child){margin-left:.7rem}.demo__notiz{color:var(--ink-muted);font-size:var(--text-small);margin:0}.demo__handys{scroll-snap-type:x mandatory;gap:1.75rem;margin:1.75rem -2.5rem 0;padding:.5rem 2.5rem 2rem;scroll-padding-inline:2.5rem;display:flex;overflow-x:auto}.handy{scroll-snap-align:start;flex:none;width:24.4rem;margin:0}.handy__titel{min-height:3.8rem;color:var(--ink-muted);font-size:var(--text-small);align-content:start;gap:.1rem;margin-bottom:.75rem;padding:0 .5rem;line-height:1.45;display:grid}.handy__titel b{color:var(--charcoal);font-weight:600}.handy__geraet{position:relative}.handy__ebene .fenster-schleier{border-radius:2.4rem;height:100%;position:absolute;overflow:hidden}.handy__schirm{overscroll-behavior:contain;scrollbar-width:none;border:1px solid var(--hairline);background:var(--cream);height:47rem;box-shadow:0 28px 60px -34px color-mix(in srgb, var(--charcoal) 45%, transparent);border-radius:2.4rem;padding:1rem 1rem 2rem;overflow-y:auto}.handy__schirm::-webkit-scrollbar{display:none}.handy__schirm{padding-top:0}.handy__schirm>:first-child{margin-top:.25rem}.handy__schirm .kalender__oben{padding-top:.75rem}.handy__schirm .kalender-ansichten__schalter{margin-top:-.25rem;padding:1rem 0 .25rem}.demo__laptop{margin-top:1.5rem}.demo__laptopkopf{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-bottom:1.25rem;display:flex}.demo__laptopkopf h2,.demo__laptopkopf .segment{margin:0}.demo__wochen{gap:2rem;display:grid}.demo__woche{margin:0}.demo__woche .handy__titel{min-height:0;padding:0}.demo__breit{border:1px solid var(--hairline);background:var(--cream);box-shadow:0 28px 60px -40px color-mix(in srgb, var(--charcoal) 40%, transparent);border-radius:1.5rem;padding:1.75rem}@media (max-width:60rem){.demo__handys{flex-direction:column;gap:3rem;margin:1.5rem 0 0;padding:0;overflow:visible}.handy{width:auto}.handy__titel{min-height:0;padding:0}.handy__schirm{height:auto;box-shadow:none;border:0;border-radius:0;padding:0;overflow:visible}.handy__ebene .fenster-schleier{height:var(--visual-viewport-height,100%);border-radius:0;position:fixed}.demo__breit{padding:1rem}}