:root{--bg: #e6ecf3;--panel: #f5f2e9;--panel-rand: #b9c3cf;--kopf: #1f3f78;--kopf-text: #ffffff;--text: #1c2430;--text-schwach: #5b6673;--gold: #c9a24a;--blau: #2f5fa8;--eingabe-bg: #ececec;--eingabe-rand: #9aa5b1;--ok: #2e8b3d;--loeschen: #b83a2c;--warn-bg: #fff6bf;--warn-rand: #d9c15a;--zeile-hover: #dde7f3;--zeile-aktiv: #c6d7ee;--schrift: "Segoe UI", Tahoma, Arial, sans-serif;--radius: 3px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 var(--schrift)}a{color:var(--blau)}h1,h2,h3{margin:0;font-weight:600}.laden{padding:40px;text-align:center;color:var(--text-schwach)}.basisfenster{min-height:100%;display:flex;flex-direction:column}.menueleiste{display:flex;align-items:stretch;background:var(--panel);border-bottom:1px solid var(--panel-rand);padding:0 6px;flex-wrap:wrap}.menue{position:relative}.menue>button{background:none;border:0;padding:6px 10px;font:inherit;color:var(--text);cursor:pointer}.menue>button:hover,.menue.offen>button{background:var(--zeile-aktiv)}.menue-liste{position:absolute;top:100%;left:0;z-index:20;min-width:240px;background:#fff;border:1px solid var(--panel-rand);box-shadow:0 4px 12px #00000026;padding:4px 0;margin:0;list-style:none}.menue-liste li button,.menue-liste li a{display:block;width:100%;text-align:left;background:none;border:0;padding:6px 14px;font:inherit;color:var(--text);cursor:pointer;text-decoration:none}.menue-liste li button:hover,.menue-liste li a:hover{background:var(--zeile-hover)}.menue-liste li button:disabled{color:var(--text-schwach);cursor:default;background:none}.menue-liste li button:disabled small{margin-left:6px}.menue-liste hr{border:0;border-top:1px solid var(--panel-rand);margin:4px 0}.menue-rechts{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--text-schwach);padding-right:6px}.ikonleiste{display:flex;gap:4px;padding:4px 8px;background:linear-gradient(#fbfaf6,#ebe7db);border-bottom:1px solid var(--panel-rand);flex-wrap:wrap}.ikon{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:4px 6px;border:1px solid transparent;border-radius:var(--radius);background:none;font:inherit;font-size:11px;color:var(--text);cursor:pointer;text-decoration:none}.ikon:hover{border-color:var(--panel-rand);background:#fff}.ikon:disabled{color:var(--text-schwach);cursor:default}.ikon:disabled:hover{border-color:transparent;background:none}.ikon svg{width:22px;height:22px}.inhalt{flex:1;padding:10px 12px 60px}.titelzeile{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.titelzeile h1{font-size:17px;color:var(--kopf)}.titelzeile .hinweis{color:var(--text-schwach)}.bereich{background:var(--panel);border:1px solid var(--panel-rand);border-radius:var(--radius);margin-bottom:10px}.bereich>header{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--kopf);color:var(--kopf-text);padding:4px 10px;font-weight:600;font-size:13px}.bereich>header .aktionen{display:flex;gap:6px}.bereich-inhalt{padding:10px}.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 12px}.raster .breit{grid-column:1 / -1}.feld{display:flex;flex-direction:column;gap:2px;min-width:0}.feld>span{color:var(--text-schwach);font-size:12px}.eingabe{width:100%;background:var(--eingabe-bg);border:1px solid var(--eingabe-rand);border-radius:var(--radius);padding:4px 6px;font:inherit;color:var(--text)}.eingabe:focus{outline:2px solid var(--blau);outline-offset:-1px;background:#fff}.eingabe:disabled{color:var(--text-schwach)}textarea.eingabe{min-height:70px;resize:vertical}.zeile{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.zeile.rechts{justify-content:flex-end}.knopf{background:linear-gradient(#fff,#e3e0d6);border:1px solid var(--eingabe-rand);border-radius:var(--radius);padding:5px 12px;font:inherit;color:var(--text);cursor:pointer}.knopf:hover{background:linear-gradient(#fff,#d6d2c4)}.knopf:disabled{opacity:.55;cursor:default}.knopf.ok{background:var(--ok);border-color:var(--ok);color:#fff}.knopf.ok:hover{filter:brightness(1.08)}.knopf.loeschen{background:var(--loeschen);border-color:var(--loeschen);color:#fff}.knopf.blau{background:var(--blau);border-color:var(--blau);color:#fff}.knopf kbd{margin-left:6px;font:11px var(--schrift);opacity:.8}.grossknopf{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;margin-bottom:8px;background:linear-gradient(#fff,#e9e5d8);border:1px solid var(--panel-rand);border-left:5px solid var(--gold);border-radius:var(--radius);font:inherit;font-size:15px;font-weight:600;color:var(--kopf);cursor:pointer;text-align:left;text-decoration:none}.grossknopf:hover{background:#fff}.grossknopf:disabled{opacity:.55;cursor:default}.grossknopf svg{width:28px;height:28px;flex:none}.grossknopf small{display:block;font-weight:400;color:var(--text-schwach);font-size:12px}.start{display:grid;grid-template-columns:300px 1fr;gap:12px}.start .kaesten{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:10px}.kasten{background:#fff;border:1px solid var(--panel-rand);border-top:4px solid var(--blau);border-radius:var(--radius);padding:8px 10px}.kasten .wert{font-size:22px;font-weight:600;color:var(--kopf)}.kasten .label{color:var(--text-schwach);font-size:12px}.kasten.gold{border-top-color:var(--gold)}.hinweise{margin:0;padding-left:18px}.hinweise li{margin:2px 0}.tabelle-rahmen{overflow:auto;background:#fff;border:1px solid var(--panel-rand)}.tabelle{width:100%;border-collapse:collapse;font-size:12.5px}.tabelle th{position:sticky;top:0;background:#e3e8ef;color:var(--kopf);text-align:left;padding:5px 8px;border-bottom:1px solid var(--panel-rand);white-space:nowrap}.tabelle td{padding:4px 8px;border-bottom:1px solid #eef1f5;white-space:nowrap}.tabelle tbody tr{cursor:pointer}.tabelle tbody tr:hover{background:var(--zeile-hover)}.tabelle tbody tr.aktiv{background:var(--zeile-aktiv)}.tabelle tbody tr.leer td{color:var(--text-schwach);text-align:center;cursor:default;padding:16px;white-space:normal}.tabelle td .eingabe{padding:2px 4px}.tabelle.bearbeitbar tbody tr{cursor:default}.tabelle.bearbeitbar tbody tr:hover{background:none}.reiter{display:flex;gap:2px;border-bottom:1px solid var(--panel-rand);margin-bottom:10px;flex-wrap:wrap}.reiter button{background:#e3e0d6;border:1px solid var(--panel-rand);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;padding:5px 12px;font:inherit;cursor:pointer;color:var(--text)}.reiter button.aktiv{background:var(--panel);font-weight:600;color:var(--kopf);margin-bottom:-1px;padding-bottom:6px}.dialog-hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e3273;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.dialog{background:var(--panel);border:1px solid var(--panel-rand);border-radius:var(--radius);min-width:320px;max-width:640px;width:100%;box-shadow:0 10px 30px #0000004d}.dialog>header{background:var(--kopf);color:var(--kopf-text);padding:6px 12px;font-weight:600}.dialog .dialog-inhalt{padding:12px}.dialog .dialog-fuss{display:flex;justify-content:flex-end;gap:6px;padding:8px 12px;border-top:1px solid var(--panel-rand)}.meldung{padding:6px 10px;border-radius:var(--radius);margin-bottom:8px;border:1px solid}.meldung.fehler{background:#fde8e5;border-color:var(--loeschen);color:#7a2418}.meldung.ok{background:#e4f3e6;border-color:var(--ok);color:#1f5d29}.meldung.info{background:var(--warn-bg);border-color:var(--warn-rand)}.infoband{position:fixed;left:0;right:0;bottom:0;background:var(--warn-bg);border-top:1px solid var(--warn-rand);padding:5px 12px;font-size:12px;z-index:10}.infoband b{color:var(--kopf)}.knopfleiste{display:flex;gap:6px;flex-wrap:wrap;padding:8px 0}.kunden{display:grid;grid-template-rows:auto minmax(160px,32vh) 1fr;gap:8px}.kunden .suche{display:flex;gap:8px;align-items:center}.kunden .suche .eingabe{max-width:420px}.anmeldung{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.anmeldung .bereich{width:100%;max-width:420px}.marke{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--kopf);margin-bottom:14px}.marke svg{width:32px;height:32px}.marke{display:inline-block;padding:1px 7px;border-radius:9px;font-size:11.5px;font-weight:600;border:1px solid;white-space:nowrap;background:#fff}.marke.entwurf{color:#7a5b12;border-color:var(--gold);background:#fbf3dc}.marke.ok{color:#1f5d29;border-color:var(--ok);background:#e4f3e6}.marke.blau{color:var(--kopf);border-color:var(--blau);background:#e3ebf7}.marke.warn{color:#8a4b00;border-color:#e08a1e;background:#fff0db}.marke.storniert{color:#7a2418;border-color:var(--loeschen);background:#fde8e5}.zweispaltig{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px;align-items:start}.auswahlkaesten{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px}.auswahlkaesten .bereich{margin-bottom:8px}.auswahlkaesten p{margin:0}.filter{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:8px}.filter .feld{min-width:150px}.kaesten-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:10px}.titelzeile .knopf{margin-left:auto;text-decoration:none}.titelzeile .knopf+.knopf{margin-left:0}.unterkopf{font-size:13px;color:var(--kopf);margin:4px 0 6px}.haken{display:flex;gap:6px;align-items:center;cursor:pointer}.zahl,td.zahl,th.zahl{text-align:right;font-variant-numeric:tabular-nums}input.eingabe.zahl{text-align:right}.tabelle.kompakt td,.tabelle.kompakt th{padding:3px 6px}.tabelle td.umbruch{white-space:pre-wrap;max-width:420px}.tabelle.summen td{padding:3px 8px}.tabelle.summen tr.fett td{font-weight:700;border-top:1px solid var(--panel-rand)}.tabelle tbody tr.hinweis td{color:var(--text-schwach)}.legende{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:var(--text-schwach)}.dialog-liste{max-height:50vh;overflow:auto;margin-top:8px;display:flex;flex-direction:column;gap:2px}.dialog-liste>button{text-align:left;background:#fff;border:1px solid var(--panel-rand);border-radius:var(--radius);padding:5px 8px;font:inherit;cursor:pointer}.dialog-liste>button:hover{background:var(--zeile-hover)}.balken{display:inline-block;height:10px;background:var(--blau);border-radius:2px;min-width:2px}.logo-vorschau{max-width:260px;max-height:120px;display:block;margin-bottom:8px;background:#fff;border:1px solid var(--panel-rand)}code{font-size:11.5px}.editor-leiste{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;background:var(--panel);border:1px solid var(--panel-rand);border-top:3px solid var(--kopf);border-radius:var(--radius);padding:6px 10px;margin-bottom:8px}.editor-titel{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-titel h1{font-size:16px;color:var(--kopf)}.editor-summen{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--text-schwach)}.editor-summen b{color:var(--text)}.editor-knoepfe{display:flex;gap:6px;margin-left:auto}.karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.karte{display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px;background:linear-gradient(#fff,#eeeae0);border:1px solid var(--panel-rand);border-left:5px solid var(--gold);border-radius:var(--radius);font:inherit;cursor:pointer;color:var(--text)}.karte b{color:var(--kopf);font-size:14px}.karte span{color:var(--text-schwach);font-size:12px}.karte:hover{background:#fff}.karte.blau{border-left-color:var(--blau)}.karte.loeschen{border-left-color:var(--loeschen)}.karte:disabled{opacity:.5;cursor:default}.lv-leiste{padding-top:0;align-items:center}.lv-leiste .trenner{width:1px;align-self:stretch;background:var(--panel-rand);margin:0 4px}.lv-rahmen{max-height:60vh}.tabelle.lv td{padding:2px 4px;vertical-align:top}.tabelle.lv select.eingabe{padding:2px}.tabelle.lv tr.aktiv{background:#eef4fb}.tabelle.lv tr.markiert{background:#fff6bf}.tabelle.lv tr.lv-titel td,.tabelle.lv tr.lv-gewerk td{background:#e9eef6}.tabelle.lv tr.lv-titel .eingabe,.tabelle.lv tr.lv-gewerk .eingabe{font-weight:700}.tabelle.lv tr.lv-alternativ .eingabe,.tabelle.lv tr.lv-bedarf .eingabe{font-style:italic}.tabelle.lv tr.lv-text .eingabe{font-style:italic;color:var(--text-schwach)}.tabelle.lv tr.lv-zwischensumme td{border-top:1px solid var(--panel-rand)}.tabelle.lv small.hinweis{display:block;font-size:11px}.langtext-vorschau{font-size:11.5px;color:var(--text-schwach);white-space:pre-wrap;max-height:3.2em;overflow:hidden;padding:1px 4px}.lv-detail,.zahlung-neu{margin-top:8px}@media (max-width: 900px){.start{grid-template-columns:1fr}.kunden{grid-template-rows:auto minmax(140px,28vh) 1fr}.inhalt{padding:8px 8px 60px}.zweispaltig{grid-template-columns:1fr}.editor-knoepfe{margin-left:0}.lv-rahmen{max-height:none}}.fehlerliste{margin:0;padding-left:16px;color:#8a4b00;font-size:12.5px}.tabelle-scroll{overflow-x:auto;max-width:100%}.preisspiegel td,.preisspiegel th{white-space:nowrap}.preisspiegel td:nth-child(2){white-space:normal;min-width:200px}.preisspiegel tr.grau td{color:#777}.preisspiegel tr.summe td{border-top:1px solid #999;background:#f5f5f5}