.kb24{--bg:#eef0f3;--card:#fff;--ink:#1f2733;--muted:#6b7685;--line:#e3e7ec;--brand:#e2001a;--brand-ink:#b80016;--accent:#0d2235;--ok:#1a8a4f;--cta:#e2900e;--cta-ink:#c67a06;--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;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:13px 18px;display:grid}.kb24 .popup-logo{color:#fff;width:auto;max-width:100%;height:30px;display:block}.kb24 .popup-bar-links,.kb24 .popup-bar-rechts{min-width:0}.kb24 .popup-bar-rechts{justify-content:flex-end;display:flex}.kb24 .pb-back{color:#cfd8e2;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:4px 0;font-size:13.5px}.kb24 .pb-back:hover{color:#fff}.kb24 .popup-bar .x{cursor:pointer;color:#cfd8e2;background:#ffffff14;border:0;border-radius:8px;place-items:center;width:28px;height:28px;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 .mobil-leiste{display:none}@media (max-width:820px){.kb24 .mobil-leiste{z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff7;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #1018281a}.kb24 .ml-preis{flex-direction:column;flex:none;line-height:1.25;display:flex}.kb24 .ml-preis b{letter-spacing:-.3px;white-space:nowrap;font-size:17px;font-weight:800}.kb24 .ml-preis span{color:var(--muted);white-space:nowrap;font-size:11.5px}.kb24 .mobil-leiste .ml-btn{white-space:nowrap;border-radius:10px;flex:0 auto;width:auto;min-width:0;margin-left:auto;padding:10px 14px;font-size:14px}.kb24 .popup{margin-bottom:76px}}.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:360px;max-width:calc(100vw - 36px);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:13px 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 6px}.kb24 .popover .ideal{color:var(--muted);margin:0 0 8px}.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}@media (max-width:560px){.kb24 .popover{text-align:center;width:auto;max-width:none;position:fixed;inset:50% 14px auto;transform:translateY(-50%)}.kb24 .popover:before{display:none}.kb24 .popover .tags{justify-content:center}}.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(--cta);color:#fff;transition:background .15s,box-shadow .12s,transform 60ms;box-shadow:0 2px 6px #0d22352e}.kb24 .btn-primary:hover:not(:disabled){background:var(--cta-ink)}.kb24 .btn-primary:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #0d223533}.kb24 .btn-primary:disabled{opacity:.65;cursor:default;box-shadow:none}.kb24 .btn-ghost{color:var(--accent);border-color:var(--line);background:#fff}.kb24 .btn-ghost:hover{border-color:#c4ccd6}.kb24 .btn-cta{text-align:center;flex-direction:column;gap:3px;padding:13px 14px;line-height:1.25}.kb24 .btn-cta small{opacity:.92;font-size:11px;font-weight:600}.kb24 .trust{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:4px 10px;margin:0;font-size:11px;display:flex}.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-linkbtn{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px;text-decoration:underline}.kb24 .af-linkbtn:hover:not(:disabled){color:var(--ink)}.kb24 .af-linkbtn:disabled{opacity:.5;cursor:default;text-decoration:none}.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-vorschau{justify-content:center;align-items:center;gap:14px;display:flex}.kb24 .af-vorschau-bild{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:10px;flex:none;width:64px;height:64px;padding:4px}.kb24 .af-vorschau h2{text-align:left;margin:0}.kb24 .af-form{flex-direction:column;gap:10px;display:flex}.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-feld{position:relative}.kb24 .af-feld>.af-input{padding:19px 14px 7px}.kb24 .af-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:calc(100% - 31px);font-size:14.5px;line-height:1;transition:top .12s ease-out,font-size .12s ease-out,color .12s;position:absolute;top:50%;left:15.5px;overflow:hidden;transform:translateY(-50%)}.kb24 .af-input:focus+.af-label,.kb24 .af-input:not(:placeholder-shown)+.af-label{font-size:11px;font-weight:600;top:11px}.kb24 .af-input:focus+.af-label{color:var(--accent)}.kb24 .af-input:autofill+.af-label{font-size:11px;font-weight:600;top:11px}.kb24 .af-input:autofill+.af-label{font-size:11px;font-weight:600;top:11px}.kb24 .af-input:-webkit-autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);box-shadow:inset 0 0 0 1000px #fafbfc}.kb24 .af-input:-webkit-autofill:focus{box-shadow:inset 0 0 0 1000px #fff}.kb24 .af-input:autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);box-shadow:inset 0 0 0 1000px #fafbfc}.kb24 .af-input:autofill:focus{box-shadow:inset 0 0 0 1000px #fff}.kb24 .af-submit{margin-top:6px}.kb24 .af-drop{border:1.5px dashed var(--cta);cursor:pointer;background:#fffaf0;border-radius:12px;align-items:center;gap:12px;padding:13px 15px;transition:border-color .12s,background .12s;display:flex}.kb24 .af-drop:hover{border-color:var(--cta-ink);background:#fff4de}.kb24 .af-drop.ueber{border-color:var(--cta-ink);background:#ffedcd}.kb24 .af-drop-icon{color:var(--cta-ink);flex:none;font-size:24px;line-height:1}.kb24 .af-drop-text{flex-direction:column;gap:2px;min-width:0;display:flex}.kb24 .af-drop-text>b{font-size:14.5px;font-weight:700}.kb24 .af-upload-hint{min-width:0;color:var(--muted);font-size:12.5px}.kb24 .af-upload-liste{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.kb24 .af-upload-file{color:var(--ink);border:1px solid var(--line);background:#fafbfc;border-radius:9px;align-items:center;gap:8px;padding:8px 11px;font-size:13px;display:flex}.kb24 .af-upload-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.kb24 .af-upload-groesse{color:var(--muted);white-space:nowrap;font-size:12.5px}.kb24 .af-upload-x{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:12.5px;text-decoration:underline}.kb24 .af-upload-x:hover{color:var(--brand-ink)}.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);margin-top:16px;padding-top:14px}.kb24 .af-reviews>div{max-width:100%;overflow-x:auto}.kb24 .af-reviews img,.kb24 .af-reviews iframe{max-width:100%}.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}.kb24 .sub-infotext{border:1.5px solid var(--line);color:#334155;white-space:pre-line;background:#f8fafc;border-radius:12px;margin-top:14px;padding:14px 16px;font-size:14px;line-height:1.5}@media (max-width:640px){.kb24 .popup-bar{min-height:53px;padding:8px 12px}.kb24 .pb-back-text{display:none}.kb24 .pb-back{padding:9px 14px 9px 4px;font-size:19px;line-height:1}.kb24 .popup-logo{height:26px}.kb24 .af-head p{display:none}.kb24 .af-head{margin-bottom:14px}.kb24 .af-head h2{font-size:18px}.kb24 .anfrage{padding:16px 16px 20px}.kb24 .af-vorschau{gap:11px}.kb24 .af-vorschau-bild{width:48px;height:48px}.kb24 .af-form{gap:8px}.kb24 .af-input,.kb24 .af-drop{padding:11px 13px}.kb24 .af-feld>.af-input{padding:17px 13px 5px}.kb24 .af-label{max-width:calc(100% - 29px);left:14.5px}.kb24 .af-input:focus+.af-label,.kb24 .af-input:not(:placeholder-shown)+.af-label,.kb24 .af-input:autofill+.af-label{top:10px}.kb24 .af-input:-webkit-autofill+.af-label{top:10px}}.kb24 .af-mehr{border-top:1px solid var(--line);margin-top:2px;padding-top:10px}.kb24 .af-mehr>summary{cursor:pointer;color:var(--accent);align-items:center;gap:6px;padding:2px 0;font-size:13.5px;list-style:none;display:inline-flex}.kb24 .af-mehr>summary:hover{color:var(--ink)}.kb24 .af-mehr>summary::-webkit-details-marker{display:none}.kb24 .af-mehr>summary:before{content:"+";font-size:15px;line-height:1}.kb24 .af-mehr[open]>summary:before{content:"–"}.kb24 .af-mehr-inhalt{flex-direction:column;gap:10px;margin-top:10px;display:flex}.kb24 .af-textarea{resize:vertical;min-height:74px;font-family:inherit;line-height:1.45}.kb24 .af-termin{color:var(--muted);align-items:center;gap:10px;font-size:13.5px;display:flex}.kb24 .af-termin>span{white-space:nowrap}.kb24 .af-termin .af-input{flex:0 200px;padding:10px 12px;font-size:13.5px}