/* Independent roofing demo: editorial architecture, no motion effects. */
html{scroll-behavior:auto;scroll-padding-top:76px}body.roof{background:#f5f3ee;color:#263029}.wrap{width:min(1280px,100% - 80px)}.skip-link{position:absolute;left:20px;top:-100px;background:#fff;padding:14px;z-index:10000}.skip-link:focus{top:55px}.site-nav{height:110px}.nav-links{font-size:14px;gap:24px}.brand{font-size:31px}.brand small{font-size:9px;letter-spacing:.22em}.nav-cta,.action{font-size:14px;min-height:48px}.roof-hero{height:610px}.roof-hero>img{object-position:65% 48%}.roof-hero:after{background:linear-gradient(90deg,#14251bf2,#14251b99 48%,#14251b14),linear-gradient(0deg,#14251b55,transparent 60%)}.roof-intro{padding:76px 60px}.roof-intro h1{font-size:clamp(62px,6.5vw,92px);max-width:850px;letter-spacing:-.055em}.roof-intro .kicker{font-size:12px;letter-spacing:.17em}.roof-intro p{font-size:17px;max-width:370px;margin-top:28px;color:#e1e5dd}.roof-intro .action{margin-top:30px;padding:18px 24px}.roof-hero-note{font-size:13px;bottom:34px;right:34px}.roof-hero-note b{font-size:24px}.roof-promise{padding-block:28px;font-size:14px}.roof-promise strong{font-size:23px}.editorial-line{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-block:75px 10px;align-items:start}.editorial-line>span{font-size:12px;letter-spacing:.12em;color:#737a6e;padding-top:12px}.editorial-line p{font:36px/1.3 Georgia,serif;letter-spacing:-.03em}.kicker{font-size:12px;letter-spacing:.13em}.section-head h2{font-size:55px}.section-head p{font-size:16px;max-width:330px;color:#5d685c}.roof #leistungen{padding-block:75px 95px}.service-grid{gap:0;border-bottom:1px solid #c7cbc0}.service{padding:28px 28px 34px 0}.service+.service{border-left:1px solid #c7cbc0;padding-left:28px}.service .number{font-size:12px;letter-spacing:.09em}.roof .service h3{font-size:35px}.service p{font-size:16px;color:#5d685c;max-width:340px}.service a{font-size:14px;margin-top:25px}.roof-about{background:#263b30;color:#f5f3ee;padding:60px;gap:65px}.roof-about h2{font-size:60px}.roof-about p{font-size:17px;color:#cad4c6}.roof-about .kicker{color:#d4b99e}.roof-about li{font-size:15px;border-color:#526354}.roof-about li:before{color:#dbad86}.roof-about-photo{height:460px}.roof-about-photo img{object-position:69%}.roof-about-photo span{color:#263029;font-size:12px}.materials{padding-block:95px}.materials h2 em{color:#a55232;font-weight:400}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.material-grid article{padding:34px;background:#e9e4da;border-top:4px solid #a95738}.material-grid article:nth-child(2){background:#e0e4de;border-color:#36483e}.material-grid article:nth-child(3){background:#eeede5;border-color:#a8a38a}.material-index{font-size:12px;letter-spacing:.1em}.material-grid h3{font-size:40px;margin:35px 0 24px}.material-grid p{font-size:16px;color:#5c655a}.material-grid dl{margin:35px 0 0;padding-top:17px;border-top:1px solid #c2c7bb}.material-grid dt{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#697264}.material-grid dd{margin:8px 0 0;font-size:14px}.material-foot{font-size:14px;color:#6c7367;margin-top:20px}.roof-steps{padding-block:0 95px}.roof-steps-grid p{font-size:16px}.roof-steps-grid h3{font-size:31px}.roof-location{margin-bottom:0}.roof-location p{font-size:16px}.roof-location h2{font-size:52px}.roof-location .action{gap:18px}.faq{padding-block:95px;gap:60px}.faq h2{font-size:49px}.faq details{padding:22px 0;font-size:17px}.faq details p{font-size:16px;color:#5d685c}.faq summary{padding-right:10px}.contact-panel{padding:65px;background:#263b30}.contact-panel h2{font-size:60px}.contact-panel p{font-size:16px;max-width:450px}.contact-panel .action{white-space:normal;max-width:300px}.demo-footer{padding-block:45px;font-size:14px}.demo-footer .brand{font-size:29px}
@media(min-width:701px) and (max-width:1050px){.nav-links{gap:15px;font-size:13px}.site-nav{gap:16px}.site-nav>.nav-cta{display:none}.roof-about{padding:35px;gap:35px}.roof-about h2{font-size:46px}.material-grid article{padding:23px}.roof-location-copy{padding:30px}.roof-location h2{font-size:42px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-nav{height:90px;gap:12px}.brand{font-size:28px}.brand small{font-size:8px}.nav-links{top:78px;background:#f5f3ee;gap:20px;padding:25px;min-width:240px}.nav-toggle{min-width:44px;min-height:44px;border-color:#b7bdb0}.roof-hero{height:590px}.roof-intro{padding:35px 24px}.roof-intro h1{font-size:clamp(43px,12vw,66px);line-height:1.06}.roof-intro .kicker{font-size:10px;letter-spacing:.12em;margin-bottom:29px}.roof-intro p{font-size:16px;max-width:270px;margin-top:27px}.roof-intro .action{padding:17px 18px;font-size:13px;gap:12px;max-width:100%}.roof-hero-note{bottom:20px;right:20px;left:20px;width:fit-content;font-size:11px;padding:12px 15px}.roof-hero-note b{font-size:20px}.roof-promise{gap:18px 14px;padding-block:23px;font-size:12px}.roof-promise strong{font-size:20px}.editorial-line{grid-template-columns:1fr;gap:20px;padding-block:50px 0}.editorial-line>span{font-size:11px}.editorial-line p{font-size:29px;line-height:1.25}.editorial-line br{display:none}.roof #leistungen{padding-block:55px}.section-head h2{font-size:39px}.section-head p{font-size:16px}.kicker{font-size:11px}.service-grid{gap:0}.service,.service+.service{padding:25px 0 30px;border-left:0}.roof .service h3{font-size:33px}.service p{font-size:16px;max-width:none}.service a{font-size:14px}.roof-about{padding:24px;gap:32px}.roof-about-photo{height:295px}.roof-about-photo span{font-size:10px;left:12px;bottom:12px;padding:8px 10px}.roof-about h2{font-size:43px}.roof-about p{font-size:16px}.roof-about li{font-size:14px}.materials{padding-block:58px}.material-grid{grid-template-columns:1fr;gap:16px}.material-grid article{padding:28px}.material-grid h3{font-size:37px;margin:25px 0 20px}.material-grid h3 br{display:none}.material-grid dl{margin-top:25px}.roof-steps{padding-block:0 60px}.roof-steps-grid h3{font-size:29px}.roof-steps-grid p{font-size:16px}.roof-location-copy{padding:29px 24px}.roof-location h2{font-size:39px}.roof-location .action{font-size:13px;gap:15px}.roof-location dd{font-size:15px}.roof-region figcaption{font-size:12px}.faq{padding-block:60px;gap:30px}.faq h2{font-size:39px}.faq details{font-size:16px}.contact-panel{padding:32px 24px}.contact-panel h2{font-size:42px}.contact-panel p{font-size:16px}.contact-panel .action{font-size:14px}.demo-footer{gap:22px;font-size:13px}.demo-footer .brand{font-size:28px}}
.material-grid>*{min-width:0}.material-grid h3{overflow-wrap:anywhere}
@media(max-width:700px){.roof-hero{height:auto;min-height:590px;display:flex;flex-direction:column}.roof-intro{flex:1}.roof-hero-note{position:relative;left:auto;right:auto;bottom:auto;margin:0 20px 20px;max-width:calc(100% - 40px)}.material-grid{grid-template-columns:minmax(0,1fr)}.material-grid h3 br{display:block}}
@media(max-width:360px){.roof-intro{padding-inline:20px}.roof-intro h1{font-size:38px}.material-grid article{padding:24px}.material-grid h3{font-size:33px}.roof-about h2,.contact-panel h2{font-size:36px}}