:root{--grund: #f6f6f4;--flaeche: #ffffff;--flaeche-2: #eeeeeb;--linie: #d9d9d3;--linie-stark: #bcbcb4;--text: #23231f;--text-leise: #6a6a62;--akzent: #2f6fdb;--akzent-text: #ffffff;--ok: #2f6b46;--warn: #8a6320;--fehler: #9d2f24;--leiste-h: 52px;--spalte-w: 300px;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--grund)}button{font:inherit;color:inherit;background:var(--flaeche);border:1px solid var(--linie-stark);border-radius:4px;padding:5px 10px;cursor:pointer}button:hover:not(:disabled){background:var(--flaeche-2)}button:disabled{opacity:.45;cursor:not-allowed}button.haupt{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text);font-weight:600}input,select,textarea{font:inherit;color:inherit;background:var(--flaeche);border:1px solid var(--linie-stark);border-radius:4px;padding:5px 7px;width:100%;min-width:0}input[type=color]{padding:2px;height:30px}textarea{resize:vertical}:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}.hinweis{color:var(--text-leise);font-size:12.5px;margin:4px 0}.fehler{color:var(--fehler);font-size:13px}.visuell-versteckt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mitte{display:grid;place-items:center;min-height:100vh;padding:24px}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;padding:24px;width:min(420px,100%);display:flex;flex-direction:column;gap:10px}.karte--breit{width:min(720px,100%)}.karte h1{margin:0;font-size:20px}.karte__kopf{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.karte__kopf h1{margin-right:auto}.karte label{font-weight:600;font-size:12.5px}.zeile{display:flex;gap:8px}.zeile button{flex:none}.seitenliste{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.seitenliste li{display:flex;gap:6px;align-items:stretch}.seitenliste li>button:first-child{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;text-align:left;padding:9px 12px}.seitenliste strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seitenliste code{justify-self:end;color:var(--text-leise);white-space:nowrap}.seitenliste .hinweis{grid-column:1 / -1;margin:0}.seitenliste__loeschen{flex:none;padding:0 11px;line-height:1}.editor{display:flex;flex-direction:column;height:100vh}.leiste{display:flex;align-items:center;gap:8px;height:var(--leiste-h);padding:0 12px;background:var(--flaeche);border-bottom:1px solid var(--linie);flex:none;overflow-x:auto}.leiste__luecke{flex:1 1 auto}.leiste__route{color:var(--text-leise)}.leiste strong{white-space:nowrap}.viewports{display:flex;gap:4px}.chip{border-radius:999px;padding:4px 10px;font-size:12.5px;white-space:nowrap}.chip--aktiv{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text)}.chips{display:flex;flex-wrap:wrap;gap:4px}.status{font-size:12.5px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.status--ok{color:var(--ok)}.status--offen{color:var(--warn)}.status--laeuft{color:var(--text-leise)}.status--konflikt{color:var(--fehler);font-weight:600}.status--fehler{color:var(--fehler)}.meldung{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fdf6e3;border-bottom:1px solid var(--linie);font-size:13px}.meldung button{margin-left:auto}.arbeitsflaeche{display:grid;grid-template-columns:var(--spalte-w) minmax(0,1fr) var(--spalte-w);flex:1 1 auto;min-height:0}.spalte{background:var(--flaeche);overflow-y:auto;min-height:0}.spalte--links{border-right:1px solid var(--linie)}.spalte--rechts{border-left:1px solid var(--linie)}.canvas{background:var(--flaeche-2);overflow:auto;display:flex;justify-content:center;padding:20px;min-height:0}.canvas__rahmen{background:#fff;border:1px solid var(--linie-stark);border-radius:4px;box-shadow:0 1px 3px #00000014;overflow:hidden;max-width:100%;flex:none;align-self:flex-start;min-height:100%}.canvas iframe{display:block;width:100%;height:100%;min-height:70vh;border:0}.baum{padding:8px 0;font-size:13px}.baum__zweig{--einzug: calc(var(--tiefe, 0) * 12px)}.baum__zeile{display:flex;align-items:center;gap:2px;padding-inline-start:calc(8px + var(--einzug));padding-inline-end:6px}.baum__zeile:hover{background:var(--flaeche-2)}.baum__zeile--aktiv{background:color-mix(in srgb,var(--akzent) 12%,transparent)}.baum__name{flex:1 1 auto;display:flex;align-items:baseline;gap:6px;border:0;background:none;padding:5px 2px;text-align:left;min-width:0}.baum__typ{font-weight:600;white-space:nowrap}.baum__vorschau{color:var(--text-leise);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.baum__aktionen{display:flex;gap:2px;opacity:0}.baum__zeile:hover .baum__aktionen,.baum__zeile--aktiv .baum__aktionen{opacity:1}.baum__aktionen button{padding:1px 5px;font-size:12px}.baum__leer{margin:2px 0;padding-inline-start:calc(8px + var(--einzug));color:var(--text-leise);font-size:12px;font-style:italic}.baum__hinzufuegen{padding:3px 6px 6px calc(8px + var(--einzug))}.baum__hinzufuegen select{font-size:12px}.verlauf{border-top:1px solid var(--linie);padding:10px 12px}.verlauf h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise);margin:12px 0 6px}.verlauf ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.verlauf li{display:flex;align-items:center;gap:6px;font-size:12px}.verlauf li span{color:var(--text-leise);white-space:nowrap}.verlauf li em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verlauf li em.aktiv{color:var(--ok);font-weight:600}.verlauf li button{margin-left:auto;padding:2px 6px;font-size:11.5px;flex:none}.panel{padding:0 0 24px}.panel__kopf{padding:12px;border-bottom:1px solid var(--linie)}.panel__kopf h2{margin:0;font-size:15px}.panel__meta{margin:2px 0 0;font-family:ui-monospace,monospace;font-size:11.5px;color:var(--text-leise)}.gruppe{padding:10px 12px;border-bottom:1px solid var(--linie)}.gruppe h3{margin:0 0 8px;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise)}.feld{margin-bottom:10px}.feld>label{display:flex;align-items:baseline;gap:6px;font-size:12.5px;font-weight:600;margin-bottom:3px}.feld__eingabe{display:flex;gap:4px;align-items:center}.feld__eingabe>select{flex:0 1 auto;width:auto;min-width:68px}.feld__wert{margin:2px 0 0;font-family:ui-monospace,monospace;font-size:11px;color:var(--text-leise)}.geerbt{font-weight:400;font-size:11px;color:var(--text-leise);border:1px solid var(--linie);border-radius:3px;padding:0 4px}.zuruecksetzen{flex:none;padding:3px 7px;line-height:1}.medien__aktuell{display:flex;gap:8px;align-items:flex-start}.medien__miniatur{width:84px;height:60px;object-fit:cover;border:1px solid var(--linie-stark);border-radius:4px;background:var(--flaeche-2);flex:none}.medien__leer{width:84px;height:60px;flex:none;display:grid;place-items:center;border:1px dashed var(--linie-stark);border-radius:4px;color:var(--text-leise);font-size:11px}.medien__knoepfe{display:flex;flex-direction:column;gap:4px}.medien__knoepfe button{padding:4px 8px;font-size:12px}.medien__auswahl{margin-top:8px;padding:8px;border:1px solid var(--linie);border-radius:4px;background:var(--flaeche-2)}.medien__auswahl input[type=file]{font-size:12px}.medien__liste{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;max-height:260px;overflow-y:auto}.medien__eintrag{width:100%;padding:4px;display:grid;gap:2px;text-align:left;background:var(--flaeche);border:1px solid var(--linie)}.medien__eintrag--aktiv{border-color:var(--akzent);box-shadow:0 0 0 1px var(--akzent)}.medien__eintrag img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:2px;background:var(--flaeche-2)}.medien__name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.medien__meta{font-size:10.5px;color:var(--text-leise)}.medien__extern{margin-top:10px;font-size:12px}.medien__extern summary{cursor:pointer;color:var(--text-leise)}.medien__extern input{margin-top:6px}.neueseite{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:12px;border:1px solid var(--linie);border-radius:6px;background:var(--flaeche-2)}.abschnitt{margin:14px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise);font-weight:600}.verweis{border:0;background:none;padding:0;color:var(--akzent);text-decoration:underline;font-size:13px;align-self:flex-start}.qr{display:block;margin:8px auto;border:1px solid var(--linie);border-radius:4px}.geheimnis{display:inline-block;margin-top:4px;padding:4px 8px;background:var(--flaeche-2);border:1px solid var(--linie);border-radius:3px;letter-spacing:.08em;-webkit-user-select:all;user-select:all}.codes{list-style:none;margin:10px 0;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;background:var(--flaeche-2);border:1px solid var(--linie-stark);border-radius:4px}.codes code{font-size:14px;letter-spacing:.04em;-webkit-user-select:all;user-select:all}.ankreuzen{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:400}.ankreuzen input{width:auto}.canvas--voll{padding:0;display:block}.canvas--voll iframe{width:100%;height:100%;border:0;display:block;background:var(--flaeche)}.schluesselliste{padding:10px}.schluesselliste input[type=search]{width:100%;margin-bottom:10px}.schluesselliste h3{margin:14px 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise)}.schluesselliste ul{list-style:none;margin:0;padding:0}.eintrag{display:block;width:100%;text-align:start;border:0;background:none;padding:5px 6px;border-radius:5px;cursor:pointer}.eintrag:hover{background:var(--flaeche-2)}.eintrag.aktiv{background:var(--akzent);color:var(--akzent-text)}.eintrag-name{display:block;font-size:12px}.eintrag-wert{display:block;font-size:12px;color:var(--text-leise);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eintrag.aktiv .eintrag-wert{color:var(--akzent-text);opacity:.85}.punkt{display:inline-block;width:6px;height:6px;margin-inline-start:5px;border-radius:50%;background:var(--akzent);vertical-align:middle}.eintrag.aktiv .punkt{background:var(--akzent-text)}.panel textarea,.panel input[type=text]{width:100%}.dashboard{padding:16px 20px;overflow-y:auto;flex:1 1 auto;min-height:0}.dashboard__kopf{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.dashboard__kopf h2{margin:0;font-size:16px}.tabelle{width:100%;border-collapse:collapse;background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;overflow:hidden}.tabelle th{text-align:start;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise);font-weight:600;padding:8px 12px;border-bottom:1px solid var(--linie)}.tabelle td{padding:9px 12px;border-bottom:1px solid var(--linie);vertical-align:middle}.tabelle tr:last-child td{border-bottom:0}.tabelle tr:hover td{background:var(--grund)}.tabelle .leise{color:var(--text-leise)}.tabelle code{font-size:12px}.marke{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--flaeche-2);color:var(--text-leise);white-space:nowrap}.marke--offen{background:#fdf0dc;color:var(--warn)}.formular{display:grid;gap:10px;max-width:34rem;margin-bottom:16px}.formular label{display:grid;gap:3px}.formular label>span{font-size:12px;color:var(--text-leise)}.formular label.ankreuzen{grid-auto-flow:column;justify-content:start;align-items:center;gap:8px}.formular input,.formular select{width:100%}.formular__knoepfe{display:flex;gap:8px}.leiste .leiste__route{white-space:nowrap}.leiste input[type=search]{width:14rem;flex:0 1 14rem;min-width:8rem}