:root{--grund:#ffffff;--schrift:#16181d;--leise:#5c6370;--linie:#dfe3e8;--akzent:#1f4b8f;--rot:#a4262c;--gelb:#8a6100;--gruen:#1e6b3a;--grau:#6b7280;--akzent-dunkel:#173a70;--seitenleiste:#f5f6f8;--auswahl:#e3eaf5;--hinterlegt:#f7f9fc;--feldrand:#8f98a3;--gelb-punkt:#b8870f;--breite-leiste:248px}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--schrift);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--akzent)}a:hover{color:var(--akzent-dunkel)}.rahmen{max-width:68rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}header.kopf{border-bottom:1px solid var(--linie)}header.kopf .rahmen{display:flex;align-items:baseline;gap:1rem;padding-bottom:.75rem}header.kopf .marke{font-weight:700;font-size:1.1rem;text-decoration:none;color:var(--schrift)}nav.mandant{border-bottom:1px solid var(--linie)}nav.mandant ul{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:.6rem 0}footer.fuss{border-top:1px solid var(--linie);color:var(--leise);font-size:.85rem}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--linie);padding:.5rem .6rem;text-align:left;vertical-align:top}th{font-size:.85rem;color:var(--leise)}label,th{font-weight:600}label{display:block;margin:.75rem 0 .2rem}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;max-width:32rem;padding:.45rem .5rem;border:1px solid var(--feldrand);border-radius:4px;font:inherit}button{padding:.5rem .9rem;border:1px solid var(--akzent);background:var(--akzent);color:#fff;border-radius:4px;font:inherit;cursor:pointer}button.leise{background:#fff;color:var(--akzent)}.fehler{color:var(--rot)}.hinweis{border:1px solid var(--linie);border-left:4px solid var(--akzent);padding:.7rem .9rem;margin:1rem 0;background:#f7f9fc}.entwurf{border-left-color:var(--gelb);background:#fdf8ec}.leise{color:var(--leise)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}pre.rechtstext{white-space:pre-wrap;font-family:inherit;font-size:.95rem;line-height:1.55;margin:1rem 0 2rem}label.mehrfach{display:inline-block;margin:0 1rem .35rem 0;font-weight:400}label.mehrfach input{width:auto;margin:0}.knopf{display:inline-flex;align-items:center;min-height:38px;padding:0 .9rem;border:1px solid var(--akzent);border-radius:4px;background:var(--akzent);color:#fff;font-weight:600;text-decoration:none;white-space:nowrap}.knopf:hover{background:var(--akzent-dunkel);border-color:var(--akzent-dunkel);color:#fff}body:has(.arbeitsflaeche)>header.kopf{display:none}main.rahmen:has(>.arbeitsflaeche){max-width:none;padding:0}body:has(.arbeitsflaeche)>footer.fuss{margin-left:var(--breite-leiste)}.arbeitsflaeche{display:flex;align-items:flex-start;min-height:100vh}.arbeitsinhalt{flex:1 1;min-width:0;max-width:72rem;padding:2rem 3rem 3rem}.arbeitsinhalt h1{font-size:1.75rem;line-height:1.2;font-weight:650;letter-spacing:-.01em;margin:0 0 .6rem}.arbeitsinhalt h2{font-size:1.06rem;font-weight:650;margin:2rem 0 .6rem}.seitenleiste{position:-webkit-sticky;position:sticky;top:0;flex-shrink:0;width:var(--breite-leiste);height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:20px 12px 16px;background:var(--seitenleiste);border-right:1px solid var(--linie)}.seitenleiste>.marke,.telefonkopf .marke{padding:0 10px;font-weight:700;font-size:1.06rem;color:var(--schrift);text-decoration:none}.navigation{flex:1 1;gap:18px}.nav-mandant,.navigation{display:flex;flex-direction:column}.nav-mandant{gap:2px;padding:9px 10px;font-size:.875rem;line-height:1.35;background:#fff;border:1px solid var(--linie);border-radius:6px}.nav-mandant .leise{font-size:.7rem}.nav-mandant a{font-size:.75rem}.nav-gruppe-titel{margin:0;padding:0 10px 4px;font-size:.75rem;font-weight:600;color:var(--leise)}.nav-gruppe ul{display:flex;flex-direction:column;gap:1px;list-style:none;margin:0;padding:0}.nav-punkt{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:0 10px;border-radius:5px;font-size:.875rem;color:var(--schrift);text-decoration:none}.nav-punkt:hover{background:#eceff3;color:var(--schrift)}.nav-punkt[aria-current=page]{background:var(--auswahl);color:var(--akzent);font-weight:600}.nav-zahl{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#e3e7ec;color:var(--schrift);font-size:.75rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nav-start{flex-direction:column;align-items:stretch;gap:7px;padding:9px 10px}.nav-start-zeile{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.nav-start-zeile .leise{font-size:.75rem;font-weight:400}.fortschritt{display:flex;gap:3px}.fortschritt span{flex:1 1;height:4px;border-radius:2px;background:#d3d9e0}.fortschritt span.voll{background:var(--akzent)}.nav-person{display:flex;flex-direction:column;margin-top:auto;padding:12px 10px 0;font-size:.875rem;line-height:1.35;border-top:1px solid var(--linie)}.nav-person .leise{font-size:.75rem}.nav-person-wege{display:flex;align-items:center;gap:14px;margin-top:6px;font-size:.8rem}.nav-person-wege form{margin:0}.nav-person-wege button{padding:0;border:0;background:none;color:var(--akzent);font-size:inherit;text-decoration:underline}.telefonkopf{display:none}.band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin:1rem 0;padding:.75rem 1rem;border:1px solid var(--linie);border-radius:8px;background:var(--hinterlegt)}.band a{font-weight:600}.punkt{display:inline-block;flex-shrink:0;width:10px;height:10px;border-radius:50%}.punkt-rot{background:var(--rot)}.punkt-gelb{background:var(--gelb-punkt)}.punkt-gruen{background:var(--gruen)}.punkt-grau{background:var(--grau)}.anteile{display:flex;gap:2px;height:10px;margin:0 0 .75rem}.anteile span{flex-basis:0;min-width:4px}.anteile span:first-child{border-radius:4px 0 0 4px}.anteile span:last-child{border-radius:0 4px 4px 0}.anteile span:only-child{border-radius:4px}.kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;list-style:none;margin:0;padding:0}.kachel{display:flex;flex-direction:column;gap:4px;padding:14px 16px;font-size:.85rem;line-height:1.45;border:1px solid var(--linie);border-radius:8px}.kachel-titel{display:flex;align-items:center;gap:7px;font-weight:600}.kachel-zahl{font-size:1.9rem;font-weight:650;line-height:1.15;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.zwei-spalten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0 2rem;gap:0 2rem;align-items:start}.abschnittskopf{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.zeilenliste{list-style:none;margin:0;padding:0;border:1px solid var(--linie);border-radius:8px}.zeilenliste>li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.7rem 1rem;border-bottom:1px solid var(--linie)}.zeilenliste>li:last-child{border-bottom:0}.tabellenrahmen{overflow-x:auto;margin:1rem 0;border:1px solid var(--linie);border-radius:8px}.tabellenrahmen th{background:var(--seitenleiste)}.tabellenrahmen td,.tabellenrahmen th{padding:.6rem 1rem;vertical-align:middle}.tabellenrahmen tr:last-child td{border-bottom:0}.lage{display:inline-flex;align-items:center;gap:7px}.lage .punkt{width:8px;height:8px}.marken{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}.marken li{padding:0 7px;border-radius:4px;background:#eef1f4;color:#3f4651;font-size:.75rem;line-height:20px}ol.schritte{max-width:52rem;list-style:none;margin:1.5rem 0;padding:0;border:1px solid var(--linie);border-radius:8px;overflow:hidden}ol.schritte li{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border-bottom:1px solid var(--linie)}ol.schritte li:last-child{border-bottom:0}ol.schritte li.erledigt{color:var(--leise)}ol.schritte li.naechster{align-items:center;background:var(--hinterlegt)}ol.schritte li p{margin:.15rem 0}.schritt-marke{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border:2px solid var(--linie);border-radius:50%;color:var(--leise);font-size:.8rem;font-weight:700}li.erledigt .schritt-marke{border-color:transparent;background:#e6f1ea;color:var(--gruen)}li.naechster .schritt-marke{border-color:var(--akzent);color:var(--akzent)}.schritt-text{flex:1 1;min-width:0}.schritt-aktion{padding-top:3px;font-size:.85rem}.massnahme-raster{display:grid;grid-template-columns:minmax(0,1fr) 20rem;grid-gap:0 2rem;gap:0 2rem;align-items:start;grid-template-areas:"wozu formular" "belege formular" "pruefung formular"}.massnahme-raster>.wozu{grid-area:wozu}.massnahme-raster>.formular{grid-area:formular;margin-top:2rem}.massnahme-raster>.belege{grid-area:belege}.massnahme-raster>.pruefung{grid-area:pruefung}.karte{padding:1.25rem;border:1px solid var(--linie);border-radius:8px;background:#fff}.karte>label:first-of-type{margin-top:0}.karte input,.karte select,.karte textarea{max-width:100%}@media (max-width:64rem){.kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}.massnahme-raster,.zwei-spalten{grid-template-columns:minmax(0,1fr)}.massnahme-raster{grid-template-areas:"wozu" "formular" "belege" "pruefung"}}@media (max-width:52rem){body:has(.arbeitsflaeche)>footer.fuss{margin-left:0}.arbeitsflaeche{display:block;min-height:0}.seitenleiste{display:none}.arbeitsinhalt{padding:0 1rem 2rem}.arbeitsinhalt h1{font-size:1.5rem}.telefonkopf{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px;margin:0 -1rem 1.25rem;padding:0 6px;background:var(--seitenleiste);border-bottom:1px solid var(--linie)}.telefonkopf-marke{display:flex;flex-direction:column;line-height:1.25}.telefonkopf-marke .leise{padding:0 10px;font-size:.75rem}.menue>summary{display:flex;align-items:center;min-height:44px;padding:0 12px;list-style:none;cursor:pointer;color:var(--akzent);font-size:.875rem;font-weight:600}.menue>summary::-webkit-details-marker{display:none}.menue .auf,.menue[open] .zu{display:none}.menue[open] .auf{display:inline}.menue[open]>.navigation{position:fixed;top:56px;right:0;bottom:0;left:0;overflow-y:auto;padding:16px;background:var(--seitenleiste)}.menue .nav-punkt{min-height:44px;font-size:1rem}.menue .nav-mandant a,.menue .nav-person-wege a,.menue .nav-person-wege button{display:inline-flex;align-items:center;min-height:44px}.kacheln{grid-template-columns:minmax(0,1fr)}ol.schritte li{flex-wrap:wrap}ol.schritte li .knopf{justify-content:center;width:100%;min-height:44px}}