:root{--grund:#fff;--flaeche:#f4f6fa;--linie:#dde2ea;--text:#1d2330;--leise:#5d6779;--akzent:#3e70ce;--ferien:#f1f8dc;--heute:#fff4cc;--fehler:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px}@media (prefers-color-scheme:dark){:root{--grund:#15181e;--flaeche:#1e232b;--linie:#333a46;--text:#e8ebf1;--leise:#a3abb9;--akzent:#7ea2ea;--ferien:#24301b;--heute:#3b3418;--fehler:#f2b8b5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--grund);color:var(--text);margin:0}button{font:inherit;color:inherit;cursor:pointer}select,input{font:inherit}.kopf{z-index:5;background:var(--grund);border-bottom:1px solid var(--linie);padding:max(env(safe-area-inset-top), 6px) 10px 4px;position:sticky;top:0}.kopf-zeile{align-items:center;gap:10px;display:flex}.marke{color:var(--akzent);white-space:nowrap}.reiter{flex:1;gap:2px;display:flex}.reiter button,.umfang button,.navigation button{border:1px solid var(--linie);background:var(--flaeche);border-radius:8px;padding:5px 11px}.reiter button.aktiv,.umfang button.aktiv{background:var(--akzent);border-color:var(--akzent);color:#fff}.neu-laden{background:0 0;border:none;padding:2px 6px;font-size:1.3rem}.dreht{animation:1s linear infinite drehen;display:inline-block}@keyframes drehen{to{transform:rotate(360deg)}}.kalenderleiste{scrollbar-width:thin;gap:6px;padding:6px 0 2px;display:flex;overflow-x:auto}.chip{white-space:nowrap;border:1px solid var(--linie);background:var(--grund);border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:.85rem;display:inline-flex}.chip.aus{opacity:.45;text-decoration:line-through}.punkt{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.statuszeile{color:var(--leise);min-height:1.2em;font-size:.8rem}.fehler{color:var(--fehler)}main{padding:10px}.hinweis,.leer,.kleintext{color:var(--leise);font-size:.85rem}.navigation{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.titel-woche{margin-left:6px;font-weight:600}.umfang{gap:2px;margin-left:8px;display:inline-flex}.wochenraster{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.tag{background:var(--flaeche);border-radius:10px;min-height:120px;padding:6px}.tag.ferien{background:var(--ferien)}.tag.heute{outline:2px solid var(--akzent)}.tag.sonntag .tagkopf{font-weight:700}.tagkopf{text-align:left;background:0 0;border:none;width:100%;padding:2px 2px 6px;display:block}.tagkopf small{color:var(--leise);font-weight:400;display:block}.tagkopf .feiertag{color:var(--fehler)}.termin{text-align:left;border:none;border-left:4px solid var(--farbe);background:var(--grund);border-radius:6px;width:100%;margin:0 0 5px;padding:4px 6px;display:block}.termin .zeit{color:var(--leise);font-size:.75rem;display:block}.termin .titel{font-size:.88rem}.marke-serie{color:var(--leise);margin-left:4px;font-size:.75rem}@media (max-width:760px){.wochenraster{grid-template-columns:1fr}.tag{min-height:0}}.jahresraster{grid-template-columns:repeat(var(--spalten), minmax(0, 1fr));gap:4px;display:grid;overflow-x:auto}.jahresraster.umfang-jahr{min-width:1100px}.monatskopf{background:var(--grund);padding:4px;font-weight:700;position:sticky;top:0}.jtag{text-align:left;border:none;border-top:1px solid var(--linie);background:0 0;gap:4px;width:100%;min-height:24px;padding:2px 3px;font-size:.78rem;display:flex}.jtag.ferien{background:var(--ferien)}.jtag.sonntag .datum{font-weight:700}.jtag.samstag .datum,.jtag.sonntag .datum{color:var(--akzent)}.jtag.feiertag .datum{color:var(--fehler)}.jtag.heute{background:var(--heute)}.jtag .datum{color:var(--leise);flex:0 0 3.6em}.jtag .eintraege{flex-direction:column;min-width:0;display:flex}.eintrag{border-left:3px solid var(--farbe);white-space:nowrap;text-overflow:ellipsis;padding-left:3px;overflow:hidden}.umfang-monat .jtag{min-height:30px;font-size:.9rem}.umfang-monat .eintrag{white-space:normal}.hintergrund{z-index:20;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.fenster{background:var(--grund);width:min(560px,100%);max-height:85vh;padding:14px 16px max(env(safe-area-inset-bottom), 16px);border-radius:14px 14px 0 0;overflow:auto}@media (min-width:761px){.hintergrund{align-items:center}.fenster{border-radius:14px}}.fensterkopf{justify-content:space-between;gap:10px;display:flex}.fensterkopf h2{margin:0 0 10px;font-size:1.1rem}.schliessen{background:0 0;border:none;font-size:1.6rem;line-height:1}.angaben{grid-template-columns:max-content 1fr;gap:6px 12px;margin:0;display:grid}.angaben dt{color:var(--leise)}.angaben dd{overflow-wrap:anywhere;margin:0}.info h2{margin:18px 0 6px;font-size:1rem}.messung{border-collapse:collapse;width:100%;max-width:720px;font-size:.85rem}.messung th,.messung td{border-bottom:1px solid var(--linie);text-align:left;vertical-align:top;padding:4px 6px}.messung td{white-space:nowrap}.gefahr{border:1px solid var(--fehler);color:var(--fehler);background:0 0;border-radius:8px;padding:6px 14px}.anmeldung{max-width:460px;margin:10vh auto 0;padding:16px}.anmeldung h1{color:var(--akzent)}.anmeldung form{gap:8px;margin:16px 0;display:grid}.anmeldung input{border:1px solid var(--linie);background:var(--grund);color:var(--text);border-radius:8px;padding:10px}.anmeldung button{background:var(--akzent);color:#fff;border:none;border-radius:8px;padding:10px}.anmeldung details{color:var(--leise);font-size:.9rem}.navigation select{border:1px solid var(--linie);background:var(--flaeche);color:var(--text);border-radius:8px;padding:5px 8px}