:root{--hintergrund:#f6f6f4;--flaeche:#fff;--text:#1d1d1b;--leise:#6b6b66;--rand:#dcdcd6;--akzent:#1f5fa8;--fehler:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--hintergrund:#161615;--flaeche:#222220;--text:#ececea;--leise:#a3a39d;--rand:#3a3a37;--akzent:#79a8e0;--fehler:#f2817a}}*{box-sizing:border-box}body{background:var(--hintergrund);color:var(--text);margin:0}h1{margin:0 0 1rem;font-size:1.4rem}button{font:inherit;border:1px solid var(--akzent);background:var(--akzent);color:var(--flaeche);cursor:pointer;white-space:nowrap;border-radius:6px;padding:.5rem 1rem}button:disabled{opacity:.6;cursor:default}input{font:inherit;border:1px solid var(--rand);background:var(--hintergrund);width:100%;color:var(--text);border-radius:6px;margin-top:.25rem;padding:.5rem}.mitte{place-items:center;min-height:100vh;padding:1rem;display:grid}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:10px;gap:1rem;width:100%;max-width:22rem;padding:1.5rem;display:grid}.fehler{color:var(--fehler);margin:0}.kopf{background:var(--flaeche);border-bottom:1px solid var(--rand);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.kopf-rechts{color:var(--leise);align-items:center;gap:1rem;display:flex}.inhalt{max-width:60rem;margin:0 auto;padding:1.5rem 1rem}h2{margin:2rem 0 .75rem;font-size:1.1rem}a{color:var(--akzent)}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}code.klein{word-break:break-all;color:var(--leise);font-size:.75rem}button.leise{color:var(--akzent);background:0 0}button.gefahr{border-color:var(--fehler);color:var(--fehler)}input[type=checkbox]{width:auto;accent-color:var(--akzent);margin:0}select,textarea{font:inherit;border:1px solid var(--rand);background:var(--hintergrund);color:var(--text);border-radius:6px;margin-top:.25rem;padding:.5rem}textarea{resize:vertical;width:100%}.leise{color:var(--leise)}.hinweis{border-left:3px solid var(--akzent);background:var(--flaeche);padding:.75rem 1rem}.marke{color:var(--text);font-weight:700;text-decoration:none}.navigation,.reiter{flex-wrap:wrap;gap:.25rem;display:flex}.navigation{flex:1;margin:0 1.5rem}.navigation a,.reiter a{color:var(--leise);border-radius:6px;padding:.35rem .75rem;text-decoration:none}.navigation a:hover,.reiter a:hover{color:var(--text)}.navigation a.active,.reiter a.active{background:var(--hintergrund);color:var(--text)}.reiter{border-bottom:1px solid var(--rand);margin-bottom:1.5rem}.reiter a{border-radius:6px 6px 0 0}.reiter a.active{background:var(--flaeche);border:1px solid var(--rand);border-bottom-color:var(--flaeche);margin-bottom:-1px}.kacheln{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;padding:0;list-style:none;display:grid}.kachel{background:var(--flaeche);border:1px solid var(--rand);color:var(--text);border-radius:10px;gap:.25rem;padding:1rem 1.25rem;text-decoration:none;display:grid}.kachel:hover{border-color:var(--akzent)}table{border-collapse:collapse;background:var(--flaeche);border:1px solid var(--rand);border-radius:10px;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rand);padding:.5rem .75rem}th{color:var(--leise);font-size:.9rem;font-weight:600}tr:last-child td{border-bottom:none}tr.gesperrt td{color:var(--leise)}.mitte-text{text-align:center}.rechts{text-align:right}.keinumbruch{white-space:nowrap}.breit{overflow-x:auto}.formular{gap:1rem;max-width:32rem;display:grid}.formular label{display:grid}.zeile{align-items:center;gap:.75rem;display:flex}.zeile input{margin-top:0}label.ankreuzen{align-items:center;gap:.5rem;display:flex}.abstand{flex:1}.karte.rolle{gap:.75rem;max-width:none;margin-bottom:1rem}.rolle .rollenname{font-weight:600}.rechtegitter{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;display:grid}fieldset{border:1px solid var(--rand);border-radius:8px;align-content:start;gap:.35rem;padding:.5rem .75rem .75rem;display:grid}legend{padding:0 .25rem;font-size:.9rem;font-weight:600}@media (width<=40rem){.kopf{flex-wrap:wrap;gap:.5rem}.navigation{flex-basis:100%;order:3;margin:0}}