@layer components{.datumsfeld__knopf{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;display:flex}.datumsfeld__knopf:focus-visible{outline:2px solid var(--marke);outline-offset:2px}.kalender{border:1px solid var(--l-mittel);border-radius:var(--ecke);background:var(--blatt);width:17.5rem;color:var(--text);margin:0;padding:12px;font-size:.875rem;position:fixed;inset:auto;box-shadow:0 6px 20px #09122929}.kalender__kopf{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kalender__titel{font-weight:600}.kalender__blaettern,.kalender__tag,.kalender__verweis{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.kalender__blaettern{border-radius:var(--ecke);width:32px;height:32px;color:var(--text2);justify-content:center;align-items:center;display:inline-flex}.kalender__raster{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.kalender__wochentag{color:var(--text2);text-align:center;padding:4px 0;font-size:.75rem;font-weight:600}.kalender__tag{border-radius:var(--ecke);font-variant-numeric:tabular-nums;height:34px}.kalender__blaettern:hover,.kalender__tag:hover,.kalender__verweis:hover{background:var(--abgesetzt)}.kalender__blaettern:focus-visible,.kalender__tag:focus-visible,.kalender__verweis:focus-visible{outline:2px solid var(--marke);outline-offset:1px}.kalender__tag--rand{color:var(--text2);opacity:.55}.kalender__tag--heute{box-shadow:inset 0 0 0 1px var(--l-mittel);font-weight:600}.kalender__tag--gewaehlt,.kalender__tag--gewaehlt:hover{background:var(--marke);color:var(--invers);opacity:1;font-weight:600}.kalender__fuss{border-top:1px solid var(--l-fein);justify-content:space-between;margin-top:8px;padding-top:8px;display:flex}.kalender__verweis{border-radius:var(--ecke);color:var(--marke);padding:4px 6px;font-weight:600}}
input:-webkit-autofill{box-shadow:inset 0 0 0 100px var(--abgesetzt);-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 5000s ease-in-out}input:-webkit-autofill:hover{box-shadow:inset 0 0 0 100px var(--abgesetzt);-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 5000s ease-in-out}input:-webkit-autofill:focus{box-shadow:inset 0 0 0 100px var(--abgesetzt);-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 5000s ease-in-out}input:-webkit-autofill:active{box-shadow:inset 0 0 0 100px var(--abgesetzt);-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 5000s ease-in-out}textarea:-webkit-autofill{box-shadow:inset 0 0 0 100px var(--abgesetzt);-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 5000s ease-in-out}select:-webkit-autofill{box-shadow:inset 0 0 0 100px var(--abgesetzt);-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 5000s ease-in-out}
@layer components{.entwurf-preis{flex-direction:column;gap:24px;display:flex}@media (min-width:900px){.entwurf-preis{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}}.entwurf-preis__liste .stueckliste{max-width:none}}
@layer components{.unterlage-vorschau{width:56px}.unterlage-vorschau__verweis{border:1px solid var(--l-fein);border-radius:var(--ecke);background:var(--blatt);justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;overflow:hidden}.unterlage-vorschau__verweis:hover{border-color:var(--marke)}.unterlage-vorschau__bild{object-fit:cover;width:100%;height:100%}.ansichts-wahl{display:contents}.ansichts-wahl[hidden]{display:none}.ansichts-schalter{border:1px solid var(--l-mittel);background:var(--abgesetzt);border-radius:999px;gap:2px;padding:2px;display:inline-flex;overflow:hidden}.ansichts-schalter__knopf{min-width:40px;min-height:30px;color:var(--l-funk);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.ansichts-schalter__knopf:hover:not(:disabled){background:var(--blatt);color:var(--text)}.ansichts-schalter__knopf[aria-pressed=true]{background:var(--marke);color:var(--invers);cursor:default;box-shadow:0 1px 2px #00000040}.ansichts-schalter__knopf:focus-visible{outline:2px solid var(--marke);outline-offset:-2px}@media (max-width:899px){.ansichts-schalter__knopf{min-width:var(--ziel);min-height:var(--ziel)}}.datei-raster{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.datei-kachel{border:1px solid var(--l-mittel);border-radius:var(--ecke);background:var(--blatt);flex-direction:column;gap:8px;min-width:0;padding:8px;display:flex;position:relative}.datei-kachel:hover{border-color:var(--marke)}.datei-kachel__blatt{border-radius:var(--ecke);background:var(--abgesetzt);justify-content:center;align-items:center;height:7.5rem;display:flex;overflow:hidden}.datei-kachel__oeffner{width:100%;height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.datei-kachel__bild{object-fit:cover;width:100%;height:100%}.datei-kachel__ausloeser{cursor:zoom-in;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.datei-kachel__blattflaeche{justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;overflow:hidden}.datei-kachel__leinwand{background:#fff;width:100%;height:auto}.datei-kachel__leinwand:not([width]){display:none}.datei-kachel__text{flex-direction:column;gap:2px;min-width:0;display:flex}.datei-kachel__name{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.35;display:-webkit-box;overflow:hidden}.datei-kachel__aktion{align-items:center;gap:4px;display:flex}}
@layer components{.schriftfeld{border:1px solid var(--l-mittel);border-radius:var(--ecke);background:var(--blatt);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}@media (min-width:600px){.schriftfeld{grid-template-columns:repeat(2,minmax(0,1fr))}}.schriftfeld-feld{border-top:1px solid var(--l-mittel);min-width:0;min-height:68px;padding:12px 16px 14px}.schriftfeld-feld:first-child{border-top:0}@media (min-width:600px){.schriftfeld-feld{border-left:1px solid var(--l-mittel)}.schriftfeld-feld:nth-child(-n+2){border-top:0}.schriftfeld-feld:nth-child(odd){border-left:0}.schriftfeld-feld:last-child:nth-child(odd){grid-column:1/-1}}@media (min-width:900px){.schriftfeld{grid-template-columns:repeat(4,minmax(0,1fr))}.schriftfeld-feld:nth-child(-n+4){border-top:0}.schriftfeld-feld:nth-child(odd){border-left:1px solid var(--l-mittel)}.schriftfeld-feld:nth-child(4n+1){border-left:0}.schriftfeld-feld{grid-column:auto}.schriftfeld[data-anzahl="1"]{grid-template-columns:minmax(0,1fr)}.schriftfeld[data-anzahl="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.schriftfeld[data-anzahl="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.schriftfeld[data-anzahl="5"] .schriftfeld-feld:last-child{grid-column:1/-1}.schriftfeld[data-anzahl="6"] .schriftfeld-feld:nth-last-child(-n+2){grid-column:span 2}}.schriftfeld--dicht{background:var(--l-mittel);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1px}.schriftfeld--dicht .schriftfeld-feld{background:var(--blatt);border:0;min-height:0;padding:10px 14px 12px}@media (min-width:600px){.schriftfeld--dicht{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.schriftfeld--dicht .schriftfeld-feld{border:0}.schriftfeld--dicht .schriftfeld-feld:last-child:nth-child(odd){grid-column:auto}}@media (min-width:900px){.schriftfeld--dicht,.schriftfeld--dicht[data-anzahl="1"],.schriftfeld--dicht[data-anzahl="2"],.schriftfeld--dicht[data-anzahl="3"]{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.schriftfeld--dicht .schriftfeld-feld{border:0}}.schriftfeld-marke{color:var(--text2);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600;line-height:1.4;display:block}.schriftfeld-wert{color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:break-word;margin:5px 0 0;font-size:16px;font-weight:600;line-height:1.35;display:block}.schriftfeld-zusatz{color:var(--text2);margin-top:2px;font-size:12px;font-weight:500;display:block}@media (max-width:599px){.schriftfeld-feld{min-height:var(--ziel);grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);align-items:baseline;column-gap:12px;padding:8px 14px;display:grid}.schriftfeld-marke{align-self:center}.schriftfeld-wert{margin:0}}.projekt-angaben{grid-template-columns:minmax(0,1fr);margin:0;display:grid}.projekt-angaben>div{border-top:1px solid var(--l-fein);grid-template-columns:minmax(0,8rem) minmax(0,1fr);align-items:baseline;column-gap:12px;padding:6px 0;display:grid}.projekt-angaben>div:first-child{border-top:0}.projekt-angaben dt{color:var(--text2);font-family:var(--f);font-size:.875rem}.projekt-angaben dd{color:var(--text);overflow-wrap:break-word;margin:0;font-size:.875rem}@media (min-width:900px){.projekt-angaben{grid-template-columns:repeat(auto-fit,minmax(0,16rem));justify-content:start;gap:8px 32px}.projekt-angaben>div{border-top:0;padding:0;display:block}}.projekt-kopf{border:1px solid var(--l-mittel);border-radius:var(--ecke);background:var(--blatt);position:relative}.schriftfeld.schriftfeld--kopf{border-radius:calc(var(--ecke) - 1px) calc(var(--ecke) - 1px) 0 0;background:var(--l-fein);border:0;flex-wrap:wrap;gap:1px;display:flex;overflow:hidden}.projekt-kopf:not(:has(.projekt-kopf__leiste)) .schriftfeld--kopf{border-radius:calc(var(--ecke) - 1px)}.schriftfeld--kopf .schriftfeld-feld{background:var(--blatt);border:0;flex:11rem;min-height:0;padding:10px 16px 11px}.schriftfeld--kopf .schriftfeld-feld:first-child{flex:2 16rem}.schriftfeld--kopf .schriftfeld-wert{margin-top:3px}.schriftfeld-feld.schriftfeld-feld--davor{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.schriftfeld-marke.schriftfeld-marke--davor{letter-spacing:0;text-transform:none;font-size:.8125rem;font-weight:500}.schriftfeld-marke--davor:after{content:":"}.schriftfeld .schriftfeld-feld--davor .schriftfeld-wert{margin-top:0}.schriftfeld-pille{border:1px solid var(--farbe-linie,var(--stand-neutral-linie));background:var(--farbe-flaeche,var(--stand-neutral-flaeche));min-height:24px;color:var(--farbe-schrift,var(--stand-neutral-schrift));border-radius:999px;align-items:center;padding:0 10px;font-size:14px;font-weight:600;line-height:1.25;display:inline-flex}.schriftfeld-termin{height:24px;padding:0 10px;font-size:14px}.projekt-angaben dd{align-items:center;gap:4px;min-width:0;display:flex}.projekt-angaben__wert{overflow-wrap:anywhere;min-width:0}.projekt-angaben .symbol-knopf{flex:none;min-width:28px;min-height:28px}.schriftfeld-pille+.schriftfeld-zusatz{margin-top:4px}.projekt-kopf__leiste{border-top:1px solid var(--l-mittel);align-items:stretch;gap:0 12px;padding:0 8px;display:flex}.projekt-kopf__leiste>.reiter{border-bottom:0;flex:auto;min-width:0}@media (min-width:900px){.projekt-kopf__leiste .reiter__eintrag{min-height:36px;padding:0 10px;font-size:.875rem}}.projekt-kopf__angaben{margin-left:auto}.projekt-kopf__angaben>summary{height:100%;min-height:34px;color:var(--text2);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:500;list-style:none;display:flex}.projekt-kopf__angaben>summary::-webkit-details-marker{display:none}.projekt-kopf__angaben>summary:hover{background:var(--abgesetzt);color:var(--text)}.projekt-kopf__angaben>summary:focus-visible{outline:2px solid var(--marke);outline-offset:-2px}.projekt-kopf__angaben[open]>summary svg{rotate:180deg}.projekt-kopf__angaben>.projekt-angaben{z-index:20;border:1px solid var(--l-mittel);border-radius:0 0 var(--ecke) var(--ecke);background:var(--blatt);padding:10px 16px 12px;position:absolute;top:100%;left:-1px;right:-1px}@media (max-width:599px){.schriftfeld--kopf .schriftfeld-feld{padding:8px 14px}.schriftfeld--kopf .schriftfeld-wert{margin-top:0}.projekt-kopf__angaben>summary{min-height:var(--ziel)}}.schriftfeld-aktion{color:var(--marke);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;margin-left:8px;padding:0;font-size:.8125rem;font-weight:500;text-decoration:underline}.schriftfeld-aktion:hover{color:var(--knopf-ueberfahren)}@media (max-width:599px){.schriftfeld-aktion{min-height:var(--ziel);align-items:center;display:inline-flex}}@media (min-width:900px){.schriftfeld.schriftfeld--kopf{background:var(--blatt);flex-wrap:nowrap;align-items:stretch;gap:0}.schriftfeld.schriftfeld--kopf .schriftfeld-feld{border-top:0;border-left:1px solid var(--l-mittel);flex:0 auto;min-width:0;padding:7px 14px 8px}.schriftfeld.schriftfeld--kopf .schriftfeld-feld+.schriftfeld-feld:not(.schriftfeld-feld--anschluss){margin-left:auto}.schriftfeld.schriftfeld--kopf .schriftfeld-feld:first-child{border-left:0;flex:0 auto;min-width:8rem}.schriftfeld.schriftfeld--kopf .schriftfeld-feld--anschluss{border-left:0;flex:none;padding-left:0}.schriftfeld--kopf .schriftfeld-marke:not(.schriftfeld-marke--davor){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.schriftfeld--kopf .schriftfeld-feld--anschluss{align-items:flex-end;display:flex}.schriftfeld--kopf .schriftfeld-feld--anschluss .schriftfeld-marke{display:none}.schriftfeld--kopf .schriftfeld-wert{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:14.5px;overflow:hidden}.schriftfeld--kopf .schriftfeld-zusatz{margin:0 0 0 8px;font-size:12px;display:inline}.schriftfeld--kopf .schriftfeld-pille+.schriftfeld-zusatz{margin-top:0}.schriftfeld--kopf .schriftfeld-pille{min-height:20px;padding:0 8px;font-size:12px}.schriftfeld--kopf .schriftfeld-termin{height:20px;padding:0 8px;font-size:12px}.schriftfeld.schriftfeld--kopf .schriftfeld-feld--davor{flex-wrap:nowrap;flex:none;gap:0 6px}}.schriftfeld-wahl{max-width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;margin:-2px 0;padding:2px 0;display:inline-flex}.schriftfeld-wahl__wert{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.schriftfeld-wahl__winkel{width:10px;height:10px;color:var(--text2);flex:none}.schriftfeld-wahl:hover{border-color:var(--l-mittel);background:var(--abgesetzt)}.schriftfeld-wahl:hover .schriftfeld-wahl__winkel{color:var(--text)}.schriftfeld-wahl:focus-visible{outline:2px solid var(--marke);outline-offset:1px}@media (max-width:599px){.schriftfeld-wahl{min-height:var(--ziel);margin:0;padding:0}}}
@layer components{.bereich--aktion{--bereich-grund:var(--zone-aktion);--bereich-linie:var(--zone-aktion-linie)}.bereich--ablage{--bereich-grund:var(--zone-ablage);--bereich-linie:var(--zone-ablage-linie)}.bereich--kaufm{--bereich-grund:var(--zone-kaufm);--bereich-linie:var(--zone-kaufm-linie)}.bereich--gespraech{--bereich-grund:var(--zone-gespraech);--bereich-linie:var(--zone-gespraech-linie)}.bereich .karte,.karte.bereich{border-color:var(--bereich-linie);background:var(--bereich-grund)}.bereich--aktion .karte{box-shadow:inset 3px 0 0 var(--farbe-schrift,var(--l-funk))}.jetzt-dran__reihe{flex-wrap:wrap;align-items:flex-start;gap:12px 20px;display:flex}.jetzt-dran__ablage{flex:18rem;min-width:0}.jetzt-dran__abschluss{flex-wrap:wrap;flex:22rem;justify-content:flex-end;align-items:flex-start;gap:4px 16px;min-width:0;display:flex}.jetzt-dran__ablage .dateiablage__flaeche--schmal{padding:10px 14px}.neueste-dateien__datei{align-items:center;gap:8px;min-width:0;display:flex}.neueste-dateien__datei>a,.neueste-dateien__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.neueste-dateien__phase{color:var(--text2);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.neueste-dateien__phase:before{background:var(--farbe-schrift);content:"";border-radius:50%;flex:none;width:8px;height:8px}.abschluss-vorschau{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:16px 24px;display:grid}.abschluss-vorschau__marke{color:var(--text2);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:10.5px;font-weight:600}.abschluss-vorschau__liste{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.abschluss-vorschau__punkt{align-items:baseline;gap:8px;display:flex}.abschluss-vorschau__haken{border:1.5px dashed var(--l-funk);border-radius:50%;flex:none;place-items:center;width:16px;height:16px;display:inline-grid;transform:translateY(3px)}.abschluss-vorschau__haken--ja{background:var(--stand-bereit-schrift);color:var(--invers);border:0}.abschluss-vorschau__betrag{font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:700}.bereich:empty{display:none}}@layer utilities{.projekt-flaeche .karte{padding:16px}.projekt-flaeche .karte>div:first-child>h2{font-family:var(--f);font-size:14px;line-height:1.4}.projekt-flaeche .kartenreihe{gap:12px}}
@layer components{.schritt-leiste{border-top:1px solid var(--l-fein);padding:10px 16px}.schritt-leiste__liste{grid-template-columns:repeat(var(--schritt-anzahl,4), minmax(0, 1fr));gap:6px 10px;margin:0;padding:0;list-style:none;display:grid}.schritt-leiste__schritt{min-width:0}.schritt-leiste__flaeche{border-radius:var(--ecke);width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex-direction:column;gap:5px;padding:4px 6px;display:flex}.schritt-leiste__oeffner{cursor:pointer}.schritt-leiste__oeffner:hover{background:var(--abgesetzt)}.schritt-leiste__oeffner:focus-visible{outline:2px solid var(--marke);outline-offset:1px}.schritt-leiste__kopf{align-items:center;gap:7px;min-width:0;display:flex}.schritt-leiste__punkt{border:1.5px solid var(--l-mittel);background:var(--blatt);width:20px;height:20px;color:var(--text2);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;line-height:1;display:grid}.schritt-leiste__name{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.schritt-leiste__balken{background:var(--l-fein);border-radius:2px;height:4px;display:block}.schritt-leiste__fuss{color:var(--text2);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:space-between;gap:6px;font-size:11.5px;display:flex}.schritt-leiste__anzahl{color:var(--farbe-schrift,var(--text2));font-weight:600}.schritt-leiste__schritt--erledigt .schritt-leiste__punkt{border-color:var(--farbe-schrift);background:var(--farbe-schrift);color:var(--invers)}.schritt-leiste__schritt--erledigt .schritt-leiste__name{color:var(--text)}.schritt-leiste__schritt--erledigt .schritt-leiste__balken{background:var(--farbe-schrift)}.schritt-leiste__schritt--aktuell .schritt-leiste__punkt,.schritt-leiste__schritt--wartet .schritt-leiste__punkt{border-color:var(--farbe-schrift);background:var(--farbe-flaeche);color:var(--farbe-schrift);box-shadow:0 0 0 3px var(--farbe-flaeche)}.schritt-leiste__schritt--aktuell .schritt-leiste__name,.schritt-leiste__schritt--wartet .schritt-leiste__name{color:var(--farbe-schrift);font-weight:700}.schritt-leiste__schritt--aktuell .schritt-leiste__balken,.schritt-leiste__schritt--wartet .schritt-leiste__balken{background:linear-gradient(90deg, var(--farbe-schrift) 50%, var(--farbe-linie) 50%)}.schritt-leiste__schritt--aktuell .schritt-leiste__fuss>span:first-child,.schritt-leiste__schritt--wartet .schritt-leiste__fuss>span:first-child{color:var(--farbe-schrift);font-weight:600}.schritt-leiste__hinweis{color:var(--text2);margin:8px 0 0;font-size:12.5px}@media (max-width:599px){.schritt-leiste__liste{grid-template-columns:repeat(2,minmax(0,1fr))}}}