/* The preview controls deliberately keep their own neutral identity. */
.design-switcher{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 4%;background:#fff;color:#202820;border-bottom:1px solid #c8cdc7;box-shadow:0 3px 12px #00000009;font-family:Arial,sans-serif}.design-caption{display:flex;flex-direction:column;gap:4px}.design-caption strong{font-size:10px;letter-spacing:2px}.design-caption span,.design-status{font-size:11px;margin:0}.design-options{display:flex;gap:6px}.design-options button{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d5d8d3;color:#202820;padding:10px 15px;font:600 13px Arial;cursor:pointer}.design-options button[aria-pressed=true]{border:2px solid #202820;padding:9px 14px;background:#f0f2ed}.design-options button:focus-visible{outline:3px solid #247cbb;outline-offset:3px}.design-options small{font-size:9px;font-weight:400}.design-swatch{width:18px;height:18px;display:block;background:linear-gradient(90deg,#f1eee5 50%,#253b2e 50%)}.swatch-landhaus{background:linear-gradient(90deg,#f7efdf 50%,#856746 50%);border-radius:50%}.swatch-werkstatt{background:linear-gradient(90deg,#1e2721 50%,#f4a341 50%)}html{scroll-padding-top:105px}
/* 02 — Landhaus: central masthead, quiet serif typography, panoramic image. */
html[data-design=landhaus] body{--paper:#f7f2e8;--ink:#3f4939;--blue:#806244;--line:#cec4b1;--yellow:#ebe2ce;background:var(--paper);font-family:Georgia,'Times New Roman',serif;max-width:none}
html[data-design=landhaus] .edition{justify-content:center;gap:30px;border:0;padding-top:22px;color:#806244}
html[data-design=landhaus] header{flex-wrap:wrap;justify-content:center;border-block:1px solid var(--line);padding:25px 0;gap:18px 55px}
html[data-design=landhaus] .house-brand{width:100%;align-items:center;order:-1;gap:8px}.house-brand strong{transition:none}
html[data-design=landhaus] .house-brand strong{font:normal 45px Georgia;letter-spacing:0}
html[data-design=landhaus] nav{font:14px Georgia;letter-spacing:.5px}
html[data-design=landhaus] .phone{font:14px Georgia;border:0}
html[data-design=landhaus] .opening{display:block;padding:50px 8% 65px}
html[data-design=landhaus] .opening-title{text-align:center}
html[data-design=landhaus] .side-label{color:#806244;line-height:1.7}
html[data-design=landhaus] .side-label br{display:none}
html[data-design=landhaus] h1{font:normal clamp(52px,7vw,112px)/1.15 Georgia;letter-spacing:-.045em}
html[data-design=landhaus] .opening h1 br{display:none}
html[data-design=landhaus] .opening h1 span{font-style:italic}
html[data-design=landhaus] .title-bottom{justify-content:center;gap:25px;border:0;margin-top:10px;font-size:22px}
html[data-design=landhaus] .title-bottom a{font-size:28px}
html[data-design=landhaus] .opening-right{display:grid;grid-template-columns:1fr 1fr;gap:28px 8%;margin-top:26px}
html[data-design=landhaus] .opening-right figure{grid-column:1/-1;grid-row:1;margin:0}
html[data-design=landhaus] .vehicle{aspect-ratio:2.8;border-radius:48% 48% 0 0/12% 12% 0 0}
html[data-design=landhaus] .vehicle img{object-position:50% 36%}
html[data-design=landhaus] .note{display:block;border:0;padding:12px 0}.note>span{display:block}
html[data-design=landhaus] .note p{font:italic 25px/1.4 Georgia;margin-top:12px}
html[data-design=landhaus] .intro{margin:0}html[data-design=landhaus] .intro p{font:17px/1.7 Georgia;max-width:none}
html[data-design=landhaus] .intro a{font:14px Georgia;border-bottom:1px solid var(--line)}
html[data-design=landhaus] h2{font:normal clamp(36px,4vw,58px)/1.15 Georgia;letter-spacing:-1.5px}
html[data-design=landhaus] .work{display:block;margin:0 8%;padding:50px 0}
html[data-design=landhaus] .work-heading{text-align:center;margin-bottom:35px}
html[data-design=landhaus] .work-heading h2 br{display:none}
html[data-design=landhaus] .work-heading>p:last-child{margin:15px 0}
html[data-design=landhaus] .work-list{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}
html[data-design=landhaus] .work-list details{border-color:var(--line)}
html[data-design=landhaus] .work-list h3{font:normal 25px Georgia;letter-spacing:-.5px}
html[data-design=landhaus] .detail{padding-left:0;font:15px/1.8 Georgia}
html[data-design=landhaus] .key,html[data-design=landhaus] .fine{grid-column:1/-1}
html[data-design=landhaus] .key{border-radius:80px;padding:25px 45px;align-items:center}
html[data-design=landhaus] .garden-examples{margin:0 8%;padding-top:45px}
html[data-design=landhaus] .scene-picker{justify-content:center;border-color:var(--line)}
html[data-design=landhaus] .scene-picker button{font:15px Georgia;border:0}
html[data-design=landhaus] .compare-layout{grid-template-columns:1fr;gap:20px}
html[data-design=landhaus] .compare-editorial{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
html[data-design=landhaus] .compare-help{grid-column:2;margin:0!important}
html[data-design=landhaus] .compare-editorial h3{grid-row:1/3;font-size:40px}
html[data-design=landhaus] .comparison{max-height:650px}
html[data-design=landhaus] .division-link{margin-inline:8%}
html[data-design=landhaus] .region{background:#e7e3d5;color:var(--ink);padding:45px 8% 30px;text-align:center}
html[data-design=landhaus] .region>div{display:block}
html[data-design=landhaus] .region h2{font:italic 55px Georgia;margin:20px 0}
html[data-design=landhaus] .region h2 br{display:none}
html[data-design=landhaus] .region div p{max-width:600px;margin:0 auto}
html[data-design=landhaus] .region-type{font:normal 7cqw Georgia;letter-spacing:.08em;color:#8c967e;padding-top:30px}
html[data-design=landhaus] .contact{padding:65px 8%;gap:5% 10%}
html[data-design=landhaus] .contact h2.pun{font:normal clamp(45px,5.5vw,80px)/1.1 Georgia;letter-spacing:-2px}
html[data-design=landhaus] .contact-right{padding-top:0}
html[data-design=landhaus] .big-phone{font:normal clamp(32px,4vw,60px)/1.1 Georgia;letter-spacing:-1px}
html[data-design=landhaus] .inquiry{gap:5%;border-color:var(--line)}
html[data-design=landhaus] .inquiry input,html[data-design=landhaus] .inquiry textarea{border-color:var(--line);background:#fffcf6}
html[data-design=landhaus] .special-hero{display:flex;flex-direction:column;text-align:center;margin:0 8%;gap:35px}
html[data-design=landhaus] .special-hero h1{font:normal clamp(42px,5vw,80px)/1.1 Georgia;letter-spacing:-2px}
html[data-design=landhaus] .special-intro{margin:auto}
html[data-design=landhaus] .special-brand{max-width:620px;border:1px solid var(--line)}
html[data-design=landhaus] .special-contact{background:#e7e3d5;color:var(--ink)}
/* 03 — Werkstatt: bold sans serif, hard edges, orange signals, split service grid. */
html[data-design=werkstatt] body{--paper:#f0f1ed;--ink:#1d2924;--blue:#a54b16;--line:#b5c0b8;--yellow:#f6ad50;max-width:none;background:var(--paper);font-family:Arial,Helvetica,sans-serif}
html[data-design=werkstatt] .edition{background:#f6ad50;margin:0;padding:13px 4%;border:0;font-weight:bold}
html[data-design=werkstatt] header{background:var(--ink);color:#fff;margin:0;padding:25px 4%;border:0}
html[data-design=werkstatt] .house-brand strong{font:900 36px Arial;letter-spacing:-2px}
html[data-design=werkstatt] .house-brand span{font:bold 10px Arial}
html[data-design=werkstatt] .phone{background:#f6ad50;color:#1d2924;padding:13px 18px;border:0}
html[data-design=werkstatt] .opening{background:var(--ink);color:#fff;grid-template-columns:1.15fr 1fr;gap:4%;padding:45px 4% 55px}
html[data-design=werkstatt] .opening-title{display:flex;flex-direction:column;justify-content:center}
html[data-design=werkstatt] .side-label{color:#f6ad50;font:bold 12px/1.5 Arial;letter-spacing:1px}
html[data-design=werkstatt] h1{font:900 clamp(70px,9vw,145px)/.9 Arial;letter-spacing:-.065em;text-transform:uppercase}
html[data-design=werkstatt] h1 span{color:#f6ad50}
html[data-design=werkstatt] .title-bottom{font:bold 19px Arial;border-color:#718078}
html[data-design=werkstatt] .title-bottom a{color:#f6ad50}
html[data-design=werkstatt] .opening-right{display:flex;flex-direction:column}
html[data-design=werkstatt] .opening-right figure{order:-1;margin:0 0 20px}
html[data-design=werkstatt] .vehicle{aspect-ratio:1.35;border:8px solid #f6ad50}
html[data-design=werkstatt] .note{display:none}
html[data-design=werkstatt] .intro{margin-top:0}
html[data-design=werkstatt] .intro p{font:16px/1.6 Arial;max-width:none}
html[data-design=werkstatt] .intro a{border-color:#f6ad50;color:#f6ad50}
html[data-design=werkstatt] h2{font:900 clamp(35px,4vw,62px)/1 Arial;letter-spacing:-2px;text-transform:uppercase}
html[data-design=werkstatt] .work{display:block;margin:0;padding:55px 4%;border:0}
html[data-design=werkstatt] .work-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}
html[data-design=werkstatt] .work-heading .label{max-width:160px;font-weight:bold}
html[data-design=werkstatt] .work-heading>p:last-child{font:15px/1.6 Arial;margin:0}
html[data-design=werkstatt] .work-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}
html[data-design=werkstatt] .work-list details{background:#fff;border:2px solid var(--ink);padding:0 22px}
html[data-design=werkstatt] .number{font:bold 18px Arial;color:#a54b16}
html[data-design=werkstatt] .work-list h3{font:bold 25px Arial;letter-spacing:-1px}
html[data-design=werkstatt] .detail{padding-left:0}
html[data-design=werkstatt] .key{grid-column:1/-1;margin-top:0;padding:25px 30px}
html[data-design=werkstatt] .fine{grid-column:1/-1;margin:0}
html[data-design=werkstatt] .garden-examples{background:#dfe5df;margin:0;padding:55px 4%;border:0}
html[data-design=werkstatt] .scene-picker{border:0;gap:8px}
html[data-design=werkstatt] .scene-picker button{border:2px solid var(--ink);background:transparent;font-weight:bold}
html[data-design=werkstatt] .scene-picker button[aria-pressed=true]{background:var(--ink);color:white}
html[data-design=werkstatt] .compare-layout{grid-template-columns:1.6fr .65fr;gap:4%}
html[data-design=werkstatt] .compare-frame{grid-column:1;grid-row:1}
html[data-design=werkstatt] .compare-editorial{grid-column:2;grid-row:1;border-top:5px solid #a54b16;padding-top:12px}
html[data-design=werkstatt] .compare-editorial h3{font:bold 40px/1 Arial;letter-spacing:-1.5px}
html[data-design=werkstatt] .division-link{margin:0;padding:25px 4%;background:var(--ink);color:white;border:0}
html[data-design=werkstatt] .division-link a{color:#f6ad50}
html[data-design=werkstatt] .region{background:#f6ad50;color:var(--ink);padding:45px 4% 10px}
html[data-design=werkstatt] .region h2{font:900 65px/.95 Arial;text-transform:uppercase}
html[data-design=werkstatt] .region-type{color:#1d2924}
html[data-design=werkstatt] .contact{padding:55px 4%;gap:4%}
html[data-design=werkstatt] .contact h2.pun{font:900 clamp(45px,6vw,90px)/.95 Arial}
html[data-design=werkstatt] .contact h2 i{font-family:Arial;font-style:normal;font-weight:900}
html[data-design=werkstatt] .contact-right{padding-top:0}
html[data-design=werkstatt] .contact-right>p{font:16px/1.6 Arial}
html[data-design=werkstatt] .inquiry{grid-template-columns:.7fr 1.3fr;background:white;border:2px solid var(--ink);padding:35px;gap:5%;margin-top:25px}
html[data-design=werkstatt] .inquiry h3{font:900 36px/1.05 Arial;text-transform:uppercase;letter-spacing:-1px}
html[data-design=werkstatt] .special-hero{background:var(--ink);color:white;margin:0;padding:60px 4%;gap:5%}
html[data-design=werkstatt] .special-hero h1{font:900 clamp(40px,5.2vw,85px)/1 Arial;letter-spacing:-2px}
html[data-design=werkstatt] .special-brand{color:var(--ink);border-top:8px solid #f6ad50}
html[data-design=werkstatt] .special-services{display:block}
html[data-design=werkstatt] .special-services>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:30px}
html[data-design=werkstatt] .special-services article{border-top:5px solid var(--ink)}
html[data-design=werkstatt] .special-contact{background:#f6ad50;color:var(--ink)}
@media(max-width:900px){.design-caption span,.design-status{display:none}.design-options button{padding:10px}.design-options button[aria-pressed=true]{padding:9px}html[data-design=landhaus] .opening{padding-inline:5%}html[data-design=werkstatt] .work-heading{display:block}html[data-design=werkstatt] .inquiry{grid-template-columns:1fr;padding:24px}html[data-design=werkstatt] .work-list h3{font-size:21px}}
@media(max-width:650px){.design-switcher{padding:9px 12px;display:block}.design-caption{margin-bottom:8px}.design-caption strong{font-size:8px}.design-options{gap:5px}.design-options button{flex:1;justify-content:center;gap:6px;font-size:11px;padding:9px 5px}.design-options button[aria-pressed=true]{padding:8px 4px}.design-options small{display:none}.design-swatch{width:13px;height:13px}html{scroll-padding-top:100px}html[data-design=landhaus] .edition{gap:15px}html[data-design=landhaus] header{gap:15px;padding:20px 0}html[data-design=landhaus] nav{justify-content:center;font-size:12px;gap:18px}html[data-design=landhaus] .house-brand strong{font-size:36px}html[data-design=landhaus] .opening{padding-top:30px}html[data-design=landhaus] h1{font-size:12vw}html[data-design=landhaus] .opening-right{grid-template-columns:1fr;gap:15px}html[data-design=landhaus] .vehicle{aspect-ratio:1.5}html[data-design=landhaus] .opening-right figure{grid-column:1}html[data-design=landhaus] .work-list{grid-template-columns:1fr}html[data-design=landhaus] .work-list h3{font-size:23px}html[data-design=landhaus] .key{border-radius:0;padding:20px}html[data-design=landhaus] .compare-editorial{display:block}html[data-design=landhaus] .compare-editorial h3{font-size:31px}html[data-design=landhaus] .region h2{font-size:38px}html[data-design=landhaus] .contact{padding:40px 5%;grid-template-columns:1fr}html[data-design=landhaus] .contact h2.pun{font-size:60px}html[data-design=landhaus] .big-phone{font-size:48px}html[data-design=landhaus] .inquiry{grid-template-columns:1fr}html[data-design=werkstatt] header{gap:15px}html[data-design=werkstatt] .house-brand strong{font-size:30px}html[data-design=werkstatt] .phone{padding:9px;font-size:12px}html[data-design=werkstatt] .opening{grid-template-columns:1fr;gap:30px;padding-top:30px}html[data-design=werkstatt] h1{font-size:22vw}html[data-design=werkstatt] .vehicle{aspect-ratio:1.6}html[data-design=werkstatt] .work-list{grid-template-columns:1fr}html[data-design=werkstatt] .work-list details{padding-inline:16px}html[data-design=werkstatt] .compare-layout{display:flex;flex-direction:column}html[data-design=werkstatt] .compare-editorial{width:100%}html[data-design=werkstatt] .compare-frame{width:100%}html[data-design=werkstatt] .region h2{font-size:48px}html[data-design=werkstatt] .contact{grid-template-columns:1fr;gap:20px}html[data-design=werkstatt] .contact h2.pun{font-size:15vw}html[data-design=werkstatt] .inquiry{padding:20px 15px;margin-top:0}html[data-design=werkstatt] .inquiry h3{font-size:29px}html[data-design=werkstatt] .special-services>div:last-child{display:block}html[data-design=werkstatt] .special-hero h1{font-size:11vw}}
/* Narrow layouts must not inherit the intrinsic width of large display type. */
html[data-design=werkstatt] .opening>div,html[data-design=werkstatt] .contact>div{min-width:0}
@media(max-width:650px){html[data-design=werkstatt] h1{font-size:19vw}html[data-design=werkstatt] .opening,html[data-design=werkstatt] .contact{grid-template-columns:minmax(0,1fr)}html[data-design=werkstatt] .contact h2.pun{font-size:11.8vw;letter-spacing:-2px}html[data-design=werkstatt] .special-hero h1{font-size:10vw}html[data-design=landhaus] .opening h1{font-size:11.4vw}}
@media(max-width:650px){.special-services h2,html[data-design=werkstatt] .special-services h2{font-size:8vw;letter-spacing:-1px}}