html body.special{--blue:#315d7a;--ink:#142e43;--paper:#f2f4f3;--line:#b6c5cc}
.special header .logo{width:240px;max-width:55%;padding:6px 8px}
.special .phone,.special .special-person>a{white-space:nowrap}
.special .special-hero{align-items:center;gap:7%;padding-block:70px}
.special .special-hero h1{font-size:clamp(46px,5.6vw,88px);line-height:1.05;letter-spacing:-.045em}
.special .special-intro{font:18px/1.75 Arial,sans-serif;max-width:570px}
.special-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px;font:600 16px/1.5 Arial}
.special-actions>a:last-child{text-decoration:underline;text-underline-offset:5px}
.special-primary{display:inline-block;background:var(--ink);color:#fff;padding:16px 22px}
.special .special-brand{background:white;color:#142e43;padding:36px;border-color:#315d7a}
.special-person{margin-top:30px;padding-top:26px;border-top:1px solid #cbd3d7;text-align:left}
.special-person>span{display:block;font:13px/1.6 Arial;letter-spacing:.08em;color:#315d7a}
.special-person>strong{display:block;font:36px/1.2 Georgia;margin-top:8px}
.special .special-brand .special-person p{font:16px/1.7 Arial;font-size:16px!important;letter-spacing:0;border:0;padding:0;margin:18px 0}
.special-person>a{display:inline-block;font:600 clamp(18px,2vw,26px)/1.5 Arial;border-bottom:1px solid #315d7a}
.special .work{row-gap:36px}.special .work-list{display:block}
.special .work-list h3{font-size:24px;line-height:1.3}
.special .detail{font:16px/1.8 Arial;padding-top:0}
.special .detail a{font-size:16px}
.special-process{margin:0 4%;padding:65px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.5fr;gap:7%}
.special-process ol{list-style:none;padding:0;margin:0}
.special-process li{display:flex;gap:24px;padding:24px 0;border-top:1px solid var(--line)}
.special-process li>span{font:15px/1.6 Arial;color:var(--blue)}
.special-process h3{font:600 22px/1.35 Arial;margin:0 0 10px}
.special-process p{font:16px/1.75 Arial;margin:0;max-width:580px}
html body.special .special-inquiry{row-gap:40px;column-gap:7%;border-top:1px solid var(--line)}
html body.special .special-inquiry h2{font-size:clamp(36px,4.2vw,62px);line-height:1.12;letter-spacing:-.035em}
.special-contact-copy{font:17px/1.75 Arial;max-width:510px}
.special .contact-right{padding-top:0}
.special .inquiry{row-gap:28px;column-gap:6%}
.special .inquiry h3{font-size:36px}
.special .special-sensitive{font:15px/1.65 Arial;padding:16px;border-left:3px solid #315d7a;background:#e4ebee;color:#142e43;margin:0 0 20px}
.special .big-phone{white-space:nowrap;font-size:clamp(24px,3.8vw,56px);letter-spacing:-.04em}
.special .mail{font-size:16px;overflow-wrap:anywhere}
.special .special-return{line-height:1.7}
html[data-design=landhaus] .special-hero{max-width:1100px;margin-inline:auto;padding-inline:5%}
html[data-design=landhaus] .special-actions{justify-content:center}
html[data-design=landhaus] .special-brand{width:100%;max-width:620px}
html[data-design=werkstatt] .special-hero{background:#142e43;color:white}
html[data-design=werkstatt] .special-hero h1 span{color:#c2d3da}
html[data-design=werkstatt] .special-hero .label{color:#dce6eb}
html[data-design=werkstatt] .special-primary{background:#d5e1e6;color:#142e43}
html[data-design=werkstatt] .special .work-list{display:block}
html[data-design=zuhause] .special-hero{background:#e7edf0}
html[data-design=zuhause] .special .special-hero h1{font-family:Georgia;font-weight:400}
html[data-design=zuhause] .special-brand{box-shadow:0 14px 45px #142e4310}
html[data-design=zuhause] .special-process{margin:0;padding:65px 8%;background:#e7edf0}
@media(max-width:850px){html body.special .special-hero{display:grid;grid-template-columns:minmax(0,1fr);padding:40px 6%;margin:0;gap:30px}html body.special .special-hero h1{font-size:clamp(40px,9vw,66px)}html body.special .special-brand{padding:25px;max-width:620px;width:100%;justify-self:center}html body.special .work,html body.special .special-process,html body.special .special-inquiry,html body.special .inquiry{grid-template-columns:minmax(0,1fr);gap:28px}html body.special .special-process{padding:40px 6%;margin:0}.special .inquiry{margin-top:10px}.special .big-phone{font-size:clamp(24px,6.5vw,44px)}html body.special .special-inquiry h2{font-size:clamp(36px,8vw,52px)}.special .inquiry h3{font-size:32px}.special .special-actions{gap:18px}.special .work-list h3{font-size:21px}.special header .logo{width:215px}.special .special-person>a{font-size:23px}}
@media(max-width:480px){.special header .logo{max-width:100%}.special .phone{font-size:15px}html body.special header{flex-wrap:wrap}html body.special header nav{width:100%;justify-content:space-between;gap:12px;font-size:14px}.special .special-intro{font-size:17px}.special-process h3{font-size:20px}.special .form-row{grid-template-columns:1fr}}