.kb24{--bg:#eef0f3;--card:#fff;--ink:#1f2733;--muted:#6b7685;--line:#e3e7ec;--brand:#e2001a;--brand-ink:#b80016;--accent:#0d2235;--ok:#1a8a4f;--shadow:0 1px 3px #1018280f, 0 10px 30px #1018281a;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.kb24-page{background:var(--bg);min-height:100vh;padding:24px 16px}.kb24 .popup{background:var(--card);max-width:940px;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:18px;margin:0 auto;overflow:hidden}.kb24 .popup-bar{background:var(--accent);color:#fff;align-items:center;gap:12px;padding:13px 18px;display:flex}.kb24 .logo{letter-spacing:-.3px;font-size:18px;font-weight:800}.kb24 .logo span{color:var(--brand)}.kb24 .popup-bar .sub{color:#aebccb;font-size:13px}.kb24 .popup-bar .x{cursor:pointer;color:#cfd8e2;background:#ffffff14;border:0;border-radius:8px;place-items:center;width:28px;height:28px;margin-left:auto;font-size:16px;display:grid}.kb24 .popup-bar .x:hover{color:#fff;background:#ffffff29}.kb24 .body{grid-template-columns:1fr 340px;display:grid}@media (max-width:820px){.kb24 .body{grid-template-columns:1fr}}.kb24 .left{padding:18px 20px}.kb24 .right{border-left:1px solid var(--line);background:#fafbfc;padding:22px}@media (max-width:820px){.kb24 .right{border-left:0;border-top:1px solid var(--line)}}.kb24 .kopf h1{letter-spacing:-.3px;margin:0 0 2px;font-size:20px;font-weight:700}.kb24 .kopf .specs{color:var(--muted);font-size:13px}.kb24 .kopf .sku{color:var(--muted);margin:2px 0 14px;font-size:12px}.kb24 .kopf .sku b{color:var(--ink);font-weight:600}.kb24 .step{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:10px;transition:border-color .15s;overflow:visible}.kb24 .step.open{border-color:#c9d2dc;box-shadow:0 2px 10px #1018280d}.kb24 .step-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:11px;padding:13px 15px;display:flex}.kb24 .step-head:hover{background:#fafbfc}.kb24 .badge{width:24px;height:24px;color:var(--muted);background:#eef1f5;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.kb24 .step.done .badge{background:var(--ok);color:#fff}.kb24 .step.open .badge{background:var(--brand);color:#fff}.kb24 .step-titles{flex:1;min-width:0}.kb24 .step-titles .t{font-size:14px;font-weight:700}.kb24 .step-titles .s{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.kb24 .step.open .step-titles .s{display:none}.kb24 .chev{color:var(--muted);font-size:13px;transition:transform .15s}.kb24 .step.open .chev{transform:rotate(180deg)}.kb24 .step-body{padding:4px 15px 16px;display:none}.kb24 .step.open .step-body{display:block}.kb24 .chips{flex-wrap:wrap;gap:8px;display:flex}.kb24 .chip{border:1.5px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;padding:9px 13px;font-size:14px;transition:all .12s}.kb24 .chip:hover{border-color:#c4ccd6}.kb24 .chip.active{border-color:var(--brand);color:var(--brand-ink);background:#fff5f6;font-weight:600}.kb24 .chip.sub{padding:7px 11px;font-size:13px}.kb24 .muted{color:var(--muted)}.kb24 .small{font-size:13px}.kb24 .hint{color:var(--muted);border:1px dashed var(--line);background:#fafbfc;border-radius:10px;margin-top:12px;padding:9px 11px;font-size:12.5px}.kb24 .qty-input{border:1.5px solid var(--line);border-radius:10px;align-items:center;width:150px;margin-top:12px;display:flex;overflow:hidden}.kb24 .qty-input input{text-align:right;width:100%;color:var(--ink);background:#fff;border:0;outline:none;padding:9px 10px;font-size:14px}.kb24 .qty-input span{color:var(--muted);background:#f7f8fa;align-self:stretch;place-items:center;padding:0 10px;font-size:13px;display:grid}.kb24 .vf-row{flex-wrap:wrap;gap:8px;display:flex}.kb24 .vf{position:relative}.kb24 .vf .chip{padding-right:36px}.kb24 .info-btn{width:19px;height:19px;color:var(--muted);cursor:help;background:#fff;border:1.5px solid #c4ccd6;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:12px;font-style:italic;font-weight:700;line-height:1;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.kb24 .info-btn:hover{border-color:var(--brand);color:var(--brand)}.kb24 .popover{z-index:30;border:1px solid var(--line);width:280px;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:14px;font-size:13px;position:absolute;top:calc(100% + 8px);left:0}.kb24 .popover:before{content:"";border-left:1px solid var(--line);border-top:1px solid var(--line);background:#fff;width:11px;height:11px;position:absolute;top:-6px;left:18px;transform:rotate(45deg)}.kb24 .popover .was{color:var(--ink);margin:0 0 8px}.kb24 .popover .ideal{color:var(--muted);margin:0 0 10px}.kb24 .popover .ideal b{color:var(--ink)}.kb24 .popover .tags{flex-wrap:wrap;gap:6px;display:flex}.kb24 .popover .tag{color:#3a4655;background:#f1f3f6;border-radius:999px;padding:3px 9px;font-size:11.5px}.kb24 .popover .draft{color:#b08900;background:#fff8e1;border-radius:6px;margin-top:10px;padding:5px 8px;font-size:11px}.kb24 .price-lbl{color:var(--muted);font-size:12px}.kb24 .price-total{letter-spacing:-.6px;font-size:30px;font-weight:800;line-height:1.1}.kb24 .price-total small{color:var(--muted);font-size:14px;font-weight:600}.kb24 .per-unit{color:var(--muted);margin:3px 0 14px;font-size:13px}.kb24 .prow{border-bottom:1px dashed var(--line);justify-content:space-between;padding:6px 0;font-size:13.5px;display:flex}.kb24 .prow .v{font-variant-numeric:tabular-nums}.kb24 .prow.names{border-bottom:0;margin-top:-2px;padding-top:0}.kb24 .prow.sum{padding-top:10px;font-weight:700}.kb24 .prow.brutto{color:var(--brand-ink);border-bottom:0;font-size:16px;font-weight:800}.kb24 .actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.kb24 .btn{cursor:pointer;border:1.5px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14.5px;font-weight:700;display:flex}.kb24 .btn-primary{background:var(--brand);color:#fff}.kb24 .btn-primary:hover{background:var(--brand-ink)}.kb24 .btn-ghost{color:var(--accent);border-color:var(--line);background:#fff}.kb24 .btn-ghost:hover{border-color:#c4ccd6}.kb24 details.cmp{margin-top:16px}.kb24 details.cmp summary{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);cursor:pointer;font-size:12px;font-weight:700}.kb24 table{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}.kb24 th,.kb24 td{text-align:right;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:6px 5px}.kb24 th:first-child,.kb24 td:first-child{text-align:left}.kb24 th{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600}.kb24 tr.active td{color:var(--brand-ink);background:#fff5f6;font-weight:700}.kb24 tr.clk{cursor:pointer}.kb24 .legal{color:var(--muted);margin-top:12px;font-size:11.5px}.kb24 .anfrage{max-width:640px;margin:0 auto;padding:22px 28px 26px}.kb24 .af-back{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-bottom:14px;padding:0;font-size:13.5px}.kb24 .af-back:hover{color:var(--ink)}.kb24 .af-head{text-align:center;margin-bottom:18px}.kb24 .af-head h2{letter-spacing:-.3px;margin:0 0 6px;font-size:20px}.kb24 .af-config{border:1px solid var(--line);color:var(--muted);background:#fafbfc;border-radius:10px;margin-top:10px;padding:8px 12px}.kb24 .af-form{flex-direction:column;gap:10px;display:flex}.kb24 .af-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:560px){.kb24 .af-row{grid-template-columns:1fr}}.kb24 .af-input{border:1.5px solid var(--line);color:var(--ink);background:#fafbfc;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:14.5px}.kb24 .af-input:focus{border-color:var(--brand);background:#fff}.kb24 .af-submit{margin-top:6px}.kb24 .af-error{color:var(--brand-ink);background:#fff5f6;border:1px solid #f3c2c8;border-radius:10px;padding:10px 12px;font-size:13.5px}.kb24 .af-trust{text-align:center;margin:16px 0 6px}.kb24 .af-reviews{text-align:center;border-top:1px solid var(--line);padding-top:14px}.kb24 .af-done{text-align:center;padding:38px 10px}.kb24 .af-done-icon{background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 14px;font-size:26px;display:grid}.kb24 .af-done h2{margin:0 0 8px;font-size:20px}.kb24 .picker{padding:22px 24px}.kb24 .picker h2{margin:0 0 4px;font-size:18px}.kb24 .picker .search{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;margin:12px 0;padding:11px 13px;font-size:14px}.kb24 .picker .search:focus{border-color:var(--brand)}.kb24 .picker-list{flex-direction:column;gap:6px;max-height:420px;display:flex;overflow-y:auto}.kb24 .picker-item{border:1.5px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 13px;font-size:14px;display:flex}.kb24 .picker-item:hover{border-color:var(--brand)}.kb24 .picker-item .meta{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12.5px}