/* Responsive workspace layout. Layeron brand overrides follow in layeron.css. */
body.studio-v7{--grund:#0d0c0f;--flaeche:#19181c;--flaeche-2:#232226;--eingabe:#111014;--linie:#39373d;--text:#fff;--text-2:#c4c2c8;--akzent:#307074;--akzent-hover:#3d8589;--akzent-text:#fff;--akzent-ink:#9fcfd0;--fokus:#9ad4d7;background:var(--grund);color:var(--text);padding-bottom:0}
body.studio-v7 .kopf{background:#0d0c0f;min-height:92px;padding:18px max(24px,calc((100vw - 1500px)/2));border-color:#363439;gap:24px}
.studio-v7 .seite{max-width:1548px;padding:30px 24px 24px}.studio-v7 .atelier-brand-title{border-color:#403d44}.studio-v7 .atelier-brand-title span{color:#b9b7bd}
.studio-v7 .studio-tools .knopf,.studio-v7 .studio-tools .knopf-leise{border-radius:2px;min-height:44px;font-family:'Barlow Semi Condensed',sans-serif;font-size:16px;letter-spacing:.035em}
.studio-v7 #studio-quote,.studio-v7 .knopf,.studio-v7 .atelier-next-row .knopf{background:#307074;border-color:#307074;color:#fff;border-radius:2px;font-family:'Barlow Semi Condensed',sans-serif;font-weight:600;letter-spacing:.04em;min-height:46px}
.studio-v7 .knopf:hover:not(:disabled),.studio-v7 #studio-quote:hover{background:#3d8589;border-color:#3d8589}.studio-v7 .knopf:disabled{opacity:.48;cursor:not-allowed}
.studio-v7 .knopf-leise{border-radius:2px}.studio-v7 .studio-tools .knopf-leise:hover{background:#232126;border-color:#403d44}
.studio-v7 .atelier-workspace-heading{align-items:flex-end;gap:24px;margin-bottom:28px}.studio-v7 .atelier-workspace-heading h1{font:700 clamp(34px,3.4vw,54px)/1.03 'Barlow Semi Condensed',sans-serif;letter-spacing:-.015em;text-transform:uppercase;margin:0}
.studio-intro{font-size:14px;color:#c4c2c8;margin:12px 0 0;line-height:1.6}.atelier-eyebrow{color:#9fcfd0;font-size:11px;letter-spacing:.16em;margin-bottom:10px}
.studio-v7 .atelier-flow{display:flex;gap:10px;flex-shrink:0}.atelier-flow button{display:flex;align-items:center;gap:10px;background:transparent;color:#b5b2bc;border:0;border-bottom:2px solid #353339;padding:12px 8px;font:500 13px/1.4 'DM Sans',sans-serif;cursor:pointer}.atelier-flow button:hover{color:#fff}.atelier-flow button span{display:block}.atelier-flow b{background:#242227;border:0;border-radius:2px;color:#c2bfc9;font:600 17px 'Barlow Condensed',sans-serif;width:28px;height:30px}.atelier-flow button[aria-current=step]{border-color:#5da2a5;color:#fff}.atelier-flow button[aria-current=step] b,.atelier-flow button.is-complete b{background:#307074;color:#fff}
.studio-v7 .ablauf{grid-template-columns:minmax(0,1fr) minmax(390px,460px);gap:28px}.studio-v7 #atelier-stage-column{top:24px;scroll-margin-top:24px}.studio-v7 #atelier-controls{scroll-margin-top:24px;background:#19181c;border-color:#3b393f;border-radius:3px;height:clamp(630px,calc(100dvh - 248px),820px);min-height:0}
.studio-v7 .atelier-stage{background:#131216;border-color:#3b393f;border-radius:3px}.atelier-stage-top,.atelier-stage-bottom{background:#1a191d;border-color:#343139;padding:14px 18px}.atelier-image-wrap{background:radial-gradient(ellipse at 50% 85%,#232a2c 0, #141317 64%);height:clamp(280px,39vh,420px)}
.atelier-empty{max-width:440px;padding:30px 28px;gap:16px}.studio-v7 .atelier-empty h2{font:600 clamp(25px,2.5vw,34px)/1.1 'Barlow Condensed',sans-serif;margin:0}.atelier-empty p{font-size:14px;color:#c8c5cf;line-height:1.7;margin:0}.atelier-empty small{font-size:12px;color:#b5b2bc}.atelier-empty svg{color:#8ebec0}.studio-v7 .atelier-photo-button{border-radius:2px;border-color:#52666a;background:#253336;color:#fff;min-height:44px;padding:11px 16px;font-size:14px}
.studio-v7 .atelier-view-modes{background:#0d0c0f;border-radius:2px}.atelier-view-modes button{min-height:38px;border-radius:2px}.atelier-view-modes button[aria-pressed=true]{background:#307074}
.studio-v7 .atelier-design-title{margin:24px 0 12px}.studio-v7 #atelier-colour-name{font-family:'Barlow Condensed',sans-serif;font-size:34px}.studio-v7 #atelier-colour-meta{color:#c4c2c8}.studio-v7 #atelier-save-slot .knopf-leise{border-radius:2px;min-height:44px;border-color:#4b484f}.atelier-caption{font-size:13px;color:#bbb8c1;line-height:1.6;max-width:64ch}.atelier-actions{border-color:#353339}.studio-v7 .atelier-next-row{display:flex;flex-wrap:wrap;gap:12px}.studio-v7 .atelier-next-row .knopf{font-size:16px;padding:13px 20px;flex:1}.studio-v7 .atelier-next-row .knopf-leise{font-size:14px;min-height:46px;border-radius:2px;flex:0 1 auto}#atelier-next-hint{font-size:12px;color:#b9b5c0}.atelier-utility{border-color:#353339}.atelier-utility summary{padding:12px 0;font-size:13px}.studio-v7 .atelier-utility p{font-size:13px}.studio-v7 .link-knopf{color:#a8d6d7;min-height:36px}
.studio-v7 .atelier-tabs{background:#211f24;border-color:#3b393f;border-radius:0;position:static}.studio-v7 .atelier-tabs button{min-height:56px;padding:16px 10px 13px;font-size:14px;color:#c4c1ca}.studio-v7 .atelier-tabs button[aria-selected=true]{background:#193236;border-color:#78b6b9;color:#fff}.studio-v7 .atelier-tabs button>span{display:inline}.atelier-tabs button:hover{background:#302d34}.studio-v7 .atelier-controls h2{font:600 30px/1.1 'Barlow Condensed',sans-serif}.studio-v7 #schritt-folie,.studio-v7 #schritt-foto,.studio-v7 #atelier-look{padding:24px;flex:1;overflow-y:auto;scrollbar-color:#55505b #19181c}.studio-v7 .atelier-controls .schritt-kopf{margin-bottom:20px}
.studio-v7 .filter{gap:14px}.studio-v7 .filter input,.studio-v7 .filter select{background:#100f13;border-color:#47434d;border-radius:2px}.studio-v7 .atelier-materials{background:#100f13;border-radius:2px}.studio-v7 .atelier-material{border-radius:2px;min-height:42px}.studio-v7 .atelier-material[aria-pressed=true]{background:#2a4548;border-color:#42666a;color:#fff}.studio-v7 .chip{border-radius:2px;min-height:40px}.studio-v7 .chip[aria-pressed=true]{background:#234348;color:#fff;border-color:#6f9b9e}.studio-v7 .atelier-palette{gap:3px;flex-wrap:wrap;justify-content:flex-start;padding:0}.studio-v7 .atelier-family{width:33px;height:40px;margin:0;background:transparent;border:0;box-shadow:none;position:relative}.atelier-family::before{content:'';display:block;width:22px;height:22px;border:1px solid #ffffff50;border-radius:50%;background:var(--family);margin:auto}.atelier-family[data-family='']{width:40px!important}.atelier-family[data-family='']::before{display:none}.studio-v7 .atelier-family[aria-pressed=true]{outline:1px solid #9ac9cc;outline-offset:-1px;border-radius:2px}.studio-v7 .atelier-family:hover{transform:none;background:#302b34}.atelier-filter-label{font-size:12px;color:#c4c1ca}.atelier-advanced summary{min-height:40px;padding:10px 0;color:#c6c3cb}.atelier-material-hint{font-size:12px;color:#aaa5b3}
.studio-v7 .folien{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.studio-v7 .folie-huelle{border-radius:2px;background:#141217;border-color:#413c48}.studio-v7 .folie{border-radius:2px}.studio-v7 .folie .bild{border-radius:1px}.studio-v7 .folie .name{font-size:14px!important;line-height:1.4}.studio-v7 .folie .meta{color:#bbb5c4;line-height:1.5}.studio-v7 .folie[aria-pressed=true]{border-color:#96c8ca;box-shadow:inset 0 0 0 1px #96c8ca;background:#203236}.studio-v7 .studio-card-actions{border-color:#3d3645;background:#1b181f}.studio-v7 .studio-card-actions button{min-height:40px;font-size:12px}.studio-v7 .studio-card-actions .studio-heart{font-size:23px;flex-basis:44px}.studio-v7 .folie-lupe{width:30px;height:30px;border-radius:2px}.studio-v7 .atelier-catalog-head{gap:12px;flex-wrap:wrap;align-items:center}.studio-v7 .atelier-catalog-head .ansicht-schalter button{min-height:38px}.studio-v7 #treffer{font-size:12px;color:#c6c1ce}.studio-v7 .catalog-preview-note{font-size:12px;line-height:1.6}
.studio-continue{flex-shrink:0;padding:14px 20px 18px;border-top:1px solid #413c48;background:#211f24}.studio-continue p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cac6d1;margin:0 0 10px}.studio-continue .knopf{width:100%;font-size:15px;justify-content:center}.studio-photo-tip,.studio-photo-privacy{font-size:13px;line-height:1.7;color:#c6c1ce;margin:0 0 20px}.studio-photo-privacy{margin-top:16px}.studio-photo-privacy a{color:#a8d6d7;text-decoration:underline}.studio-v7 .ablage{border-radius:2px;background:#141217;border-color:#635c6e;min-height:200px}.studio-v7 .studio-vehicle-details input,.studio-v7 .studio-vehicle-details textarea{border-radius:2px}.studio-v7 .studio-preset{border-radius:2px;border-color:#484050;background:#252129}.studio-v7 .option-knopf{border-radius:2px;border-color:#4a424f;background:#252129}
.studio-v7 .studio-dialog,.studio-v7 .sheet-dialog,.studio-v7 .einwilligung{background:#19171d;border:1px solid #5c5465;border-radius:3px;color:#fff;max-height:90dvh}.studio-v7 .studio-dialog-head{background:#19171d}.studio-v7 .studio-dialog-head h2,.studio-v7 .einwilligung h2{font-family:'Barlow Condensed',sans-serif}.studio-v7 .studio-dialog input,.studio-v7 .studio-dialog textarea{background:#0f0d12;border-color:#595060;border-radius:2px;color:#fff}.studio-v7 .studio-dialog p,.studio-v7 .studio-dialog .klein{line-height:1.7;color:#c9c3d1}.studio-v7 .studio-quote-visual,.studio-v7 .studio-project-card,.studio-v7 .studio-compare-card{background:#211c27;border-color:#514758;border-radius:2px}.studio-v7 .studio-quote-actions{gap:12px}.studio-v7 .studio-quote-actions .knopf{color:#fff}.studio-v7 .studio-quote-delivery{padding:16px;border-left:3px solid #5c999c;background:#203033;font-size:13px}.privacy-facts{padding-left:20px;margin:16px 0 24px;font-size:14px;line-height:1.7;color:#d3ccd9}.privacy-facts li+li{margin-top:10px}.studio-help-steps{padding-left:26px}.studio-help-steps li{padding:8px 0 16px 8px}.studio-help-steps h3{font:600 25px 'Barlow Condensed',sans-serif;margin:0 0 6px}.studio-help-steps p{margin:0;font-size:14px}.studio-v7 .zustimmung{font-size:14px;line-height:1.7;align-items:flex-start}.studio-v7 .zustimmung input{margin-top:5px;flex:none}
.studio-v7 .fuss{max-width:1500px;margin:28px auto 0;padding:24px;gap:20px;font-size:13px;align-items:center;border-color:#37313e}.studio-v7 .fuss .link-knopf{font:inherit}.studio-v7 .atelier-compare-tray{position:static;margin:20px auto 0;transform:none;max-width:fit-content;background:#233538;border-radius:2px;border-color:#679498;flex-wrap:wrap}.studio-v7 .atelier-compare-tray button{min-height:44px;border-radius:2px}
@media(max-width:1200px){.studio-v7 .atelier-workspace-heading{display:block}.studio-v7 .atelier-flow{margin-top:20px}.studio-v7 .atelier-flow button{flex:1;justify-content:center}.studio-v7 .ablauf{grid-template-columns:minmax(0,1fr) 400px;gap:22px}.studio-v7 .atelier-brand-title span{display:none}.studio-v7 .atelier-brand-title{padding-left:16px}.studio-v7 #atelier-save-slot{display:none}}
@media(max-width:960px){body.studio-v7 .kopf{padding:16px 20px;gap:16px}.studio-v7 .atelier-brand-title{border:0;padding:0}.studio-v7 .ablauf{grid-template-columns:minmax(0,1fr) 350px;gap:20px}.studio-v7 #schritt-folie,.studio-v7 #schritt-foto,.studio-v7 #atelier-look{padding:20px}.studio-v7 #studio-share{display:inline-flex}.studio-v7 .studio-tools{gap:2px}.studio-v7 .studio-tools .knopf-leise,.studio-v7 .studio-tools .knopf{font-size:14px;padding:10px}.atelier-empty{padding:24px 20px}.studio-v7 .atelier-next-row{display:grid;grid-template-columns:1fr}.studio-v7 .atelier-next-row .knopf-leise{width:100%}.studio-v7 .atelier-family{width:31px}.studio-v7 .atelier-flow{display:flex}}
@media(max-width:740px){body.studio-v7{padding-bottom:0}.studio-v7 .kopf{flex-wrap:wrap}.studio-v7 .kopf .logo{width:120px;height:44px}.studio-v7 #studio-toolbar{flex-basis:100%;margin:0}.studio-v7 .studio-tools{justify-content:space-between;gap:4px}.studio-v7 .studio-tools .knopf-leise{font-family:'DM Sans',sans-serif;font-size:13px;padding:9px 10px}.studio-v7 #studio-quote{display:none}.studio-v7 .seite{padding:24px 16px 16px}.studio-v7 .atelier-workspace-heading{margin-bottom:22px}.studio-v7 .atelier-workspace-heading h1{font-size:38px;max-width:16ch}.studio-intro{font-size:13px;max-width:36ch}.studio-v7 .atelier-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:20px}.atelier-flow button{flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:10px 5px;font-size:12px;line-height:1.35}.atelier-flow b{width:25px;height:26px;font-size:16px}.studio-v7 .ablauf{display:flex;gap:24px}.studio-v7 #atelier-controls{order:0;height:min(760px,90dvh);min-height:570px;max-height:none;overflow:hidden;width:100%}.studio-v7 #atelier-stage-column{display:block;order:1;width:100%;position:static}.studio-v7 .atelier-stage{scroll-margin-top:18px}.studio-v7 #schritt-folie,.studio-v7 #schritt-foto,.studio-v7 #atelier-look{overflow-y:auto;padding:20px;max-height:none}.studio-v7 .atelier-tabs{position:static;border-radius:0}.studio-v7 .atelier-tabs button{padding:15px 6px 12px;font-size:13px}.studio-v7 .atelier-family{width:29px;height:40px}.studio-v7 .atelier-palette{gap:2px;flex-wrap:wrap}.studio-continue{padding:12px 16px 16px}.studio-v7 .atelier-stage-top{padding:12px 14px}.studio-v7 #atelier-visual-label{max-width:none;font-size:12px}.atelier-image-wrap{height:auto;min-height:280px;aspect-ratio:auto}.studio-v7 #atelier-image{max-height:380px}.studio-v7 .atelier-empty{padding:28px 22px;max-width:400px}.studio-v7 .atelier-empty h2{font-size:29px}.studio-v7 .atelier-empty p{font-size:14px}.studio-v7 .atelier-photo-button{min-height:44px;font-size:14px}.studio-v7 .atelier-actions{position:static;padding:18px 0 0;background:transparent;box-shadow:none;backdrop-filter:none;border-top:1px solid #353339}.studio-v7 .atelier-next-row{display:flex;flex-wrap:wrap;gap:12px}.studio-v7 .atelier-next-row .knopf,.studio-v7 .atelier-next-row .knopf-leise{flex:1 0 100%;font-size:16px;min-height:48px}.studio-v7 .atelier-caption{display:block;font-size:13px;margin-bottom:18px}.studio-v7 #atelier-next-hint{display:block}.atelier-mobile{display:none}.atelier-desktop{display:inline}.studio-v7 .atelier-design-title{margin:22px 0 12px}.studio-v7 #atelier-colour-name{font-size:32px}.studio-v7 .leiste .auswahl{flex-wrap:wrap;max-height:none;overflow:visible}.studio-v7 .studio-dialog,.studio-v7 .sheet-dialog{padding:20px 18px;border-radius:0;width:100%;max-height:100dvh}.studio-v7 .studio-dialog-head{top:-20px}.studio-v7 .studio-dialog-head h2{font-size:29px}.studio-v7 .studio-quote-layout{grid-template-columns:1fr}.studio-v7 .fuss{padding:20px 16px;margin-top:8px;gap:16px;font-size:12px;justify-content:flex-start}.studio-v7 .atelier-compare-tray{margin:16px;max-width:none;justify-content:space-between;gap:10px}.studio-v7 .atelier-utility{font-size:13px}}
@media(prefers-reduced-motion:reduce){.studio-v7 *{scroll-behavior:auto!important}}
/* Keep the colour library visible without making users scroll past filters. */
.studio-v7 #finish-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}.studio-v7 #finish-chips .chip{font-size:13px;padding:9px 4px;white-space:nowrap}.studio-v7 .atelier-family::after{display:none}.studio-v7 .atelier-catalog-head{margin:18px 0 14px}.studio-v7 .atelier-advanced{margin:0}.studio-v7 .atelier-advanced summary{padding:10px 0}.studio-v7 .atelier-advanced-grid .atelier-materials,.studio-v7 .atelier-advanced-grid .atelier-material-hint{grid-column:1/-1}.studio-v7 .atelier-controls .filter{gap:12px}
.studio-v7 .atelier-family{outline:none;border-radius:2px;transform:none}.studio-v7 .atelier-family:focus-visible{outline:2px solid #c2eaec;outline-offset:0}.studio-v7 .atelier-family[aria-pressed=true]{transform:none}
@media(max-width:740px){.studio-v7 .atelier-workspace-heading h1{font-size:34px;max-width:none}.studio-v7 .studio-intro{display:none}.studio-v7 .atelier-workspace-heading{margin-bottom:20px}.studio-v7 .atelier-flow{margin-top:16px}.studio-v7 .atelier-flow button{flex-direction:row;align-items:center;gap:7px;padding:10px 3px;font-size:11px}.studio-v7 .atelier-flow b{flex:none;width:23px;height:25px}.studio-v7 .atelier-palette{flex-wrap:nowrap;overflow-x:auto;padding:2px 0;scrollbar-width:thin}.studio-v7 .atelier-family{width:32px;flex-shrink:0}.studio-v7 .atelier-family[data-family='']{width:35px!important}.studio-v7 .atelier-controls .schritt-kopf{margin-bottom:16px}}