/* Manege M. Meijer, demo IT Live (MANEGE-MEIJER-DEMO-20261021) */
:root{--groen:#6b5d4f;--groen-d:#4a4037;--groen-l:#9a8f6a;--zand:#f3ece0;--zand-d:#e4d8c3;--creme:#fbf8f2;--zadel:#9a5a2c;--zadel-d:#7d4720;--tekst:#2a2620;--grijs:#6b6459;--wit:#fff;--wa:#8a7d55;--rand:#e2d9c9;--r:14px;--schaduw:0 10px 30px rgba(74,64,55,.10)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.65;color:var(--tekst);background:var(--creme)}
img{max-width:100%;display:block}
a{color:var(--zadel)}
a:hover{color:var(--zadel-d)}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.2;color:var(--groen-d);margin:0 0 .6em}
h1{font-size:clamp(2.1rem,5vw,3.6rem)}
h2{font-size:clamp(1.6rem,3vw,2.3rem)}
h3{font-size:1.25rem;margin-top:1.4em}
p{margin:0 0 1em}
svg{width:1.1em;height:1.1em;fill:currentColor;flex:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.smal{max-width:860px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:100;background:#fff;padding:8px 12px}
.oog{display:inline-flex;align-items:center;gap:.4em;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--zadel);margin-bottom:.7em}
/* topbalk + kop */
.topbalk{background:var(--groen-d);color:#e8dfd0;font-size:.86rem}
.topbalk .wrap{display:flex;gap:26px;justify-content:flex-end;padding-top:7px;padding-bottom:7px}
.topbalk span,.topbalk a{display:inline-flex;align-items:center;gap:6px;color:#e8dfd0;text-decoration:none}
.topbalk span{margin-right:auto}
.topbalk a:hover{color:#fff}
.kop{position:sticky;top:0;z-index:50;background:var(--creme);border-bottom:1px solid var(--rand)}
.kop-in{display:flex;align-items:center;gap:24px;min-height:78px}
.merk{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--groen-d)}
.merk img{border-radius:50%;border:2px solid var(--zand-d);background:#fff}
.merk b{display:block;font-family:Fraunces,Georgia,serif;font-size:1.25rem;line-height:1.1}
.merk small{display:block;color:var(--grijs);font-size:.78rem}
.hoofdnav{margin-left:auto}
.hoofdnav>ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.hoofdnav li{position:relative}
.hoofdnav a{display:block;padding:10px 11px;border-radius:8px;text-decoration:none;color:var(--tekst);font-weight:500;font-size:.95rem;white-space:nowrap}
.hoofdnav a:hover,.hoofdnav a.actief{color:var(--groen);background:var(--zand)}
.hoofdnav .heeft-sub>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);opacity:.6}
.sub{display:none;position:absolute;top:100%;left:0;min-width:230px;list-style:none;margin:0;padding:8px;background:#fff;border:1px solid var(--rand);border-radius:12px;box-shadow:var(--schaduw)}
.heeft-sub:hover .sub,.heeft-sub:focus-within .sub{display:block}
.sub a{padding:9px 12px}
.menuknop{display:none;width:46px;height:46px;border:1px solid var(--rand);border-radius:10px;background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-left:auto}
.menuknop span{display:block;width:22px;height:2px;background:var(--groen-d);border-radius:2px}
/* knoppen */
.knop{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:999px;background:var(--groen);color:#fff!important;text-decoration:none;font-weight:600;font-size:1rem;border:0;cursor:pointer;transition:background .15s}
.knop:hover{background:var(--groen-d)}
.knop-klein{padding:9px 18px;font-size:.92rem}
.knop-wa{background:var(--wa)}.knop-wa:hover{background:#6f6443}
.knop-licht{background:#fff;color:var(--groen-d)!important}.knop-licht:hover{background:var(--zand)}
.knop-ig{background:linear-gradient(45deg,#f09433,#dc2743 50%,#bc1888)}.knop-ig:hover{filter:brightness(.95)}
.tekstlink{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none}
/* hero */
.hero{position:relative;color:#fff;background:linear-gradient(90deg,rgba(52,44,37,.82) 0%,rgba(52,44,37,.55) 55%,rgba(52,44,37,.15) 100%),var(--bg) center/cover;min-height:620px;display:flex;align-items:center}
.hero-in{padding-top:70px;padding-bottom:70px}
.hero h1{color:#fff;max-width:14em}
.hero .oog{color:#f2c79d}
.hero-tekst{font-size:1.18rem;max-width:36em;color:#f1ece3}
.hero-knoppen{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 38px}
.hero-feiten{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}
.hero-feiten li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 16px;font-size:.92rem;color:#f1ece3}
.hero-feiten b{display:block;font-family:Fraunces,Georgia,serif;font-size:1.45rem;color:#fff}
.pkop{background:linear-gradient(90deg,rgba(52,44,37,.85),rgba(52,44,37,.45)),var(--bg) center/cover;color:#fff;padding:90px 0 80px}
.pkop h1{color:#fff;margin-bottom:.3em}
.pkop .oog{color:#f2c79d}
.pintro{font-size:1.15rem;max-width:38em;color:#f1ece3;margin:0}
/* secties */
.sectie{padding:80px 0}
.sectie-zand{background:var(--zand)}
.twee{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:start}
.twee-om{grid-template-columns:1fr 1.05fr;align-items:center}
.foto-groot img{border-radius:var(--r);box-shadow:var(--schaduw);width:100%;max-height:640px;object-fit:cover}
.foto-kolom{display:grid;gap:16px}
.foto-kolom img{border-radius:var(--r);width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:var(--schaduw)}
.fotostapel{position:relative;padding-bottom:70px}
.fotostapel img{border-radius:var(--r);box-shadow:var(--schaduw);width:82%;aspect-ratio:4/3;object-fit:cover}
.fotostapel img+img{position:absolute;right:0;bottom:0;width:55%;border:6px solid var(--creme)}
.fotorij{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fotorij img{border-radius:12px;aspect-ratio:4/3;object-fit:cover;width:100%}
.fotogrid-klein{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.fotogrid-klein img{border-radius:12px;aspect-ratio:4/3;object-fit:cover;width:100%}
.vinklijst{list-style:none;padding:0;margin:0 0 1.2em}
.vinklijst li{position:relative;padding:6px 0 6px 32px}
.vinklijst li::before{content:"";position:absolute;left:0;top:11px;width:20px;height:20px;border-radius:50%;background:var(--groen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9.5 16.2 5.3 12l-1.4 1.4 5.6 5.6 11-11-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat}
.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 1.4em}
.tags li{background:var(--zand);border:1px solid var(--rand);padding:7px 14px;border-radius:999px;font-weight:500;font-size:.94rem}
.uitgelicht{background:var(--zand);border-left:4px solid var(--zadel);border-radius:0 var(--r) var(--r) 0;padding:20px 24px;margin:1.4em 0}
.uitgelicht h3{margin-top:0}
.infoblok{background:#fff;border:1px solid var(--rand);border-radius:var(--r);padding:26px 28px;margin-top:28px}
.infoblok h3{margin-top:0}
.infoblok p:last-child{margin-bottom:0}
.grijs{color:var(--grijs)}.klein{font-size:.85rem;margin-top:8px}.midden{text-align:center;margin-top:30px}
.lead{font-family:Fraunces,Georgia,serif;font-size:1.4rem;color:var(--groen-d)}
.intro-c{text-align:center;max-width:40em;margin:0 auto 34px;color:var(--grijs)}
/* kaarten */
.kaarten{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.kaart{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--tekst);box-shadow:0 2px 10px rgba(74,64,55,.06);transition:box-shadow .2s,transform .2s}
.kaart:hover{box-shadow:var(--schaduw);transform:translateY(-3px);color:var(--tekst)}
.kaart-foto img{width:100%;aspect-ratio:16/10;object-fit:cover}
.kaart-tekst{padding:20px 22px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.kaart-tekst b{font-family:Fraunces,Georgia,serif;font-size:1.25rem;color:var(--groen-d)}
.kaart-tekst em{margin-top:auto;padding-top:8px;font-style:normal;font-weight:600;color:var(--zadel);display:inline-flex;align-items:center;gap:6px}
/* instagram */
.ig-sectie{background:linear-gradient(180deg,var(--creme),#f6efe4)}
.ig-in{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ig-kader{background:#fff;border-radius:18px;box-shadow:var(--schaduw);overflow:hidden;max-width:540px;width:100%;justify-self:center}
.ig-kader iframe{display:block;width:100%;height:540px;border:0}
/* rooster */
.legenda{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:22px;font-size:.92rem}
.legenda span{display:inline-flex;align-items:center;gap:8px}
.legenda span::before{content:"";width:14px;height:14px;border-radius:4px;background:currentColor}
.les-k{color:var(--zadel)}.les-v{color:var(--groen-l)}.les-o{color:#8b8478}
.rooster{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dag{background:#fff;border:1px solid var(--rand);border-radius:var(--r);padding:20px 22px}
.dag h3{margin:0 0 10px}
.dag ul{list-style:none;margin:0;padding:0}
.dag li{display:flex;gap:14px;padding:8px 0 8px 12px;border-top:1px solid #f0e9dc;border-left:4px solid currentColor;margin-bottom:4px;border-radius:2px}
.dag time{font-weight:600;color:var(--tekst);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:7.4em}
.dag span{color:var(--tekst)}
.stappen{counter-reset:s;list-style:none;padding:0;margin:20px 0;display:grid;gap:14px}
.stappen li{counter-increment:s;display:grid;grid-template-columns:52px 1fr;column-gap:16px;background:#fff;border-radius:var(--r);padding:18px 20px;align-items:center}
.stappen li::before{content:counter(s);grid-row:span 2;width:44px;height:44px;border-radius:50%;background:var(--groen);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Fraunces,Georgia,serif;font-size:1.2rem}
.stappen b{color:var(--groen-d)}
.stappen-klein li{background:var(--zand);padding:12px 16px}
.prijsblok{display:inline-flex;flex-direction:column;background:var(--groen);color:#efe8dc;border-radius:var(--r);padding:18px 30px;margin:6px 0 10px}
.prijsblok b{font-family:Fraunces,Georgia,serif;font-size:2.6rem;color:#fff;line-height:1.1}
.prijzen{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.prijs{background:#fff;border:1px solid var(--rand);border-radius:var(--r);padding:26px}
.prijs h3{margin-top:0}
.prijs-uit{border:2px solid var(--groen)}
.bedrag{font-family:Fraunces,Georgia,serif;font-size:1.7rem;color:var(--groen-d)}
.bedrag small{font-size:.9rem;color:var(--grijs)}
.paarden{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.paarden figure{margin:0;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 2px 10px rgba(74,64,55,.06)}
.paarden img{width:100%;aspect-ratio:3/4;object-fit:cover}
.paarden figcaption{padding:14px 18px;font-family:Fraunces,Georgia,serif;font-size:1.2rem;color:var(--groen-d)}
.paarden figcaption a{display:block;font-family:Inter,sans-serif;font-size:.9rem}
.leeg,.agenda-leeg{background:#fff;border:1px dashed var(--zand-d);border-radius:var(--r);padding:30px;text-align:center}
.agenda-leeg{text-align:left;margin:18px 0 10px}
/* albums + lightbox */
.albums{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.album{display:flex;flex-direction:column;padding:0;border:0;background:#fff;border-radius:var(--r);overflow:hidden;cursor:pointer;text-align:left;font:inherit;color:var(--tekst);box-shadow:0 2px 10px rgba(74,64,55,.06);transition:box-shadow .2s,transform .2s}
.album:hover{box-shadow:var(--schaduw);transform:translateY(-3px)}
.album-foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.album-tekst{padding:14px 16px}
.album-tekst b{display:block;font-family:Fraunces,Georgia,serif;font-size:1.06rem;color:var(--groen-d);line-height:1.25}
.album-tekst small{color:var(--grijs)}
.lb{position:fixed;inset:0;z-index:200;background:rgba(30,26,22,.94);display:flex;align-items:center;justify-content:center}
.lb[hidden]{display:none}
.lb figure{margin:0;max-width:92vw;text-align:center}
.lb img{max-width:92vw;max-height:80vh;margin:0 auto;border-radius:8px}
.lb figcaption{color:#e6ddcf;margin-top:12px;font-size:.95rem}
.lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;width:52px;height:52px;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer}
.lb button:hover{background:rgba(255,255,255,.25)}
.lb-dicht{top:18px;right:18px}.lb-vorige{left:18px;top:50%;margin-top:-26px}.lb-volgende{right:18px;top:50%;margin-top:-26px}
/* regels */
.regels h2{margin-top:1.6em}
.regels h3{color:var(--zadel-d)}
.zicht{margin:20px 0;background:#fff;border-radius:var(--r);padding:16px;text-align:center}
.zicht img{margin:0 auto;max-height:320px}
.zicht figcaption{color:var(--grijs);font-size:.9rem;margin-top:8px}
/* contact */
.contactkaarten{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.ck{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--rand);border-radius:var(--r);padding:16px;text-decoration:none;color:var(--tekst);word-break:break-word}
.ck:hover{border-color:var(--groen);color:var(--tekst)}
.ck svg{width:42px;height:42px;padding:10px;border-radius:50%;background:var(--groen);fill:#fff}
.ck-wa svg{background:var(--wa)}.ck-ig svg{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888)}
.ck span{font-size:.92rem;color:var(--grijs)}
.ck b{display:block;color:var(--groen-d);font-size:1rem}
.adres{display:flex;gap:12px;align-items:flex-start}
.adres svg{width:24px;height:24px;color:var(--zadel);margin-top:4px}
.formulier{background:#fff;border-radius:18px;padding:30px;box-shadow:var(--schaduw)}
.formulier h3{margin-top:0}
.formulier label{display:block;font-weight:600;font-size:.92rem;margin-bottom:14px;color:var(--groen-d)}
.formulier input,.formulier select,.formulier textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid var(--rand);border-radius:10px;font:inherit;background:var(--creme);color:var(--tekst)}
.formulier input:focus,.formulier select:focus,.formulier textarea:focus{outline:2px solid var(--groen-l);border-color:transparent}
.formulier .knop{width:100%}
.kaartframe iframe{width:100%;height:380px;border:0;border-radius:var(--r);box-shadow:var(--schaduw)}
/* cta + voet */
.cta-band{background:var(--groen);color:#ebe3d5;padding:56px 0}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta-band h2{color:#fff;margin-bottom:.3em}
.cta-band p{margin:0}
.cta-knoppen{display:flex;gap:12px;flex-wrap:wrap}
.voet{background:var(--groen-d);color:#d6cbb8;padding:60px 0 0;font-size:.95rem}
.voet-in{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:34px}
.voet h3{color:#fff;font-size:1.08rem;margin:0 0 12px}
.voet a{color:#d6cbb8;text-decoration:none}.voet a:hover{color:#fff}
.voet ul{list-style:none;margin:0;padding:0}.voet li{padding:3px 0}
.merk-voet{color:#fff;margin-bottom:16px}.merk-voet small{color:#c2b59a}.merk-voet img{border-color:#6e6250}
.sociaal a{display:inline-flex;align-items:center;gap:8px}
.voet-onder{border-top:1px solid #544a3e;margin-top:40px;padding-top:18px;padding-bottom:22px;font-size:.85rem;color:#a89c80}
.wa-zwevend{position:fixed;right:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--wa);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.wa-zwevend svg{width:30px;height:30px;fill:#fff}
/* mobiel menu: volledig scherm, verticaal */
.mmenu{position:fixed;inset:0;z-index:300;background:var(--creme);overflow-y:auto;padding:76px 24px 30px}
.mmenu[hidden]{display:none}
.mmenu ul{list-style:none;margin:0;padding:0}
.mmenu li a{display:block;padding:14px 4px;border-bottom:1px solid var(--rand);font-family:Fraunces,Georgia,serif;font-size:1.35rem;color:var(--groen-d);text-decoration:none}
.mmenu li.m-sub a{font-family:Inter,sans-serif;font-size:1rem;padding:10px 4px 10px 20px;color:var(--tekst)}
.mmenu-dicht{position:absolute;top:16px;right:18px;width:46px;height:46px;border:1px solid var(--rand);border-radius:10px;background:#fff;font-size:1.9rem;line-height:1;color:var(--groen-d);cursor:pointer}
.mmenu-acties{display:grid;gap:10px;margin-top:24px}
body.menu-open{overflow:hidden}
@media (max-width:1100px){
 .hoofdnav,.kop-cta{display:none}
 .menuknop{display:flex}
}
@media (max-width:900px){
 .twee,.twee-om,.ig-in{grid-template-columns:1fr;gap:36px}
 .twee-om .foto-groot{order:2}
 .kaarten,.rooster,.prijzen{grid-template-columns:1fr 1fr}
 .albums,.paarden{grid-template-columns:repeat(3,1fr)}
 .fotorij{grid-template-columns:1fr 1fr}
 .voet-in{grid-template-columns:1fr 1fr}
 .cta-in{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
 body{font-size:16px}
 .wrap{padding:0 16px}
 .topbalk span{display:none}
 .topbalk .wrap{justify-content:space-between;gap:12px}
 .kop-in{min-height:66px}
 .merk img{width:42px;height:42px}
 .merk b{font-size:1.08rem}
 .merk small{display:none}
 .hero{min-height:0}
 .hero-in{padding-top:56px;padding-bottom:56px}
 .hero-feiten li{flex:1 1 40%}
 .sectie{padding:56px 0}
 .pkop{padding:60px 0 54px}
 .kaarten,.rooster,.prijzen,.contactkaarten,.voet-in{grid-template-columns:1fr}
 .albums,.paarden{grid-template-columns:1fr 1fr;gap:12px}
 .fotostapel{padding-bottom:50px}
 .ig-kader iframe{height:470px}
 .kaartframe iframe{height:300px}
 .lb-vorige,.lb-volgende{top:auto!important;bottom:20px;margin-top:0!important}
}
/* nalopen 21-10: merk op één regel, kleine albumfoto's groter, donkerder lightbox */
.merk b,.merk small{white-space:nowrap}
.lb{background:rgba(30,26,22,.97)}
.lb img{width:min(92vw,820px);height:auto;object-fit:contain}
@media (max-width:1440px){.kop .merk small{display:none}}
@media (max-width:1280px){.hoofdnav a{padding:10px 8px;font-size:.92rem}}
/* LOGO-ANIMATIE 21-10: pen tekent de ruiter, daarna vullen en zacht wiegen */
.merk{flex-shrink:0}
.logo-rond{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--zand-d);overflow:hidden;flex:none}
.logo-rond-voet{width:48px;height:48px;border-color:#6e6250}
.logo-rond-voet img{width:40px;height:40px;border:0;border-radius:0}
.logo-svg{width:46px;height:46px;overflow:visible;transform-origin:50% 90%;animation:wieg 3.2s ease-in-out 2.6s infinite}
.logo-svg path{fill:var(--groen-d);fill-opacity:0;stroke:var(--groen-d);stroke-width:14;stroke-dasharray:1;stroke-dashoffset:1;animation:teken 2.2s cubic-bezier(.45,.05,.35,1) .2s forwards,vul .7s ease 2s forwards}
.merk:hover .logo-svg{animation:draf .45s ease-in-out infinite}
@keyframes teken{to{stroke-dashoffset:0}}
@keyframes vul{to{fill-opacity:1;stroke-width:0}}
@keyframes wieg{0%,100%{transform:rotate(0)}25%{transform:rotate(-2.5deg)}75%{transform:rotate(2.5deg)}}
@keyframes draf{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-2deg)}}
@media (prefers-reduced-motion:reduce){.logo-svg,.merk:hover .logo-svg{animation:none}.logo-svg path{animation:none;fill-opacity:1;stroke-width:0;stroke-dashoffset:0}}
@media (max-width:1440px){.kop .merk small{display:block}}
@media (max-width:1200px){.kop .merk small{display:none}.hoofdnav>ul{gap:0}}
@media (max-width:600px){.logo-rond{width:46px;height:46px}.logo-svg{width:38px;height:38px}}
/* SCROLL-EFFECTEN 21-10 */
.js-anim :is(.twee>*,.ig-in>*,.cta-in>*,.kaart,.album,.fotorij img,.fotogrid-klein img,.foto-kolom img,.paarden figure,.dag,.stappen li,.prijs,.contactkaarten a,.intro-c,.legenda){opacity:0;transform:translateY(34px);transition:opacity .9s ease var(--d,0s),transform 1s cubic-bezier(.2,.75,.2,1) var(--d,0s),box-shadow .25s}
.js-anim .zichtbaar{opacity:1!important;transform:none!important}
@media (min-width:901px){
 .js-anim :is(.twee,.ig-in,.cta-in)>:first-child{transform:translateX(-70px)}
 .js-anim :is(.twee,.ig-in,.cta-in)>:last-child{transform:translateX(70px)}
 .js-anim :is(.fotorij img,.fotogrid-klein img,.foto-kolom img){transform:translateX(50px) scale(.96)}
}
/* foto's: zachte zoom bij aanwijzen */
.fotorij img,.fotogrid-klein img,.foto-kolom img,.foto-groot img,.fotostapel img{transition:transform .5s ease,box-shadow .3s,opacity .9s ease var(--d,0s)}
.js-anim .zichtbaar:is(.fotorij img,.fotogrid-klein img,.foto-kolom img):hover,.foto-groot img:hover,.fotostapel img:hover{transform:scale(1.03)!important;box-shadow:0 18px 40px rgba(74,64,55,.22)}
.kaart-foto,.album-foto,.paarden figure{overflow:hidden}
.kaart-foto img,.album-foto img,.paarden img{transition:transform .7s cubic-bezier(.2,.75,.2,1)}
.kaart:hover .kaart-foto img,.album:hover .album-foto img,.paarden figure:hover img{transform:scale(1.07)}
/* hero: langzame zoom op de achtergrond */
.hero,.pkop{background-size:auto,cover;animation:kenburns 18s ease-out both}
@keyframes kenburns{from{background-size:auto,118%}to{background-size:auto,100%}}
@media (max-width:900px){.hero,.pkop{animation:none}}
@media (prefers-reduced-motion:reduce){.js-anim *{transition:none!important;opacity:1!important;transform:none!important}.hero,.pkop{animation:none}}
/* 24-10: kopfoto van de oude site op de voorpagina (wens klant); paarden staan rechts */
.hero-oud{background-position:center,right center}
/* 24-10 RUSTIGER (wens klant: "te druk", meer zoals de oude site): geen zoom-/schuifanimaties, pensionstalling weg */
.hero,.pkop{animation:none!important;background-size:auto,cover}
.foto-groot img:hover,.fotostapel img:hover,.kaart:hover{transform:none!important}
.kaarten{grid-template-columns:repeat(5,1fr);gap:18px}
.prijzen{grid-template-columns:repeat(2,1fr)}
@media (max-width:1000px){.kaarten{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.kaarten,.prijzen{grid-template-columns:1fr}}
/* 24-10 SIMPEL: plat menu, geen zwevende knop, geen 'lees meer', eenvoudige linklijsten */
.wa-zwevend{display:none!important}
.linklijst{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.linklijst a{display:inline-block;padding:12px 18px;background:#fff;border:1px solid var(--rand);border-radius:10px;color:var(--tekst);text-decoration:none;font-weight:600}
.linklijst a:hover{border-color:var(--zadel);color:var(--zadel)}
.linklijst-onder{margin-top:30px}
.kaart-tekst{padding-bottom:20px}
.hoofdnav>ul>li>a{font-size:1rem}
.kaarten.kaarten-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1000px){.kaarten.kaarten-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.kaarten.kaarten-3{grid-template-columns:1fr}}
/* 24-10 LESSEN-FOCUS: nadruk op paardrijlessen/groepslessen + rustige ligging bij het Bunderbos */
.intro-l{max-width:40em;font-size:1.08rem;margin-bottom:26px}
.lessen{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.les{display:flex;flex-direction:column;gap:6px;padding:20px 22px;background:#fff;border:1px solid var(--rand);border-left:4px solid var(--zadel);border-radius:12px;text-decoration:none;color:var(--tekst)}
.les b{font-family:Fraunces,Georgia,serif;font-size:1.15rem}
.les span{color:#374151;font-size:.97rem}
.les:hover{border-color:var(--zadel)}
.lessen-knop{margin-top:26px}
@media (max-width:900px){.lessen{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.lessen{grid-template-columns:1fr}}

/* HERO-CARROUSEL-20261024 — bewegende kopfoto's op de homepage (overvloeien + langzaam inzoomen, 30 s rond) */
.hero-carrousel{overflow:hidden;background:#4a4037}
.hero-carrousel .hero-slides{position:absolute;inset:0;z-index:0}
.hero-carrousel .hero-slides span{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:hero-slide 30s infinite}
.hero-carrousel .hero-slides span:nth-child(1){animation-delay:0s}
.hero-carrousel .hero-slides span:nth-child(2){animation-delay:6s}
.hero-carrousel .hero-slides span:nth-child(3){animation-delay:12s}
.hero-carrousel .hero-slides span:nth-child(4){animation-delay:18s}
.hero-carrousel .hero-slides span:nth-child(5){animation-delay:24s}
.hero-carrousel::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(52,44,37,.82) 0%,rgba(52,44,37,.55) 55%,rgba(52,44,37,.15) 100%)}
.hero-carrousel .hero-in{position:relative;z-index:2}
@keyframes hero-slide{0%{opacity:0;transform:scale(1)}4%{opacity:1}20%{opacity:1}26%{opacity:0;transform:scale(1.08)}100%{opacity:0;transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.hero-carrousel .hero-slides span{animation:none}.hero-carrousel .hero-slides span:first-child{opacity:1}}
/* EVENEMENTEN-20261024: Bixi-wedstrijden met foto's + video */
.ev-intro{max-width:44em;margin-bottom:22px}
.ev-video{display:block;width:100%;max-width:860px;border-radius:var(--r);background:#000;margin:0 0 22px;box-shadow:var(--schaduw)}
.ev-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.ev-foto{padding:0;border:0;background:none;cursor:zoom-in;border-radius:10px;overflow:hidden}
.ev-foto img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:opacity .2s}
.ev-foto:hover img{opacity:.85}
@media (max-width:900px){.ev-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.ev-grid{grid-template-columns:repeat(2,1fr)}}