:root{--green:#55a80b;--dark:#062d20;--ink:#10221b;--muted:#66756e;--soft:#f3f7f3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}
.top{height:86px;display:flex;align-items:center;gap:30px;padding:10px max(4vw,24px);position:sticky;top:0;background:#fff;z-index:20;box-shadow:0 2px 14px #0000000d}.brand img{width:220px;display:block}.top nav{display:flex;gap:26px;margin-left:auto}.top nav a:hover{color:var(--green)}.phone{background:var(--green);color:#fff;padding:14px 20px;border-radius:12px;font-weight:700}.menu{display:none;border:0;background:none;font-size:28px}
.hero{min-height:610px;display:grid;align-items:center;color:#fff;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#03291df5 0%,#073923dd 35%,#0d3c248f 53%,#12351d20 76%),url("hero-garten.jpg");background-size:cover;background-position:center}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000008,#00000020);z-index:1}
.hero-inner{width:min(1160px,92%);margin:auto;position:relative;z-index:2}.eyebrow,small{font-weight:800;letter-spacing:.16em;color:#76c42a}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.02;max-width:820px;margin:12px 0}.hero h1 span{color:#7bcb2a}.lead{font-size:20px;line-height:1.55;max-width:650px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:15px 21px;border-radius:12px;font-weight:800}.primary{background:var(--green);color:#fff}.ghost{border:2px solid #fff;color:#fff}.trust{display:flex;gap:35px;flex-wrap:wrap;margin-top:42px;font-weight:700}
.section{padding:80px max(4vw,24px)}.heading{text-align:center;max-width:780px;margin:0 auto 38px}.heading h2,.about h2,.cta h2{font-size:clamp(30px,4vw,46px);margin:8px 0 10px}.heading p,.about p{color:var(--muted);line-height:1.6}
.cards{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article{background:#fff;border:1px solid #e3ebe4;border-radius:18px;padding:24px;box-shadow:0 10px 28px #173d2110;min-height:210px}.cards b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--green);color:#fff;font-size:24px}.cards h3{margin:18px 0 8px}.cards p{color:var(--muted);line-height:1.5;margin:0}.cards .more{background:#eff8e9}
.about{padding:80px max(4vw,24px);background:var(--soft);display:grid;grid-template-columns:minmax(280px,500px) minmax(300px,620px);gap:60px;justify-content:center;align-items:center}.about-art{height:390px;border-radius:24px;background:url("gartenarbeiter.png") center/cover no-repeat;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff22}.about-art span{font-size:110px;font-weight:900;color:#ffffff20}.about h3{margin-top:-3px}.mini{display:flex;gap:24px;flex-wrap:wrap;margin-top:25px;font-weight:700}.area{background:#fff}.area-box{max-width:850px;margin:auto;background:var(--soft);border-radius:20px;padding:30px;display:flex;justify-content:center;gap:50px;font-size:20px}.cta{padding:65px max(4vw,24px);background:var(--dark);color:#fff;display:flex;justify-content:center;align-items:center;gap:80px}.cta p{color:#d5e3dc}.light{border-color:#fff}footer{text-align:center;padding:45px 24px;background:#f7f9f7;color:#53635b}footer img{width:230px}footer a{text-decoration:underline}.legal{font-size:13px;max-width:760px;margin:20px auto;color:#7b8781}
@media(max-width:900px){.top{height:auto;min-height:74px}.brand img{width:185px}.top nav{display:none;position:absolute;left:0;right:0;top:74px;background:#fff;padding:20px 24px;flex-direction:column;box-shadow:0 12px 20px #0002}.nav-open .top nav{display:flex}.menu{display:block;margin-left:auto}.top>.phone{display:none}.cards{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.about-art{height:260px}.cta{flex-direction:column;align-items:flex-start;gap:12px}}
@media(max-width:560px){.hero{min-height:650px}.hero h1{font-size:42px}.lead{font-size:18px}.cards{grid-template-columns:1fr}.section,.about{padding:60px 20px}.trust{gap:16px;flex-direction:column}.area-box{flex-direction:column;gap:18px}.btn{width:100%;text-align:center}.brand img{width:160px}}


.cards article{overflow:hidden}
.cards article:before{content:"";display:block;height:118px;margin:-24px -24px 18px;background-size:cover;background-position:center}
.cards article:nth-child(1):before{background-image:url("rasen.jpg")}
.cards article:nth-child(2):before{background-image:url("hecke.jpg")}
.cards article:nth-child(3):before{background-image:url("gehoelz.jpg")}
.cards article:nth-child(4):before{background-image:url("beet.jpg")}
.cards article:nth-child(5):before{background-image:url("laub.jpg")}
.cards article:nth-child(6):before{background-image:url("grundstueck.jpg")}
.cards article:nth-child(7):before{background-image:url("pflaster.jpg")}
.cards article:nth-child(8):before{background-image:url("weitere-arbeiten.jpg")}
@media(max-width:560px){.hero{background-position:62% center}.cards article:before{height:150px}}

/* V4 – kompletter unterer Seitenbereich */
.about-copy{max-width:620px}.about-copy h3{font-size:22px;margin:0 0 14px}.about-art{position:relative;overflow:hidden;background:url("gartenarbeiter.png") center/cover no-repeat}
.about-art:before{content:"";position:absolute;inset:0;background:none}
.about-art span{display:none}
.extra{background:#fff}.extra-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.extra-grid article{display:flex;gap:18px;padding:26px;border:1px solid #e1e9e2;border-radius:18px;background:#f8faf8;box-shadow:0 10px 30px #173d210d}
.extra-grid article>span{width:52px;height:52px;flex:0 0 52px;border-radius:14px;background:#e5f3da;display:grid;place-items:center;font-size:26px}
.extra-grid h3{margin:2px 0 8px}.extra-grid p{margin:0;color:var(--muted);line-height:1.55}
.area{background:#f3f7f3}.area-box{max-width:1000px;background:#fff;box-shadow:0 12px 35px #173d2110;gap:0;padding:0;overflow:hidden}
.area-box>div{flex:1;text-align:center;padding:34px 24px;border-right:1px solid #e4ebe5;display:flex;flex-direction:column;gap:6px}
.area-box>div:last-child{border-right:0}.area-box b{font-size:26px}.area-box strong{font-size:21px}.area-box span{font-size:14px;color:var(--muted)}
.cta{padding:72px max(4vw,24px);justify-content:space-between}.cta-copy{max-width:620px}.cta-copy h2{margin-top:8px}.contact-panel{width:min(460px,100%);display:grid;gap:12px}
.contact-panel>a{display:flex;align-items:center;gap:16px;padding:17px 19px;border:1px solid #ffffff30;border-radius:15px;background:#ffffff0c;transition:.2s}
.contact-panel>a:hover{background:#ffffff18;transform:translateY(-1px)}.contact-panel>a>span{width:44px;height:44px;border-radius:12px;background:var(--green);display:grid;place-items:center;font-size:21px}
.contact-panel small{display:block;color:#9fd66c;font-size:10px;margin-bottom:3px}.contact-panel strong{font-size:16px}
footer{text-align:left;padding:0;background:#f7f9f7}.footer-main{max-width:1160px;margin:auto;padding:46px 24px 34px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px;color:#53635b}
.footer-main img{width:220px}.footer-main strong{color:var(--dark)}.footer-main p{line-height:1.8;margin:10px 0}.footer-main a{text-decoration:none}.footer-main a:hover{color:var(--green)}
.footer-bottom{border-top:1px solid #e1e7e2;padding:18px max(4vw,24px);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#7b8781}
@media(max-width:900px){.extra-grid{grid-template-columns:1fr}.area-box{flex-direction:column}.area-box>div{border-right:0;border-bottom:1px solid #e4ebe5}.area-box>div:last-child{border-bottom:0}.contact-panel{width:100%}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}}
@media(max-width:560px){.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.contact-panel strong{font-size:14px;word-break:break-word}}