:root{--navy:#142e3c;--green:#58c2ad;--brand-green:#178777;--ink:#172e3b;--muted:#596a72;--light:#f3f6f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font:16px/1.65 Arial,Helvetica,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid var(--brand-green)}.skip{position:absolute;left:10px;top:-100px}.skip:focus{top:10px;background:white;z-index:10}header{padding:24px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9eeed;background:white}.brand{display:flex;gap:15px;align-items:center;font-size:16px;letter-spacing:2px;font-weight:700;line-height:1.4}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:4px}.monogram{font-size:38px;letter-spacing:-3px;line-height:1}.monogram span{color:var(--brand-green)}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav a:hover,.text-link:hover{color:var(--brand-green)}.nav-cta{border:1px solid #d4dddd;padding:10px 18px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:690px;padding:48px 6% 55px;gap:6%}.hero-copy{padding:35px 0 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 26px;color:var(--brand-green)}h1{font-size:clamp(48px,5.5vw,82px);letter-spacing:-3.5px;line-height:1.04;font-weight:500;margin:0 0 27px}h1 em{font-style:normal;color:var(--brand-green)}p{margin:0 0 20px}.intro{max-width:460px;font-size:18px;color:var(--muted);line-height:1.75}.actions{display:flex;gap:28px;align-items:center;margin-top:32px}.button{display:inline-block;background:var(--navy);color:white;border:0;padding:15px 24px;font-weight:600;font-size:14px;cursor:pointer}.button:hover{background:#294955}.text-link{font-size:14px;border-bottom:1px solid #9caba8;padding:5px 0}.hero-note{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:12px;margin-top:48px}.hero-image{position:relative;min-height:570px;background:#dce5e1;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.image-label{position:absolute;bottom:24px;left:24px;background:var(--navy);padding:22px 27px;color:white}.image-label span{font-size:10px;letter-spacing:1.7px;color:var(--green)}.image-label strong{display:block;font-weight:400;font-size:26px;line-height:1.3;margin-top:10px}.value-strip{background:var(--navy);color:white;display:grid;grid-template-columns:repeat(3,1fr);padding:28px 6%;gap:40px}.value-strip p{margin:0;border-right:1px solid #405561}.value-strip p:last-child{border:0}.value-strip strong{display:block;font-weight:500;font-size:18px}.value-strip span{font-size:14px;color:#bdcbd0}.section{padding:100px 6%}.section-heading{display:flex;gap:50px;justify-content:space-between;align-items:end;margin-bottom:42px}h2{font-size:clamp(32px,3.2vw,48px);font-weight:500;line-height:1.15;letter-spacing:-1.5px;margin:0 0 22px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:340px;color:var(--muted);font-size:16px;margin:0}.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9e2df;border-bottom:1px solid #d9e2df}.services article{padding:32px 24px 35px 0}.services article+article{border-left:1px solid #d9e2df;padding-left:24px}.number{font-size:11px;letter-spacing:1.5px;color:var(--brand-green);font-weight:700}h3{font-size:22px;line-height:1.35;font-weight:500;letter-spacing:-.4px;margin:26px 0 17px}.services p{font-size:15px;color:var(--muted)}ul{padding:0;list-style:none;font-size:14px;color:var(--muted);margin:25px 0 0}li{border-top:1px solid #e5ebe8;padding:10px 0}.service-foot{font-size:14px;color:var(--muted);margin:25px 0 0}.service-foot a{color:var(--ink);border-bottom:1px solid}.about{background:var(--light);padding:85px 6%;display:grid;grid-template-columns:1fr 1fr;gap:9%}.about-copy p{color:var(--muted);font-size:17px}.about-copy .large{font-size:26px;color:var(--ink);line-height:1.4}.signature{font-size:20px;margin-top:32px}.signature small{display:block;font-size:13px;color:var(--muted);margin-top:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:45px}.steps span{color:var(--brand-green);font-size:40px;font-weight:400}.steps h3{margin-top:18px}.steps p{color:var(--muted)}.region{margin:0 6%;padding:60px;background:var(--navy);color:white;position:relative}.region .eyebrow{color:var(--green)}.region p:not(.eyebrow){max-width:590px;color:#cad7da}.region-tags{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.region-tags span{border:1px solid #536a76;padding:8px 18px;font-size:14px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact>div>p:not(.eyebrow){color:var(--muted);max-width:440px}.contact-person{display:flex;align-items:center;gap:16px;margin-top:35px}.avatar{background:var(--light);width:55px;height:55px;display:grid;place-items:center;font-size:20px}.contact-person strong,.contact-person div>span{display:block}.contact-person div>span{font-size:13px;color:var(--muted)}.draft-note{font-size:13px!important;border-left:2px solid #bacb98;padding-left:16px;margin-top:35px!important}form{display:grid;gap:17px;padding:30px;background:var(--light)}label{font-size:14px;font-weight:600;display:grid;gap:7px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #d1dcd6;border-radius:0;background:white;color:var(--ink);font-size:16px}textarea{resize:vertical}.form-note,#form-status{font-size:12px;color:var(--muted);margin:0}footer{padding:40px 6%;border-top:1px solid #dce5e1;display:flex;justify-content:space-between;align-items:start;gap:35px}footer p{font-size:13px;color:var(--muted)}footer button{border:0;background:none;padding:0;margin-right:20px;cursor:pointer;color:var(--ink);font-size:13px}footer small{display:block;font-size:11px;color:var(--muted);margin-top:20px}dialog{border:0;padding:45px;max-width:640px;width:90%;color:var(--ink)}dialog::backdrop{background:#142e3c99}dialog p{font-size:16px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){nav{gap:18px}nav>a:not(.nav-cta){display:none}.hero{gap:4%;min-height:600px}.hero-image{min-height:500px}h1{font-size:62px}.hero-note{margin-top:30px}.services{grid-template-columns:repeat(2,1fr)}.services article:nth-child(3){border-left:0;padding-left:0;border-top:1px solid #d9e2df}.services article:nth-child(4){border-top:1px solid #d9e2df}.section{padding:75px 6%}.steps{gap:25px}footer{flex-wrap:wrap}}@media(max-width:650px){header{padding:22px 6%}.brand{font-size:12px;gap:10px;letter-spacing:1.5px}.brand small{font-size:8px;letter-spacing:2px}.monogram{font-size:31px}.nav-cta{padding:8px 10px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:15px;gap:30px}.hero-copy{padding-top:22px}h1{font-size:57px;letter-spacing:-2.5px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:22px}.intro{font-size:17px}.hero-image{min-height:390px}.hero-note{font-size:11px}.actions{gap:22px}.value-strip{grid-template-columns:1fr;gap:20px;padding:28px 6%}.value-strip p{border:0}.value-strip strong{font-size:16px}.section{padding:60px 6%}.section-heading{display:block}.section-heading>p{margin-top:22px}.services{grid-template-columns:1fr}.services article+article{border-left:0;border-top:1px solid #d9e2df;padding-left:0}.services article{padding:26px 0}h3{font-size:23px}.about{grid-template-columns:1fr;padding:60px 6%;gap:20px}.about-copy .large{font-size:23px}.steps{grid-template-columns:1fr;gap:25px}.steps article{border-top:1px solid #d9e2df;padding-top:20px}.steps h3{margin-top:10px}.region{padding:35px 25px}.contact{grid-template-columns:1fr;gap:30px}form{padding:22px}footer{display:grid;gap:24px;padding:32px 6%}footer p{margin:0}dialog{padding:35px 25px}h2{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.contact-details{margin-top:28px;display:grid;gap:8px}.contact-details a{font-size:19px;width:fit-content;border-bottom:1px solid #cad7da}.contact-details p{font-size:15px;color:var(--muted);margin-top:10px}

dialog{max-height:85vh;overflow-y:auto}dialog h3{font-size:20px;margin-top:30px}dialog a{text-decoration:underline;overflow-wrap:anywhere}.legal-date{color:var(--muted);font-size:13px!important}

/* Brand mark: roof silhouette matched to the supplied Siegel Immobilien reference. */
.monogram{display:block;width:63px;height:60px;flex:0 0 auto;overflow:visible}.logo-roof{fill:var(--brand-green)}.brand{gap:17px}.draft-note{border-left-color:var(--brand-green)}@media(max-width:650px){.monogram{width:48px;height:46px}.brand{gap:10px}}