:root{--schwarz: #000000;--weiss: #ffffff;--grau: #58606a;--akzent: #b9f000;--grau-linie: color-mix(in srgb, var(--grau) 30%, var(--weiss));--grau-leicht: color-mix(in srgb, var(--grau) 8%, var(--weiss));--grau-mittel: color-mix(in srgb, var(--grau) 16%, var(--weiss));--schrift: "Century Gothic", "CenturyGothic", "AppleGothic", Arial, sans-serif;--abstand-xs: 4px;--abstand-s: 8px;--abstand-m: 16px;--abstand-l: 24px;--abstand-xl: 40px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:var(--schrift);font-size:14px;line-height:1.5;color:var(--schwarz);background:var(--weiss)}h1,h2,h3,h4{text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin:0 0 var(--abstand-m)}h1{font-size:22px}h2{font-size:17px}h3{font-size:14px}a{color:var(--schwarz)}.btn{font-family:var(--schrift);font-size:13px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:9px 18px;border:1px solid var(--schwarz);background:var(--weiss);color:var(--schwarz);cursor:pointer}.btn:hover:not(:disabled){background:var(--grau-leicht)}.btn:disabled{border-color:var(--grau-linie);color:var(--grau);cursor:not-allowed}.btn-primaer{background:var(--akzent);border-color:var(--akzent);color:var(--schwarz)}.btn-primaer:hover:not(:disabled){background:color-mix(in srgb,var(--akzent) 85%,var(--weiss))}.btn-klein{padding:4px 10px;font-size:11px}.btn-gefahr{border-color:var(--grau);color:var(--grau)}label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--grau);margin-bottom:var(--abstand-xs)}input,select,textarea{font-family:var(--schrift);font-size:14px;color:var(--schwarz);background:var(--weiss);border:1px solid var(--grau-linie);padding:8px 10px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--akzent);outline-offset:-1px;border-color:var(--grau)}input.ungueltig{border-color:var(--schwarz);background:var(--grau-leicht)}.formfeld{margin-bottom:var(--abstand-m)}.seite{max-width:1280px;margin:0 auto;padding:var(--abstand-xl) var(--abstand-l)}.kopfzeile{border-bottom:2px solid var(--schwarz);background:var(--weiss)}.kopfzeile-inhalt{max-width:1280px;margin:0 auto;padding:0 var(--abstand-l);display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-l);min-height:76px}.marke{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;text-decoration:none}.hauptnav{display:flex;gap:var(--abstand-l);flex-wrap:wrap}.hauptnav a{text-decoration:none;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700;color:var(--grau);padding:22px 0 19px;border-bottom:3px solid transparent}.hauptnav a:hover{color:var(--schwarz)}.hauptnav a.aktiv{color:var(--schwarz);border-bottom-color:var(--akzent)}.kopf-benutzer{display:flex;align-items:center;gap:var(--abstand-m);font-size:12px;color:var(--grau)}.hinweis{padding:10px 14px;border:1px solid var(--grau-linie);margin-bottom:var(--abstand-m);font-size:13px}.hinweis-fehler{border-color:var(--schwarz);border-left:4px solid var(--schwarz)}.hinweis-erfolg{border-left:4px solid var(--akzent)}.hinweis-info{border-left:4px solid var(--grau);color:var(--grau)}.dezent{color:var(--grau);font-size:12px}.abstand-oben{margin-top:var(--abstand-l)}.zeile{display:flex;gap:var(--abstand-m);align-items:flex-end;flex-wrap:wrap}.zeile>*{flex:0 0 auto}.fuellen{flex:1 1 auto}.karte{border:1px solid var(--grau-linie);padding:var(--abstand-l);margin-bottom:var(--abstand-l);background:var(--weiss)}.override-punkt{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--akzent);border:1px solid var(--schwarz);margin-left:6px;vertical-align:middle}.badge{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--grau);color:var(--grau);padding:1px 6px;margin-left:6px;vertical-align:middle}.badge-geaendert{border-color:var(--schwarz);color:var(--schwarz);background:var(--akzent)}.modal-hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--schwarz) 45%,transparent);display:flex;align-items:flex-start;justify-content:center;padding:8vh var(--abstand-l) var(--abstand-l);z-index:100}.modal{background:var(--weiss);border:2px solid var(--schwarz);padding:var(--abstand-l);width:100%;max-width:560px;max-height:82vh;overflow-y:auto}.modal-breit{max-width:960px}.modal-fusszeile{display:flex;justify-content:flex-end;gap:var(--abstand-s);margin-top:var(--abstand-l)}.laden{color:var(--grau);text-transform:uppercase;letter-spacing:.05em;font-size:12px;padding:var(--abstand-l) 0}.tabelle{width:100%;border-collapse:collapse;font-size:13px}.tabelle th{text-align:left;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700;color:var(--grau);padding:8px 10px;border-bottom:2px solid var(--schwarz);white-space:nowrap}.tabelle td{padding:8px 10px;border-bottom:1px solid var(--grau-linie);vertical-align:top}.tabelle .zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabelle-liste th,.tabelle-liste td{vertical-align:middle}.tabelle .summenzeile td{font-weight:700;border-top:2px solid var(--schwarz);border-bottom:none}.tabelle .zwischensumme td{font-weight:700;background:var(--grau-leicht)}.tabelle .materialzeile td{color:var(--grau);font-size:12.5px}.tabelle .materialzeile td:first-child{padding-left:32px}.tabelle tr.klickbar{cursor:pointer}.tabelle tr.klickbar:hover td{background:var(--grau-leicht)}.tabelle input{padding:4px 6px;font-size:13px;max-width:110px}.tabelle input.zahl-eingabe{text-align:right;font-variant-numeric:tabular-nums}.aufklapp{display:inline-block;width:14px;color:var(--grau);font-size:11px}.zusammenfassung{position:sticky;top:0;z-index:10;background:var(--weiss);border:2px solid var(--schwarz);padding:var(--abstand-m) var(--abstand-l);margin-bottom:var(--abstand-l)}.zusammenfassung h2{margin-bottom:var(--abstand-s)}.zusammenfassung .tabelle th{border-bottom-width:1px}@media print{@page{size:A4;margin:18mm 15mm}body{font-size:11px}.kopfzeile,.kein-druck,.btn{display:none!important}.seite{max-width:none;padding:0}.tabelle{font-size:10px}.tabelle th,.tabelle td{padding:4px 6px}.zusammenfassung{position:static;border-width:1px}.druck-gewerk{break-inside:avoid}.druck-fusszeile{display:block!important;margin-top:10mm;padding-top:3mm;border-top:1px solid var(--grau-linie);color:var(--grau);font-size:9px;display:flex;justify-content:space-between}}.druck-fusszeile{display:none}