:root{--slate:#263e52;--deep:#183044;--mist:#eff3f5;--white:#fff;--brick:#a93729;--joint:#c4cfd6;--body:"Noto Sans",sans-serif;--display:"Oswald",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--deep);font:17px/1.7 var(--body);background:var(--white)}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #db6a22;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.12}h1{font-size:clamp(60px,6.8vw,100px);letter-spacing:-2px}h2{font-size:clamp(35px,3.5vw,50px);letter-spacing:-.5px}h3{font-size:28px}p{max-width:65ch}img{display:block;max-width:100%}.wrap{max-width:1320px;margin:auto;padding-left:64px;padding-right:64px}.skip{position:fixed;left:16px;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}.demo{background:var(--deep);color:white;padding:9px 4.45%;font-size:12px;display:flex;gap:12px;justify-content:space-between}.demo a{white-space:nowrap}.header{max-width:1440px;margin:auto;padding:28px 4.45%;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{display:flex;align-items:center;gap:10px;font:600 32px/1 var(--display);text-decoration:none;letter-spacing:-.5px}.wordmark svg{height:34px;width:38px;fill:none;stroke:var(--brick);stroke-width:4;stroke-linejoin:miter}.header nav{display:flex;align-items:center;gap:32px}.header nav>a:not(.button){text-decoration:none;font-size:15px;font-weight:600}.header nav>a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;background:var(--brick);color:white;padding:14px 25px;font-size:15px;font-weight:600;text-decoration:none;line-height:1.5;text-align:center;border:2px solid transparent}.button:hover{background:#8c2c21}.button.small{min-height:46px;padding:10px 19px}.hero{background:var(--mist);padding-bottom:64px}.hero-image{height:380px;overflow:hidden;max-width:1440px;margin:auto}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}.hero-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;padding-top:48px;align-items:center}.hero-copy h1{border-left:8px solid var(--brick);padding-left:25px}.hero-intro p{font-size:18px;line-height:1.65}.hero-intro .button{margin-top:25px}.hero-intro .demo-note{font-size:12px;margin-top:14px;color:#516573;max-width:42ch}.services{padding-top:96px;padding-bottom:96px}.section-intro{display:flex;justify-content:space-between;gap:60px;margin-bottom:52px}.section-intro p{max-width:42ch;padding-top:7px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 58px}.service-list article{padding:27px 0 30px;border-top:3px solid var(--joint)}.service-list h3{margin-bottom:13px}.service-list p{font-size:16px;max-width:50ch}.roof-check{background:var(--slate);color:white;padding:76px 0}.check-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.check-layout>div>p{margin-top:24px;max-width:32ch;color:#d9e3e9}.observations{display:grid;gap:28px}.observations h3{font-size:25px;margin-bottom:7px}.observations p{font-size:16px;color:#d9e3e9}.process{padding-top:96px;padding-bottom:92px;display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.process-heading p{margin-top:23px;max-width:29ch}.process ol{list-style:none;margin:0;padding:0;display:grid;gap:34px}.process li{display:flex;gap:24px}.step{font:600 42px/1 var(--display);color:var(--brick);padding-top:5px;min-width:28px}.process h3{font-size:25px;margin-bottom:9px}.process li p{font-size:16px}.closing{background:var(--brick);color:white;padding:57px 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.closing p{margin-top:18px;max-width:48ch}.button.light{background:white;color:var(--brick);flex-shrink:0}.button.light:hover{background:var(--mist)}footer{padding-top:35px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px}footer p{max-width:32ch;color:#516573}.footer-mark{font:600 27px/1 var(--display);text-decoration:none}footer>div{display:flex;gap:22px}
@media(min-width:1600px){.hero-image{height:440px}}@media(max-width:1000px){.wrap{padding-left:36px;padding-right:36px}.hero-copy{gap:35px}.hero-copy h1{font-size:70px}.section-intro{gap:35px}.check-layout,.process{gap:48px}.header nav{gap:20px}.hero-image{height:310px}}@media(max-width:700px){body{font-size:16px}.wrap{padding-left:24px;padding-right:24px}.demo{padding:9px 20px;font-size:10px;gap:10px;align-items:center}.demo span{max-width:150px}.header{padding:23px 24px 19px;display:block}.wordmark{font-size:30px}.header nav{margin-top:21px;justify-content:space-between;gap:14px}.header nav>a:not(.button){font-size:13px}.button.small{font-size:12px;min-height:42px;padding:8px 11px}.hero-image{height:238px}.hero-image img{object-position:52% 32%}.hero{padding-bottom:38px}.hero-copy{grid-template-columns:1fr;gap:24px;padding-top:32px}.hero-copy h1{font-size:58px;letter-spacing:-1px;border-width:5px;padding-left:17px}.hero-intro p{font-size:16px}.hero-intro .button{margin-top:20px}.hero-intro .demo-note{max-width:100%}.services{padding-top:52px;padding-bottom:48px}.section-intro{display:block;margin-bottom:27px}.section-intro p{margin-top:22px}.service-list{grid-template-columns:1fr}.service-list article{padding:23px 0}.service-list h3{font-size:27px;margin-bottom:10px}.roof-check{padding:47px 0}.check-layout{grid-template-columns:1fr;gap:32px}.check-layout>div>p{max-width:100%;margin-top:20px}.observations{gap:24px}.process{padding-top:54px;padding-bottom:52px;grid-template-columns:1fr;gap:33px}.process-heading p{max-width:100%;margin-top:18px}.process ol{gap:27px}.process li{gap:17px}.closing{padding:41px 0}.closing-inner{display:block}.closing-inner .button{margin-top:27px}footer{align-items:flex-start;flex-wrap:wrap;gap:20px}footer p{max-width:26ch}footer>div{flex-basis:100%;gap:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Dachwissen: graphic first, then a field guide. */
.anatomy{padding-top:85px;padding-bottom:74px}.anatomy-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px}.anatomy-heading p{max-width:45ch}.anatomy-body{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:36px;margin-top:25px}.roof-drawing{margin:0}.roof-drawing svg{display:block;width:100%;height:auto}.roof-drawing figcaption{font-size:12px;line-height:1.6;color:#516573;max-width:48ch;margin:18px 0 0 12%}.roof-key{margin:35px 0 0;display:grid;gap:25px}.roof-key dt{font-size:20px;font-weight:600;display:flex;gap:15px;align-items:baseline}.roof-key dt span{color:var(--brick);font-family:var(--display);font-size:24px}.roof-key dd{margin:7px 0 0 30px;font-size:15px;line-height:1.7}.tile-study{background:var(--mist);padding:54px 0 60px}.tile-study figure{margin:0 auto}.tile-study img{width:100%;height:350px;object-fit:cover;object-position:center}.tile-study figcaption{display:grid;grid-template-columns:1fr 1.5fr;gap:55px;padding-top:30px}.tile-study figcaption>span{font-size:13px;color:#516573}.tile-study figcaption h2{font-size:38px}.tile-study figcaption p{margin-top:20px;max-width:58ch;font-size:16px}.inspection{padding-top:75px;padding-bottom:65px}.inspection-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:55px;align-items:end;margin-bottom:35px}.inspection-intro p{font-size:16px;max-width:57ch}.inspection table{border-collapse:collapse;width:100%;font-size:15px;text-align:left}.inspection caption{text-align:left;font-size:13px;color:#516573;margin-bottom:15px}.inspection thead{background:var(--slate);color:white}.inspection th,.inspection td{padding:20px 23px;vertical-align:top}.inspection th{font-weight:600;width:35%}.inspection tbody tr{border-bottom:1px solid var(--joint)}.inspection tbody tr:nth-child(even){background:#f5f7f8}.inspection-note{font-size:14px;color:#516573;max-width:78ch;margin-top:23px}.enquiry-strip{padding-top:30px;padding-bottom:32px;border-top:3px solid var(--slate);display:flex;align-items:center;justify-content:space-between;gap:36px}.enquiry-strip h2{font-family:var(--body);font-size:20px;letter-spacing:0;line-height:1.4}.enquiry-strip p{font-size:14px;margin-top:8px;max-width:65ch}.enquiry-strip .button{flex-shrink:0}footer{border-top:1px solid var(--joint)}
@media(max-width:1000px){.anatomy-body{grid-template-columns:1.3fr 1fr;gap:20px}.roof-key{gap:20px}.roof-key dt{font-size:18px}.roof-key dd{font-size:14px}.anatomy-heading{gap:35px}.tile-study figcaption,.inspection-intro{gap:35px}.tile-study img{height:300px}}
@media(max-width:700px){.anatomy{padding-top:47px;padding-bottom:43px}.anatomy-heading{display:block}.anatomy-heading p{margin-top:21px;font-size:16px}.anatomy-body{display:block;margin-top:10px}.roof-drawing{margin:0 -14px}.roof-drawing svg{width:100%}.roof-drawing figcaption{font-size:12px;max-width:100%;margin:15px 14px 0}.roof-key{margin-top:30px;gap:21px}.roof-key dt{font-size:18px}.roof-key dd{font-size:15px;margin-top:5px}.tile-study{padding:28px 0 38px}.tile-study img{height:240px}.tile-study figcaption{display:block;padding-top:17px}.tile-study figcaption>span{display:block;margin-bottom:24px;font-size:12px}.tile-study figcaption h2{font-size:34px}.tile-study figcaption p{margin-top:17px;font-size:15px}.inspection{padding-top:43px;padding-bottom:38px}.inspection-intro{display:block;margin-bottom:27px}.inspection-intro p{margin-top:19px;font-size:15px}.inspection table,.inspection tbody,.inspection tr,.inspection td,.inspection th{display:block;width:100%}.inspection thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.inspection caption{display:block;font-size:12px}.inspection tbody tr{padding:17px 15px}.inspection tbody th{padding:0 0 7px;font-size:16px}.inspection td{padding:0;font-size:14px}.inspection-note{font-size:13px;margin-top:18px}.enquiry-strip{display:block;padding-top:24px;padding-bottom:27px}.enquiry-strip h2{font-size:19px}.enquiry-strip p{font-size:14px}.enquiry-strip .button{margin-top:19px}}