:root{--grund:#f4f6f8;--flaeche:#fff;--text:#1f2933;--leise:#66717d;--linie:#dde3e9;--akzent:#2f6f8f;--akzent-hell:#e3eff5;--gefahr:#b42318;color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--grund);height:100%;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--linie);background:var(--flaeche);border-radius:6px;padding:6px 10px}button:hover{border-color:var(--akzent)}button.aktiv{background:var(--akzent-hell);border-color:var(--akzent)}button.primaer{background:var(--akzent);color:#fff;border-color:var(--akzent)}button.gefahr{color:var(--gefahr)}button.aus{opacity:.5}.kopf{color:#fff;background:#2b3540;align-items:center;gap:16px;height:52px;padding:0 12px;display:flex}.kopf button{color:#fff;background:0 0;border-color:#0000}.kopf button:hover{border-color:#fff5}.kopf button.aktiv{background:#ffffff1f;border-color:#fff5}.marke{letter-spacing:.02em;font-weight:700}.reiter{gap:4px;display:flex}.werkzeuge{gap:4px;margin-left:auto;display:flex}.haupt{grid-template-columns:340px 1fr auto;height:calc(100% - 52px);display:grid}.seite{background:var(--flaeche);border-right:1px solid var(--linie);padding:12px;overflow:auto}.seite h2{margin:16px 0 8px;font-size:15px}.seite h2:first-child{margin-top:0}.seite h3{color:var(--leise);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 6px;font-size:13px}label{align-items:center;gap:8px;margin:6px 0;display:flex}label input:not([type=color]):not([type=checkbox]),label select{border:1px solid var(--linie);border-radius:6px;flex:1;min-width:0;padding:5px 7px}input[type=search]{border:1px solid var(--linie);border-radius:6px;width:100%;margin:8px 0;padding:6px 8px}.leise{color:var(--leise);font-size:13px}.kategorien{flex-wrap:wrap;gap:4px;display:flex}.kategorien button{padding:4px 8px;font-size:13px}.kacheln{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.kacheln.klein{grid-template-columns:repeat(4,1fr)}.kachel{text-align:center;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:6px 4px;display:flex}.kachel img,.kachel .ohne{aspect-ratio:1;object-fit:contain;background:#f7f8fa;border-radius:4px;width:100%}.kachel b{word-break:break-word;font-size:12px}.kachel small{color:var(--leise);word-break:break-word;font-size:11px;line-height:1.2}.ansicht{position:relative;overflow:hidden}.ansicht canvas{display:block}.labels{pointer-events:none;position:absolute;inset:0}.mass{color:#234;background:#ffffffd9;border-radius:3px;padding:0 4px;font-size:11px}.mass.wand{font-weight:600}.mass.anschluss{border:1px solid;font-weight:600}.mass.anschluss.name{color:#fff;border:0}.mass.anschluss.wasser{color:#1f78d1}.mass.anschluss.name.wasser{color:#fff;background:#1f78d1}.mass.anschluss.steckdose{color:#8a6300}.mass.anschluss.name.steckdose{color:#fff;background:#e0a100}.mass.anschluss.strom{color:#d23c2a}.mass.anschluss.name.strom{color:#fff;background:#d23c2a}.hinweis{opacity:0;color:#fff;z-index:5;pointer-events:none;background:#2b3540;border-radius:8px;padding:8px 14px;transition:all .2s;position:absolute;top:12px;left:50%;transform:translate(-50%,-20px)}.hinweis.an{opacity:1;transform:translate(-50%)}.eigen{background:var(--flaeche);border-left:1px solid var(--linie);width:0;transition:width .15s;overflow:auto}.eigen.an{width:280px;padding:12px}.eigen h2{margin:0 0 2px;font-size:16px}.knoepfe{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.knopf{cursor:pointer;border:1px solid var(--linie);border-radius:6px;margin:0;padding:6px 10px;display:inline-block}.liste{border-collapse:collapse;width:100%;font-size:13px}.liste td,.liste th{border-bottom:1px solid var(--linie);text-align:left;padding:4px}.einzeln{flex-direction:column;gap:4px;display:flex}.einzeln button{text-align:left}.einzeln small{color:var(--leise)}.zeile{gap:4px;display:flex}.zeile button:first-child{flex:1}@media (width<=800px){.haupt{grid-template-rows:55% 45%;grid-template-columns:1fr}.seite{border-right:0;border-top:1px solid var(--linie);order:2}.eigen.an{z-index:4;position:absolute;top:52px;bottom:0;right:0}.reiter button{padding:6px}.werkzeuge{display:none}}.projektKopf{color:#d7dde3;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.projektKopf b{color:#fff}.projektKopf small{opacity:.7;margin-left:6px}.liste .r,.r{text-align:right;white-space:nowrap}.liste .summe td{border-top:1.5px solid var(--text)}.fehlt{color:var(--leise)}.preise input{border:1px solid var(--linie);text-align:right;border-radius:6px;width:90px;padding:4px 6px}.klebend{background:var(--flaeche);margin:0;padding:8px 0;position:sticky;bottom:0}.filter{gap:6px;display:flex}.filter input{margin:0}.filter select{border:1px solid var(--linie);border-radius:6px}label.spalte{flex-direction:column;align-items:stretch}textarea{font:inherit;border:1px solid var(--linie);border-radius:6px;padding:6px}.zeile.aktiv button:first-child{border-color:var(--akzent);background:var(--akzent-hell)}.etikett{background:#e8ecf0;border-radius:9px;margin-left:4px;padding:1px 6px;font-size:11px}.etikett.angeboten{background:#fff1d6}.etikett.bestellt{background:#dbeafe}.etikett.bestaetigt{background:#d1fae5}.etikett.erledigt{color:#555;background:#e5e7eb}.kopf select{color:#fff;background:0 0;border:1px solid #fff3;border-radius:6px;padding:5px}.kopf select option{color:#000}.werkzeuge{align-items:center;position:relative}.ebenen{color:var(--text);border:1px solid var(--linie);z-index:10;background:#fff;border-radius:8px;padding:8px 12px;position:absolute;top:44px;right:120px;box-shadow:0 6px 20px #0002}.ebenen label{white-space:nowrap;margin:4px 0}.bereich{margin-bottom:4px}.bereichKopf{text-align:left;text-transform:uppercase;letter-spacing:.05em;width:100%;color:var(--leise);background:#f1f4f7;border-color:#0000;justify-content:space-between;font-size:12px;display:flex}.bereichKopf:before{content:"▸";margin-right:6px}.bereichKopf.offen:before{content:"▾"}.bereichKopf small{margin-left:auto}.kacheln.serien{margin:8px 0 12px}.kachel.serie img{object-fit:cover}.zurueck{color:var(--akzent);background:0 0;border:0;padding:4px 0}.kachel[draggable=true]{cursor:grab}.bau-saeule{background:linear-gradient(90deg,#dfe3e8 35%,#c3c9d0 35% 65%,#dfe3e8 65%)!important}.bau-vorsprung{background:linear-gradient(#c3c9d0 40%,#dfe3e8 40%)!important}.bau-balken{background:linear-gradient(#c3c9d0 25%,#dfe3e8 25%)!important}.bau-box{background:radial-gradient(#c3c9d0 40%,#dfe3e8 41%)!important}.filter select{flex:1;padding:5px}.login{background:var(--grund);z-index:50;place-items:center;display:grid;position:fixed;inset:0}.login-karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:12px;width:min(360px,92vw);padding:24px;box-shadow:0 10px 40px #0001}.login-karte h1{margin:0 0 4px;font-size:22px}.login-karte label{flex-direction:column;align-items:stretch}.login-karte button{width:100%;margin-top:10px;padding:10px}.fehler{color:var(--gefahr)}.assistent{z-index:40;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.assistent-karte{background:var(--flaeche);border-radius:14px;width:min(980px,100%);max-height:92vh;padding:20px 24px;overflow:auto}.assistent-karte.breit{width:min(1200px,100%)}.assistent-karte h1{margin:0;font-size:22px}.assistent-fotos{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.assistent-foto{flex-direction:column;gap:4px;display:flex}.assistent-foto select{border:1px solid var(--linie);border-radius:6px;padding:5px}.aufmass-bild{cursor:zoom-in;background:#ddd;border-radius:8px;width:100%;position:relative;overflow:hidden}.aufmass-bild img,.aufmass-bild svg{width:100%;height:100%;position:absolute;inset:0}.aufmass-bild img{object-fit:fill}.aufmass-bild.gross{cursor:default}.mass-text{fill:#fff;paint-order:stroke;stroke:#000a;stroke-width:6px;text-anchor:middle;font:600 34px system-ui}.aufmass-bild:not(.gross) .mass-text{font-size:46px}.aufmass-klein{margin:0 0 10px}.aufmass-klein figcaption{color:var(--leise);font-size:12px}.kuechentypen{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:10px;display:grid}.kuechentyp{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.kuechentyp small{color:var(--leise);font-size:11px}.skizze{width:80px;height:70px}.skizze rect{fill:var(--akzent)}.skizze rect.raum{fill:none;stroke:#9aa5b1;stroke-width:2px}.aufmass-zeile{border:1px solid var(--linie);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:8px 10px;display:flex}.aufmass-zeile.neu{border-color:var(--akzent);background:var(--akzent-hell)}.aufmass-zeile .knoepfe{margin:0}.etikett.neu{background:var(--akzent);color:#fff}.aufmass-zeile a.knopf{text-decoration:none}.mass.anschluss.abfluss{color:#5b6770}.mass.anschluss.name.abfluss{color:#fff;background:#5b6770}.ohne[class*=anschluss-]{place-items:center;display:grid}.ohne[class*=anschluss-]:after{content:"";border-radius:50%;width:34px;height:34px}.anschluss-wasser:after{background:#1f78d1}.anschluss-abfluss:after{background:#5b6770}.anschluss-steckdose:after{background:#e0a100}.anschluss-strom:after{background:#d23c2a}body{touch-action:manipulation}#ansicht{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (pointer:coarse){button{min-height:40px;padding:8px 12px}.kopf{scrollbar-width:none;height:56px;overflow-x:auto}.kopf::-webkit-scrollbar{display:none}.kopf button{white-space:nowrap}.haupt{height:calc(100% - 56px)}input,select,textarea,label input:not([type=color]):not([type=checkbox]),label select{min-height:40px;font-size:16px}input[type=checkbox]{width:22px;height:22px}.kachel{padding:8px 4px}.kachel b{font-size:13px}.liste td,.liste th{padding:8px 4px}.einzeln button,.zeile button{min-height:44px}}