:root{--ink:#172d3a;--deep:#203d49;--cream:#f3efe7;--sand:#e2d8c8;--white:#fffdf9;--blue:#8da8b2;--muted:#667278;--line:rgba(23,45,58,.17);--sans:Arial,Helvetica,sans-serif;--display:Arial,Helvetica,sans-serif;--serif:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;padding:12px;z-index:99}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1160px)/2));background:var(--white);position:sticky;top:0;z-index:20;border-bottom:1px solid #e9e5dd}.brand{display:flex;align-items:center;gap:0}.brand b{display:block;font:800 19px var(--display);letter-spacing:.09em;line-height:1.1}.brand i{font-style:normal;color:#7898a2}.brand small{display:block;font-size:9px;letter-spacing:.13em;color:#707b7e;margin-top:5px}header nav{display:flex;gap:30px;align-items:center;font-size:12px;font-weight:700}header nav a:hover,footer a:hover{color:#7699a3}.navcta{background:var(--ink);color:white;padding:13px 18px}#menubtn{display:none}.hero{position:relative;min-height:650px;display:flex;align-items:center;color:#fff;background:#243c46;overflow:hidden}.hero-bg,.hero-shade{position:absolute;inset:0}.hero-bg{background:url('https://images.unsplash.com/photo-1620626011761-996317b8d101?auto=format&fit=crop&w=2200&q=85') center 55%/cover}.hero-shade{background:linear-gradient(90deg,rgba(12,29,38,.86),rgba(17,37,45,.62) 45%,rgba(17,37,45,.08)),linear-gradient(0deg,rgba(12,29,38,.3),transparent 60%)}.hero-copy{position:relative;padding:45px 0 55px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:#75848a;margin:0 0 24px}.eyebrow:before{content:"";display:inline-block;width:24px;height:1px;background:#809ba3;vertical-align:middle;margin-right:10px}.eyebrow.light{color:#d4dfdf}.hero h1,h2{font:500 clamp(43px,5.8vw,76px)/1.08 var(--display);letter-spacing:-.055em;margin:0}.hero h1 em,h2 em{font-family:var(--display);font-weight:400;letter-spacing:-.04em}.lead{max-width:510px;color:#e2e8e7;font-size:16px;line-height:1.8;margin:26px 0 30px}.actions{display:flex;align-items:center;gap:27px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:0 21px;font-size:12px;font-weight:700;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.lightbtn{background:var(--cream);color:var(--ink)}.under{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:8px}.lightlink{color:white}.hero-note{margin-top:76px;font-size:11px;color:#d6dfdf;letter-spacing:.04em}.hero-count{position:absolute;bottom:30px;right:4%;font-size:11px;letter-spacing:.15em}.section{padding:108px 0}.intro,.process{background:var(--cream)}.split,.featuregrid,.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.intro h2,.heading h2{font-size:clamp(42px,4.8vw,61px)}.introtext{max-width:490px}.introtext p{font-size:14px;color:var(--muted);margin:0 0 20px}.introtext .big{font-size:18px;line-height:1.7;color:var(--ink)}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:38px;margin-bottom:42px}.heading>p{max-width:360px;color:var(--muted);font-size:14px;margin:0 0 5px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#f1eee8;display:flex;flex-direction:column}.photo{height:220px;background-size:cover;background-position:center}.card:first-child .photo{height:220px}.bath{background-image:url("images/service-bathroom.jpg")}.gas{background-image:url("images/service-gas.jpg")}.heat{background-image:url("images/service-heating.jpg")}.climate{background-image:url("images/service-climate.jpg")}.cardbody{padding:25px;display:flex;flex-direction:column;flex:1}.cardbody small{font-size:9px;letter-spacing:.14em;color:#73858b}.card h3{font:600 23px var(--display);margin:12px 0 8px;letter-spacing:-.03em}.card p{font-size:13px;color:#687277;line-height:1.75;margin:0 0 24px}.card a{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-size:11px;font-weight:700;display:flex;justify-content:space-between}.fineprint{font-size:11px;color:#7a8284;margin-top:20px}.feature,.contact{background:var(--ink);color:#f7f5ef}.featuregrid{gap:9%}.featurephoto{position:relative;min-height:460px;background:url("images/bathroom-feature.png") center center/cover no-repeat;overflow:hidden}.feature h2{font-size:clamp(37px,4vw,52px)}.featurelead,.contactlead{font-size:14px;line-height:1.85;color:#c1cdd0;margin:24px 0}.feature ul{list-style:none;padding:0;margin:0 0 28px}.feature li{display:flex;gap:17px;border-top:1px solid #ffffff2a;padding:16px 0}.feature li>b{font-size:10px;color:#91adb5}.feature li strong,.feature li small{display:block}.feature li strong{font-size:13px}.feature li small{font-size:11px;color:#bdc9cb;margin-top:3px}.outlinebtn{border:1px solid #8da8b2;color:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.steps article{border-top:1px solid #bfc6c2;padding-top:20px}.steps article>b{font-size:11px;color:#7b99a2}.steps h3{font:600 21px var(--display);margin:20px 0 7px}.steps p{font-size:13px;color:#697277;max-width:220px;margin:0}.contact{background:#253f4a;position:relative}.contact h2{font-size:clamp(50px,6vw,72px)}.contactlead{max-width:420px;margin:24px 0}.phone{display:inline-block;font:500 clamp(24px,3vw,35px) var(--display);padding-bottom:10px;border-bottom:1px solid #829ca3}.contact>small,.contactgrid>div>small{display:block;color:#b7c5c7;font-size:11px;margin-top:14px}.contact aside{background:var(--cream);color:var(--ink);padding:34px}.contact aside>small{font-size:9px;letter-spacing:.15em;color:#70838a}.contact aside h3{font:500 31px/1.2 var(--display);margin:25px 0 12px}.contact aside p{font-size:13px;color:#687277;line-height:1.8}.darkbtn{background:var(--ink);color:#fff}.contact hr{border:0;border-top:1px solid var(--line);margin:28px 0 20px}.address{display:flex;justify-content:space-between;gap:15px}.address small{font-size:9px;letter-spacing:.13em;color:#71838a}.address b{text-align:right;font-size:12px;line-height:1.6}.map{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:18px;font-size:11px;font-weight:700}footer{background:#122630;color:#e5e8e4}.footmain{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:38px 0}.footerbrand b{color:white}.footerbrand small{color:#b5c3c5}.footmain p{font:400 15px/1.45 var(--sans);color:#b7c5c6}.footmain nav{display:flex;gap:20px;font-size:11px}.footbottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;padding:15px 0;color:#91a3a6;font-size:10px}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}header{padding:0 20px}header nav{gap:16px}.cards{grid-template-columns:1fr 1fr}.card:first-child{grid-column:auto}.card:first-child .photo{height:220px}.featurephoto{min-height:460px}.section{padding:82px 0}.footmain p{display:none}}
@media(max-width:650px){html{scroll-padding-top:72px}header{height:72px}.brand b{font-size:17px}#menubtn{display:block;border:0;background:none;color:var(--ink);font:700 13px var(--sans)}header nav{display:none;position:absolute;top:71px;left:0;right:0;background:var(--white);padding:15px 20px 20px;box-shadow:0 12px 20px #0001;flex-direction:column;align-items:stretch;gap:0}header nav.open{display:flex}header nav a{padding:12px 5px}.navcta{text-align:center;margin-top:8px}.hero{min-height:630px;align-items:flex-end}.hero-bg{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#0c1d26d9,#11252d66),linear-gradient(0deg,#0c1d2699,transparent 70%)}.hero-copy{padding:90px 0 58px}.hero h1{font-size:clamp(47px,12vw,65px)}.lead{font-size:15px}.actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-note{margin-top:48px}.hero-count{display:none}.section{padding:68px 0}.split,.featuregrid,.contactgrid{grid-template-columns:1fr;gap:30px}.intro h2,.heading h2{font-size:43px}.heading{display:block;margin-bottom:30px}.heading>p{margin-top:18px}.cards{grid-template-columns:1fr;gap:15px}.card:first-child{grid-column:auto}.card:first-child .photo,.photo{height:225px}.cardbody{padding:23px}.featurephoto{min-height:390px;margin-right:10px}.feature h2{font-size:39px}.steps{grid-template-columns:1fr 1fr;gap:26px 18px}.steps h3{margin-top:16px}.contactgrid{gap:38px}.contact aside{padding:25px 22px}.footmain{align-items:flex-start;flex-direction:column}.footmain nav{flex-wrap:wrap;gap:15px}.footbottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Einheitliche Typografie: keine kursiven Textstellen */
em,i,cite,dfn,var{font-style:normal!important}