.flow-explainer{padding:25px 0 50px}.flow-explainer h2{font-size:28px;margin-bottom:24px}.flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flow-steps article{padding:22px;border:1px solid var(--stroke);border-radius:12px;background:var(--glass)}.flow-steps span{font:11px ui-monospace,monospace;color:#91e6df}.flow-steps h3{font-size:20px;margin:18px 0 10px}.flow-steps p,.flow-explainer>.wrap>p{font-size:14px;color:#b2b6ca}.flow-explainer>.wrap>p{max-width:100ch;margin-top:24px}.stream-controls .btn{white-space:normal;flex-shrink:0;max-width:45%}
.configurator{scroll-margin-top:85px}.configurator-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:28px}.configurator-head>p{max-width:43ch;font-size:14px}.configurator-head h2{font-size:clamp(32px,4.5vw,56px)}.config-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid #343c47;background:#10151c}.config-stage{position:relative;min-height:510px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#344552,#121b25 75%)}.three-mount{position:absolute;inset:0}.three-mount canvas{display:block;width:100%;height:100%;touch-action:pan-y}.config-label{position:absolute;top:22px;left:24px;z-index:1;font:10px/1.7 ui-monospace,monospace;letter-spacing:.15em;color:#d3dde9;pointer-events:none}.config-panel{padding:25px;border-left:1px solid #343c47}.config-panel h3{font-size:22px;margin-bottom:10px}.config-panel p{font-size:12px}.config-field{border:0;padding:0;margin:22px 0}.config-field legend,.config-field>label{font:10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;display:block;color:#b5c1cf;margin-bottom:12px}.config-choices{display:flex;gap:7px;flex-wrap:wrap}.config-choices button,.config-tools button{border:1px solid #506071;background:#15202a;color:#e5eef7;padding:10px 12px;min-height:44px;font-size:12px;cursor:pointer}.config-choices button[aria-pressed=true]{background:#d2ecdf;color:#152a25;border-color:#d2ecdf}.config-choices .paint-choice{width:40px;height:40px;padding:6px;border-radius:50%;background:transparent}.paint-choice::before{content:'';display:block;width:100%;height:100%;border-radius:50%;background:var(--paint)}.config-choices .paint-choice[aria-pressed=true]{outline:2px solid #fff;outline-offset:2px;background:none}.config-tools{display:flex;flex-wrap:wrap;gap:7px;position:absolute;bottom:20px;left:20px;right:20px;z-index:2}.config-tools button{background:#101820e8;font-size:11px}.config-tools button[aria-pressed=true]{background:#d2ecdf;color:#152a25}.config-status{font-size:11px!important;min-height:3.5em;color:#c1d1df!important;margin:15px 0!important}.config-credit{font-size:10px;margin-top:12px}.config-credit a{text-decoration:underline}.config-field input[type=range]{width:100%;accent-color:#bee5cd}.config-fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:40px;gap:15px}.config-fallback>button{justify-self:center}.config-fallback img{width:200px;border-radius:6px}.config-help{position:absolute;bottom:82px;left:24px;font:10px ui-monospace,monospace;color:#b6c4d1;pointer-events:none}
.roof-three{position:relative;height:450px;background:radial-gradient(ellipse at center,#fffcf4,#dcd9ce);margin-bottom:12px}.roof-three .config-label{color:#645d50}.roof-three .config-tools{bottom:12px}.roof-three .config-tools button{background:#fffaf0;color:#443a2c;border-color:#b0a48d}.roof-three .config-help{color:#645d50;bottom:65px}.roof-three .config-status{position:absolute;top:45px;left:24px;color:#645d50!important;font:11px Arial,sans-serif;right:20px}.roof-three canvas{touch-action:pan-y}.roof-material{padding:15px 0;border-bottom:1px solid #ded7cc}.roof-material label{display:block;font-size:11px;color:#645b4e;margin-bottom:8px}.roof-material select,.roof-material input{width:100%;font-size:13px;accent-color:#a54e2e}.roof-material select{padding:9px;background:#fffaf0;color:#443a2c;border:1px solid #b0a48d}.roof-canvas.has-three>.roof-model{display:none}.roof-canvas.has-three{align-self:stretch}.roof-canvas.has-three>.drawing-label{display:none}.roof-canvas.has-three .roof-toolbar{margin-top:8px}.roof-three[hidden]{display:none}
@media(max-width:850px){.config-shell{grid-template-columns:1fr}.config-panel{border-left:0;border-top:1px solid #343c47;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.config-panel>.config-status,.config-panel>h3,.config-panel>p{grid-column:1/-1}.config-stage{min-height:450px}.flow-steps{grid-template-columns:1fr}.roof-three{height:390px}}
@media(max-width:600px){.configurator-head{display:block}.configurator-head>p{margin-top:20px}.config-stage{min-height:370px}.config-panel{padding:22px;display:block}.config-field{margin:20px 0}.config-tools{left:12px;right:12px;gap:5px}.config-tools button{font-size:10px;padding:9px}.config-help{font-size:9px;left:15px;bottom:80px}.roof-three{height:340px}.roof-three .config-tools button{font-size:9px}.roof-three .config-status{font-size:10px!important}.config-label{left:15px}}
.config-help{background:#101820dd;border-radius:3px;padding:5px 8px;width:fit-content;max-width:calc(100% - 40px)}.roof-three .config-help{background:#fffaf0dd}
#configTitle{font-size:clamp(32px,4.5vw,56px);text-transform:none}
body:has(.roof-explorer) .btn-solid{background:#b84409;border-color:#b84409}body:has(.roof-explorer) .eyebrow{color:#ad410d}body:has(.roof-explorer) .card .no{color:#66717c}.foot{color:#9399ad}
body:has(.roof-explorer) .kontakt .eyebrow{color:#ffb78c}
.model-lineup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.model-lineup button{display:flex;align-items:center;text-align:left;gap:14px;border:1px solid #3c4855;background:#131d27;color:#edf3f7;padding:10px;cursor:pointer;min-width:0}.model-lineup button[aria-pressed=true]{border-color:#c9e6d7;background:#24382f;box-shadow:inset 0 -2px #c9e6d7}.model-lineup img{width:110px;height:76px;object-fit:cover}.model-lineup small{font:9px ui-monospace,monospace;letter-spacing:.07em;color:#bccbd2;display:block;margin-bottom:7px}.model-lineup strong{font-size:15px}.model-lineup b{margin-left:auto;padding-right:8px;font-weight:400;color:#cee7da}.configurator h1 em{font-style:normal;color:#c9e6d7}.configurator .config-shell{grid-template-columns:minmax(0,1fr) 350px}.configurator .config-stage{min-height:650px}.config-panel>.eyebrow{font-size:9px;line-height:1.7;color:#bbcfc9}.config-panel .config-field{margin:20px 0}.config-panel .config-choices button{font-size:11px}.config-panel .config-status{min-height:2.5em}.config-price{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-top:1px solid #3c4855;padding-top:18px}.config-price span{font-size:11px;color:#bccbd2}.config-price strong{font-size:25px}.config-actions{display:grid;gap:10px}.config-actions .button{justify-content:center;text-align:center}.config-actions .text-button{padding:8px;font-size:11px}.saved-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:28px 0 12px}.saved-head h3{font-size:25px;margin:0}.saved-head p{font-size:12px;color:#b7c4d0}.saved-configs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.saved-configs article{padding:16px;border:1px solid #3e4c59;background:#121c25}.saved-configs img{width:100%;height:auto;aspect-ratio:1.8;object-fit:cover}.saved-configs h4{font-size:16px;margin:16px 0 8px}.saved-configs p{font-size:12px;min-height:3em;color:#bdcbd7}.saved-configs .button{font-size:11px}.saved-configs .text-button{display:block;margin-top:10px;font-size:11px}.configurator [disabled]{opacity:.5;cursor:wait}footer .config-credit{flex-basis:100%;max-width:100%;line-height:1.8;font-size:10px;color:#a4b1be}#f-config{width:100%;resize:vertical;background:#151c24;color:#d6e3eb;border:1px solid #526171;padding:12px;font:12px/1.6 Arial,sans-serif}.config-fallback{background:#111b25ed;z-index:3}.config-fallback img{width:min(300px,100%)}
@media(max-width:1050px){.model-lineup img{width:75px;height:64px}.model-lineup strong{font-size:13px}.model-lineup b{display:none}}@media(max-width:850px){.configurator .config-shell{grid-template-columns:1fr}.configurator .config-panel{display:block}.configurator .config-stage{min-height:450px}.saved-head{display:block}.model-lineup button{display:block;padding:8px}.model-lineup img{width:100%;height:auto;aspect-ratio:1.6}.model-lineup span{display:block;padding:8px 0}.model-lineup small{font-size:8px}.model-lineup strong{font-size:12px}.saved-configs{grid-template-columns:1fr}.saved-configs article{display:grid;grid-template-columns:110px 1fr;gap:10px 16px}.saved-configs img{grid-row:1/4;aspect-ratio:1;height:110px}.saved-configs h4,.saved-configs p{margin:0;min-height:0}.saved-configs .text-button{grid-column:2;margin:0;text-align:left}}@media(max-width:500px){.model-lineup{gap:6px}.model-lineup small{font-size:7px;letter-spacing:0}.model-lineup strong{font-size:11px}.configurator .config-stage{min-height:370px}.configurator-head h1{line-height:1.1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

body:has(.configurator) footer{flex-wrap:wrap}.hero-photo-frame img,.car-image img,.detail-photo-frame img{height:100%;object-fit:cover;transform:none}.car:hover img{transform:scale(1.025)}.detail-photo-frame{aspect-ratio:1.5}.model-lineup img{object-fit:cover}.showroom-info #heroConfigure{margin-top:10px}
.config-fallback img{width:min(300px,100%);aspect-ratio:1;object-fit:cover;box-shadow:0 24px 60px #0008}.config-fallback p{color:#d3dde6}.config-fallback small{display:block}