:root{--bg: #f4f6f9;--card: #fff;--ink: #1c2430;--muted: #6b7684;--line: #e3e8ef;--brand: #1f6feb;--brand-d: #1a5fd0;--ks: #2f9e6b;--holz: #b5762f;--alu: #5a6b7b}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}button{cursor:pointer;font:inherit}a,.link{color:var(--brand);background:none;border:none}.muted{color:var(--muted)}.small{font-size:12px}.topbar{display:flex;justify-content:space-between;align-items:center;background:var(--card);border-bottom:1px solid var(--line);padding:12px 20px}.brand{font-weight:700}.brand span{color:var(--muted);font-weight:400}.user{display:flex;align-items:center;gap:12px;font-size:14px}.badge{background:#eef3fb;color:var(--brand);border-radius:20px;padding:2px 10px;font-size:12px}.content{max-width:960px;margin:24px auto;padding:0 20px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:20px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:360px;display:flex;flex-direction:column;gap:12px}.login h1{margin:0;font-size:22px}label{display:flex;flex-direction:column;gap:6px;font-size:14px}input{padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit}.primary{background:var(--brand);color:#fff;border:none;border-radius:8px;padding:11px;font-weight:600}.primary:hover{background:var(--brand-d)}.primary:disabled{opacity:.6}.error{background:#fdecec;color:#b3261e;padding:10px 12px;border-radius:8px;font-size:14px}.hint{font-size:12px;color:var(--muted);text-align:center;margin-top:4px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.card.system{display:flex;flex-direction:column;gap:6px;text-align:left;align-items:flex-start}.card.system:hover{border-color:var(--brand)}.cta{color:var(--brand);font-size:14px;margin-top:6px}.tag{font-size:11px;padding:2px 8px;border-radius:20px;color:#fff}.tag-kunststoff{background:var(--ks)}.tag-holz{background:var(--holz)}.tag-aluminium{background:var(--alu)}.placeholder{border:1px dashed var(--line);border-radius:10px;padding:16px;margin-top:12px;background:#fafbfc}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}th.rot{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}td.center,.center{text-align:center}.toggle{width:30px;height:30px;border-radius:6px;border:1px solid var(--line);background:#f7f9fc;color:var(--muted)}.toggle.on{background:var(--ks);color:#fff;border-color:var(--ks)}.menu{display:flex;gap:4px}.menu-item{border:none;background:none;padding:8px 14px;border-radius:8px;color:var(--muted);font-weight:500}.menu-item:hover{background:#f0f3f8;color:var(--ink)}.menu-item.active{background:#eef3fb;color:var(--brand)}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.page-head h2{margin:8px 0}.head-actions{display:flex;align-items:center;gap:12px}.saved{color:var(--ks);font-size:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 700px){.grid3{grid-template-columns:1fr}}.card h3{margin:0 0 12px;font-size:15px}select{padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}.secondary{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 14px}.secondary:hover{border-color:var(--brand);color:var(--brand)}.logo-row{display:flex;align-items:center;gap:20px}.logo-preview{max-height:64px;max-width:220px;object-fit:contain;border:1px solid var(--line);border-radius:8px;padding:6px;background:#fff}.logo-empty{width:120px;height:64px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:13px}.pill{font-size:12px;padding:2px 10px;border-radius:20px}.pill.ok{background:#e7f6ee;color:#1e7a4c}.pill.off{background:#f2f3f5;color:var(--muted)}tr.inactive td{opacity:.55}td.right,.right{text-align:right}.search{width:100%;margin-bottom:10px}.check-list{display:flex;flex-direction:column;max-height:420px;overflow-y:auto;border:1px solid var(--line);border-radius:8px}.check-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer;flex-direction:row}.check-row:last-child{border-bottom:none}.check-row:hover{background:#f7f9fc}.check-row.checked{background:#eef3fb}.check-row input[type=checkbox]{width:16px;height:16px}.check-name{flex:1}textarea{padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;width:100%;box-sizing:border-box;resize:vertical}.actions{white-space:nowrap}.actions .link{margin-left:10px}.link.danger{color:#b3261e}.kunde-banner{background:#eef3fb;border:1px solid #d6e2f5;border-radius:8px;padding:10px 14px;margin-bottom:14px;font-size:14px}.kopf{margin-bottom:12px}.kopf-info{display:flex;flex-direction:column;gap:4px;justify-content:center}.editor{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}@media (max-width: 800px){.editor{grid-template-columns:1fr}}.xs{font-size:11px}.nav-spalte{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px;font-size:13px}.nav-head{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 8px;font-weight:600}.nav-block{border-top:1px solid var(--line);padding:3px 0}.nav-block:first-of-type{border-top:none}.nav-item{display:flex;align-items:center;gap:4px;border-radius:6px}.nav-item.preset{font-weight:500}.nav-item:hover{background:#f2f5f9}.nav-item.active{background:#eef3fb}.nav-item.preset.active{box-shadow:inset 2px 0 0 var(--brand)}.nav-item.drop{outline:2px dashed var(--brand);outline-offset:-2px}.nav-item.drop-before{box-shadow:inset 0 2px 0 var(--brand)}.nav-item.drop-after{box-shadow:inset 0 -2px 0 var(--brand)}.nav-item.dragging{opacity:.4}.nav-label{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;text-align:left;background:none;border:none;padding:5px 4px;cursor:pointer}.nav-label span{line-height:1.1}.twisty{width:18px;border:none;background:none;color:var(--muted);cursor:pointer;font-size:11px;padding:4px 0}.grip{width:16px;text-align:center;color:var(--muted);cursor:grab;font-size:12px;-webkit-user-select:none;user-select:none}.nav-item.element{padding-left:10px}.trash{border:none;background:none;color:#cbd2da;cursor:pointer;padding:4px 6px;display:flex;align-items:center;border-radius:6px}.trash:hover{color:#b3261e;background:#fdecec}.nav-children{padding-left:6px}.nav-add{margin:2px 0 4px 26px;font-size:12px}.detail{min-width:0}.erbe{background:#f7f9fc;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:14px}label.single{display:flex;flex-direction:column;gap:6px;font-size:14px;max-width:340px;margin-bottom:14px}fieldset.bereich{border:1px solid var(--line);border-radius:10px;padding:14px 16px 16px;margin:0 0 14px}fieldset.bereich legend{font-size:13px;font-weight:600;color:var(--brand);padding:0 6px}