.konfig-page{background:var(--bg-soft)}.kf{display:grid;grid-template-columns:1fr 460px;height:calc(100vh - 69px);min-height:620px}.kf-stage{position:relative;overflow:hidden;background:#dfe5ec}.kf-canvas{position:absolute;inset:0}.kf-canvas canvas{display:block;cursor:grab}.kf-canvas canvas:active{cursor:grabbing}.kf-top{position:absolute;top:22px;left:28px;right:22px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.kf-title{background:#ffffffe0;backdrop-filter:blur(8px);padding:12px 18px;border-left:3px solid var(--orange)}.kf-title .eyebrow{margin-bottom:2px;font-size:11px}.kf-title h1{font-size:20px;font-weight:700}.kf-tools{display:flex;gap:8px;pointer-events:auto}.tool{height:42px;min-width:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffffeb;backdrop-filter:blur(8px);color:var(--ink);font-size:13px;font-weight:600;border-radius:var(--radius);box-shadow:0 4px 14px #0e1b2b1f;transition:background .2s}.tool:hover{background:#fff;color:var(--orange)}.tool svg{width:18px}.kf-bottom{position:absolute;left:28px;right:28px;bottom:20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;pointer-events:none}.chip{background:var(--navy);color:#fff;font-size:13px;font-weight:600;padding:8px 14px;border-radius:var(--radius)}.hint{font-size:12.5px;color:var(--ink);background:#fffc;padding:7px 12px;border-radius:var(--radius)}.evening .hint{background:#ffffff1f;color:#dfe6ee}.evening .kf-title{background:#0e1b2bbf}.evening .kf-title h1{color:#fff}.kf-panel{position:relative;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.kf-steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}.kf-steps li{padding:14px 4px 12px;text-align:center;font-size:11.5px;font-weight:600;color:var(--muted);cursor:pointer;position:relative}.kf-steps li b{display:grid;place-items:center;width:26px;height:26px;margin:0 auto 5px;border-radius:50%;border:1.5px solid #c9ced6;font-size:12px;color:var(--muted)}.kf-steps li.done b{background:var(--navy);border-color:var(--navy);color:#fff}.kf-steps li.active{color:var(--ink)}.kf-steps li.active b{background:var(--orange);border-color:var(--orange);color:#fff}.kf-steps li.active:after{content:"";position:absolute;left:14%;right:14%;bottom:-1px;height:2px;background:var(--orange)}.kf-steps li.locked{cursor:not-allowed;opacity:.55}.kf-body{flex:1;overflow-y:auto;padding:22px 26px 30px}.kf-body h2{font-size:22px;font-weight:700;margin-bottom:4px}.kf-body .lead{font-size:13.5px;color:var(--muted);margin-bottom:18px}.grp{margin-bottom:22px}.grp>label,.grp-title{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:9px}.grp-title small{font-weight:500;color:var(--muted)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--bg-soft);padding:4px;border-radius:6px;gap:4px}.seg button{height:38px;border-radius:4px;font-size:13.5px;font-weight:600;color:var(--text);transition:background .15s,color .15s}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0e1b2b1f}.seg button.on.orange{background:var(--orange);color:#fff}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.card{border:1.5px solid var(--line);border-radius:4px;overflow:hidden;text-align:left;background:#fff;transition:border-color .15s,transform .15s}.card:hover{transform:translateY(-2px)}.card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.card span{display:block;padding:6px 7px;font-size:11.5px;font-weight:600;color:var(--ink);line-height:1.2}.card.on{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.size{border:1.5px solid var(--line);border-radius:4px;padding:10px;min-width:0;overflow:hidden;text-align:left;background:#fff}.size b{display:block;font-size:14px;color:var(--ink)}.size small{display:block;font-size:11.5px;color:var(--muted);line-height:1.35}.size .bar{height:6px;background:#c6ccd4;border-radius:2px;margin-top:8px}.size.on{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.size.on .bar{background:var(--orange)}.swatches{display:flex;flex-wrap:wrap;gap:10px}.sw{width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #cfd4da;position:relative}.sw.on{box-shadow:0 0 0 2px var(--orange)}.sw.on:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/20px no-repeat;mix-blend-mode:difference}.sw-name{font-size:12.5px;color:var(--muted);margin-top:8px}.tools4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.tools4 button{border:1.5px solid var(--line);border-radius:4px;padding:8px 4px 6px;font-size:11.5px;font-weight:600;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:4px}.tools4 button svg{width:24px}.tools4 button.on{border-color:var(--orange);background:#fff4ec;color:var(--orange-d)}.slots{display:flex;gap:4px;padding:8px;background:var(--navy);border-radius:4px}.slots button{flex:1;height:54px;background:#263a52;border-radius:2px;color:#fff;display:grid;place-items:center;transition:background .15s}.slots button:hover{background:#33506f}.slots button svg{width:22px}.slots button.t-fenster,.slots button.t-glas{background:#3f6c92}.slots button.t-tuer{background:#5b4a3a}.slots-cap{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:5px}.opts{display:grid;gap:8px}.opt{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:4px;padding:11px 13px;cursor:pointer;transition:border-color .15s}.opt:hover{border-color:#c4cad2}.opt input{display:none}.opt .box{width:20px;height:20px;border:1.5px solid #b9c0c9;border-radius:4px;flex:none;display:grid;place-items:center;color:#fff}.opt .box svg{width:14px;opacity:0}.opt.on{border-color:var(--orange);background:#fffaf6}.opt.on .box{background:var(--orange);border-color:var(--orange)}.opt.on .box svg{opacity:1}.opt .txt{flex:1}.opt .txt b{display:block;font-size:13.5px;color:var(--ink)}.opt .txt small{font-size:12px;color:var(--muted)}.opt .pr{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}.sub{margin:8px 0 2px 32px;display:grid;gap:8px}.field{display:grid;gap:5px;margin-bottom:12px}.field span{font-size:12.5px;font-weight:600;color:var(--ink)}.field input,.field select,.field textarea{height:42px;border:1.5px solid var(--line);border-radius:4px;padding:0 12px;font:inherit;font-size:14px;color:var(--ink);background:#fff;outline:none;transition:border-color .15s}.field textarea{height:86px;padding:10px 12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange)}.field.err input,.field.err select{border-color:#d93636}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row-plz{display:grid;grid-template-columns:110px 1fr;gap:10px}input[type=range]{width:100%;accent-color:var(--orange)}.range-val{font-size:22px;font-family:var(--font-h);font-weight:700;color:var(--ink)}.cal{border:1.5px solid var(--line);border-radius:4px;padding:12px}.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cal-head b{font-size:14px;color:var(--ink)}.cal-head button{width:32px;height:32px;border-radius:4px;font-size:18px;color:var(--ink)}.cal-head button:hover{background:var(--bg-soft)}.cal-head button:disabled{opacity:.3;cursor:default}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.cal-grid .dow{font-size:11px;font-weight:700;color:var(--muted);padding:4px 0}.cal-grid button{height:36px;border-radius:4px;font-size:13px;color:var(--ink);font-weight:500}.cal-grid button:hover:not(:disabled){background:#fff1e7}.cal-grid button:disabled{color:#c3c8cf;cursor:default}.cal-grid button.full{text-decoration:line-through}.cal-grid button.on{background:var(--orange);color:#fff;font-weight:700}.cal-legend{display:flex;gap:14px;font-size:11.5px;color:var(--muted);margin-top:8px}.summary{background:var(--bg-soft);border-radius:4px;padding:14px 16px;font-size:13px;margin-bottom:16px}.summary div{display:flex;justify-content:space-between;gap:10px;padding:3px 0}.summary div span:first-child{color:var(--muted)}.summary div span:last-child{color:var(--ink);font-weight:600;text-align:right}.check{display:flex;gap:10px;font-size:12.5px;align-items:flex-start;margin:4px 0 6px}.check input{margin-top:3px;accent-color:var(--orange)}.error{color:#c62828;font-size:13px;margin-top:8px}.kf-foot{border-top:1px solid var(--line);padding:14px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.price small{display:block;font-size:11.5px;color:var(--muted)}.price strong{font-family:var(--font-h);font-size:26px;color:var(--ink)}.price span{font-size:12.5px;color:var(--muted);margin-left:4px}.price .details{display:block;font-size:12px;font-weight:600;color:var(--orange-d);text-decoration:underline;text-underline-offset:3px;margin-top:2px}.nav-btns{display:flex;gap:8px}.btn-line{border:1.5px solid var(--line);color:var(--ink);padding:0 14px}.btn-line:hover{border-color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.breakdown{position:absolute;left:16px;right:16px;bottom:92px;background:var(--navy);color:#dfe6ee;border-radius:6px;padding:16px 18px;font-size:13px;box-shadow:0 20px 40px #0e1b2b59;max-height:60%;overflow:auto}.breakdown div{display:flex;justify-content:space-between;padding:3px 0;gap:12px}.breakdown .tot{border-top:1px solid rgba(255,255,255,.2);margin-top:6px;padding-top:8px;color:#fff;font-weight:700}.breakdown h4{color:#fff;font-size:13px;margin:8px 0 4px}.breakdown h4:first-child{margin-top:0}.breakdown p{font-size:11.5px;color:#9fb0c3;margin-top:8px}.done-box{text-align:center;padding:30px 6px}.done-box .ok{width:64px;height:64px;border-radius:50%;background:#e9f7ee;color:#1f9d55;display:grid;place-items:center;margin:0 auto 16px}.done-box .ok svg{width:32px}.done-box h2{margin-bottom:8px}.done-box .nr{display:inline-block;margin:14px 0 18px;font-family:var(--font-h);font-size:20px;font-weight:800;color:var(--ink);background:var(--bg-soft);padding:8px 18px;border-radius:4px;letter-spacing:.04em}.done-box img{width:100%;border-radius:4px;margin:6px 0 16px}@media(max-width:1000px){.kf{grid-template-columns:minmax(0,1fr);height:auto}.kf-panel,.kf-stage{min-width:0}.kf-stage{height:58vh;min-height:360px;position:sticky;top:69px;z-index:5}.kf-panel{border-left:0}.kf-body{overflow:visible}.kf-foot{position:sticky;bottom:0;z-index:6}.kf-body:empty{min-height:100vh}.hint{display:none}}@media(max-width:520px){.kf-stage{height:44vh}.cards{grid-template-columns:repeat(2,1fr)}.kf-body{padding:18px 16px 24px}.kf-foot{padding:12px 16px}.kf-steps li{font-size:0}.kf-steps li b{margin-bottom:0}.row2{grid-template-columns:1fr}}.seg-p button{height:auto;min-height:44px;padding:7px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;font-size:12.5px}.seg-p button small{font-size:11px;font-weight:500;color:var(--muted);margin-top:2px}.seg-p button.on small{color:var(--orange-d)}.sub-label{font-size:12px;font-weight:600;color:var(--muted);margin:10px 0 6px}.sub-label:first-of-type{margin-top:0}.note{font-size:12px;color:var(--muted);margin-top:8px}.tool-seg{display:flex;background:#ffffffeb;backdrop-filter:blur(8px);border-radius:var(--radius);box-shadow:0 4px 14px #0e1b2b1f;padding:4px;gap:2px}.tool-seg button{height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--ink);border-radius:3px;transition:background .15s,color .15s}.tool-seg button svg{width:20px;height:20px}.tool-seg button:hover{color:var(--orange)}.tool-seg button.on,.tool.on{background:var(--navy);color:#fff}.evening .tool-seg,.evening .tool:not(.on){background:#0e1b2bb8;color:#fff}.evening .tool-seg button{color:#dfe6ee}.evening .tool-seg button.on{background:var(--orange)}.kf-loading{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,#dfe6ee,#c9d4df);color:var(--ink);transition:opacity .8s ease .2s,visibility .8s .2s}.kf-loading b{font-family:var(--font-h);font-size:16px;margin-top:14px}.kf-loading span{font-size:13px;color:var(--muted)}.kf-spin{width:46px;height:46px;border-radius:50%;border:3px solid rgba(14,27,43,.12);border-top-color:var(--orange);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ready .kf-loading{opacity:0;visibility:hidden}.kf-top,.kf-bottom{transition:opacity .6s ease .6s}.kf-stage:not(.ready) .kf-top,.kf-stage:not(.ready) .kf-bottom{opacity:0}.dim-label{background:#0e1b2be0;color:#fff;font:600 12px/1 var(--font-b);padding:6px 9px;border-radius:4px;white-space:nowrap;border:1px solid rgba(242,107,29,.7);box-shadow:0 4px 14px #0003}.price strong{font-size:22px}.price .price-note{display:block;margin:2px 0 0;font-size:12px;color:#1f9d55;font-weight:600}.price .price-note:before{content:"● ";font-size:9px;vertical-align:2px}.summary .sum-price{border-top:1px solid var(--line);margin-top:6px;padding-top:9px}.summary .sum-price span:last-child{color:var(--orange-d)}.sw-custom{background:conic-gradient(#e53935,#fbc02d,#43a047,#1e88e5,#8e24aa,#e53935);cursor:pointer;overflow:hidden}.sw-custom input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;border:0;padding:0}.kf-legal{display:flex;justify-content:center;gap:18px;padding:8px 16px 10px;font-size:11.5px;color:var(--muted);background:#fff}.kf-legal a:hover{color:var(--ink);text-decoration:underline}.anz{display:inline-flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.anz button{width:46px;height:46px;font-size:22px;font-weight:700;color:var(--ink);background:var(--bg-soft)}.anz button:hover:not(:disabled){background:#e9edf2}.anz button:disabled{color:#b8bfc9;cursor:default}.anz label{display:flex;align-items:center;gap:6px;padding:0 14px}.anz input{width:52px;height:44px;border:0;text-align:center;font:700 20px var(--font-h, inherit);color:var(--ink);-moz-appearance:textfield}.anz input::-webkit-outer-spin-button,.anz input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.anz span{font-size:13.5px;color:var(--muted);font-weight:600}.anz-hint{display:block;margin-top:8px;font-size:12px;color:var(--muted)}.preview-note{font-size:12px;line-height:1.4;color:var(--ink);background:#ffffffe0;padding:7px 12px;border-radius:var(--radius);max-width:440px}.preview-note b{color:var(--orange)}.evening .preview-note{background:#ffffff1f;color:#dfe6ee}.sum-note{font-size:12.5px;line-height:1.5;color:var(--muted);background:var(--bg-soft);border-left:3px solid var(--orange);border-radius:4px;padding:10px 12px;margin:-6px 0 16px}.sum-note b{color:var(--ink)}@media(max-width:760px){.preview-note{font-size:11px;padding:6px 10px;max-width:none}.kf-bottom{bottom:72px}}@media(max-width:760px){.kf-stage{height:38vh;min-height:260px}.kf-top{top:10px;left:10px;right:10px;justify-content:flex-end}.kf-title,.preview-note,.dim-label{display:none}.kf-tools{gap:6px}.tool-seg button,.tool{height:34px;font-size:12px;padding:0 10px;gap:5px}.tool-seg button svg,.tool svg{width:15px;height:15px}#btnMood span{display:none}#btnMood{padding:0;width:34px;min-width:34px}.kf-bottom{left:10px;right:10px;bottom:10px}.chip{font-size:12px;padding:6px 10px}.konfig-page .fab-stack{display:none}.cards{grid-template-columns:repeat(3,1fr);gap:6px}.card span{font-size:11px;padding:5px 6px}.kf-body h2{font-size:19px}.kf-body .lead{margin-bottom:12px}.kf-quick{padding:10px 16px;font-size:12.5px}.kf-foot{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.price strong{font-size:17px}.price small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.price .price-note{display:none}.kf-foot .price{flex:1;min-width:0}.nav-btns .btn{padding:0 14px}.konfig-page .chat{display:none}}