.klantenschildpaddenkop{text-align:center;max-width:900px;margin:0 auto 36px}.klantenschildpaddenkop p{max-width:800px;margin:0 auto 20px}.klantenschildpaddenkop .tabelknop{display:inline-block;padding:10px 16px;border:1px solid var(--rand);border-radius:999px;background:var(--wit);color:var(--inkt);font-weight:750;text-decoration:none}.klantencarrousel{position:relative;margin:0 auto;padding:0 58px}.klantencarrouselspoor{display:flex;gap:20px;width:100%;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory}.klantencarrouseldia{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start}.klantencarrouseldia>button{position:relative;display:block;width:100%;height:clamp(360px,42vw,520px);padding:0;border:0;border-radius:19px;overflow:hidden;background:#10251d;color:#fff;cursor:zoom-in;box-shadow:0 12px 28px #10251d30;text-align:left}.klantencarrouseldia img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease,filter .6s ease}.klantencarrouseldia:hover img{transform:scale(1.045);filter:saturate(1.08)}.klantencarrouseldia span{position:absolute;z-index:1;left:0;right:0;bottom:0;display:block;padding:75px 20px 20px;background:linear-gradient(transparent,rgba(5,24,15,.94));color:#fff}.klantencarrouseldia strong,.klantencarrouseldia small{display:block;color:#fff}.klantencarrouseldia strong{font-size:25px;line-height:1.1}.klantencarrouseldia small{margin-top:5px;font-size:14px;opacity:.92}.carrouselknop{position:absolute;z-index:2;top:calc(50% - 32px);display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:var(--groen);color:#fff;font:700 34px/1 Arial;box-shadow:0 5px 16px #10251d38;cursor:pointer;transition:transform .2s,background .2s}.carrouselknop:hover,.carrouselknop:focus{background:#0a7135;transform:scale(1.06)}.carrouselvorige{left:0}.carrouselvolgende{right:0}.carrouseluitleg{text-align:center;margin:14px 0 0;font-size:12px;opacity:.7}body[data-thema="donker"] .klantenschildpaddenkop .tabelknop{background:#17241f;border-color:#496155;color:#fff}@media(max-width:900px){.klantencarrouseldia{flex-basis:calc((100% - 18px)/2)}.klantencarrouselspoor{gap:18px}.klantencarrouseldia>button{height:470px}}@media(max-width:620px){.klantencarrousel{padding:0 42px}.klantencarrouselspoor{gap:12px}.klantencarrouseldia{flex-basis:100%}.klantencarrouseldia>button{height:min(118vw,510px)}.carrouselknop{width:36px;height:36px;font-size:28px}.klantenschildpaddenkop h1{font-size:clamp(38px,12vw,54px)}}@media(prefers-reduced-motion:reduce){.klantencarrouselspoor{scroll-behavior:auto}.klantencarrouseldia img,.carrouselknop{transition:none}}
.klantencarrouselspoor{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.klantencarrouselspoor::-webkit-scrollbar{display:none}