:root{--green:#40AE49;--green-deep:#2f8c3a;--purple:#e89cff;--ink:#0a130c;--mint:#dffbe0;--mint-soft:#e7f6e6;--muted:#5b665d;--line:#e3e8e3;--line-dark:rgba(255,255,255,.14);--r-lg:22px;--head:"Lemonmilk",Arial,sans-serif;--body:"Century Gothic","Caviar Dreams","Jost","Creato Display",system-ui,sans-serif;--ease:cubic-bezier(.22,.61,.36,1)}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.55}
.klp{font-family:var(--body);color:var(--ink)}
.klp img{display:block;max-width:100%}
.klp h1,.klp h2,.klp h3{font-family:var(--head);text-transform:uppercase;font-weight:500;line-height:1.12;letter-spacing:.01em}
.klp-wrap{max-width:1200px;margin:0 auto;padding:0 28px;width:100%}
.klp-sec{padding:clamp(64px,8vw,110px) 0}
.klp-sec.malt{background:var(--mint-soft)}
.klp-head{max-width:760px;margin:0 auto 48px;text-align:center}
.klp-head h2{font-size:clamp(1.9rem,4vw,3rem);margin-bottom:16px;color:#000}
.klp-head p{color:var(--muted);font-size:1.08rem}
.klp-btn{display:inline-flex;align-items:center;gap:14px;font-family:var(--head);font-weight:500;font-size:1rem;border-radius:100px;padding:13px 13px 13px 26px;cursor:pointer;border:none;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.klp-btn .i{width:36px;height:36px;border-radius:50%;background:var(--purple);display:grid;place-items:center;flex-shrink:0}
.klp-btn .i svg{width:14px;height:14px}
.klp-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -16px rgba(0,0,0,.5)}
.klp-btn-light{background:#fff;color:#000}
.klp-btn-ghost{background:transparent;color:#fff;border:1px solid var(--line-dark);padding:13px 26px}
.klp-btn-dark{background:var(--ink);color:#fff}
.klp-hero{background:#000;color:#fff;position:relative;overflow:hidden;padding:clamp(140px,16vw,200px) 0 clamp(90px,11vw,140px);text-align:center}
.klp-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(60% 90% at 32% 58%,rgba(168,52,150,.5),rgba(168,52,150,0) 60%),radial-gradient(55% 80% at 2% 100%,rgba(40,178,74,.45),rgba(40,178,74,0) 60%)}
.klp-hero .klp-wrap{position:relative;z-index:2}
.klp-logo{width:76px;height:76px;border-radius:20px;background:#fff;display:grid;place-items:center;margin:0 auto 22px;box-shadow:0 14px 30px -14px rgba(0,0,0,.55)}
.klp-logo img{width:44px;height:44px;object-fit:contain}
.klp-kicker{font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--green);margin-bottom:18px}
.klp-hero h1{font-size:clamp(2.3rem,5.4vw,4.4rem);max-width:22ch;margin:0 auto 22px;color:#fff}
.klp-hero h1 .g{color:var(--green)}
.klp-lead{color:rgba(255,255,255,.74);font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:56ch;margin:0 auto 34px}
.klp-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.klp-usps{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:42px}
.klp-usps span{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.85);font-size:.98rem}
.klp-usps svg{width:18px;height:18px;flex-shrink:0}
.klp-wave{position:absolute;left:0;right:0;bottom:-1px;height:clamp(46px,7vw,100px);line-height:0;pointer-events:none;z-index:3}
.klp-wave svg{width:100%;height:100%;display:block}
.klp-sec.malt.boog{position:relative}
.klp-sec.malt.boog::before,.klp-sec.malt.boog:not(.boog-eind)::after{content:"";position:absolute;left:0;right:0;height:clamp(34px,5vw,72px);background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;z-index:0}
.klp-sec.malt.boog::before{top:0;transform:translateY(-99%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,80 H1200 V35 C1000,0 800,70 600,35 C400,3 200,72 0,40 Z' fill='%23e7f6e6'/%3E%3C/svg%3E")}
.klp-sec.malt.boog:not(.boog-eind)::after{bottom:0;transform:translateY(99%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1200 V45 C1000,80 800,10 600,45 C400,77 200,8 0,40 Z' fill='%23e7f6e6'/%3E%3C/svg%3E")}
.klp-sec.malt.boog > *{position:relative;z-index:1}
.klp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.klp-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;transition:transform .4s var(--ease),box-shadow .4s}
.klp-card:hover{transform:translateY(-5px);box-shadow:0 30px 50px -36px rgba(0,0,0,.32)}
.klp-sec:not(.malt) .klp-card{background:var(--mint-soft)}
.klp-card h3{font-size:1.22rem;text-transform:none;font-family:var(--body);font-weight:700;margin-bottom:10px;color:#000}
.klp-card p{color:var(--muted);font-size:.98rem}
.klp-card .num{font-family:var(--head);font-weight:600;font-size:2rem;color:var(--green);margin-bottom:14px}
.klp-prose{max-width:760px;margin:0 auto}
.klp-prose p{color:var(--muted);font-size:1.06rem;margin-bottom:18px}
.klp-faqgrid{display:grid;grid-template-columns:.72fr 1.28fr;gap:48px;align-items:start}
.klp-faqperson,.klp-cta-person{width:84px;height:84px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 10px 26px -12px rgba(0,0,0,.4);background:var(--mint-soft)}
.klp-faqperson img,.klp-cta-person img{width:100%;height:100%;object-fit:cover;object-position:center}
.klp-cta-person{margin:0 auto 22px;position:relative}
.klp-faqside h2{font-size:clamp(1.9rem,3.4vw,2.8rem);margin:18px 0 22px;color:#000}
.klp-btn-outline{background:transparent;color:var(--ink);border:1px solid var(--line)}
.klp-faqs{border-top:1px solid var(--line)}
.klp-faq{border-bottom:1px solid var(--line)}
.klp-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-family:var(--head);text-transform:uppercase;font-size:1.1rem;color:var(--ink)}
.klp-faq summary::-webkit-details-marker{display:none}
.klp-faq summary:hover{color:var(--green-deep)}
.klp-faq .pm{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;flex-shrink:0;position:relative;transition:.3s}
.klp-faq .pm::before,.klp-faq .pm::after{content:"";position:absolute;background:var(--ink);transition:.3s}
.klp-faq .pm::before{width:12px;height:2px}
.klp-faq .pm::after{width:2px;height:12px}
.klp-faq[open] .pm{background:var(--green);border-color:var(--green)}
.klp-faq[open] .pm::before,.klp-faq[open] .pm::after{background:#fff}
.klp-faq[open] .pm::after{transform:rotate(90deg);opacity:0}
.klp-faq p{color:var(--muted);font-size:1.02rem;padding:0 0 24px;max-width:64ch}
.klp-split{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.klp-split h2{font-size:clamp(1.8rem,3.6vw,2.7rem);margin-bottom:18px;color:#000}
.klp-split p{color:var(--muted);font-size:1.05rem;margin-bottom:22px}
.klp-split .media{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/4.7;background:var(--mint-soft)}
.klp-split .media img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.klp-check{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:14px}
.klp-check li{display:flex;align-items:flex-start;gap:12px;font-size:1.02rem}
.klp-check .c{width:26px;height:26px;border-radius:50%;background:var(--green);display:grid;place-items:center;flex-shrink:0;margin-top:1px}
.klp-check .c svg{width:13px;height:13px}
.klp-cta{background:#dffbe0;border-radius:var(--r-lg);padding:clamp(44px,6vw,84px);text-align:center;position:relative;overflow:hidden}
.klp-cta::before{content:"";position:absolute;width:520px;height:520px;left:-160px;top:-260px;border-radius:50%;background:rgba(64,174,73,.1)}
.klp-cta h2{font-size:clamp(1.9rem,4.2vw,3.3rem);color:var(--ink);max-width:24ch;margin:0 auto 20px;position:relative}
.klp-cta p{color:#3a4a3c;font-size:1.05rem;max-width:50ch;margin:0 auto 32px;position:relative}
.klp-cta .klp-btn{position:relative}
@media(max-width:900px){.klp-cards{grid-template-columns:1fr}.klp-faqgrid{grid-template-columns:1fr;gap:24px}.klp-faqside{text-align:center}.klp-faqperson{margin:0 auto}.klp-faqside .klp-btn-outline{display:none}.klp-split .media{aspect-ratio:4/3.9}.klp-split{grid-template-columns:1fr;gap:30px}.klp-split h2,.klp-split p{text-align:center}.klp-split .klp-check{align-items:flex-start;display:inline-flex;text-align:left;margin-left:auto;margin-right:auto}.klp-split > div:first-child{text-align:center}.klp-split .klp-btn{margin:0 auto;display:inline-flex}}
@media(max-width:600px){.klp-wrap{padding:0 18px}.klp-hero{padding:130px 0 90px}.klp-hero h1{font-size:clamp(1.9rem,8vw,2.6rem)}
.klp-logo{width:64px;height:64px}.klp-logo img{width:38px;height:38px}
.klp-btns{flex-direction:column;align-items:stretch}.klp-btns .klp-btn{justify-content:space-between}.klp-btn-ghost{justify-content:center}
.klp-usps{gap:12px;flex-direction:column;align-items:center}.klp-usps span{font-size:.92rem}
.klp-card{padding:26px}.klp-cta{padding:34px 20px}}
.klp-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.klp-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.klp-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.62) 45%,rgba(0,0,0,.82))}
.klp-hero::before{z-index:1}
.klp-logo{margin-bottom:26px}

/* ===== zelfde uiterlijk voor paginas die nog de oude opbouw hebben ===== */
.klp-hero-bg{background:url(https://cdn.prod.website-files.com/6a4b7fd169f55b92ed8e68fc/6a707edf54179453c1d563e0_oa-mosswand-hero.webp) center 42%/cover no-repeat}
.klp-hero-bg img{display:none}
.klp-wrap:has(> .klp-faqs){display:grid;grid-template-columns:.72fr 1.28fr;gap:48px;align-items:start}
.klp-wrap:has(> .klp-faqs) > .klp-head{margin:0;text-align:left;max-width:none}
.klp-wrap:has(> .klp-faqs) > .klp-head::before{content:"";display:block;width:84px;height:84px;border-radius:50%;background:url(https://cdn.prod.website-files.com/6a4b7fd169f55b92ed8e68fc/6a7089b3400fc8e6614c2841_vincent-portret.webp) center/cover;border:3px solid #fff;box-shadow:0 10px 26px -12px rgba(0,0,0,.4);margin-bottom:18px}
.klp-wrap:has(> .klp-faqs) > .klp-head h2{font-size:clamp(1.9rem,3.4vw,2.8rem);margin:0 0 22px}
.klp-wrap:has(> .klp-faqs) > .klp-faqs{max-width:none;margin:0}
.klp-faq summary:not(:has(.pm))::after{content:"";width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 7h12M7 1v12' stroke='%230a130c' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat;flex-shrink:0;transition:.3s;font-size:0;color:transparent;transform:none}
.klp-faq[open] summary:not(:has(.pm))::after{background-color:var(--green);border-color:var(--green);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 7h12' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");transform:none}
.klp-cta:not(:has(.klp-cta-person)) h2::before{content:"";display:block;width:84px;height:84px;border-radius:50%;background:url(https://cdn.prod.website-files.com/6a4b7fd169f55b92ed8e68fc/6a7089b3400fc8e6614c2841_vincent-portret.webp) center/cover;margin:0 auto 22px;border:3px solid #fff;box-shadow:0 10px 26px -12px rgba(0,0,0,.4)}
@media(max-width:900px){
.klp-wrap:has(> .klp-faqs){grid-template-columns:1fr;gap:24px}
.klp-wrap:has(> .klp-faqs) > .klp-head{text-align:center}
.klp-wrap:has(> .klp-faqs) > .klp-head::before{margin-left:auto;margin-right:auto}
.klp-wrap:has(> .klp-faqs) > .klp-head .klp-btn-outline{display:none}
}