:root{color-scheme:light dark;--grund: #f4f1ea;--flaeche: #fffdf8;--tinte: #1d2025;--leise: #646970;--linie: #e0dacd;--akzent: #1f5f5b;--auf-akzent: #fffdf8;--akzent-zart: #dfece8;--wichtig: #a8431b;--wichtig-zart: #f6e3d8;--wartet: #35548a;--wartet-zart: #e1e8f4;--gefahr: #a32a2a;--gefahr-zart: #f7e1df;--schatten: 0 1px 2px rgb(40 30 10 / 6%), 0 8px 24px rgb(40 30 10 / 6%);--schrift: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--titelschrift: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--nav-hoehe: 4rem}@media(prefers-color-scheme:dark){:root{--grund: #15171a;--flaeche: #1e2125;--tinte: #ece8df;--leise: #9da1a8;--linie: #30343a;--akzent: #74c7bc;--auf-akzent: #10201e;--akzent-zart: #1d3532;--wichtig: #f0915f;--wichtig-zart: #3a251b;--wartet: #a3bdea;--wartet-zart: #212c40;--gefahr: #f08a84;--gefahr-zart: #3b1f1e;--schatten: 0 1px 2px rgb(0 0 0 / 30%), 0 8px 24px rgb(0 0 0 / 25%)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--grund);color:var(--tinte);font:1rem/1.5 var(--schrift);-webkit-tap-highlight-color:transparent}h1,h2,p{margin:0}h1{font:600 1.75rem/1.2 var(--titelschrift);letter-spacing:-.01em;text-wrap:balance;margin-bottom:1rem}h2{font:600 .8125rem/1.3 var(--schrift);letter-spacing:.06em;text-transform:uppercase;color:var(--leise);margin:2rem 0 .5rem}button,input,select,textarea{font:inherit;color:inherit}button,a.neben{cursor:pointer;touch-action:manipulation}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}input[type=text],input[type=password],input[type=search],input[type=date],select,textarea{width:100%;min-height:3rem;padding:.75rem .875rem;background:var(--flaeche);border:1px solid var(--linie);border-radius:.75rem}textarea{display:block;resize:none;field-sizing:content}::placeholder{color:var(--leise);opacity:1}code{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.9em}.unsichtbar{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.leise-text,.hinweis,.zeiten,small{color:var(--leise)}.hinweis,.zeiten,small{font-size:.8125rem}.mitte{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:1rem;padding:1.5rem;text-align:center}.haupt,.neben,.gefahr{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 1.25rem;border-radius:.75rem;border:1px solid transparent;font-weight:600;text-decoration:none}.haupt{background:var(--akzent);color:var(--auf-akzent)}.haupt:disabled{opacity:.45;cursor:default}.neben{background:transparent;border-color:var(--linie);color:var(--tinte)}.gefahr{background:var(--gefahr);color:var(--flaeche)}.text{min-height:2.75rem;padding:0 .5rem;background:none;border:0;color:var(--akzent);font-weight:600}.gefahr-text{color:var(--gefahr)}.fehler{padding:.625rem .875rem;border-radius:.75rem;background:var(--gefahr-zart);color:var(--gefahr);font-size:.9375rem}.balken{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1rem;margin-bottom:1rem}.anmeldung{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.anmeldung form{width:min(100%,22rem);display:grid;gap:1rem}.anmeldung h1{margin:.5rem 0 -.75rem}.anmeldung img{border-radius:.875rem}.anmeldung label,.blatt label{display:grid;gap:.375rem;font-size:.875rem;font-weight:600}.rahmen{max-width:44rem;margin:0 auto;padding:0 1rem calc(var(--nav-hoehe) + env(safe-area-inset-bottom) + 2rem)}.kopf{position:sticky;top:0;z-index:2;padding:calc(env(safe-area-inset-top) + .75rem) 0 .75rem;background:linear-gradient(var(--grund) 80%,transparent)}.segment{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:.1875rem;background:color-mix(in srgb,var(--tinte) 7%,transparent);border-radius:.75rem}.segment button{min-height:2.5rem;border:0;border-radius:.5625rem;background:none;color:var(--leise);font-weight:600;font-size:.9375rem}.segment button[aria-pressed=true]{background:var(--flaeche);color:var(--tinte);box-shadow:0 1px 2px #0000001f}main{padding-top:.5rem}.navigation{position:fixed;inset:auto 0 0;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--flaeche) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--linie)}.navigation button{display:grid;justify-items:center;gap:.125rem;min-height:var(--nav-hoehe);padding:.5rem .25rem;border:0;background:none;color:var(--leise);font-size:.6875rem;font-weight:600}.navigation svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.navigation .aktiv{color:var(--akzent)}.datum{color:var(--leise);font-size:.875rem}.gruss{font-size:2.125rem;margin:.125rem 0 .375rem}.satz{font-size:1.0625rem;text-wrap:pretty;max-width:34rem}.kacheln{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.25rem 0}.kachel{display:grid;gap:.25rem;align-content:start;padding:.75rem .875rem .875rem;text-align:left;background:var(--flaeche);border:1px solid var(--linie);border-radius:1rem}.kachel strong{font:600 2rem/1 var(--titelschrift);font-variant-numeric:tabular-nums}.kachel span{font-size:.8125rem;line-height:1.25;color:var(--leise)}.kachel.wichtig strong{color:var(--wichtig)}.kachel.wartet strong{color:var(--wartet)}.erfassen{display:grid;gap:.75rem;padding:.75rem;background:var(--flaeche);border:1px solid var(--linie);border-radius:1.25rem;box-shadow:var(--schatten)}.erfassen textarea{min-height:4.25rem;padding:.5rem .5rem 0;border:0;background:none;font-size:1.125rem;line-height:1.4}.erfassen textarea:focus-visible{outline:none}.erfassen:focus-within{border-color:var(--akzent)}.erkannt{display:grid;gap:.375rem;padding:0 .25rem}.chips{display:flex;flex-wrap:wrap;gap:.375rem}.chip{position:relative;display:inline-flex;align-items:center;gap:.375rem;min-height:2.5rem;padding:0 .875rem;border:1px solid var(--linie);border-radius:99rem;background:none;color:var(--leise);font-size:.9375rem;font-weight:600;white-space:nowrap}.chip.an{border-color:transparent;background:var(--akzent-zart);color:var(--akzent)}.chip.wichtig.an{background:var(--wichtig-zart);color:var(--wichtig)}.chip.wartet.an{background:var(--wartet-zart);color:var(--wartet)}.chip .zahl{font-weight:400;font-variant-numeric:tabular-nums;opacity:.8}.chip.datum input{position:absolute;inset:0;min-height:0;padding:0;opacity:0;cursor:pointer}.chip.datum:focus-within{outline:2px solid var(--akzent);outline-offset:2px}.sprachstatus:empty{display:none}.sprachstatus{padding:0 .25rem}.aktionen{display:flex;gap:.5rem}.aktionen .haupt{flex:1}.mikro{flex:none;display:grid;place-items:center;width:3.5rem;min-height:3rem;border:1px solid var(--linie);border-radius:.75rem;background:none;color:var(--akzent)}.mikro svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.mikro.hoert{border-color:transparent;background:var(--gefahr);color:var(--flaeche)}@media(prefers-reduced-motion:no-preference){.mikro.hoert{animation:puls 1.4s ease-in-out infinite}}@keyframes puls{50%{box-shadow:0 0 0 .5rem color-mix(in srgb,var(--gefahr) 22%,transparent)}}.liste{list-style:none;margin:0;padding:0;background:var(--flaeche);border:1px solid var(--linie);border-radius:1rem;overflow:hidden}.zeile{display:flex;align-items:flex-start}.zeile+.zeile{border-top:1px solid var(--linie)}.haken{flex:none;display:grid;place-items:center;width:3.25rem;height:3.25rem;border:0;background:none}.haken svg{width:1.5rem;height:1.5rem;border:1.5px solid var(--leise);border-radius:50%;fill:none;stroke:transparent;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.haken[aria-checked=true] svg{background:var(--akzent);border-color:var(--akzent);stroke:var(--auf-akzent)}.inhalt{flex:1;min-width:0;display:grid;gap:.25rem;padding:.875rem .875rem .875rem 0;border:0;background:none;text-align:left}.titel{overflow-wrap:anywhere;line-height:1.35}.erledigt .titel{color:var(--leise);text-decoration:line-through}.meta{display:flex;flex-wrap:wrap;gap:.25rem .375rem}.meta:empty{display:none}.marke{padding:.0625rem .5rem;border-radius:.375rem;background:color-mix(in srgb,var(--tinte) 7%,transparent);font-size:.75rem;font-weight:600}.marke.wichtig{background:var(--wichtig-zart);color:var(--wichtig)}.marke.wartet{background:var(--wartet-zart);color:var(--wartet)}.marke.ueber{background:var(--gefahr-zart);color:var(--gefahr)}.marke.leise{background:none;padding-inline:.125rem;color:var(--leise);font-weight:400}.leer{padding:1.25rem 1rem;border:1px dashed var(--linie);border-radius:1rem;color:var(--leise);text-align:center}.liste+.hinweis{margin-top:.5rem}.werkzeuge{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-bottom:.75rem}.werkzeuge select{width:auto}.werkzeuge+.chips{margin-bottom:1rem}.karte{display:grid;gap:.5rem;justify-items:start;padding:1rem;margin-bottom:.75rem;background:var(--flaeche);border:1px solid var(--linie);border-radius:1rem}.karte h2{margin:0}.karte .neben{margin-top:.25rem}.blatt{width:min(100%,32rem);max-width:none;max-height:92dvh;margin:auto auto 0;padding:0;border:0;border-radius:1.5rem 1.5rem 0 0;background:var(--grund);color:var(--tinte);overflow-y:auto;overscroll-behavior:contain}.blatt::backdrop{background:#0a0c0e8c}.blatt form{display:grid;gap:1rem;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.blatt header{display:flex;align-items:center;justify-content:space-between}.blatt header h2{margin:0}.schliessen{width:2.75rem;height:2.75rem;margin:-.5rem -.5rem -.5rem 0;border:0;background:none;font-size:1.75rem;line-height:1;color:var(--leise)}.blatt small{font-weight:400}.wahl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0;padding:0;border:0}.wahl legend{padding:0;margin-bottom:.375rem;font-size:.875rem;font-weight:600}.blatt .wahl label{display:flex;align-items:center;justify-content:center;min-height:3rem;border:1px solid var(--linie);border-radius:.75rem;background:var(--flaeche);font-size:1rem;cursor:pointer}.blatt .wahl label.an{border-color:var(--akzent);background:var(--akzent-zart);color:var(--akzent)}.wahl input{position:absolute;opacity:0}.wahl label:has(:focus-visible){outline:2px solid var(--akzent);outline-offset:2px}.blatt .schalter,.karte .schalter{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;font-size:1rem;font-weight:400;cursor:pointer}.schalter input{width:1.375rem;height:1.375rem;accent-color:var(--akzent)}.mit-knopf{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.blatt footer{display:flex;justify-content:space-between;gap:.75rem}.meldungen{position:fixed;inset:auto 0 calc(var(--nav-hoehe) + env(safe-area-inset-bottom) + .75rem);z-index:4;display:grid;justify-content:center;padding:0 1rem;pointer-events:none}.meldung{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:.875rem;background:var(--tinte);color:var(--grund);font-size:.9375rem;box-shadow:var(--schatten);pointer-events:auto}.meldung.schlecht{background:var(--gefahr);color:var(--flaeche)}.meldung button{min-height:2rem;padding:0 .25rem;border:0;background:none;color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.2em}@media(min-width:56rem){.app{display:grid;grid-template-columns:13rem 1fr}.navigation{position:sticky;inset:0 auto auto;align-self:start;grid-template-columns:1fr;gap:.125rem;height:100dvh;align-content:start;padding:1.5rem .75rem;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:0;border-right:1px solid var(--linie)}.navigation button{grid-auto-flow:column;justify-content:start;align-items:center;gap:.75rem;min-height:2.75rem;padding:0 .75rem;border-radius:.625rem;font-size:.9375rem}.navigation .aktiv{background:var(--akzent-zart)}.rahmen{width:100%;padding:0 2rem 3rem}.kopf{padding-top:1.5rem}.segment{max-width:22rem}.gruss{font-size:2.5rem}.blatt{margin:auto;border-radius:1.5rem}.meldungen{bottom:1.5rem}}@media(prefers-reduced-motion:no-preference){.haken svg,.chip,.segment button{transition:background-color .12s,color .12s,border-color .12s}}.anmeldung .schalter{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;font-size:1rem;font-weight:400;cursor:pointer}.schalter small{display:block;color:var(--leise);font-size:.8125rem}.text.klein{min-height:2rem;margin-top:-.5rem;padding:0;font-size:.875rem;text-align:left}.geraete{width:100%;margin:0;padding:0;list-style:none}.geraete li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.75rem 0;border-top:1px solid var(--linie)}.geraete li:first-child{border-top:0;padding-top:.25rem}.geraete small{display:block;margin-top:.125rem;color:var(--leise);font-size:.8125rem;line-height:1.4}.geraete .neben{margin-top:0}.marke{margin-left:.5rem;padding:.125rem .5rem;border-radius:1rem;background:var(--akzent-zart);color:var(--akzent);font-size:.75rem;font-weight:600;white-space:nowrap}