.rahmen{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:100dvh}.navigation{--nav-breite: 248px;--nav-grund: #fbfcfe;--nav-text: #3b4350;--nav-leise: #8a93a3;--nav-hover: #eef1f7;width:var(--nav-breite);position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;background:var(--nav-grund);border-right:1px solid var(--linie);color:var(--nav-text);transition:width .18s ease;z-index:40}.navigation.schmal{--nav-breite: 64px}.navigation .symbol{flex:none}.nav-kopf{display:flex;align-items:center;gap:.6rem;padding:1rem .9rem .6rem;min-height:64px}.nav-marke{display:flex;align-items:center;gap:.65rem;min-width:0;text-decoration:none;color:inherit}.nav-logo{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--akzent),#7b5cf0);color:#fff;font-weight:700;font-size:.9rem;letter-spacing:.02em;box-shadow:0 2px 6px #2f5bd34d}.nav-marke .text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.nav-marke strong{font-size:1rem;color:var(--text)}.nav-marke small{font-size:.75rem;color:var(--nav-leise);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-test{display:inline-block;margin-top:2px;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--warnung);color:#3a2a00;border-radius:4px;padding:0 .35rem;width:fit-content}.nav-suche{display:flex;align-items:center;gap:.5rem;margin:.2rem .75rem .6rem;padding:.45rem .6rem;background:#fff;border:1px solid var(--linie);border-radius:8px;color:var(--nav-leise);font-size:.85rem;text-align:left}.nav-suche:hover:not(:disabled){border-color:var(--akzent);color:var(--text)}.nav-suche .text{flex:1}kbd{font:inherit;font-size:.7rem;color:var(--nav-leise, #8a93a3);border:1px solid var(--linie);border-bottom-width:2px;border-radius:4px;padding:0 .3rem;background:#fff}.nav-mitte{flex:1;overflow-y:auto;overflow-x:hidden;padding:.1rem .6rem 1rem;scrollbar-width:thin}.nav-bereich{margin-top:.35rem}.nav-bereichskopf{width:100%;display:flex;align-items:center;gap:.55rem;border:0;background:none;border-radius:6px;padding:.45rem .5rem;font-size:.72rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--nav-leise)}.nav-bereichskopf:hover:not(:disabled){background:var(--nav-hover);color:var(--text)}.nav-bereichskopf .text{flex:1;text-align:left}.nav-punkt{width:8px;height:8px;border-radius:3px;background:var(--bereich);flex:none;margin-left:.2rem}.nav-pfeil{display:grid;transition:transform .15s ease}.nav-bereich.auf .nav-pfeil{transform:rotate(90deg)}.nav-abschnittstitel{font-size:.7rem;color:var(--nav-leise);padding:.55rem .6rem .15rem 2.4rem}.nav-eintrag{position:relative;display:flex;align-items:center;gap:.7rem;padding:.42rem .6rem;margin:1px 0;border-radius:8px;color:var(--nav-text);text-decoration:none;white-space:nowrap}.nav-eintrag .symbol{color:var(--nav-leise)}.nav-eintrag:hover{background:var(--nav-hover);color:var(--text)}.nav-eintrag:hover .symbol{color:var(--bereich)}.nav-eintrag.aktiv{background:color-mix(in srgb,var(--bereich) 12%,#fff);color:var(--text);font-weight:600}.nav-eintrag.aktiv .symbol{color:var(--bereich)}.nav-eintrag.aktiv:before{content:"";position:absolute;left:-.6rem;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--bereich)}.nav-eintrag.ohne-symbol{padding-left:.6rem;font-size:.9rem}.nav-strich{width:18px;display:grid;place-items:center}.nav-strich:after{content:"";width:5px;height:5px;border-radius:50%;background:#c9cfd9}.nav-eintrag.aktiv .nav-strich:after{background:var(--bereich)}.nav-fuss{display:flex;align-items:center;gap:.4rem;padding:.6rem .75rem;border-top:1px solid var(--linie);background:var(--nav-grund)}.nav-benutzer{flex:1;min-width:0;display:flex;align-items:center;gap:.6rem}.nav-avatar{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e4e9f5;color:var(--akzent);font-weight:650;font-size:.8rem}.nav-benutzer .text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.nav-benutzer a{color:var(--text);font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem}.nav-benutzer a:hover{color:var(--akzent)}.nav-benutzer small{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.symbolknopf{display:grid;place-items:center;border:0;background:none;padding:.35rem;border-radius:8px;color:var(--nav-leise, #8a93a3)}.symbolknopf:hover:not(:disabled){background:var(--nav-hover, #eef1f7);color:var(--text)}.navigation.schmal .text,.navigation.schmal kbd,.navigation.schmal .nav-pfeil,.navigation.schmal .nav-abschnittstitel{display:none}.navigation.schmal .nav-kopf{justify-content:center;padding-inline:0}.navigation.schmal .nav-suche{justify-content:center;margin-inline:.6rem;padding-inline:0}.navigation.schmal .nav-bereichskopf{justify-content:center;padding:.5rem 0}.navigation.schmal .nav-punkt{margin:0;width:18px;height:3px;border-radius:2px}.navigation.schmal .nav-eintrag{justify-content:center;padding-inline:0}.navigation.schmal .nav-eintrag.ohne-symbol{display:none}.navigation.schmal .nav-fuss{flex-direction:column;padding-inline:0}.navigation.schmal .nav-benutzer{flex:none}.handykopf,.nur-handy,.nav-schleier{display:none}@media(max-width:760px){.rahmen{grid-template-columns:minmax(0,1fr)}.handykopf{display:flex;align-items:center;justify-content:space-between;gap:.5rem;position:sticky;top:0;z-index:30;padding:.4rem .6rem;background:#fbfcfeeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--linie)}.handymarke{font-weight:700;color:var(--text);text-decoration:none}.navigation,.navigation.schmal{--nav-breite: min(300px, 86vw);position:fixed;left:0;top:0;transform:translate(-102%);transition:transform .2s ease;box-shadow:0 10px 40px #141e3240}.navigation.handy-offen{transform:none}.navigation.schmal .text,.navigation.schmal .nav-pfeil,.navigation.schmal .nav-abschnittstitel{display:revert}.nav-schleier{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:35}.nur-handy{display:grid;margin-left:auto}.nur-gross{display:none}.nav-eintrag{padding-block:.6rem}}.schnellsuche-schleier{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a59;display:flex;justify-content:center;align-items:flex-start;padding:12vh 1rem 1rem}.schnellsuche{width:min(560px,100%);background:#fff;border-radius:14px;box-shadow:0 24px 60px #0f172a4d;overflow:hidden}.schnellsuche-eingabe{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border-bottom:1px solid var(--linie);color:var(--text-2)}.schnellsuche-eingabe input{flex:1;border:0;outline:0;font-size:1rem;padding:.2rem 0;background:none}.schnellsuche ul{list-style:none;margin:0;padding:.4rem;max-height:50vh;overflow-y:auto}.schnellsuche li button{width:100%;display:flex;align-items:center;gap:.7rem;border:0;background:none;border-radius:8px;padding:.55rem .7rem;text-align:left;color:var(--text)}.schnellsuche li button .symbol{color:var(--text-2)}.schnellsuche li button>span:not(.nav-strich){flex:1}.schnellsuche li button small{font-weight:600;font-size:.72rem}.schnellsuche li button.gewaehlt{background:var(--akzent-hell)}.schnellsuche li.leer{padding:.8rem;color:var(--text-2)}.sendenformular .feld{margin-bottom:.6rem}.sendenformular textarea{font-family:inherit;resize:vertical}.sendenformular .anhaenge{display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:center;margin:.25rem 0 .75rem;font-size:.9rem}.sendenformular .anhang{background:var(--grund);border:1px solid var(--linie);border-radius:var(--radius);padding:.1rem .5rem}ul.versandliste{list-style:none;margin:0;padding:0}ul.versandliste li{display:flex;gap:.5rem;align-items:flex-start;padding:.35rem 0;border-top:1px solid #edf0f2;font-size:.9rem}ul.versandliste li:first-child{border-top:0}ul.versandliste .etikett{margin-left:0;flex-shrink:0;margin-top:.15rem}.versand-zeile{display:flex;flex-direction:column;min-width:0}.versand-zeile b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.etikett.versand-gesendet{border-color:var(--ok);color:var(--ok)}.etikett.versand-abgelegt{border-color:#d39a1c;color:#8a5a00}.etikett.versand-fehler{border-color:var(--fehler);color:var(--fehler)}.codewahl{display:flex;flex-wrap:wrap;gap:.3rem;margin:.25rem 0 .75rem}.codewahl button{font-size:.75rem;padding:.15rem .45rem}.codewahl button.gewaehlt{border-color:var(--akzent);background:var(--akzent-hell)}.logovorschau{display:block;max-height:90px;max-width:280px;margin:.25rem 0 .75rem;border:1px dashed var(--linie);padding:.4rem;background:#fff}.logoaktionen{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.kalkulation{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1rem;align-items:start}@media(max-width:900px){.kalkulation{grid-template-columns:1fr}}.kalkzusammen{background:var(--grund);border-radius:var(--radius);padding:.75rem 1rem;font-variant-numeric:tabular-nums}.kalkzusammen table{width:100%;border-collapse:collapse}.kalkzusammen td{padding:.15rem 0}.kalkzusammen td:last-child{text-align:right;white-space:nowrap}.kalkzusammen .vk td{font-weight:700;border-top:1px solid var(--linie);padding-top:.4rem}.kalkzusammen .klein td{font-size:.8rem;color:var(--text-2)}.lohnzeilen{width:100%;border-collapse:collapse;margin:.25rem 0 .5rem}.lohnzeilen th{text-align:left;font-size:.8rem;color:var(--text-2);font-weight:500;padding:.2rem .4rem .2rem 0}.lohnzeilen td{padding:.2rem .4rem .2rem 0;vertical-align:middle}.lohnzeilen td.zahl{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.lohnzeilen input,.lohnzeilen select{width:100%}.lohnzeilen .min{width:7rem}.suchwahl{position:relative}.suchwahl ul{position:absolute;z-index:5;left:0;right:0;top:100%;list-style:none;margin:2px 0 0;padding:.25rem 0;background:#fff;border:1px solid var(--linie);border-radius:var(--radius);box-shadow:0 6px 18px #0000001f;max-height:260px;overflow:auto}.suchwahl li button{display:block;width:100%;text-align:left;border:0;border-radius:0;padding:.35rem .6rem;white-space:normal}.suchwahl li button:hover{background:var(--akzent-hell)}.suchwahl .gewaehlt{display:flex;gap:.5rem;align-items:center;padding:.4rem .55rem;border:1px solid var(--linie);border-radius:var(--radius);background:#fff}.suchwahl .gewaehlt span{flex:1}.kundenpreise td .link{margin-left:0}.kundenpreiseingabe{display:grid;grid-template-columns:minmax(0,1fr) 9rem auto;gap:.5rem;align-items:end;margin-top:.75rem}@media(max-width:600px){.kundenpreiseingabe{grid-template-columns:1fr}}.projektdateien.ziehen{outline:2px dashed var(--akzent);outline-offset:-4px;background:var(--akzent-hell)}.projektdateien .ablagehinweis{margin:0 0 .5rem;font-size:.8rem}.projektdateien .hochladen-laeuft{color:#8a5a00;font-size:.85rem}.dateiliste{list-style:none;margin:0;padding:0}.dateiliste li{display:flex;align-items:center;gap:.6rem;padding:.4rem 0;border-top:1px solid #edf0f2}.dateiliste li:first-child{border-top:0}.dateisymbol{flex:0 0 2.6rem;height:2.6rem;border:1px solid var(--linie);border-radius:4px;display:grid;place-items:center;overflow:hidden;text-decoration:none;background:#fafbfb}.dateisymbol img{width:100%;height:100%;object-fit:cover}.dateisymbol span{font-size:.62rem;font-weight:700;color:var(--akzent);letter-spacing:.03em}.dateiinfo{flex:1;min-width:0;display:flex;flex-direction:column}.dateiinfo a{color:var(--text);font-weight:500;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dateiinfo a:hover{color:var(--akzent)}.dateiliste .bestaetigen{display:flex;gap:.3rem}.dateiliste button.klein{font-size:.75rem;padding:.15rem .5rem}.meinezeit{max-width:560px;margin:0 auto}.zeitkopf{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.zeitkopf>div{display:flex;flex-direction:column;align-items:center;text-align:center}.zeitkopf>button{font-size:1.4rem;padding:.2rem .9rem}.stempeluhr{background:var(--flaeche);border:1px solid var(--linie);border-radius:12px;padding:1rem;margin-bottom:1rem;text-align:center}.stempeluhr.zustand-anwesend{border-color:var(--ok);background:var(--ok-hell)}.stempelstatus{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.9rem}.laufzeit{font-size:2.6rem;font-variant-numeric:tabular-nums;line-height:1.1}.laufzeit small{font-size:1.2rem;color:var(--text-2)}.stempelknoepfe{display:flex;gap:.75rem}.stempel{flex:1;font-size:1.25rem;font-weight:600;padding:1.1rem .5rem;border-radius:10px;border:0;color:#fff}.stempel.kommen{background:var(--ok)}.stempel.pause{background:#d39a1c}.stempel.gehen{background:var(--fehler)}.stempel:disabled{opacity:.6}.tagesbilanz .feiertag{font-weight:600;color:var(--akzent);margin:0 0 .5rem}.bilanzwerte{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.4rem}.bilanzwerte>div{display:flex;flex-direction:column}.bilanzwerte span{font-size:.72rem;color:var(--text-2)}.bilanzwerte b{font-size:1.15rem;font-variant-numeric:tabular-nums}.bilanzwerte .offen b{color:var(--fehler)}.bilanzwerte .fertig b{color:var(--ok)}.tagesbilanz small{display:block}.tagesbilanz .warnung{color:#8a5a00}.tagesbilanz .ok{color:var(--ok)}ul.zeitbloecke{list-style:none;padding:0;margin:0}ul.zeitbloecke li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.55rem 0;border-top:1px solid #edf0f2}ul.zeitbloecke li:first-child{border-top:0}.zeitspanne{font-variant-numeric:tabular-nums;font-weight:600;min-width:6.5rem}.zeitprojekt{flex:1 1 12rem}ul.zeitbloecke .aktionen{margin-left:auto}.zeitform,.buchungsform{display:flex;flex-direction:column;gap:.6rem;margin-top:.6rem}.zeitform{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.zeitform label,.buchungsform label{display:flex;flex-direction:column;font-size:.8rem;color:var(--text-2);gap:.2rem}.buchungsform select[size]{padding:0}.buchungsform .zeile{display:flex;gap:.5rem;align-items:flex-end}.buchungsform .zeile label{flex:1}.zentriert-text{text-align:center}@media(max-width:600px){.meinezeit input,.meinezeit select,.meinezeit button{font-size:16px}.bilanzwerte{grid-template-columns:repeat(2,1fr)}}.balken{height:8px;background:#edf0f2;border-radius:4px;overflow:hidden;margin:.3rem 0 .6rem}.balken>div{height:100%;background:var(--ok)}.balken>div.ueber{background:var(--fehler)}.datev-zeitraum{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:flex-end;margin-bottom:.5rem}.datev-zeitraum .feld{width:11rem}.datev-schnell{display:flex;flex-wrap:wrap;gap:.75rem;padding-bottom:.9rem}.datev-vorschau{margin-top:.75rem;max-width:36rem}.datev-warnungen{margin:.5rem 0 0;padding:.5rem .75rem .5rem 1.75rem;background:#fff7e6;border:1px solid #f0d49a;border-radius:var(--radius);color:#8a5a00;font-size:.9rem}.datev-konten th{text-align:left;font-size:.78rem;color:var(--text-2);font-weight:600;padding:.3rem .2rem}.datev-konten .zahlfeld{width:5.5rem;text-align:right}.datev-konten .zahlfeld.abweichend{border-color:var(--akzent);background:var(--akzent-hell)}.monatswahl{display:inline-flex;align-items:center;gap:.5rem}.monatswahl b{min-width:9rem;text-align:center}.monatswahl button{padding:.25rem .6rem}.zeit-tabelle td.zahl,.zeit-tabelle th.zahl{font-variant-numeric:tabular-nums}.zeit-tabelle tr.frei td{color:var(--text-2);background:#fafbfb}.zeit-tabelle td.rot{color:var(--fehler);font-weight:600}.zeit-tabelle td.gruen{color:var(--ok)}.zeit-tabelle .warnung{display:block;font-size:.75rem;color:#8a5a00}.zeit-tabelle .stempel{color:var(--ok);font-weight:600}.zeitstatus{font-size:1rem}.zeitstatus.ok{color:var(--ok)}.zeitstatus.fehlt{color:var(--fehler)}.abschlussinfo{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.abschlussinfo div{display:flex;flex-direction:column}.abschlussinfo span{font-size:.78rem;color:var(--text-2)}.wochentage{display:inline-flex;gap:2px}.wochentage label{display:inline-flex;flex-direction:column;align-items:center;font-size:.7rem;color:var(--text-2)}.wochentage input{width:auto}.profiltabelle input[type=text],.profiltabelle input[type=date]{min-width:5.5rem}.profiltabelle input.schmal{width:5rem}.profiltabelle select{min-width:9rem}.profiltabelle td{vertical-align:middle}.profiltabelle .fehlertext{display:block;font-size:.75rem}:root{--akzent: #2f5bd3;--akzent-dunkel: #2148b0;--akzent-hell: #e9effd;--text: #1d2327;--text-2: #5b6670;--linie: #d9dee2;--flaeche: #ffffff;--grund: #f4f6fa;--fehler: #b32d2e;--fehler-hell: #fbeaea;--ok: #1e7a3c;--ok-hell: #e7f4ea;--warnung: #f0b849;--radius: 6px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45;color:var(--text);background:var(--grund)}*{box-sizing:border-box}body{margin:0}h1{font-size:1.5rem;margin:0;font-weight:600}h2{font-size:1rem;margin:0 0 .75rem;font-weight:600}a{color:var(--akzent)}small,.grau{color:var(--text-2)}.nowrap{white-space:nowrap}.testbanner{background:var(--warnung);text-align:center;padding:.3rem;font-weight:600;font-size:.85rem}main{padding:1.5rem 2rem 3rem;min-width:0}.seitenkopf{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.seitenkopf .unter,.unter{color:var(--text-2);margin:.2rem 0 0}.seitenkopf .aktionen{display:flex;gap:.5rem}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem}.zweispaltig{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.5rem;align-items:start}.zweispaltig aside{position:sticky;top:1rem}@media(max-width:1100px){.zweispaltig{grid-template-columns:1fr}.zweispaltig aside{position:static}}@media(max-width:760px){main{padding:1rem}}.zentriert{min-height:90vh;display:grid;place-items:center;padding:1rem}.karte.login,.karte.schmal{width:min(380px,100%)}.karte.login h1{color:var(--akzent)}fieldset{border:0;padding:0;margin:0;min-width:0}.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem 1rem}.feld{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.4rem}.feld.breit{grid-column:1 / -1}.raster .feld.breit{grid-column:span 2}@media(max-width:600px){.raster .feld.breit{grid-column:1 / -1}}.feld>label{font-size:.8rem;color:var(--text-2);font-weight:500}.pflicht{color:var(--fehler)}input,select,textarea{font:inherit;color:inherit;padding:.4rem .55rem;border:1px solid var(--linie);border-radius:var(--radius);background:#fff;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--akzent);outline-offset:-1px;border-color:var(--akzent)}input[type=checkbox]{width:auto}input[type=color]{padding:.15rem;height:2.1rem}fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea{background:var(--grund);color:var(--text)}.hat-fehler input,.hat-fehler select,.hat-fehler textarea{border-color:var(--fehler);background:var(--fehler-hell)}.fehlertext{color:var(--fehler)}.schalter{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;-webkit-user-select:none;user-select:none}.hinweis{color:var(--text-2);font-size:.85rem;margin:.5rem 0 0}button,.knopf{font:inherit;padding:.4rem .9rem;border-radius:var(--radius);border:1px solid var(--linie);background:#fff;color:var(--text);cursor:pointer;text-decoration:none;display:inline-block;white-space:nowrap}button:hover:not(:disabled),.knopf:hover{border-color:var(--akzent)}button:disabled{opacity:.55;cursor:default}.primaer{background:var(--akzent);border-color:var(--akzent);color:#fff}.primaer:hover:not(:disabled){background:var(--akzent-dunkel)}.gefahr{color:var(--fehler);border-color:#e6b8b8}button.link{border:0;background:none;padding:0;color:var(--akzent);text-decoration:underline}button.klein,.link.klein{font-size:.8rem;margin-left:.5rem}.meldung{padding:.55rem .8rem;border-radius:var(--radius);margin:.5rem 0}.meldung.fehler{background:var(--fehler-hell);color:var(--fehler)}.meldung.ok{background:var(--ok-hell);color:var(--ok)}.meldung.hinweis{background:var(--akzent-hell)}.laden{color:var(--text-2)}.filterleiste{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}.filterleiste .suche{flex:1 1 320px;max-width:520px}.filterleiste select{width:auto}.tabelle-rahmen{overflow-x:auto;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius)}.tabelle{width:100%;border-collapse:collapse}.tabelle th{text-align:left;font-weight:600;font-size:.8rem;color:var(--text-2);padding:.5rem .75rem;border-bottom:1px solid var(--linie);background:#fafbfb}.tabelle td{padding:.45rem .75rem;border-bottom:1px solid #edf0f2;vertical-align:top}.tabelle tr:last-child td{border-bottom:0}.tabelle .zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabelle.klickbar tbody tr{cursor:pointer}.tabelle.klickbar tbody tr:hover td{background:var(--akzent-hell)}.tabelle td a{color:var(--text);font-weight:500;text-decoration:none}.tabelle tr.archiviert td{color:var(--text-2)}.tabelle .leer{text-align:center;color:var(--text-2);padding:1.5rem}.kurzinfo{font-size:.8rem;color:#8a5a00;margin-top:.1rem}.blaettern{display:flex;gap:1rem;align-items:center;justify-content:center;margin-top:.75rem}.leer{color:var(--text-2)}.etikett{display:inline-block;font-size:.72rem;padding:0 .4rem;margin-left:.4rem;border:1px solid var(--akzent);border-radius:999px;color:var(--akzent);vertical-align:1px;white-space:nowrap}.etikett.grau{border-color:#b8c0c6;color:var(--text-2)}.etikett.warnung{border-color:#d39a1c;color:#8a5a00}.farbpunkt{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;margin-right:.5rem;border:1px solid var(--linie);vertical-align:-1px}.blockkopf{display:flex;justify-content:space-between;align-items:baseline}.blockkopf button{font-size:.8rem;padding:.2rem .6rem}ul.liste{list-style:none;margin:0;padding:0}ul.liste li{display:flex;align-items:flex-start;border-top:1px solid #edf0f2}ul.liste li:first-child{border-top:0}ul.liste .eintrag{flex:1;text-align:left;border:0;background:none;padding:.5rem 0;display:flex;flex-direction:column;white-space:normal}ul.liste .eintrag:hover strong{color:var(--akzent)}ul.liste .eintrag .etikett{align-self:flex-start;margin:0 0 .15rem}ul.liste li>.link{margin-top:.6rem}.notizeingabe{margin-bottom:.75rem}.notizeingabe button{font-size:.85rem}ul.notizen{list-style:none;padding:0;margin:0}ul.notizen li{border-left:3px solid var(--akzent-hell);padding:.1rem 0 .1rem .6rem;margin-bottom:.75rem}ul.notizen p{margin:.1rem 0 0;white-space:pre-wrap}dialog{border:0;border-radius:8px;padding:0;width:min(480px,calc(100vw - 2rem));box-shadow:0 12px 40px #00000040}dialog.breit{width:min(720px,calc(100vw - 2rem))}dialog::backdrop{background:#16343a73}dialog>header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;border-bottom:1px solid var(--linie)}dialog>header h2{margin:0}dialog>form,dialog>div{padding:1rem 1.25rem}dialog .schliessen{border:0;font-size:1.4rem;line-height:1;padding:0 .3rem;background:none}.dialogaktionen{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.dialogaktionen .gefahr,.dialogaktionen .bestaetigen{margin-right:auto}.einmalpasswort code{display:block;font-size:1.5rem;letter-spacing:.08em;padding:.75rem;text-align:center;background:var(--akzent-hell);border-radius:var(--radius);margin:.5rem 0}.reiter{display:flex;gap:.25rem;border-bottom:1px solid var(--linie);margin-bottom:.75rem;flex-wrap:wrap}.reiter button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;padding:.45rem .8rem;color:var(--text-2)}.reiter button.aktiv{border-bottom-color:var(--akzent);color:var(--text);font-weight:600}.etikett.status-entwurf{border-color:#d39a1c;color:#8a5a00}.etikett.status-abgeschlossen{border-color:var(--ok);color:var(--ok)}.etikett.status-storniert{border-color:var(--fehler);color:var(--fehler)}ul.trefferliste{list-style:none;margin:.5rem 0 0;padding:0;max-height:22rem;overflow-y:auto}ul.trefferliste li button{width:100%;text-align:left;border:0;border-bottom:1px solid #edf0f2;border-radius:0;padding:.5rem .4rem;white-space:normal}ul.trefferliste li button:hover,ul.trefferliste li button.aktiv{background:var(--akzent-hell)}ul.trefferliste .leer{padding:.5rem}.belegkette{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.85rem;margin:-.5rem 0 .75rem;color:var(--text-2)}.belegkette a{color:var(--akzent)}.durchgestrichen{text-decoration:line-through}.aktionsleiste{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.aktionsleiste.unten{margin-top:.5rem}.speicherstand{align-self:center;font-size:.8rem;color:var(--text-2)}.speicherstand.fehler{color:var(--fehler);font-weight:600}.speicherstand.ungespeichert,.speicherstand.speichert{color:#8a5a00}.belegkopf{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:1rem;align-items:start}.belegkopf address{font-style:normal;line-height:1.5}.belegfuss{display:grid;grid-template-columns:1fr minmax(280px,380px);gap:1rem;align-items:start}@media(max-width:900px){.belegkopf,.belegfuss{grid-template-columns:1fr}}.karte.positionen{padding:0;overflow:visible}.karte.positionen .tabelle-rahmen{border:0;border-radius:var(--radius) var(--radius) 0 0}.postabelle{width:100%;border-collapse:collapse}.postabelle th{text-align:left;font-size:.78rem;color:var(--text-2);font-weight:600;padding:.5rem .4rem;border-bottom:1px solid var(--linie);background:#fafbfb;white-space:nowrap}.postabelle td{padding:.3rem .4rem;border-bottom:1px solid #edf0f2;vertical-align:top}.postabelle .pnr{width:3.2rem;color:var(--text-2);font-variant-numeric:tabular-nums;padding-top:.55rem}.postabelle .bez{min-width:16rem}.postabelle .bez input{font-weight:500}.postabelle .bez textarea{margin-top:.2rem;font-size:.85rem;color:var(--text-2);resize:vertical}.postabelle .zahl{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.postabelle td.zahl,.postabelle td.summe{padding-top:.55rem}.postabelle .zahlfeld{width:6.5rem;text-align:right}.postabelle .zahlfeld.klein{width:4rem}.postabelle select{width:auto;min-width:4.5rem}.postabelle .summe{font-weight:600}.postabelle tr.titel td{background:#f4f8f8;font-weight:600}.postabelle tr.titel input{font-weight:600}.postabelle tr.titelsumme td{font-style:italic;color:var(--text-2);border-bottom:1px solid var(--linie)}.postabelle tr.textzeile td{color:var(--text-2)}.postabelle .werkzeug{white-space:nowrap;width:1%}.postabelle .werkzeug button{padding:.1rem .35rem;font-size:.75rem;margin-left:2px}.postabelle .werkzeug button.aktiv{background:var(--akzent);color:#fff;border-color:var(--akzent)}.postabelle .lang{font-size:.85rem;color:var(--text-2);white-space:pre-wrap}.vorformatiert{white-space:pre-wrap}.postabelle tr.kalkulation td{background:#fbfaf4;border-bottom:1px solid var(--linie)}.kalkraster{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:flex-end;margin:.2rem 0 .4rem}.kalkraster label{display:flex;flex-direction:column;font-size:.75rem;color:var(--text-2);gap:.15rem}.kalkraster label.schalter{flex-direction:row;font-size:.85rem;color:var(--text)}.kalkraster select{width:auto}.kalkwert{font-size:.85rem;padding-bottom:.4rem}.positionsleiste{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;align-items:center}.artikelsuche{position:relative;flex:1 1 280px;max-width:420px}.trefferliste.schwebend{position:absolute;z-index:20;left:0;right:0;top:100%;background:#fff;border:1px solid var(--linie);border-radius:var(--radius);box-shadow:0 8px 24px #0000001f;margin-top:2px}.karte.summen table{width:100%;border-collapse:collapse}.karte.summen td{padding:.25rem 0}.karte.summen tr.brutto td{font-weight:700;border-top:1px solid var(--text);padding-top:.4rem}.anzahlungsliste{margin:.5rem 0 0;padding-left:1.1rem;font-size:.85rem}.abschluss .abschlusssumme{margin-top:.75rem;padding:.6rem .8rem;background:var(--akzent-hell);border-radius:var(--radius)}.belegblock li{display:flex;justify-content:space-between;gap:.5rem;padding:.3rem 0;border-top:1px solid #edf0f2;font-size:.9rem}.belegblock li:first-child{border-top:0}.fluss{display:inline-flex;gap:2px}.fluss .station{font-size:.68rem;font-weight:600;padding:.05rem .3rem;border-radius:3px;border:1px solid #d9dee2;color:#b8c0c6;background:#fff}.fluss .station.entwurf{border-color:#d39a1c;color:#8a5a00;background:#fff7e6}.fluss .station.fertig{border-color:var(--ok);color:#fff;background:var(--ok)}.etikett.projekt-offen{border-color:#b8c0c6;color:var(--text-2)}.etikett.projekt-in_arbeit{border-color:var(--akzent);color:var(--akzent)}.etikett.projekt-geliefert{border-color:#2b6cb0;color:#2b6cb0}.etikett.projekt-berechnet{border-color:#6b46c1;color:#6b46c1}.etikett.projekt-abgeschlossen{border-color:var(--ok);color:var(--ok)}.etikett.projekt-abgebrochen{border-color:var(--fehler);color:var(--fehler)}.etikett.angebot-offen{border-color:var(--akzent);color:var(--akzent)}.etikett.angebot-abgelaufen{border-color:#d39a1c;color:#8a5a00}.etikett.angebot-angenommen{border-color:var(--ok);color:var(--ok)}.etikett.angebot-abgelehnt{border-color:var(--fehler);color:var(--fehler)}table.kleintabelle{width:100%;border-collapse:collapse;font-size:.88rem}table.kleintabelle td{padding:.25rem .2rem;border-top:1px solid #edf0f2}table.kleintabelle .zahl{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}table.kleintabelle.summen{margin-top:.5rem}table.kleintabelle.summen tr:last-child td{font-weight:600}tr.durchgestrichen td{text-decoration:line-through;color:var(--text-2)}.vorschlaege{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.etikett.zahl-offen{border-color:var(--akzent);color:var(--akzent)}.etikett.zahl-teilbezahlt{border-color:#d39a1c;color:#8a5a00}.etikett.zahl-bezahlt{border-color:var(--ok);color:var(--ok)}.etikett.zahl-ueberfaellig{border-color:var(--fehler);color:#fff;background:var(--fehler)}.etikett.zahl-guthaben{border-color:#6b46c1;color:#6b46c1}.kennzahlen{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.kennzahlen>div{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:.6rem 1rem;min-width:12rem;display:flex;flex-direction:column}.kennzahlen span{font-size:.78rem;color:var(--text-2)}.kennzahlen b{font-size:1.25rem;font-variant-numeric:tabular-nums}.kennzahlen .warn b{color:var(--fehler)}.zahlungsblock{max-width:640px}.unterkopf{font-size:.85rem;margin:.75rem 0 .25rem;color:var(--text-2)}.hinweis.ok{color:var(--ok)}button.klein{font-size:.8rem;padding:.15rem .5rem}.belegunten{display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);gap:1rem;align-items:start;margin-top:1rem}@media(max-width:1000px){.belegunten{grid-template-columns:1fr}}.zustandsfilter{display:inline-flex;align-items:stretch;border:1px solid var(--linie);border-radius:8px;background:var(--flaeche);padding:2px;gap:2px}.zustandsfilter button,.zustandsfilter select{border:0;border-radius:6px;background:none;padding:.3rem .75rem;color:var(--text-2)}.zustandsfilter select{padding-right:1.6rem}.zustandsfilter button:hover:not(:disabled){color:var(--text);background:var(--grund)}.zustandsfilter .an{background:var(--akzent-hell);color:var(--akzent);font-weight:600}.etikett.zustand-entwurf{border-color:#d39a1c;color:#8a5a00}.etikett.zustand-offen{border-color:var(--akzent);color:var(--akzent)}.etikett.zustand-ueberfaellig{border-color:var(--fehler);color:#fff;background:var(--fehler)}.etikett.zustand-abgelaufen{border-color:#d39a1c;color:#8a5a00}.etikett.zustand-angenommen,.etikett.zustand-erledigt,.etikett.zustand-bezahlt{border-color:var(--ok);color:var(--ok)}.etikett.zustand-abgelehnt,.etikett.zustand-storniert{border-color:var(--fehler);color:var(--fehler)}.programmeinstellungen{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;align-items:start}.programmeinstellungen .karte{margin:0}.programmeinstellungen ul{list-style:none;margin:0;padding:0}.programmeinstellungen li+li{border-top:1px solid #edf0f4}.programmeinstellungen li.gesperrt{opacity:.6}.kippschalter{display:flex;gap:.8rem;align-items:flex-start;padding:.65rem 0;cursor:pointer}.kippschalter input{position:absolute;opacity:0;width:1px;height:1px}.kippschalter .spur{flex:none;position:relative;width:38px;height:22px;border-radius:11px;background:#cfd5df;transition:background .15s;margin-top:1px}.kippschalter .spur:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s}.kippschalter input:checked+.spur{background:var(--akzent)}.kippschalter input:checked+.spur:after{transform:translate(16px)}.kippschalter input:focus-visible+.spur{outline:2px solid var(--akzent);outline-offset:2px}.kippschalter input:disabled+.spur{cursor:not-allowed}.kippschalter>span:last-child{display:flex;flex-direction:column}.kippschalter small{font-size:.8rem}