
:root{--ink:#1f2926;--deep:#0c2117;--green:#69883a;--green2:#829f4d;--paper:#f4f2ec;--soft:#e9e6de;--line:#d7d3c8;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
.site-header{position:sticky;top:0;z-index:20;background:rgba(7,33,23,.97);border-bottom:1px solid rgba(255,255,255,.12)}
.nav-wrap{max-width:1440px;margin:auto;min-height:92px;padding:10px 30px;display:flex;align-items:center;gap:28px}
.brand{color:#fff;text-decoration:none;font-size:18px;line-height:1.08;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:14px;white-space:nowrap}
.brand-mark{width:52px;height:52px;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;font-size:26px;font-weight:400}
.nav-links{display:flex;justify-content:center;gap:28px;flex:1;flex-wrap:wrap}.nav-links a{color:#d8dbd8;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:1.3px}.nav-links a:hover{color:#fff}
.nav-cta{background:#69883a;color:#fff;text-decoration:none;padding:18px 25px;font-size:14px;line-height:1.45;font-weight:800;letter-spacing:1px;white-space:nowrap}
.hero{min-height:690px;position:relative;background:url('assets/hero-holzfassade.png') center center/cover no-repeat;color:#fff;display:flex;align-items:center;overflow:hidden}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.91) 0%,rgba(3,12,8,.84) 32%,rgba(3,12,8,.42) 51%,rgba(0,0,0,.08) 72%,rgba(0,0,0,.05) 100%)}
.hero-content{position:relative;z-index:1;max-width:650px;margin-left:max(32px,calc((100vw - 1440px)/2 + 32px));padding:70px 0}
.hero-kicker,.eyebrow{font-size:13px;font-weight:800;letter-spacing:3px;color:#9cab6f;margin-bottom:28px}
.hero h1{font-size:clamp(52px,5.3vw,86px);line-height:.97;letter-spacing:1px;margin:0 0 30px;font-weight:800}
.hero-line{width:min(100%,560px);height:2px;background:#7d9948;margin:0 0 24px}.hero h2{font-size:27px;letter-spacing:1.5px;margin:0 0 28px}.hero-subline{font-weight:800;letter-spacing:1.5px;color:#c3cf9a;margin:0 0 12px}.hero-text{font-size:18px;margin:0 0 28px;line-height:1.6}.hero-buttons{display:flex;gap:18px;flex-wrap:wrap}
.btn{display:inline-block;border:1px solid #fff;padding:17px 27px;text-decoration:none;font-weight:800;letter-spacing:1px;font-size:14px;cursor:pointer}.btn-solid{background:#718f3f;border-color:#718f3f;color:#fff}.btn-outline{color:#fff;background:rgba(0,0,0,.15)}
.facts{background:#f5f4f0;padding:30px}.facts-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:0}.fact{text-align:center;padding:10px 14px;border-right:1px solid #ddd8ce;display:flex;flex-direction:column;align-items:center;gap:4px}.fact:last-child{border:0}.fact-icon{font-size:27px;color:#5b765c;min-height:38px}.fact strong{font-size:27px;letter-spacing:.5px}.fact span:last-child{font-size:13px;color:#4e5653}
.section{padding:105px 30px}.container{max-width:1140px;margin:auto}.section h2,.timeline h2{font-size:clamp(38px,4vw,62px);line-height:1.05;letter-spacing:1px;margin:0 0 40px;font-weight:800}
.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:80px;align-items:start}.intro-copy{font-size:19px}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:16px}.numbers div{background:#fff;border-top:3px solid #839b57;padding:24px}.numbers strong{font-size:30px;display:block;margin-bottom:7px}.numbers span{font-size:14px}
.soft{background:#e9e6de}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px}.two-col h2{font-size:48px}.feature-list{padding:0;margin:0;list-style:none}.feature-list li{padding:12px 0 12px 25px;border-bottom:1px solid #d1ccc2;font-size:18px;position:relative}.feature-list li:before{content:"•";position:absolute;left:4px;color:#6f8d40;font-weight:bold}
.community{background:#f4f2ec}.community-card{border-top:2px solid #78934a;padding:30px 0;max-width:1000px;font-size:22px}
.timeline{background:var(--deep);color:#fff;padding:100px 30px}.timeline h2{color:#fff}.light{color:#a5b47c}.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.time-item{border-left:3px solid #78934a;padding:8px 0 8px 28px;min-height:110px}.time-item span{display:block;color:#a8b67f;font-size:13px;letter-spacing:1.5px;font-weight:800;margin-bottom:18px}.time-item strong{font-size:23px;line-height:1.25}
.interest{background:#e9e6de}.form-wrap{max-width:1140px}.form-wrap>p{font-size:19px;max-width:850px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,textarea{width:100%;border:1px solid #c9c5bc;background:#f8f7f4;padding:20px;font-size:18px;margin:0 0 18px;font-family:inherit}textarea{min-height:190px;resize:vertical}.consent{display:block;font-size:14px;margin:0 0 22px}.consent input{width:auto;margin-right:8px}.consent a{color:#415d2b}.form-wrap button{border:0}
footer{background:#09180f;color:#e8ebe7;padding:48px 30px}.footer-wrap{display:flex;justify-content:space-between;align-items:end;gap:30px}.footer-wrap strong{font-size:18px;letter-spacing:1px}.footer-wrap p{margin:10px 0 0;font-size:17px}.footer-links a{color:#e8ebe7}
@media(max-width:1050px){.nav-wrap{gap:18px}.nav-links{gap:14px}.nav-links a{font-size:12px}.facts-grid{grid-template-columns:repeat(3,1fr);row-gap:25px}.fact:nth-child(3){border-right:0}.intro-grid,.two-col{gap:45px}.hero-content{margin-left:32px}}
@media(max-width:760px){.site-header{position:relative}.nav-wrap{padding:14px 18px;min-height:auto;flex-wrap:wrap}.brand{font-size:15px}.brand-mark{width:42px;height:42px}.nav-links{order:3;flex-basis:100%;justify-content:flex-start;gap:13px}.nav-cta{margin-left:auto;padding:12px 14px;font-size:11px}.hero{min-height:760px;background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.91),rgba(0,0,0,.63)),linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,.1))}.hero-content{margin:0;padding:65px 28px}.hero h1{font-size:53px}.hero h2{font-size:22px}.hero-subline{font-size:12px}.facts{padding:26px 15px}.facts-grid{grid-template-columns:repeat(2,1fr)}.fact{border-right:1px solid #ddd8ce!important}.fact:nth-child(even){border-right:0!important}.section,.timeline{padding:75px 24px}.intro-grid,.two-col,.timeline-grid,.form-row{grid-template-columns:1fr}.numbers{gap:12px}.two-col h2{font-size:41px}.footer-wrap{align-items:flex-start;flex-direction:column}.community-card{font-size:19px}}
