/* ===== intro v2 (editorial) ===== */
.intro2{padding:clamp(5rem,11vh,8.5rem) 0}
.intro2 .eyebrow{margin-bottom:1.5rem}
.lead-stmt{font-size:clamp(2.1rem,5vw,3.7rem);font-weight:300;letter-spacing:-.025em;line-height:1.06;color:var(--ink);max-width:22ch;margin-bottom:clamp(2.2rem,4.5vw,3.4rem)}
.lead-cols{columns:2;column-gap:clamp(2.2rem,4vw,3.6rem);max-width:900px}
.lead-cols p{margin:0 0 1.15rem;break-inside:avoid;color:var(--ink-soft);font-weight:300;font-size:1.04rem;line-height:1.72}
.lead-cols p:first-child{color:var(--ink);font-weight:400}
@media(max-width:760px){.lead-cols{columns:1}}
/* ===== siblings as slider ===== */
.slider-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:clamp(2rem,4vw,3rem)}
.slider-nav{display:flex;gap:.7rem;flex-shrink:0}
.snav{width:50px;height:50px;border:1.5px solid var(--ink);border-radius:50%;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);transition:background .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease),opacity .35s}
.snav:hover{background:var(--green);border-color:var(--green);color:#fff}
.snav:disabled{opacity:.28;cursor:default}
.snav:disabled:hover{background:transparent;border-color:var(--ink);color:var(--ink)}
.snav svg{width:20px;height:20px}
.slider{position:relative}
.slider-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}
.slider-track::-webkit-scrollbar{display:none}
.slide{flex:0 0 auto;width:clamp(218px,25%,288px);scroll-snap-align:start}
.slide-card{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;background:var(--ink)}
.slide-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.slide-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(21,32,26,.85));transition:background .5s var(--ease)}
.slide-card:hover::after{background:linear-gradient(180deg,rgba(0,152,54,.12) 0%,rgba(21,32,26,.9) 100%)}
.slide-card:hover img{transform:scale(1.06)}
.slide-body{position:absolute;left:0;bottom:0;z-index:2;padding:1.15rem 1.2rem;color:#fff;width:100%}
.slide-title{font-size:1.12rem;font-weight:500;display:flex;align-items:center;gap:.55rem;white-space:nowrap;letter-spacing:-.01em}
.slide-title .rdot{width:7px;height:7px;border-radius:50%;background:var(--red);flex-shrink:0}
.slide-more{margin-top:.5rem;font-size:.64rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.85);display:inline-flex;align-items:center;gap:.45rem}
.slide-more .arw{color:var(--red);transition:transform .4s var(--ease)}
.slide-card:hover .slide-more .arw{transform:translateX(5px)}
@media(max-width:760px){.slide{width:72%}.slide-title{white-space:normal;line-height:1.25}}
/* ===== cta (centered) ===== */
.cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.3rem;max-width:680px;margin:0 auto;padding:clamp(3.6rem,8vh,5.8rem) 0;justify-content:center}
.cta-inner h2{color:#fff;font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:300;letter-spacing:-.02em;line-height:1.12;max-width:none}
.cta-inner .lead{color:rgba(255,255,255,.82);max-width:52ch;margin-top:0}
.cta-inner .btn-primary{margin-top:.7rem;flex-shrink:0}
.btn-primary:hover{background:var(--red);border-color:var(--red)}
.btn-primary:hover .arw{color:#fff}
/* ===== NEW: ken-burns still header ===== */
.subhero.kenburns .subhero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transform-origin:center;animation:kenburns 18s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.2)}}
/* ===== NEW: single feature image (Beleuchtung) ===== */
.feat-single{position:relative;overflow:hidden;background:var(--ink);max-width:1040px;margin:0 auto;aspect-ratio:4/3}
.feat-single img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease)}
.feat-single:hover img{transform:scale(1.05)}
.feat-single::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(21,32,26,.45))}
.feat-single .tag{position:absolute;left:20px;bottom:18px;z-index:2;color:#fff;font-size:.74rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
/* ===== NEW: checklist (Rasenroboter) ===== */
.checklist-wrap{margin-top:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--line);padding-top:2rem}
.checklist-label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin-bottom:1.5rem}
.checklist{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1rem 2.6rem;max-width:940px}
.checklist li{display:flex;align-items:flex-start;gap:.85rem;font-size:1rem;color:var(--ink);font-weight:400;line-height:1.45}
.checklist li::before{content:"";width:21px;height:21px;border-radius:50%;background:var(--red);flex-shrink:0;margin-top:.12rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:13px;background-repeat:no-repeat;background-position:center}
.checklist-note{margin-top:1.9rem;color:var(--ink-soft);font-weight:300;font-size:1.06rem;line-height:1.6;max-width:62ch}
@media(max-width:680px){.checklist{grid-template-columns:1fr}}
/* ===== NEW: partner band (Husqvarna) ===== */
.partner{background:var(--green);color:#fff}
.partner-inner{display:flex;align-items:center;justify-content:center;gap:clamp(1.4rem,4vw,3.2rem);flex-wrap:wrap;text-align:center;padding:clamp(2.6rem,5.5vh,4rem) 0}
.partner-logo{height:30px;width:auto;flex-shrink:0}
.partner-text{font-size:clamp(1.05rem,1.6vw,1.32rem);font-weight:400;color:#fff;max-width:32ch}
.partner .btn-ghost-light{display:inline-flex;align-items:center;gap:.7rem;font-weight:500;font-size:.95rem;padding:.95rem 1.6rem;border-radius:2px;border:1.5px solid rgba(255,255,255,.75);color:#fff;background:transparent;flex-shrink:0;transition:background .4s var(--ease),color .4s var(--ease)}
.partner .btn-ghost-light .arw{transition:transform .4s var(--ease)}
.partner .btn-ghost-light:hover{background:#fff;color:var(--green)}
.partner .btn-ghost-light:hover .arw{transform:translateX(5px);color:var(--red)}

/* ---------- Frischer grüner Call-to-Action (Leistungsseiten) ---------- */
.cta-green{background:var(--green);color:#fff;position:relative;overflow:hidden;text-align:center}
.cta-green::before{content:"";position:absolute;right:clamp(20px,5vw,42px);top:clamp(20px,5vw,38px);width:18px;height:18px;border-radius:50%;background:var(--red)}
.cta-green-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}
.cta-green .eyebrow{justify-content:center}
.cta-green h2{color:#fff;font-size:clamp(2rem,4.6vw,3.4rem);font-weight:300;letter-spacing:-.02em;line-height:1.1;margin:1.1rem 0}
.cta-green p{color:rgba(255,255,255,.92);font-weight:300;font-size:1.12rem;line-height:1.7;max-width:52ch;margin:0 auto 2rem}
.btn-white{background:#fff;color:var(--ink)}
.btn-white .arw{color:var(--red)}
.btn-white:hover{background:var(--ink);color:#fff}
.btn-white:hover .arw{color:#fff}

/* ---------- Subhero mit Bild + sanftem Ken-Burns-Zoom ---------- */
.subhero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.subhero-zoom{transform-origin:center;animation:subheroZoom 18s ease-in-out infinite alternate}
@keyframes subheroZoom{from{transform:scale(1)}to{transform:scale(1.2)}}
@media(prefers-reduced-motion:reduce){.subhero-zoom{animation:none}}

/* ---------- Biodiversität: Massnahmen-Karten ---------- */
.biosec{background:var(--stone)}
.bio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem)}
.bio-card{position:relative;background:var(--paper);border:1px solid var(--line);overflow:hidden;
  padding:clamp(1.6rem,2.6vw,2.3rem);transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease)}
.bio-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--green);transition:width .55s var(--ease)}
.bio-card:hover{transform:translateY(-5px);box-shadow:0 26px 52px -30px rgba(21,32,26,.42);border-color:var(--stone-deep)}
.bio-card:hover::before{width:100%}
.bio-card h3{font-size:1.18rem;font-weight:500;letter-spacing:-.01em;display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem;line-height:1.25}
.bio-card h3 .rdot{width:8px;height:8px;border-radius:50%;background:var(--red);flex-shrink:0}
.bio-card p{font-size:.95rem;color:var(--ink-soft);font-weight:300;line-height:1.62}
@media(max-width:900px){.bio-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.bio-grid{grid-template-columns:1fr}}

/* Licht-im-Garten – Bildraster unter dem Feature-Bild */
.lgal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1040px;margin:14px auto 0}
.lgal-item{position:relative;overflow:hidden;background:var(--ink);aspect-ratio:4/3;margin:0}
.lgal-item img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease)}
.lgal-item:hover img{transform:scale(1.05)}
.lgal-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(21,32,26,.5))}
.lgal-item .tag{position:absolute;left:16px;bottom:14px;z-index:2;color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
@media(max-width:760px){.lgal{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.lgal{grid-template-columns:1fr}}