:root{--grund:#f5f5f2;--flaeche:#fff;--flaeche2:#ecece8;--rand:#deded8;--text:#1c1e21;--leise:#666a70;--rot:#b3261e;--akzent:#0f766e;--akzent-text:#fff;--akzent-zart:#dcf2ee;--schatten:0 1px 2px #0000000f, 0 2px 8px #0000000a;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-bereich=beruflich]{--akzent:#3949ab;--akzent-zart:#e3e6f8}@media (prefers-color-scheme:dark){:root{--grund:#16181b;--flaeche:#1f2226;--flaeche2:#2a2e33;--rand:#353a40;--text:#ececec;--leise:#a0a5ac;--rot:#ff8a80;--akzent:#4fc3b5;--akzent-text:#06201c;--akzent-zart:#173833;--schatten:none}:root[data-bereich=beruflich]{--akzent:#9fa8ff;--akzent-text:#10143a;--akzent-zart:#252a55}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--grund);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,p{margin:0}h1{text-wrap:balance;font-size:1.5rem;line-height:1.25}h2{font-size:1.05rem}h3{font-size:1rem}a{color:var(--akzent)}.leise{color:var(--leise);font-size:.875rem;font-weight:400}.rot{color:var(--rot)}.icon{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em}input,select,textarea,button{font:inherit;color:inherit}input:not([type=checkbox],[type=radio]),select,textarea{border:1px solid var(--rand);background:var(--flaeche);border-radius:8px;width:100%;min-height:2.6rem;padding:.55rem .7rem}textarea{resize:vertical;line-height:1.45}textarea.gross{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9rem}input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--akzent);flex:none;margin:0}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}button,.knopf{border:1px solid var(--rand);background:var(--flaeche);cursor:pointer;min-height:2.6rem;color:var(--text);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .9rem;text-decoration:none;display:inline-flex}button:hover,.knopf:hover{background:var(--flaeche2)}button:disabled{opacity:.6;cursor:default}button.haupt{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text);font-weight:600}button.haupt:hover{filter:brightness(1.08);background:var(--akzent)}button.gefahr{color:var(--rot)}button.rund{width:2.6rem;color:var(--leise);background:0 0;border:none;border-radius:50%;flex:none;padding:0}button.rund:hover{background:var(--flaeche2)}.fehler{color:var(--rot);background:color-mix(in srgb, var(--rot) 10%, transparent);border-radius:8px;padding:.5rem .7rem}.erfolg{color:var(--akzent)}.leer{color:var(--leise);padding:.75rem 0}div.leer{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.rahmen{grid-template:"kopf kopf""navi inhalt"1fr/13.5rem minmax(0,1fr);min-height:100dvh;display:grid}.kopf{z-index:20;padding:.6rem 1rem;padding-top:max(.6rem, env(safe-area-inset-top));background:var(--flaeche);border-bottom:1px solid var(--rand);grid-area:kopf;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.marke{letter-spacing:.04em;color:var(--akzent);width:12.5rem;font-size:1.15rem;font-weight:800;text-decoration:none}.umschalter{background:var(--flaeche2);border-radius:10px;flex:none;padding:3px;display:flex}.umschalter button{min-height:2.2rem;color:var(--leise);background:0 0;border:none;border-radius:8px;padding:.25rem .9rem}.umschalter button.aktiv{background:var(--akzent);color:var(--akzent-text);font-weight:600}.suchfeld{flex:0 18rem;min-width:0;margin-left:auto;position:relative}.suchfeld .icon{color:var(--leise);pointer-events:none;position:absolute;top:50%;left:.65rem;translate:0 -50%}.suchfeld input{background:var(--flaeche2);border-color:#0000;padding-left:2.2rem}.navi{flex-direction:column;grid-area:navi;align-self:start;gap:2px;padding:.75rem .6rem;display:flex;position:sticky;top:3.9rem}.navi a{color:var(--text);border-radius:9px;align-items:center;gap:.7rem;padding:.6rem .75rem;text-decoration:none;display:flex}.navi a:hover{background:var(--flaeche2)}.navi a.active{background:var(--akzent-zart);color:var(--akzent);font-weight:600}.navi .icon{width:1.3rem;height:1.3rem}.inhalt{flex-direction:column;grid-area:inhalt;gap:1.25rem;width:100%;max-width:70rem;padding:1.25rem 1.5rem 3rem;display:flex}.schmal{flex-direction:column;gap:1.25rem;max-width:40rem;display:flex}.titelzeile{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.titelzeile>div{min-width:0}section{flex-direction:column;gap:.5rem;min-width:0;display:flex}.spalten{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:start;gap:1.25rem;display:grid}.zahl{background:var(--flaeche2);min-width:1.5rem;color:var(--leise);text-align:center;font-variant-numeric:tabular-nums;border-radius:99px;padding:0 .4rem;font-size:.8rem;font-weight:600;display:inline-block}.abschnitt-kopf{border-top:1px solid var(--rand);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;padding-top:1rem;display:flex}.abschnitt-kopf button{min-height:2.2rem;padding:.25rem .7rem}.abschnitt-kopf{flex-wrap:wrap}.abschnitt-kopf h2{white-space:nowrap}.abschnitt-kopf .knoepfe{flex-wrap:nowrap}.liste{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.liste:empty{display:none}.zeile{background:var(--flaeche);border:1px solid var(--rand);box-shadow:var(--schatten);border-radius:10px;align-items:center;gap:.75rem;padding:.15rem .5rem .15rem .85rem;display:flex}.zeile.termin{border-left:4px solid var(--akzent)}.zeile-text{text-align:left;white-space:normal;min-width:0;min-height:2.75rem;color:var(--text);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:.1rem;padding:.45rem 0;text-decoration:none;display:flex}button.zeile-text:hover{background:0 0}.zeile-titel{overflow-wrap:anywhere;font-weight:500}.zeile-meta{color:var(--leise);flex-wrap:wrap;align-items:center;gap:.15rem .75rem;font-size:.85rem;display:flex}.zeile-meta>span{overflow-wrap:anywhere;align-items:center;gap:.25rem;display:inline-flex}.todo.erledigt .zeile-titel{color:var(--leise);font-weight:400;text-decoration:line-through}.wichtig{color:var(--rot);margin-right:.3rem;font-weight:800}.tag{background:var(--akzent-zart);color:var(--akzent);border-radius:99px;padding:.05rem .55rem;font-size:.8rem;font-weight:500;display:inline-flex}.schnell{gap:.5rem;display:flex}.erledigte summary{cursor:pointer;color:var(--leise);padding:.5rem 0;font-weight:600}.erledigte .liste{margin-top:.4rem}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);padding:1rem}section.karte{gap:.75rem}.karten{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));align-items:start;gap:.75rem;display:grid}.thema-karte{color:var(--text);flex-direction:column;gap:.6rem;padding:0;text-decoration:none;display:flex;overflow:hidden}.thema-karte:hover{border-color:var(--akzent)}.thema-karte img{aspect-ratio:16/9;object-fit:cover;width:100%}.thema-karte>div{flex-direction:column;gap:.35rem;padding:.85rem 1rem;display:flex}.thema-karte img+div{padding-top:0}.thema-karte h3{overflow-wrap:anywhere}.auszug{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.filter{max-width:24rem}.tagleiste{flex-wrap:wrap;gap:.4rem;display:flex}.tagleiste .tag{cursor:pointer;border:1px solid #0000;min-height:2rem}.tagleiste .tag.aktiv{background:var(--akzent);color:var(--akzent-text)}.thema{flex-direction:column;gap:1rem;max-width:50rem;display:flex}.zurueck{align-self:flex-start;align-items:center;gap:.2rem;text-decoration:none;display:inline-flex}.text{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);overflow-wrap:anywhere;padding:1rem 1.25rem}.text>:first-child{margin-top:0}.text>:last-child{margin-bottom:0}.text h1,.text h2,.text h3,.text h4{margin:1.2em 0 .4em;line-height:1.3}.text h1{font-size:1.3rem}.text h2{font-size:1.15rem}.text p,.text ul,.text ol,.text blockquote,.text pre,.text table{margin:.6em 0}.text ul,.text ol{padding-left:1.4rem}.text img{max-width:100%;height:auto}.text blockquote{border-left:3px solid var(--rand);color:var(--leise);margin-left:0;padding-left:.9rem}.text code{background:var(--flaeche2);border-radius:4px;padding:.1em .3em;font-size:.9em}.text pre{background:var(--flaeche2);border-radius:8px;padding:.75rem;overflow-x:auto}.text pre code{background:0 0;padding:0}.text table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.text th,.text td{border:1px solid var(--rand);text-align:left;padding:.35rem .6rem}.text hr{border:none;border-top:1px solid var(--rand);margin:1.2em 0}.fotos{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.5rem;display:grid}.fotos button{border:1px solid var(--rand);aspect-ratio:1;border-radius:10px;min-height:0;padding:0;overflow:hidden}.fotos img{object-fit:cover;width:100%;height:100%;display:block}.grossbild{border-radius:8px;max-width:100%;max-height:70dvh;margin:0 auto;display:block}.kopierzeile{gap:.5rem;display:flex}.kopierzeile input{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem}.pfad{flex-wrap:wrap;align-items:center;gap:.15rem .3rem;font-size:.95rem;display:flex}.pfad a{padding:.3rem 0;text-decoration:none}.pfad .icon{color:var(--leise);width:.9em;height:.9em}.pfad span{color:var(--leise)}.ordnerliste{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:.6rem;display:grid}.ordnerkarte{color:var(--text);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.7rem;padding:.7rem .9rem;text-decoration:none;display:grid}.ordnerkarte:hover{border-color:var(--akzent)}.ordnerkarte .icon{width:1.7rem;height:1.7rem;color:var(--akzent);grid-row:span 2}.ordnerkarte .leise{font-size:.8rem}.mini{object-fit:cover;background:var(--flaeche2);width:2.75rem;height:2.75rem;color:var(--leise);border-radius:6px;flex:none;place-items:center;margin:.35rem .25rem .35rem 0;display:grid}.notiz{white-space:pre-wrap}.bildtext{text-align:center;margin-top:.5rem}.titelzeile .knoepfe{flex:none;justify-content:flex-end}.formular .feld{flex-direction:column;gap:.4rem;display:flex}.formular .feld>span:first-child{font-size:.9rem;font-weight:600}@media (hover:hover) and (pointer:fine){.nur-touch{display:none}}a.knopf.rund{width:2.6rem;color:var(--leise);background:0 0;border:none;border-radius:50%;flex:none;padding:0}a.knopf.rund:hover,a.knopf.rund.active{background:var(--flaeche2);color:var(--akzent)}.stufen{flex-direction:column;gap:.5rem;display:flex}.stufe{border:1px solid var(--rand);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.7rem .85rem;display:flex}.stufe.aktiv{border-color:var(--akzent);background:var(--akzent-zart)}.stufe input{width:1.2rem;height:1.2rem;min-height:0;accent-color:var(--akzent);flex:none;margin:.15rem 0 0;padding:0}.stufe>span{flex-direction:column;display:flex}.stufe.aktiv .leise{color:var(--text)}.protokoll li{border-bottom:1px solid var(--rand);overflow-wrap:anywhere;flex-direction:column;padding:.45rem 0;display:flex}.protokoll li:last-child{border-bottom:none}.protokoll a{text-decoration:none}.hinweis{background:var(--flaeche2);border-radius:10px;align-items:flex-start;gap:.5rem;padding:.6rem .8rem;font-size:.9rem;display:flex}.hinweis .icon{margin-top:.15rem}.schloss{color:var(--leise);margin-left:.35rem}.qr{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.qr img{background:#fff;border-radius:8px;width:11rem;height:11rem;padding:.25rem}.qr>div{flex-direction:column;flex:12rem;gap:.4rem;min-width:0;display:flex}.geheim{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9rem}.codes{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.4rem;margin:0;padding:0;font-family:ui-monospace,Menlo,Consolas,monospace;list-style:none;display:grid}.codes li{background:var(--flaeche2);text-align:center;-webkit-user-select:all;user-select:all;border-radius:6px;padding:.35rem .6rem}.status{align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.status:before{content:"";background:var(--leise);border-radius:50%;width:.6rem;height:.6rem}.status.an:before{background:var(--akzent)}.status.warn:before{background:var(--rot)}.formular label.haekchen{align-items:flex-start}.formular label.haekchen input{margin-top:.15rem}.balken{background:var(--flaeche2);border-radius:99px;height:.5rem;overflow:hidden}.balken>span{background:var(--akzent);border-radius:99px;height:100%;display:block}.balken.voll>span{background:var(--rot)}.schritte{flex-direction:column;gap:.35rem;margin:0;padding-left:1.3rem;display:flex}h3.zwischen{margin-top:.5rem;font-size:.95rem}.formular{flex-direction:column;gap:.85rem;display:flex}.formular label{flex-direction:column;gap:.25rem;min-width:0;font-size:.9rem;font-weight:600;display:flex}.formular label.haekchen{flex-direction:row;align-items:center;gap:.6rem;min-height:2.6rem;font-size:1rem;font-weight:500}.formular .zwei{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.85rem;display:grid}.formular.eingerueckt{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:1rem}.knoepfe{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.luecke{flex:1}.fenster{border:1px solid var(--rand);background:var(--grund);width:min(34rem,100vw - 1.5rem);max-height:calc(100dvh - 1.5rem);color:var(--text);border-radius:16px;padding:1.1rem 1.25rem 1.25rem;overflow-y:auto}.fenster.breit{width:min(60rem,100vw - 1.5rem)}.fenster::backdrop{background:#00000073}.fenster-kopf{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.fenster-kopf h2{overflow-wrap:anywhere;min-width:0;font-size:1.2rem}.fenster .knoepfe{margin-top:.75rem}.anmelden{text-align:center;flex-direction:column;align-items:stretch;gap:.85rem;max-width:22rem;margin:12dvh auto 0;padding:1.5rem;display:flex}.anmelden img{border-radius:16px;align-self:center}.anmelden label{text-align:left;flex-direction:column;gap:.25rem;margin-top:.75rem;font-weight:600;display:flex}.kalender-seite{flex-direction:column;gap:1rem;height:calc(100dvh - 7.5rem);min-height:30rem;display:flex}.kalender{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);flex:1;min-height:0;padding:.75rem}.fc{--fc-border-color:var(--rand);--fc-page-bg-color:var(--flaeche);--fc-neutral-bg-color:var(--flaeche2);--fc-today-bg-color:var(--akzent-zart);--fc-event-bg-color:var(--akzent);--fc-event-border-color:var(--akzent);--fc-event-text-color:var(--akzent-text);--fc-list-event-hover-bg-color:var(--flaeche2);--fc-now-indicator-color:var(--rot);--fc-button-bg-color:var(--flaeche);--fc-button-border-color:var(--rand);--fc-button-text-color:var(--text);--fc-button-hover-bg-color:var(--flaeche2);--fc-button-hover-border-color:var(--rand);--fc-button-active-bg-color:var(--akzent);--fc-button-active-border-color:var(--akzent)}.fc .fc-toolbar-title{font-size:1.15rem;font-weight:700}.fc .fc-toolbar.fc-header-toolbar{margin-bottom:.75rem}.fc .fc-toolbar.fc-footer-toolbar{margin-top:.75rem}.fc .fc-button{white-space:nowrap;min-height:2.4rem;box-shadow:none!important}.fc .fc-button-primary:not(:disabled).fc-button-active{color:var(--akzent-text);font-weight:600}.fc .fc-button-primary:disabled{background:var(--flaeche);color:var(--leise);border-color:var(--rand)}.fc a{color:inherit;text-decoration:none}.fc .fc-daygrid-day-number,.fc .fc-col-header-cell-cushion{padding:.25rem .4rem}.fc .fc-daygrid-week-number{color:var(--leise);background:0 0;font-size:.75rem}.fc .fc-event{cursor:pointer}.fc .fc-daygrid-dot-event{color:var(--text)}.fc .fc-daygrid-event{border-radius:5px;padding:0 .2rem}.fc .ist-todo{background:var(--flaeche);border:1px solid var(--akzent)}.fc .ist-todo .fc-event-main{color:var(--text)}.fc .ist-todo .fc-event-title:before{content:"☐ ";color:var(--akzent)}.fc .ist-erledigt{opacity:.55}.fc .ist-erledigt .fc-event-title{text-decoration:line-through}.fc .ist-erledigt .fc-event-title:before{content:"☑ "}.fc .fc-list-event.ist-todo .fc-list-event-dot{background:0 0;border-radius:3px}.fc .fc-list-day-cushion{background:var(--flaeche2)}.fc .fc-list{border-radius:8px}.fc .fc-list-empty{color:var(--leise);background:0 0}@media (width<=760px){.rahmen{grid-template:"kopf""inhalt"1fr/minmax(0,1fr)}.kopf{gap:.5rem;padding-inline:.75rem}.marke{width:auto}.umschalter button{padding-inline:.65rem}.suchfeld{flex:6rem}.kopf a.knopf.rund{width:2.2rem;min-height:2.2rem}.titelzeile{flex-wrap:wrap}.navi{z-index:20;padding:.25rem .25rem max(.25rem, env(safe-area-inset-bottom));background:var(--flaeche);border-top:1px solid var(--rand);flex-direction:row;gap:0;position:fixed;inset:auto 0 0}.navi a{flex-direction:column;flex:1;gap:.1rem;min-width:0;padding:.35rem .1rem;font-size:.68rem}.navi a span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.navi a.active{background:0 0}.inhalt{padding:1rem .85rem calc(5.5rem + env(safe-area-inset-bottom))}h1{font-size:1.3rem}.kalender-seite{height:calc(100dvh - 9.5rem - env(safe-area-inset-bottom))}.kalender{padding:.5rem}.fc .fc-toolbar-title{font-size:1rem}.fc .fc-button{padding:.3rem .55rem}input,select,textarea,.kopierzeile input,textarea.gross{font-size:16px}}