*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--vorschau-h) + var(--nav-h) + var(--a-5));scroll-padding-bottom:calc(var(--daumen-h) + var(--a-7))}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:var(--text);font-weight:var(--w-normal);line-height:var(--leading);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;border:0;background:none;padding:0;text-align:inherit;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}img,svg{display:block;max-width:100%}[hidden]{display:none!important}:focus{outline:none}:focus-visible,.ist-fokus{outline:var(--fokus-breite) solid var(--ink);outline-offset:var(--fokus-abstand)}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.titel{font-size:var(--text-big);font-weight:var(--w-mittel);line-height:var(--leading-titel);letter-spacing:var(--laufweite-titel)}.titel--zeichen{display:flex;align-items:center;gap:var(--a-3)}.text{font-size:var(--text);font-weight:var(--w-normal);line-height:var(--leading)}.klein{font-size:var(--text-label);font-weight:var(--w-mittel);line-height:var(--leading-eng)}.zwei{color:var(--ink-soft)}.tnum{font-variant-numeric:tabular-nums}.heute,.tag--heute b{text-decoration:underline;text-decoration-thickness:var(--strich);text-underline-offset:var(--unterstrich)}.sym{display:inline-flex;width:var(--symbol);height:var(--symbol);flex:none}.sym svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:var(--strich);stroke-linecap:round;stroke-linejoin:round}.sym--klein{width:var(--a-4);height:var(--a-4)}.rein{animation:rein var(--dauer-lang) var(--kurve) backwards;animation-delay:calc(var(--i,0) * var(--versatz))}@keyframes rein{0%{opacity:0;transform:translateY(var(--rein-weg));filter:blur(var(--rein-unscharf))}}.wechsel{animation:wechsel var(--dauer) var(--kurve)}@keyframes wechsel{0%{opacity:0;transform:translateY(var(--a-2));filter:blur(var(--rein-unscharf))}}.app[data-weg=selbst] [data-nur-weg=capo],.app[data-weg=capo] [data-nur-weg=selbst]{display:none!important}.stapel{display:grid;align-content:start;gap:var(--a-4);min-width:0}.stapel--eng{gap:var(--a-2)}.stapel--weit{gap:var(--a-5)}.stapel>.knopf:not(.knopf--voll),.stapel>.segment:not(.segment--voll):not(.segment--senkrecht):not(.segment--umbruch){justify-self:start}.geraet{container:app / inline-size;position:relative}.huelle{--dock-h:var(--daumen-h)}.huelle.hat-daumentat{--dock-h:calc(var(--daumen-h) + var(--touch) + var(--a-2))}.app{--kleb:calc(var(--vorschau-h) + var(--a-2));position:relative;isolation:isolate;overflow-x:clip;min-height:calc(100vh - var(--vorschau-h));background:linear-gradient(180deg,var(--ground-oben) 0%,var(--ground-unten) 100%)}.app__innen{position:relative;max-width:calc(var(--inhalt-max) + 2 * var(--rand));margin:0 auto;padding:var(--a-2) var(--rand) var(--a-8)}.bildschirm{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap)}.bildschirm--capo-oben{padding-top:calc(var(--capo) * var(--capo-luft))}.abschnitt{margin-top:var(--a-7)}.app[data-weg=selbst] .bildschirm--capo-oben{padding-top:var(--gap)}.ebene{container:app / inline-size;position:fixed;inset:var(--vorschau-h) 0 0 0;z-index:100;pointer-events:none}.ebene__innen{position:absolute;inset:0;overflow:hidden}.ebene__innen>*{pointer-events:auto}body.ist-telefon{background:var(--ground-rahmen)}body.ist-telefon .geraet,body.ist-telefon .ebene{width:var(--vorschau-tel-b);height:min(var(--vorschau-tel-h),calc(100vh - var(--vorschau-h) - var(--a-6)));border-radius:var(--vorschau-tel-radius);overflow:hidden}body.ist-telefon .geraet{margin:var(--a-4) auto;box-shadow:0 0 0 var(--a-2) var(--card),var(--shadow-float)}body.ist-telefon .ebene{inset:calc(var(--vorschau-h) + var(--a-4)) auto auto 50%;margin-left:calc(var(--vorschau-tel-b) / -2)}body.ist-telefon .app{--kleb:var(--a-2);height:100%;min-height:0}body.ist-telefon .app__rolle{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scroll-padding-top:calc(var(--nav-h) + var(--a-5));scroll-padding-bottom:calc(var(--dock-h) + var(--a-7))}body.ist-telefon .app__rolle::-webkit-scrollbar{display:none}.vorschau{position:sticky;top:0;z-index:200;display:flex;align-items:center;gap:var(--a-1);height:var(--vorschau-h);padding:0 var(--a-3);background:var(--card);border-bottom:1px solid var(--linie);font-size:var(--text-label);font-weight:var(--w-mittel);white-space:nowrap}.vorschau a,.vorschau button{display:inline-flex;align-items:center;gap:var(--a-1);height:100%;padding:0 var(--a-3);flex:none}.vorschau a:hover,.vorschau button:hover{background:var(--mulde)}.vorschau button[aria-pressed=true]{box-shadow:inset 0 calc(-1 * var(--fokus-breite)) 0 var(--ink)}.vorschau :focus-visible{outline-offset:calc(-1 * var(--fokus-breite))}.vorschau__ort{color:var(--ink-soft);min-width:0;flex:0 1 auto!important;overflow:hidden;text-overflow:ellipsis}.vorschau__trenn{width:1px;height:var(--a-5);background:var(--linie);margin:0 var(--a-1);flex:none}.vorschau__ende{margin-left:auto}.glas,.kachel--glas{background:var(--glas-1-flaeche);-webkit-backdrop-filter:var(--glas-1-filter);backdrop-filter:var(--glas-1-filter);box-shadow:var(--glas-kante),var(--shadow-card)}.glas--2{background:var(--glas-2-flaeche);-webkit-backdrop-filter:var(--glas-2-filter);backdrop-filter:var(--glas-2-filter);box-shadow:var(--glas-kante-fein),var(--shadow-klein)}.glas--leiste{background:var(--glas-leiste-flaeche);-webkit-backdrop-filter:var(--glas-leiste-filter);backdrop-filter:var(--glas-leiste-filter);box-shadow:var(--glas-kante-fein),var(--shadow-klein)}.glas--3{background:var(--glas-3-flaeche);-webkit-backdrop-filter:var(--glas-3-filter);backdrop-filter:var(--glas-3-filter);box-shadow:var(--glas-kante-fein),var(--shadow-float)}.form{position:absolute;z-index:0;pointer-events:none;user-select:none;max-width:none;filter:var(--form-filter);animation:treiben var(--dauer-treiben) ease-in-out infinite alternate}.form--rechts{width:var(--form-gross);right:calc(-1 * var(--a-6));top:calc(var(--capo) * .85);rotate:28deg}.form--links{width:var(--form-klein);left:calc(var(--form-klein) * -.64);top:calc(var(--capo) * 1.5);rotate:-14deg;animation-direction:alternate-reverse}@keyframes treiben{0%{translate:0 0}to{translate:var(--a-3) calc(-1 * var(--a-4))}}.objekt{position:absolute;pointer-events:none;user-select:none;max-width:none;filter:var(--shadow-objekt)}.objekt--ecke{width:var(--objekt);right:calc(-1 * var(--a-4));top:calc(-1 * var(--a-7));rotate:10deg}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}.bento>*{grid-column:span var(--spalten,12);min-width:0}.bento>.kachel{min-height:var(--kachel-min)}.kachel{position:relative;display:block;border-radius:var(--radius);padding:var(--pad);min-width:0}.kachel--klein{--spalten:3;--spalten-schmal:6}.kachel--schmal{--spalten:4;--spalten-schmal:6}.kachel--mittel{--spalten:6}.kachel--breit{--spalten:8}.kachel--tafel{--spalten:9}.kachel--gross{--spalten:12}.kachel--hoch{grid-row:span 2}.begleiter{--spalten:4;display:grid;gap:var(--gap);align-content:start}.begleiter>.kachel{min-height:var(--kachel-min)}.kachel--hell{background:var(--card);box-shadow:var(--shadow-card)}.kachel--lime{background:linear-gradient(160deg,var(--lime-hell) 0%,var(--lime) 100%);box-shadow:var(--glas-kante-fein),var(--shadow-card);--ink-soft:var(--lime-ink-soft);--linie:var(--lime-linie)}.kachel--dunkel{background:var(--tanne);color:var(--auf-dunkel);box-shadow:var(--dunkel-kante),var(--shadow-card);--ink:var(--auf-dunkel);--ink-soft:var(--auf-dunkel-2);--ink-faint:var(--auf-dunkel-2);--linie:var(--dunkel-linie);--linie-fest:var(--dunkel-linie-fest);--mulde:var(--dunkel-mulde);--ueberfahren:var(--dunkel-mulde);--aktion:var(--auf-dunkel);--aktion-ink:var(--tanne);--aktion-hover:var(--card)}a.kachel,button.kachel{width:100%;text-align:left;transition:transform var(--dauer) var(--kurve)}a.kachel:hover,button.kachel:hover,.kachel.ist-hover{transform:translateY(calc(-1 * var(--a-1)))}a.kachel:active,button.kachel:active,.kachel.ist-gedrueckt{transform:scale(.985)}.kachel__kopf,.kachel>.titel:first-child{display:flex;align-items:center;min-height:var(--touch);margin-top:calc(-1 * var(--a-3));margin-bottom:var(--a-1)}.kachel__kopf{justify-content:space-between;gap:var(--a-4)}.kachel__kopf>.titel{min-width:0}.kachel--unten{display:flex;flex-direction:column;justify-content:flex-end}.kachel--spreiz{display:flex;flex-direction:column;justify-content:space-between;gap:var(--a-5)}.kachel__ecke{position:absolute;right:var(--a-5);top:var(--a-5)}.kachel__ecke--unten{top:auto;bottom:var(--a-5)}.kennzahlen{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:end}.kennzahlen>*+*{padding-left:var(--a-5);border-left:1px solid var(--linie)}.angabe{display:grid;gap:var(--a-1)}.angabe>:first-child{font-size:var(--text-big);font-variant-numeric:tabular-nums;letter-spacing:var(--laufweite-titel);line-height:var(--leading-titel)}.angabe>:last-child{color:var(--ink-soft)}.held{display:flex;flex-direction:column;justify-content:space-between;gap:var(--a-7);min-height:var(--held-min);padding:var(--pad-held)}.held--flach{min-height:0;gap:var(--a-6)}.satz{font-size:var(--text-satz);font-weight:var(--w-leicht);line-height:var(--leading-satz);letter-spacing:var(--laufweite-satz);max-width:18em;text-wrap:balance}.satz>span{display:block}.satz__leise{color:var(--ink-faint)}.fakt{margin-top:var(--a-4);font-size:var(--text-big);font-weight:var(--w-leicht);line-height:var(--leading-eng);color:var(--ink-soft);max-width:34em}.fakt:first-child{margin-top:0}.fakt .knopf--text{margin-left:var(--a-3)}.gespraech{display:flex;align-items:center;gap:var(--a-1);height:var(--gespraech-h);max-width:calc(var(--inhalt-max) * .6);padding:0 var(--a-2) 0 var(--feld-pad);border-radius:var(--radius-pill);transition:box-shadow var(--dauer) var(--kurve)}.gespraech:focus-within,.gespraech.ist-fokus{outline:var(--fokus-breite) solid var(--ink);outline-offset:var(--fokus-abstand)}.gespraech input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;font-size:var(--text-big);font-weight:var(--w-leicht);letter-spacing:var(--laufweite-titel)}.gespraech input::placeholder{color:var(--ink-soft);opacity:1}.gespraech .knopf--rund{background:none;box-shadow:none}.gespraech .knopf--rund[type=submit]{background:var(--gewaehlt);box-shadow:var(--scheibe-schatten)}.gespraech--voll .knopf--rund[type=submit],.gespraech .knopf--rund[aria-pressed=true]{background:var(--lime);box-shadow:none}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:var(--a-2);flex:none;height:var(--touch);font-size:var(--text);font-weight:var(--w-mittel);line-height:1;white-space:nowrap;border-radius:var(--radius-pill);transition:transform var(--dauer) var(--kurve),background var(--dauer-kurz) var(--kurve),box-shadow var(--dauer-kurz) var(--kurve),color var(--dauer-kurz) var(--kurve)}.knopf:active,.knopf.ist-gedrueckt{transform:scale(.96)}.knopf[disabled],.knopf[aria-disabled=true]{pointer-events:none;background:none;color:var(--ink-faint);box-shadow:inset 0 0 0 1px var(--linie-fest)}.knopf--voll{display:flex;width:100%}.knopf--haupt{padding:0 var(--feld-pad);background:var(--aktion);color:var(--aktion-ink)}.knopf--haupt.ist-gebaut{padding:0;background:none;gap:0;box-shadow:none}.knopf__text{display:flex;align-items:center;height:100%;padding:0 var(--feld-pad);border-radius:var(--radius-pill);background:var(--aktion);color:var(--aktion-ink);transition:background var(--dauer-kurz) var(--kurve)}.knopf__kreis{display:grid;place-items:center;width:var(--touch);height:var(--touch);margin-left:calc(-1 * var(--a-2));border-radius:50%;background:var(--aktion);color:var(--aktion-ink);transition:transform var(--dauer) var(--kurve),background var(--dauer-kurz) var(--kurve)}.knopf--haupt:hover .knopf__kreis,.knopf--haupt.ist-hover .knopf__kreis{transform:translate(var(--a-2))}.knopf--haupt:hover .knopf__text,.knopf--haupt:hover .knopf__kreis,.knopf--haupt.ist-hover .knopf__text,.knopf--haupt.ist-hover .knopf__kreis,.knopf--haupt:not(.ist-gebaut):hover{background:var(--aktion-hover)}.knopf--haupt.knopf--voll .knopf__text{flex:1;justify-content:center}.knopf--haupt[disabled] .knopf__text,.knopf--haupt[aria-disabled=true] .knopf__text{background:none;color:var(--ink-faint);box-shadow:inset 0 0 0 1px var(--linie-fest)}.knopf--haupt[disabled] .knopf__kreis,.knopf--haupt[aria-disabled=true] .knopf__kreis{display:none}.knopf--umriss{padding:0 var(--feld-pad);box-shadow:inset 0 0 0 1px var(--linie-fest)}.knopf--umriss:hover,.knopf--umriss.ist-hover{background:var(--ueberfahren);box-shadow:inset 0 0 0 1px var(--ink)}.knopf--text{height:auto;min-height:var(--touch);padding:0;border-radius:var(--radius-xs);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--unterstrich);text-decoration-color:var(--linie-fest)}.knopf--text:hover,.knopf--text.ist-hover{text-decoration-color:currentColor}.knopf--text[disabled],.knopf--text[aria-disabled=true]{box-shadow:none;text-decoration:none}.knopf--text .sym{transition:transform var(--dauer) var(--kurve)}.knopf--text:hover .sym{transform:translate(var(--a-1))}.knopf--rund{width:var(--touch);padding:0;border-radius:50%;background:var(--gewaehlt);box-shadow:var(--scheibe-schatten)}.knopf--rund:hover,.knopf--rund.ist-hover{transform:translateY(calc(-.5 * var(--a-1)))}.knopf--rund:active,.knopf--rund.ist-gedrueckt{transform:scale(.92)}.knopf--tinte{background:var(--aktion);color:var(--aktion-ink);box-shadow:none}.knopf--tinte:hover,.knopf--tinte.ist-hover{background:var(--aktion-hover)}.taten{display:flex;align-items:center;gap:var(--a-3);flex-wrap:wrap}.segment{display:inline-flex;padding:var(--a-1);border-radius:var(--radius-pill);background:var(--mulde)}.segment>button,.segment>a{display:inline-flex;align-items:center;justify-content:center;gap:var(--a-2);height:var(--klein-h);padding:0 var(--a-4);border-radius:var(--radius-pill);white-space:nowrap;transition:background var(--dauer-kurz) var(--kurve),box-shadow var(--dauer-kurz) var(--kurve),transform var(--dauer) var(--kurve)}.segment>:hover,.segment>.ist-hover{background:var(--ueberfahren)}.segment>:active{transform:scale(.96)}.segment>[aria-pressed=true],.segment>[aria-current]{background:var(--gewaehlt);box-shadow:var(--gewaehlt-schatten);font-weight:var(--w-mittel)}.segment>[disabled]{pointer-events:none;color:var(--ink-faint)}.segment--voll{display:flex}.segment--voll>*{flex:1}.segment--senkrecht{display:grid;align-content:start;gap:var(--a-1);border-radius:var(--radius-sm)}.segment--senkrecht>button,.segment--senkrecht>a{justify-content:space-between;height:var(--touch);border-radius:calc(var(--radius-sm) - var(--a-1));white-space:normal;text-align:left}.segment--umbruch{display:flex;flex-wrap:wrap;border-radius:var(--radius-sm)}.segment--umbruch>*{flex:1 1 auto}.pillen{display:flex;gap:var(--a-2);flex-wrap:wrap}.pille{display:inline-flex;align-items:center;justify-content:center;gap:var(--a-2);height:var(--klein-h);padding:0 var(--a-4);border-radius:var(--radius-pill);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--linie-fest);transition:background var(--dauer-kurz) var(--kurve),box-shadow var(--dauer-kurz) var(--kurve),transform var(--dauer) var(--kurve)}button.pille:hover,.pille.ist-hover{background:var(--ueberfahren)}button.pille:active,.pille.ist-gedrueckt{transform:scale(.96)}.pille[aria-pressed=true]{background:var(--gewaehlt);box-shadow:var(--gewaehlt-schatten);font-weight:var(--w-mittel)}.pille[disabled]{pointer-events:none;color:var(--ink-faint)}.pillen--mehrfach .pille[aria-pressed=true]:before{content:"";width:var(--a-4);height:var(--a-4);background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}.pille--glas{box-shadow:var(--glas-kante-fein),var(--shadow-klein);background:var(--glas-2-flaeche);-webkit-backdrop-filter:var(--glas-2-filter);backdrop-filter:var(--glas-2-filter)}.feld{display:grid;gap:var(--a-2);min-width:0;align-content:start}.feld__name{font-size:var(--text-label);font-weight:var(--w-mittel);color:var(--ink-soft);line-height:var(--leading-eng)}.feld__hinweis{display:flex;align-items:center;gap:var(--a-2);color:var(--ink-soft);line-height:var(--leading-eng)}.feldreihe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--a-4);align-items:start}.feldreihe--drei{grid-template-columns:repeat(3,minmax(0,1fr))}.feldreihe>.voll{grid-column:1 / -1}.gruppe{display:grid;gap:var(--a-4);padding:var(--a-5) 0;border-top:1px solid var(--linie)}.gruppe:last-child{padding-bottom:0}.eingabe,.auswahl{width:100%;height:var(--feld-h);padding:0 var(--feld-pad);border:0;border-radius:var(--radius-pill);background:var(--feld);box-shadow:inset 0 0 0 1px var(--linie-fest);outline:0;transition:box-shadow var(--dauer-kurz) var(--kurve),background var(--dauer-kurz) var(--kurve)}.eingabe::placeholder{color:var(--ink-faint);opacity:1}.eingabe:hover,.auswahl:hover,.eingabe.ist-hover{background:var(--feld-ueber)}.eingabe:focus-visible,.auswahl:focus-visible,.eingabe.ist-fokus{outline:0;background:var(--card);box-shadow:inset 0 0 0 var(--fokus-breite) var(--ink)}.eingabe[disabled],.auswahl[disabled]{background:none;color:var(--ink-faint)}textarea.eingabe{height:auto;min-height:calc(var(--feld-h) * 2);padding:var(--a-3) var(--feld-pad);border-radius:var(--radius-sm);line-height:var(--leading);resize:vertical}.auswahl{appearance:none;-webkit-appearance:none;padding-right:var(--a-7);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23152A1B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--a-4) center;background-size:var(--symbol)}.feld--fehler .eingabe,.feld--fehler .auswahl{box-shadow:inset 0 0 0 var(--fokus-breite) var(--ink)}.wahl{display:flex;align-items:center;gap:var(--a-3);min-height:var(--touch);cursor:pointer}.wahl--spreiz{justify-content:space-between}.schalter{appearance:none;-webkit-appearance:none;position:relative;flex:none;margin:0;cursor:pointer;width:var(--feld-h);height:var(--a-6);border-radius:var(--radius-pill);background:var(--linie-fest);transition:background var(--dauer-kurz) var(--kurve)}.schalter:after{content:"";position:absolute;left:var(--a-1);top:var(--a-1);width:var(--a-5);height:var(--a-5);border-radius:50%;background:var(--card);box-shadow:var(--shadow-knauf);transition:transform var(--dauer) var(--kurve)}.schalter:checked{background:var(--aktion)}.schalter:checked:after{transform:translate(calc(var(--feld-h) - var(--a-6)))}.kaestchen{appearance:none;-webkit-appearance:none;position:relative;flex:none;margin:0;cursor:pointer;width:var(--a-5);height:var(--a-5);border-radius:var(--radius-xs);background:var(--feld);box-shadow:inset 0 0 0 var(--strich) var(--ink-faint);transition:background var(--dauer-kurz) var(--kurve)}.kaestchen:after{content:"";position:absolute;inset:0;background:var(--card);opacity:0;transform:scale(.6);transition:transform var(--dauer) var(--kurve),opacity var(--dauer-kurz);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 12.5 3.5 3.5 7.5-8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 12.5 3.5 3.5 7.5-8'/%3E%3C/svg%3E") center/contain no-repeat}.kaestchen:checked{background:var(--ink);box-shadow:none}.kaestchen:checked:after{opacity:1;transform:none}.schalter[disabled]{background:var(--mulde)}.kaestchen[disabled]{background:none;box-shadow:inset 0 0 0 var(--strich) var(--linie-fest)}.liste{display:grid}.zeile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--a-3);min-height:var(--zeile-h);border-top:1px solid var(--linie)}.liste--offen>.zeile:first-child,.liste--offen>li:first-child>.zeile{border-top:0}.zeile__was{display:flex;align-items:center;gap:var(--a-3);min-height:var(--touch);min-width:0;text-align:left}button.zeile__was{border-radius:var(--radius-xs)}.zeile__neben{color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.zeile__tat{display:flex;align-items:center;gap:var(--a-3)}.zeile__unter{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:0 var(--a-3);color:var(--ink-soft);padding-bottom:var(--a-3);margin-top:calc(-1 * var(--a-2));font-variant-numeric:tabular-nums;text-align:left}.zeile:has(>.zeile__unter)>.zeile__tat{grid-row:1 / span 2;grid-column:2}.zeile__mehr{grid-column:1 / -1;padding:0 0 var(--a-4);color:var(--ink-soft);max-width:36em;animation:wechsel var(--dauer) var(--kurve)}.zeile__mehr .knopf--text{display:flex;width:max-content;color:var(--ink)}.zeile__mehr .taten{gap:var(--a-5)}.zeile--getan .zeile__was{color:var(--ink-soft)}a.zeile[aria-current]{font-weight:var(--w-mittel)}a.zeile,button.zeile{width:100%;border-radius:var(--radius-xs);transition:background var(--dauer-kurz) var(--kurve)}a.zeile .sym,button.zeile .sym{transition:transform var(--dauer) var(--kurve)}a.zeile:hover>.zeile__tat .sym,button.zeile:hover>.zeile__tat .sym{transform:translate(var(--a-1))}.zahl{display:block;font-family:var(--font-zahl);font-size:var(--num-big);font-weight:var(--w-zahl);line-height:var(--leading-zahl);letter-spacing:var(--laufweite-zahl);font-variant-numeric:tabular-nums;white-space:nowrap}.zahl small{font-size:var(--text-big);letter-spacing:0;font-weight:var(--w-leicht);margin-left:.12em}.kennzahl{display:grid;gap:var(--a-2)}.kennzahl__wort{font-size:var(--text-big);font-weight:var(--w-normal);line-height:var(--leading-titel);letter-spacing:var(--laufweite-titel)}.verlauf{position:relative;height:var(--verlauf-h);color:var(--ink);--verlauf-grund:var(--card)}.verlauf svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none}.verlauf__boden{stroke:var(--linie-fest);stroke-width:1}.verlauf__linie{stroke:currentColor;stroke-width:var(--strich);stroke-linecap:round;stroke-linejoin:round}.verlauf__linie--offen{stroke-dasharray:1 6}.verlauf__punkt{position:absolute;width:var(--a-2);height:var(--a-2);margin:calc(var(--a-1) * -1) 0 0 calc(var(--a-1) * -1);border-radius:50%;background:var(--ink);box-shadow:0 0 0 var(--a-1) var(--verlauf-grund)}.kachel--glas .verlauf{--verlauf-grund:var(--feld-ueber)}.kachel--dunkel .verlauf{--verlauf-grund:var(--tanne)}.zustand{display:inline-flex;align-items:center;gap:var(--a-2);white-space:nowrap}.zeichen{position:relative;display:inline-block;flex:none;width:var(--zeichen);height:var(--zeichen)}.zeichen:before,.zeichen:after{content:"";position:absolute;inset:0}.zeichen--wartet:before{inset:calc(var(--a-1) / 2);border-radius:50%;border:var(--strich) solid var(--ink);border-right-color:transparent;rotate:45deg}.zeichen--erledigt:before{border-radius:50%;background:var(--lime);box-shadow:inset 0 0 0 1px var(--lime-linie)}.zeichen--erledigt:after{background:var(--tanne);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 12.5 3.4 3.4L17 8.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 12.5 3.4 3.4L17 8.6'/%3E%3C/svg%3E") center/contain no-repeat}.zeichen--alarm:before{background:var(--alarm);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2c.9 0 1.7.5 2.2 1.3l7.4 12.9c.9 1.6-.2 3.6-2.1 3.6H4.500c-1.900 0-3-2-2.100-3.600L9.800 4.500c.500-.800 1.300-1.300 2.200-1.300z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2c.9 0 1.7.5 2.2 1.3l7.4 12.9c.9 1.6-.2 3.6-2.1 3.6H4.500c-1.900 0-3-2-2.100-3.600L9.800 4.500c.500-.800 1.300-1.300 2.200-1.300z'/%3E%3C/svg%3E") center/contain no-repeat}.zeichen--info:before{background:var(--ink-soft);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5.200M12 7.800v.100'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5.200M12 7.800v.100'/%3E%3C/svg%3E") center/contain no-repeat}.zeichen--punkt{width:var(--a-2);height:var(--a-2)}.zeichen--punkt:before{border-radius:50%;background:var(--alarm)}.capo{position:absolute;left:0;top:0;z-index:10;width:var(--capo);height:var(--capo);pointer-events:none;transform-origin:50% 70%;transition:transform var(--dauer-capo) var(--kurve),opacity var(--dauer) var(--kurve);will-change:transform}.capo__figur{position:absolute;inset:0}.capo__schatten{position:absolute;left:28%;right:28%;top:calc(70% - var(--a-1));height:var(--a-2);border-radius:50%;background:radial-gradient(closest-side,var(--linie-fest),transparent);filter:blur(calc(var(--a-1) * .75))}.capo__ruf{position:absolute;left:26%;top:22%;width:48%;height:48%;border-radius:50%;pointer-events:auto;cursor:pointer}.capo.ist-fort{opacity:0}.capo.ist-fort .capo__ruf{visibility:hidden;pointer-events:none}.capo.ist-sofort{transition:none}.blase{max-width:var(--blase-max);padding:var(--a-3) var(--a-5);border-radius:var(--radius-sm) var(--radius-sm) var(--radius-xs) var(--radius-sm);line-height:var(--leading-eng)}.blase--capo{position:absolute;left:0;top:0;z-index:11;pointer-events:none;opacity:0;transform:translateY(var(--a-2)) scale(.96);transform-origin:100% 100%;filter:blur(var(--rein-unscharf));transition:opacity var(--dauer) var(--kurve),transform var(--dauer) var(--kurve),filter var(--dauer) var(--kurve)}.blase--capo.ist-da{opacity:1;transform:none;filter:none}.wortmarke{display:block;width:var(--wortmarke);aspect-ratio:878.6 / 144;background:var(--ink);-webkit-mask:url(assets/wordmark.svg) left center/contain no-repeat;mask:url(assets/wordmark.svg) left center/contain no-repeat}.nav{position:sticky;top:var(--kleb);z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--nav-h);padding:0 var(--a-2) 0 var(--feld-pad);border-radius:var(--radius-pill)}.nav__marke{display:flex;align-items:center;height:var(--klein-h);width:max-content;border-radius:var(--radius-xs)}.nav__orte,.daumenleiste{display:flex;gap:var(--a-1)}.nav__orte>*,.daumenleiste>*,.nav .segment>button{display:flex;align-items:center;justify-content:center;gap:var(--a-1);height:var(--klein-h);padding:0 var(--a-4);border-radius:var(--radius-pill);white-space:nowrap;transition:background var(--dauer-kurz) var(--kurve),box-shadow var(--dauer-kurz) var(--kurve),transform var(--dauer) var(--kurve)}.nav__orte>:hover,.daumenleiste>:hover{background:var(--ueberfahren)}.nav__orte>:active,.daumenleiste>:active{transform:scale(.96)}.nav__orte>[aria-current],.daumenleiste>[aria-current]{background:var(--gewaehlt);box-shadow:var(--gewaehlt-schatten);font-weight:var(--w-mittel)}.nav__orte>[aria-disabled=true],.daumenleiste>[aria-disabled=true]{color:var(--ink-faint)}.nav .segment{justify-self:end;padding:0;background:none}.dock{display:none;position:absolute;z-index:1;left:var(--rand);right:var(--rand);bottom:calc(var(--a-3) + var(--unten));flex-direction:column;gap:var(--a-2);padding:var(--a-2);border-radius:calc(var(--daumen-h) / 2)}.daumentat{display:flex}.daumenleiste>*{flex:1 1 auto;height:var(--touch);padding:0 var(--a-2)}.schleier{position:absolute;z-index:3;inset:0;display:grid;justify-items:end;padding:var(--a-3);background:var(--schleier);animation:schleier var(--dauer) var(--kurve)}@keyframes schleier{0%{opacity:0}}.blatt{display:flex;flex-direction:column;width:min(var(--blatt-b),100%);height:100%;border-radius:var(--radius);overflow:hidden;animation:blatt var(--dauer-lang) var(--kurve)}@keyframes blatt{0%{transform:translate(var(--a-6));opacity:0}}.blatt__kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--a-4);padding:var(--a-5) var(--a-5) var(--a-3) var(--pad)}.blatt__inhalt{flex:1;overflow-y:auto;padding:var(--a-1) var(--pad) var(--a-5)}.blatt__fuss{display:flex;align-items:center;justify-content:flex-end;gap:var(--a-3);padding:var(--a-4) var(--pad) var(--a-5);border-top:1px solid var(--linie)}.blatt__fuss .links{margin-right:auto}.toast{position:absolute;z-index:4;left:var(--a-4);right:var(--a-4);bottom:var(--a-6);width:fit-content;margin-inline:auto;display:flex;align-items:center;gap:var(--a-4);min-height:var(--touch);padding:0 var(--a-5);border-radius:calc(var(--touch) / 2);transform:translateY(var(--rein-weg));opacity:0;pointer-events:none!important;transition:transform var(--dauer) var(--kurve),opacity var(--dauer-kurz) var(--kurve)}.toast.ist-da{transform:none;opacity:1;pointer-events:auto!important}.toast>span{padding:var(--a-3) 0;line-height:var(--leading-eng)}.toast>.knopf{flex:none}.toast.toast--fest{position:static;transform:none;opacity:1;margin-inline:0;max-width:100%;pointer-events:auto!important}.leer{display:grid;justify-items:start;gap:var(--a-3);max-width:28em;padding:var(--a-5) 0}.leer__zeichen{width:var(--a-7);height:var(--a-7);margin-bottom:var(--a-2)}.leer .taten{margin-top:var(--a-3)}.skelett{display:block;border-radius:var(--radius-sm);min-height:var(--a-4);background:linear-gradient(100deg,var(--mulde) 30%,var(--feld-ueber) 50%,var(--mulde) 70%) 0 0 / 300% 100%;animation:skelett var(--dauer-skelett) linear infinite}.skelett--zeile{height:var(--a-4);border-radius:var(--radius-xs)}.skelett--titel{height:var(--a-5);width:42%;border-radius:var(--radius-xs)}.skelett--zahl{height:var(--num-big);width:var(--a-9)}.skelett--knopf{height:var(--touch);width:calc(var(--a-9) + var(--a-6));border-radius:var(--radius-pill)}@keyframes skelett{0%{background-position:100% 0}to{background-position:0 0}}.tabelle-rahmen{overflow-x:auto;margin:0 calc(-1 * var(--a-2));padding:0 var(--a-2)}.tabelle{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tabelle th,.tabelle td{height:var(--feld-h);padding:0 var(--a-4) 0 0;text-align:left;white-space:nowrap;border-top:1px solid var(--linie);font-weight:var(--w-normal)}.tabelle thead th{height:var(--klein-h);border-top:0;color:var(--ink-soft)}.tabelle .num{text-align:right;padding:0 0 0 var(--a-4)}.tabelle tfoot td,.tabelle tfoot th{font-weight:var(--w-mittel);border-top-color:var(--linie-fest)}.tabelle tbody tr.ist-gewaehlt td,.tabelle tbody tr.ist-gewaehlt th{font-weight:var(--w-mittel)}.tabelle .zustand,.tabelle .sym{display:flex}.tabelle--tipp tbody tr{cursor:pointer}.tabelle__auf{display:flex;align-items:center;gap:var(--a-3);width:100%;min-height:var(--touch);border-radius:var(--radius-xs);font-weight:inherit}.tabelle .tabelle__pfeil{width:var(--a-6);padding:0}.tabelle__pfeil .sym{margin-left:auto;transition:transform var(--dauer) var(--kurve)}.tabelle--tipp tbody tr:hover .tabelle__pfeil .sym{transform:translate(var(--a-1))}.tage{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--a-1)}.tag{position:relative;display:grid;place-items:center;align-content:center;height:var(--tag-h);border-radius:var(--radius-sm);line-height:var(--leading-titel);color:var(--ink-soft);transition:background var(--dauer-kurz) var(--kurve),box-shadow var(--dauer-kurz) var(--kurve),transform var(--dauer) var(--kurve)}.tag b{font-size:var(--text-big);font-weight:var(--w-normal);color:var(--ink);line-height:var(--leading-titel);font-variant-numeric:tabular-nums}.tag:hover,.tag.ist-hover{background:var(--ueberfahren)}.tag:active{transform:scale(.95)}.tag[aria-pressed=true]{background:var(--gewaehlt);box-shadow:var(--gewaehlt-schatten);color:var(--ink)}.tag[aria-pressed=true] b{font-weight:var(--w-mittel)}.tag[data-alarm]:after{content:"";position:absolute;right:var(--a-1);top:var(--a-1);width:var(--a-2);height:var(--a-2);border-radius:50%;background:var(--alarm)}.tag[disabled]{pointer-events:none;color:var(--ink-faint)}.tag[disabled] b{color:var(--ink-faint)}.lader{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:var(--ground);cursor:pointer;transition:opacity var(--dauer) var(--kurve)}.lader.ist-raus{opacity:0;pointer-events:none!important}.lader__mitte{position:relative;display:grid;justify-items:center}.lader__form{position:absolute;width:calc(var(--lader-karte) * .78);max-width:none;left:calc(var(--lader-karte) * -.23);top:var(--a-8);rotate:-14deg;pointer-events:none;filter:var(--form-filter)}.lader__capo{position:relative;z-index:2;width:var(--lader-capo);height:var(--lader-capo);margin-bottom:calc(-1 * var(--a-7))}.lader__karte{position:relative;z-index:1;display:grid;justify-items:center;gap:var(--a-5);width:var(--lader-karte);padding:var(--a-7) var(--a-6) var(--a-6);border-radius:var(--radius)}.lader__karte .wortmarke{width:calc(var(--wortmarke) * 1.5);-webkit-mask-position:center;mask-position:center}.lader__balken{width:var(--wortmarke);height:var(--fokus-breite);border-radius:var(--radius-pill);background:var(--linie);overflow:hidden}.lader__balken i{display:block;height:100%;background:var(--ink);transform-origin:0 50%;animation:lader var(--dauer-lader) var(--kurve) both}@keyframes lader{0%{transform:scaleX(0)}}@container app (min-width:700px){.nur-telefon{display:none!important}}@container app (max-width:1039px){.bento>*{grid-column:span var(--spalten-schmal,12)}.kachel--hoch{grid-row:auto}.begleiter{grid-template-columns:repeat(2,minmax(0,1fr))}}@container app (max-width:699px){.nur-rechner{display:none!important}.huelle{--text-satz:var(--text-satz-tel);--num-big:var(--num-big-tel);--text-big:var(--text-big-tel);--radius:var(--radius-tel);--pad:var(--pad-tel);--pad-held:var(--pad-held-tel);--gap:var(--gap-tel);--rand:var(--rand-tel);--nav-h:var(--nav-h-tel);--tag-h:var(--tag-h-tel);--gespraech-h:var(--gespraech-h-tel);--kachel-min:var(--kachel-min-tel);--capo:var(--capo-tel);--wortmarke:var(--wortmarke-tel);--form-gross:var(--form-gross-tel);--form-klein:var(--form-klein-tel);--objekt:var(--objekt-tel);--lader-karte:var(--lader-karte-tel);--blase-max:var(--blase-max-tel);--klein-h:var(--touch)}.app__innen{padding-bottom:calc(var(--dock-h) + var(--a-7) + var(--unten))}.abschnitt{margin-top:var(--a-5)}.begleiter{grid-template-columns:minmax(0,1fr)}.kachel--schmal{--spalten-schmal:12}.nav{grid-template-columns:1fr auto}.nav__orte{display:none}.dock{display:flex}.held{min-height:0;gap:var(--a-4)}.fakt{margin-top:var(--a-3);font-size:var(--text);font-weight:var(--w-normal)}.gespraech{padding-right:var(--a-1);gap:0}.gespraech input{font-size:var(--text);font-weight:var(--w-normal);letter-spacing:0}.pille{min-width:var(--touch)}.zeile{column-gap:var(--a-2)}.zeile .knopf--haupt .knopf__kreis{display:none}.zeile .knopf--haupt .knopf__text,.zeile .knopf--umriss{padding:0 var(--a-4)}.tage{gap:0;margin-inline:calc(-1 * var(--a-2))}.kennzahlen{grid-auto-flow:row;gap:var(--a-4)}.kennzahlen>*+*{padding-left:0;border-left:0;padding-top:var(--a-4);border-top:1px solid var(--linie)}.feldreihe--drei{grid-template-columns:repeat(2,minmax(0,1fr))}.feldreihe--drei>:nth-child(3){grid-column:1 / -1}.form--rechts{right:calc(var(--form-gross) * -.3);top:calc(var(--capo) * 1.2)}.form--links{top:calc(var(--capo) * 2.4)}.objekt--ecke{right:calc(-1 * var(--a-2));top:calc(-1 * var(--a-5))}.kachel__ecke{right:var(--a-4);top:var(--a-4)}.kachel__ecke--unten{top:auto;bottom:var(--a-4)}.schleier{padding:var(--a-2) var(--a-2) calc(var(--a-2) + var(--unten));align-items:end}.blatt{height:auto;max-height:86%;animation-name:blatt-unten}.blatt__kopf{padding:var(--a-4) var(--a-4) var(--a-2) var(--pad)}.toast{bottom:calc(var(--a-3) + var(--unten) + var(--dock-h) + var(--a-3))}}@keyframes blatt-unten{0%{transform:translateY(var(--a-6));opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.form,.skelett{animation:none!important}}