.page{max-width:1080px;min-height:100dvh;padding-left:max(clamp(1rem, 4vw, 2.5rem), env(safe-area-inset-left));padding-right:max(clamp(1rem, 4vw, 2.5rem), env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom);flex-direction:column;margin-inline:auto;display:flex;overflow-x:clip}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-block:1.25rem;display:flex}.brand{letter-spacing:-.01em;color:var(--text);align-items:center;gap:.6rem;font-size:1.05rem;font-weight:620;text-decoration:none;display:inline-flex}.logo{width:28px;height:28px;color:var(--accent);flex:none}.btn{font:inherit;border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.15rem;font-weight:560;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-raised);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-ghost{color:var(--text-muted);background:0 0;padding-inline:.75rem}.btn-ghost:hover:not(:disabled){color:var(--text)}.hero{max-width:var(--measure);padding-block:clamp(3rem,9vw,5.5rem) clamp(2rem,6vw,3.5rem)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.82rem;font-weight:600}.hero h1{margin-bottom:1.15rem;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:680}.lead{color:var(--text-muted);font-size:clamp(1.05rem,1.7vw,1.2rem)}.cta{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.hint{color:var(--text-muted);margin-top:1rem;font-size:.88rem}.section{border-top:1px solid var(--border);padding-block:clamp(2.5rem,6vw,4rem)}.section h2{margin-bottom:1.75rem;font-size:clamp(1.4rem,2.8vw,1.85rem);font-weight:640}.ladder{counter-reset:stufe;flex-direction:column;gap:.5rem;display:flex}.rung{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);margin-left:calc(var(--i) * clamp(.75rem, 3vw, 2rem));grid-template-columns:7.5rem 1fr auto;align-items:baseline;gap:.5rem 1rem;padding:.9rem 1.15rem;display:grid}.rung-stufe{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:640}.rung-beispiel{font-weight:560}.rung-detail{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.88rem}@media (width<=34rem){.rung{grid-template-columns:1fr auto}.rung-stufe{grid-column:1/-1}}.cards{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.35rem}.card h3{margin-bottom:.5rem;font-size:1rem;font-weight:620}.card p{color:var(--text-muted);font-size:.94rem}.footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:auto;padding-block:2rem;font-size:.85rem}.footer code{font-family:var(--font-mono);background:var(--bg-sunken);border:1px solid var(--border);border-radius:5px;padding:.15em .4em;font-size:.85em}.nav{align-items:center;gap:.5rem;display:flex}.nav-name{color:var(--text-muted);font-size:.9rem}.unternav{gap:.35rem;padding-block:1.25rem;display:flex}.unternav a{border-radius:var(--radius);color:var(--text-muted);padding:.45rem .9rem;font-size:.94rem;font-weight:560;text-decoration:none}.unternav a:hover{background:var(--bg-sunken);color:var(--text)}.unternav a.active{background:var(--accent-soft);color:var(--accent)}.brotkrumen{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;padding-block:.75rem 1.25rem;font-size:.87rem;display:flex}.brotkrumen a{text-decoration:none}.brotkrumen a:hover{text-decoration:underline}main{padding-bottom:2rem}.schmal{max-width:30rem;padding-block:clamp(2.5rem,8vw,4.5rem)}.schmal h1{margin-bottom:.75rem;font-size:clamp(1.7rem,4vw,2.25rem)}.seitenkopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding-block:1.5rem 1rem;display:flex}.seitenkopf h1{margin-bottom:.35rem;font-size:clamp(1.6rem,3.5vw,2.1rem)}.seitenkopf h2{margin-bottom:.35rem;font-size:1.3rem;font-weight:640}.seitenkopf .lead{font-size:.95rem}.formular{flex-direction:column;gap:1rem;max-width:34rem;display:flex}.feld{flex-direction:column;gap:.35rem;display:flex}.feld-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.feld-hinweis{color:var(--text-muted);font-size:.8rem}.feld-paar{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;display:grid}input[type=text],input[type=email],input[type=password],input[type=date],select,textarea{font:inherit;width:100%;color:var(--text);background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius);padding:.55rem .75rem;transition:border-color .12s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:4rem}.schalter{align-items:center;gap:.6rem;font-size:.94rem;display:flex}.schalter input{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.knopfreihe{flex-wrap:wrap;gap:.5rem;display:flex}.btn-klein{padding:.35rem .7rem;font-size:.85rem}.btn-gefahr{color:var(--gefahr);border-color:var(--gefahr-rand);background:0 0}.btn-gefahr:hover:not(:disabled){background:var(--gefahr-soft)}.meldung{border-radius:var(--radius);border:1px solid #0000;padding:.7rem .95rem;font-size:.92rem}.meldung-fehler{background:var(--gefahr-soft);border-color:var(--gefahr-rand);color:var(--gefahr)}.meldung-erfolg{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.meldung-hinweis{background:var(--bg-sunken);border-color:var(--border);color:var(--text-muted);margin-bottom:1rem}.ladeanzeige,.leer{color:var(--text-muted);padding:1.5rem 0;font-size:.94rem}.liste{flex-direction:column;gap:.5rem;display:flex}.listeneintrag{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.9rem 1.15rem;display:flex}.listeneintrag-haupt{min-width:0;color:inherit;flex-direction:column;flex:16rem;gap:.15rem;text-decoration:none;display:flex}a.listeneintrag-haupt:hover .listeneintrag-titel{color:var(--accent)}.listeneintrag-titel{align-items:center;gap:.5rem;font-weight:580;display:flex}.listeneintrag-meta{color:var(--text-muted);font-size:.85rem}.listeneintrag-text{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.marke{letter-spacing:.02em;background:var(--bg-sunken);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:620;display:inline-block}.marke-gruen{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.marke-rot{background:var(--gefahr-soft);border-color:var(--gefahr-rand);color:var(--gefahr)}.card h3 .marke{vertical-align:middle;margin-left:.5rem}.card-geplant{opacity:.72}.klappe{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.klappe-inhalt{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(34rem,100%);box-shadow:var(--shadow);padding:1.25rem}.block{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);margin-block:1rem;padding:1rem 1.25rem}.block>summary{cursor:pointer;font-size:.95rem;font-weight:580}.block[open]>summary{margin-bottom:1.25rem}.tagebuchtext{white-space:pre-wrap;max-width:var(--measure);color:var(--text-muted);padding-block:.5rem 1rem}.upload-liste .listeneintrag{display:block}.upload-liste .listeneintrag-haupt{flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;display:flex}input[type=file]{font:inherit;width:100%;color:var(--text-muted);background:var(--bg-sunken);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:.8rem}.balken{background:var(--bg-sunken);border-radius:999px;height:5px;margin-top:.6rem;overflow:hidden}.balken-fuellung{background:var(--accent);border-radius:inherit;height:100%;transition:width .16s}.balken-gut .balken-fuellung{background:var(--accent);opacity:.45}.balken-schlecht .balken-fuellung{background:var(--gefahr)}.filterleiste{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);gap:.9rem;margin:1.5rem 0;padding:1rem 1.15rem;display:grid}.filtergruppe{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;display:flex}.filter-label{min-width:6rem;color:var(--text-muted);font-size:.85rem}.schalterreihe{flex-wrap:wrap;gap:.4rem;display:flex}.chip{font:inherit;color:var(--text);cursor:pointer;background:var(--bg-sunken);border:1px solid var(--border-strong);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.88rem;transition:background .12s,border-color .12s;display:inline-flex}.chip:hover{border-color:var(--accent)}.chip-aktiv{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.chip-kuerzel{letter-spacing:.02em;background:var(--bg-raised);width:1.4rem;height:1.4rem;color:var(--text);border-radius:50%;place-items:center;font-size:.66rem;font-weight:600;display:inline-grid}.chip-zahl{opacity:.7;font-size:.78rem}.medienabschnitt{margin:2rem 0}.abschnittskopf{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;margin-bottom:.9rem;padding-bottom:.5rem;display:flex}.abschnittskopf h2{margin:0;font-size:1.15rem}.abschnitt-meta{color:var(--text-muted);font-size:.88rem}.medienraster{column-width:15rem;column-gap:.7rem;margin:0;padding:0;list-style:none}.medienkachel{break-inside:avoid;margin-bottom:.7rem}.kachel{cursor:pointer;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:0;display:block;position:relative;overflow:hidden}.kachel img{object-fit:cover;width:100%;height:100%;display:block}.kachel:hover,.kachel:focus-visible{border-color:var(--accent)}.kachel-wartet{text-align:center;cursor:default;border-style:dashed;align-content:center;gap:.3rem;padding:1rem;display:grid}.kachel-hinweis{color:var(--text-muted);font-size:.85rem}.kachel-name{color:var(--text-muted);overflow-wrap:anywhere;font-size:.75rem}.kachel-marke{color:#fff;background:#0000008c;border-radius:999px;padding:.05rem .4rem;font-size:.75rem;position:absolute;top:.4rem;left:.4rem}.kachel-urheber{color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.65rem;font-weight:600;display:grid;position:absolute;bottom:.4rem;right:.4rem}.nachladen{color:var(--text-muted);text-align:center;padding:1.5rem 0;font-size:.88rem}.tageskacheln{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.9rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.tageskachel{height:100%;color:inherit;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;display:grid;overflow:hidden}.tageskachel:hover{border-color:var(--accent)}.tageskachel-bild{aspect-ratio:3/2;background:var(--bg-sunken);display:block}.tageskachel-bild img,.tageskachel-leer{object-fit:cover;width:100%;height:100%;display:block}.tageskachel-text{gap:.2rem;padding:.7rem .9rem .9rem;display:grid}.tageskachel-titel{font-size:.92rem}.tageskachel-meta{color:var(--text-muted);font-size:.82rem}.betrachter{z-index:50;background:#0b0908;grid-template:"kopf kopf kopf""links buehne rechts"1fr/auto 1fr auto;display:grid;position:fixed;inset:0}.betrachter-kopf{color:#f2ece4;background:#00000059;flex-wrap:wrap;grid-area:kopf;justify-content:space-between;align-items:center;gap:.6rem 1rem;padding:.8rem 1rem;display:flex}.betrachter-titel{gap:.15rem;min-width:0;display:grid}.betrachter-titel strong{overflow-wrap:anywhere}.betrachter-meta{opacity:.75;font-size:.83rem}.betrachter-buehne{grid-area:buehne;place-items:center;min-width:0;min-height:0;padding:1rem;display:grid}.betrachter-buehne img,.betrachter-buehne video{object-fit:contain;max-width:100%;max-height:100%}.betrachter-pfeil{color:#f2ece4;cursor:pointer;opacity:.65;background:0 0;border:none;padding:0 .9rem;font-size:2.4rem;line-height:1}.betrachter-pfeil:hover{opacity:1}.betrachter-pfeil-links{grid-area:links}.betrachter-pfeil-rechts{grid-area:rechts}.versteckt,.versteckt-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.themenupload{justify-items:end;gap:.5rem;display:grid}.themenupload-liste{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);gap:.5rem;width:min(26rem,100%);margin:0;padding:.6rem .75rem;list-style:none;display:grid}.themenupload-liste li{grid-template-columns:1fr auto;gap:.1rem .6rem;font-size:.82rem;display:grid}.themenupload-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.themenupload-groesse{color:var(--text-muted);grid-area:1/2}.themenupload-stand{color:var(--text-muted);grid-column:1/-1}.themenupload-liste .balken{grid-column:1/-1;margin-top:.15rem}.themenupload-meldung{color:var(--text-muted);margin:0;font-size:.85rem}.themenupload-fehler{color:var(--gefahr)}.abschnitt-leer{color:var(--text-muted);text-align:center;background:var(--bg-sunken);border:1px dashed var(--border-strong);border-radius:var(--radius);margin:0;padding:1.1rem;font-size:.9rem}.abschnittskopf{align-items:flex-start}.abschnittskopf h2{margin-bottom:.15rem}.themenliste{counter-reset:thema}.sortierknoepfe{gap:.15rem;display:grid}.sortierknoepfe .btn{padding:.1rem .45rem;font-size:.95rem;line-height:1.2}.sortierknoepfe .btn:disabled{opacity:.3;cursor:default}.block>.seitenkopf{margin-top:1.75rem}.block h3{margin:0 0 .2rem}@media (pointer:coarse){.btn{min-height:44px}.btn-klein{min-height:40px;padding-inline:.9rem}.chip{min-height:40px;padding-inline:.85rem}.sortierknoepfe .btn{min-width:44px;min-height:34px}.kachel:hover,.tageskachel:hover{border-color:var(--border)}}@media (width<=40rem){.header{flex-wrap:wrap;gap:.5rem;padding-block:.9rem}.nav{flex:16rem;justify-content:flex-end;gap:.25rem}.nav .btn{padding-inline:.7rem;font-size:.92rem}.nav-name{display:none}.unternav{scrollbar-width:none;gap:.25rem;padding-block:.9rem;overflow-x:auto}.unternav::-webkit-scrollbar{display:none}.unternav a{white-space:nowrap}.seitenkopf{padding-block:1rem .75rem}.seitenkopf>.btn,.seitenkopf>.knopfreihe{width:100%}.seitenkopf>.knopfreihe .btn{flex:1}.medienraster{column-count:2;column-width:auto;column-gap:.5rem}.medienkachel{margin-bottom:.5rem}.filterleiste{gap:.7rem;padding:.8rem}.filtergruppe{gap:.3rem;display:grid}.filter-label{letter-spacing:.06em;text-transform:uppercase;min-width:0;font-size:.72rem;font-weight:600}.schalterreihe{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.schalterreihe::-webkit-scrollbar{display:none}.chip{white-space:nowrap;flex:none}.listeneintrag{align-items:flex-start;padding:.85rem .95rem}.listeneintrag .knopfreihe{width:100%}.listeneintrag .knopfreihe .btn{flex:1}.themenupload-liste{width:100%}.tagebuchtext,.lead{font-size:1rem}}.listeneintrag-titel,.listeneintrag-meta,.listeneintrag-text{overflow-wrap:anywhere}.betrachter{-webkit-user-select:none;user-select:none;overscroll-behavior:contain}.betrachter-kopf{padding-top:max(.8rem, env(safe-area-inset-top));padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right))}.betrachter-buehne{padding-bottom:max(1rem, env(safe-area-inset-bottom))}@media (width<=48rem){.betrachter{grid-template-columns:1fr;grid-template-areas:"kopf""buehne"}.betrachter-pfeil{z-index:1;background:#0006;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;padding:0;font-size:1.9rem;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.betrachter-pfeil-links{left:max(.5rem, env(safe-area-inset-left))}.betrachter-pfeil-rechts{right:max(.5rem, env(safe-area-inset-right))}.betrachter-buehne{padding-inline:0}.betrachter-kopf{padding-block:max(.6rem, env(safe-area-inset-top)) .6rem;flex-wrap:nowrap;gap:.5rem}.betrachter-titel{min-width:0}.betrachter-titel strong{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;display:block;overflow:hidden}.betrachter-meta{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.betrachter-kopf .knopfreihe{flex-wrap:nowrap;flex:none}.betrachter-pfeil-links,.betrachter-pfeil-rechts{grid-area:auto}}.betrachter-kopf .btn-secondary{color:#f2ece4;background:#ffffff24;border-color:#ffffff47}.betrachter-kopf .btn-secondary:hover:not(:disabled){color:#fff;background:#ffffff38;border-color:#ffffff73}.betrachter-kopf .btn-ghost{color:#f2ece4cc}.betrachter-kopf .btn-ghost:hover:not(:disabled){color:#fff}:root{--bg:#fbf8f4;--bg-raised:#fff;--bg-sunken:#f2ece4;--border:#e3dad0;--border-strong:#d1c4b6;--text:#241f1a;--text-muted:#6d635a;--accent:#0f6e63;--accent-hover:#0b564e;--accent-soft:#dcefeb;--accent-contrast:#fff;--gefahr:#a3341f;--gefahr-rand:#e2b3a7;--gefahr-soft:#fbeae5;--shadow:0 1px 2px #241f1a0f, 0 8px 24px #241f1a0f;--radius:12px;--radius-lg:20px;--measure:68ch;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#16130f;--bg-raised:#211c17;--bg-sunken:#100d0a;--border:#332b23;--border-strong:#4a3f34;--text:#f2ece4;--text-muted:#a6998b;--accent:#4dbfae;--accent-hover:#6ed3c3;--accent-soft:#17332f;--accent-contrast:#0b1a18;--gefahr:#f0907a;--gefahr-rand:#5c2e24;--gefahr-soft:#2d1712;--shadow:0 1px 2px #0006, 0 8px 24px #0000004d}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.2}p{text-wrap:pretty;margin:0}ul{margin:0;padding:0;list-style:none}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}