:root{--forest:#082d1a;--dark:#0b3420;--leaf:#2b801c;--lime:#c9ef79;--ink:#10251b;--paper:#fffef9}
body{background:var(--paper);color:var(--ink)}
.header{box-shadow:0 1px 0 #e8ede3}
.header-inner{min-height:86px;padding-inline:18px}
.brand{gap:7px}
.brand-mark{flex:none;width:62px;height:62px}
.brand-small{font-size:12px;letter-spacing:-.015em;color:#26362b}
.brand-strong{font-size:clamp(19px,5.2vw,28px);letter-spacing:-.055em;color:#163c22;white-space:nowrap}
.menu-button{font-size:30px;line-height:1}
.hero{min-height:730px;background:linear-gradient(180deg,#071c1022 5%,#06291542 28%,#082e1bd9 76%,#092f1d 100%),url('assets/garten-hero-v2.webp') center 33%/cover;align-items:end}
.hero-content{padding:90px 27px 30px}
.hero .eyebrow{font-size:24px;letter-spacing:.005em;line-height:1}
.hero h1{font-size:clamp(55px,14vw,96px);letter-spacing:-.07em;line-height:.86;margin:7px 0 20px;font-weight:950;text-shadow:0 2px 13px #05231566}
.hero h1 span{color:#e4f6d1}
.hero-lead{font-size:19px;line-height:1.32;max-width:550px;margin-bottom:18px}
.highlight{font-size:17px;line-height:1.2;letter-spacing:-.035em;padding:12px 19px 11px;background:var(--lime);margin:0 0 20px;box-shadow:10px 4px 0 #d6f29744;transform:rotate(-2deg)}
.hero .actions{max-width:490px;gap:10px}
.hero .btn{min-height:60px;width:100%;font-size:17px;box-shadow:0 1px 0 #fff6 inset}
.hero .btn-green{background:linear-gradient(115deg,#278f16,#327d20);border-color:white}
.hero .btn-light{color:#133b22}
.hero .btn span{margin-left:auto}
.hero-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:490px;margin:25px 0 0;text-align:center}
.hero-categories a{display:grid;align-content:start;justify-items:center;gap:4px;color:white;font-size:13px;line-height:1.15;font-weight:700;min-height:65px}
.hero-categories span{font-size:27px;line-height:1}
#leistungen{padding-top:37px}
.section h2{font-weight:900;letter-spacing:-.045em}
.section-intro{color:#3f5145}
.card{background:#fffef7;box-shadow:0 7px 23px #12351e19;border-radius:18px}
.card img{height:220px}
.card-body{margin-top:-17px;position:relative;background:#fffef7;border-radius:18px 18px 0 0;padding:22px}
.card h3{font-weight:900;font-size:27px;margin-bottom:4px}
.card p{font-size:15px;margin-bottom:16px}
.card ul{margin:0 0 17px;padding:0 0 0 3px;border-top:1px solid #eef0e7;padding-top:11px}
.card li{padding-block:5px;font-size:15px}
.card .btn{background:linear-gradient(110deg,#144c25,#073a20);border-radius:10px}
.process{background:linear-gradient(145deg,#103e27,#042918)}
.process .section-intro{color:#e2eee2}
.number{background:#c9ef79}
.contact{background:linear-gradient(120deg,#f2fae8,#f8fbef)}
.contact .btn-orange{background:#f26313}
.contact-email{margin:18px auto 0;overflow-wrap:anywhere}
.contact-email a{text-decoration:underline}
.region{background:#103e27}
.footer{background:#fffef9}
.privacy-details{border-top:1px solid #e0ead8;border-bottom:1px solid #e0ead8}
.privacy-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:14px;font-size:clamp(29px,7vw,43px);line-height:1.12;font-weight:900;letter-spacing:-.045em;text-align:center}
.privacy-details summary::-webkit-details-marker{display:none}
.privacy-details summary::after{content:'+';display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#c9ef79;color:#103e27;font-size:27px;line-height:1}
.privacy-details[open] summary::after{content:'−'}
.privacy-details>div{padding-top:28px}
.sticky{background:#0a3420;padding:3px 6px max(4px,env(safe-area-inset-bottom))}
.sticky button{background:linear-gradient(110deg,#f36c18,#f4510b);border:1px solid white}
@media(min-width:760px){.header-inner{min-height:91px}.hero{min-height:630px;background-position:center 35%}.hero-content{padding:82px 30px 33px}.hero .actions{display:flex}.hero .btn{width:auto;flex:1}.hero-categories{margin-top:32px}.cards{gap:20px}.card img{height:220px}}
@media(max-width:390px){.header-inner{padding-inline:13px}.brand-mark{width:49px;height:49px}.brand-small{font-size:11px}.brand-strong{font-size:20px}.hero-content{padding-inline:22px}.hero .eyebrow{font-size:21px}.hero h1{font-size:55px}}