:root{--green:#1f8a5b;--green-d:#14603f;--gold:#b57e17;--ink:#16211b;--mut:#586a5f;--fai:#8a9a90;
  --paper:#ffffff;--soft:#f3f7f4;--soft2:#eaf3ee;--line:#e2e9e4;--radius:14px;--max:1080px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--green);text-decoration:none}
.col{max-width:760px;margin:0 auto;padding:0 22px}
.inner{max-width:var(--max);margin:0 auto;padding:0 22px}
h1,h2,h3{letter-spacing:-.02em;line-height:1.15}
.euro{color:var(--gold)}
.muted{color:var(--mut)}
.btn{display:inline-block;font-weight:700;font-size:15px;padding:13px 22px;border-radius:11px;border:2px solid transparent;cursor:pointer}
.btn.gold{background:var(--gold);color:#fff}
.btn.gold:hover{filter:brightness(1.06)}
.btn.ghost{background:transparent;color:var(--green);border-color:var(--green)}
.btn.ghost:hover{background:var(--soft2)}
/* header */
header.site{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.site .inner{display:flex;align-items:center;gap:20px;height:64px}
.logo{font-weight:800;font-size:19px;color:var(--ink);letter-spacing:-.02em}
.logo span{color:var(--green)}
.mainnav{display:flex;flex-wrap:wrap;gap:2px;margin-left:auto;align-items:center}
.mainnav a{color:var(--ink);font-size:14.5px;font-weight:500;padding:8px 12px;border-radius:9px}
.mainnav a:hover{background:var(--soft)}
.mainnav a.active{color:var(--green);font-weight:700}
.mainnav a.star{color:var(--gold);font-weight:700}
.mainnav a.shop{background:var(--green);color:#fff;font-weight:700;margin-left:6px}
.mainnav a.shop:hover{filter:brightness(1.05);background:var(--green)}
@media(max-width:860px){header.site .inner{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
  .mainnav{margin-left:0;width:100%}}
/* hero */
.hero{background:linear-gradient(160deg,var(--soft2),var(--soft) 70%);border-bottom:1px solid var(--line);padding:70px 0 60px}
.hero h1{font-size:clamp(30px,5.6vw,52px);margin:.1em 0 .35em;font-weight:800}
.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);font-weight:800;margin-bottom:14px}
.lead{font-size:clamp(17px,2.3vw,20px);color:var(--mut);max-width:60ch}
.herobtns{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 16px}
.trust{font-size:13.5px;color:var(--mut);font-weight:600}
/* generic sections */
section{padding:52px 0}
section h2{font-size:clamp(22px,3.4vw,30px);font-weight:800;margin:0 0 .5em}
.why{background:var(--paper)}
.steps{background:var(--soft)}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}
.scard{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.scard span{display:inline-flex;width:34px;height:34px;border-radius:9px;background:var(--soft2);color:var(--green);
  font-weight:800;align-items:center;justify-content:center;margin-bottom:10px}
.scard b{font-size:17px;display:block;margin-bottom:4px}
.scard p{margin:0;color:var(--mut);font-size:14.5px}
.igrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:10px}
.icard{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:block}
.icard:hover{border-color:var(--green);box-shadow:0 6px 24px rgba(20,96,63,.08)}
.icard b{font-size:18px;color:var(--ink);display:block;margin-bottom:6px}
.icard span{color:var(--mut);font-size:14px;display:block;margin-bottom:10px}
.icard em{color:var(--green);font-weight:700;font-style:normal;font-size:14px}
.kbinvite{background:var(--soft);text-align:center}
.kbinvite .lead{margin:0 auto 18px}
@media(max-width:760px){.sgrid,.igrid{grid-template-columns:1fr}}
/* advies hero */
.advies-hero{background:linear-gradient(160deg,var(--soft2),var(--soft) 70%);border-bottom:1px solid var(--line);padding:56px 0}
.advies-hero h1{font-size:clamp(26px,4.4vw,40px);font-weight:800;margin:.1em 0 .3em}
.adviesform{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-top:22px;max-width:560px}
.adviesform .row{display:flex;gap:12px;margin-bottom:12px}
.adviesform input,.adviesform textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--soft)}
.adviesform textarea{min-height:80px;margin-bottom:14px;resize:vertical}
.adviesform .trust{margin-top:12px}
@media(max-width:600px){.adviesform .row{flex-direction:column}}
/* article */
article.kennis{padding:0}
/* volle-breedte blokken, afwisselend licht/donker; bredere leeskolom */
.band{padding:44px 0}
.band>.col{max-width:940px;margin:0 auto;padding:0 28px}
.band.kop{background:linear-gradient(160deg,var(--soft2),var(--soft) 70%);border-bottom:1px solid var(--line);padding:40px 0 38px}
.band.kop .col{max-width:1000px}
.band.kop .crumb,.band.kop .crumb a{color:var(--mut)}
.band.kop h1,.band.kop h2{color:var(--ink);max-width:none;font-size:clamp(28px,4.6vw,42px);font-weight:800;margin:.1em 0 .3em}
.band.kop .byline{color:var(--mut);border-bottom:1px solid var(--line)}
.kopbtn{display:inline-block;margin-top:16px}
.band.licht{background:var(--paper)}
.band.donker{background:var(--soft2)}
.band.licht+.band.licht,.band.donker+.band.donker{border-top:1px solid var(--line)}
.crumb{font-size:12.5px;color:var(--mut);margin-bottom:12px}
.crumb a{color:var(--mut)} .crumb span{color:var(--ink)}
article.kennis h1{font-size:clamp(28px,4.6vw,42px);font-weight:800;margin:.1em 0 .3em}
.introwrap{display:flex;gap:30px;align-items:flex-start}
.introwrap .introtext{flex:1;min-width:0}
.introwrap .introtext h2{margin-top:0}
.introwrap .introfig{flex:0 0 44%;margin:0}
.introwrap .introfig img{width:100%;max-width:480px;aspect-ratio:4/3;object-fit:cover;height:auto;
  border-radius:14px;box-shadow:0 6px 24px rgba(20,96,63,.12)}
@media(max-width:720px){.introwrap{flex-direction:column-reverse} .introwrap .introfig{flex-basis:auto;width:100%}
  .introwrap .introfig img{max-width:100%}}
.calloutbox{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:14px;padding:20px 24px}
.calloutbox h3{margin:.1em 0 .4em;font-size:19px;color:var(--ink);font-weight:800}
.calloutbox p{margin:0 0 14px;color:var(--ink);font-family:-apple-system,sans-serif;font-size:15.5px}
.calloutbox a{color:var(--green);font-weight:600} .calloutbox a.btn{color:#fff}
.leadbox{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:14px;
  padding:22px 24px;display:flex;gap:26px;flex-wrap:wrap;align-items:center}
.leadbox .lead-l{flex:1;min-width:240px}
.lead-tag{display:inline-block;background:var(--gold);color:#fff;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;letter-spacing:.03em}
.leadbox h3{margin:.45em 0 .3em;font-size:19px;font-weight:800}
.leadbox p{margin:0;color:var(--ink);font-family:-apple-system,sans-serif;font-size:15px}
.leadform{flex:0 0 300px;display:flex;flex-direction:column;gap:10px}
.leadform input{padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;width:100%}
.leadform .lead-note{font-size:12px;color:var(--mut)}
@media(max-width:640px){.leadform{flex-basis:auto;width:100%}}
.byline{font-size:13.5px;color:var(--mut);border-bottom:1px solid var(--line);padding-bottom:14px;margin:14px 0 4px}
article.kennis .col p,article.kennis .col li{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.75}
article.kennis .band>.col>h2:first-child{margin-top:0}
article.kennis h2{font-size:23px;font-weight:800;margin:1.5em 0 .3em;scroll-margin-top:80px}
.toc{margin:22px 0 4px;padding:16px 20px;background:var(--soft);border:1px solid var(--line);border-radius:12px}
.toc-h{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700;margin-bottom:8px}
.toc ul{margin:0;padding:0;list-style:none;columns:2;column-gap:28px}
@media(max-width:600px){.toc ul{columns:1}}
.toc li{padding:5px 0;break-inside:avoid}
.toc a{color:var(--green);font-size:14.5px;font-weight:600;font-family:-apple-system,sans-serif}
.toc a:hover{text-decoration:underline}
article.kennis h2.faq-h{margin-top:1.7em}
article.kennis h3{font-size:18px;margin:1.3em 0 .2em}
article.kennis h3 a{color:var(--green)} article.kennis h3 a:hover{text-decoration:underline}
details.faq{border-bottom:1px solid var(--line)}
details.faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:17.5px;color:var(--ink);
  padding:16px 34px 16px 0;position:relative;font-family:-apple-system,sans-serif}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";position:absolute;right:4px;top:12px;color:var(--green);font-weight:800;font-size:24px;line-height:1}
details.faq[open] summary::after{content:"\2013"}
details.faq summary:hover{color:var(--green)}
details.faq .faq-a{padding:0 0 16px}
details.faq .faq-a p:first-child{margin-top:0}
.tablewrap{overflow-x:auto;margin:1.3em 0;border:1px solid var(--line);border-radius:12px}
table{border-collapse:collapse;width:100%;font-size:15px;min-width:520px}
th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--soft2);color:var(--green);font-size:12.5px;text-transform:uppercase;letter-spacing:.03em}
tbody tr:last-child td{border-bottom:none}
.authorbox{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--green);
  border-radius:12px;padding:16px 20px;margin:30px 0 10px}
.ab-h{font-weight:800;color:var(--green);margin-bottom:.3em;font-size:14px}
.authorbox p{margin:0;font-size:15px;color:var(--ink)}
.leesverder{padding:8px 0 0}
.leesverder h3{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin:0 0 .5em}
.lv{display:flex;flex-wrap:wrap;gap:8px}
.lv a{background:var(--soft2);color:var(--green);padding:7px 13px;border-radius:8px;font-size:14px;font-weight:600}
.lv a:hover{background:var(--soft)}
/* clustergrid */
.soorten .soort-intro{color:var(--mut);margin:.2em 0 1em;font-family:-apple-system,sans-serif;font-size:15px}
.soorten .tgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(min-width:820px){.soorten .tgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.soorten .tgrid{grid-template-columns:1fr}}
.tcard{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:block}
.tcard:hover{border-color:var(--green);box-shadow:0 4px 16px rgba(20,96,63,.08)}
.tcard b{display:block;color:var(--ink);font-size:15.5px;margin-bottom:4px}
.tcard span{color:var(--mut);font-size:13.5px;font-family:-apple-system,sans-serif}
.hub .cnt{color:var(--green);font-size:14px;font-weight:700}
.hub-toc{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 22px}
.hub-toc a{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:6px 14px;font-size:13px;color:var(--green);font-weight:600}
.hub-toc a:hover{background:var(--green);color:#fff;border-color:var(--green)}
.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:640px){.hub-grid{grid-template-columns:1fr}}
.hub-thema{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.hub-thema h3{margin:0 0 .5em;font-size:15px;color:var(--ink);font-weight:800}
.hub-thema ul{list-style:none;margin:0;padding:0}
.hub-thema li{padding:6px 0;border-bottom:1px solid var(--line)}
.hub-thema li:last-child{border-bottom:none}
.hub-thema a{color:var(--ink);font-size:14.5px}
.hub-thema a:hover{color:var(--green)}
.hub-thema li.huidig{color:var(--green);font-weight:700;font-size:14.5px}
.hub-thema li.huidig span{background:var(--soft2);color:var(--green);font-size:11px;font-weight:700;padding:1px 7px;border-radius:20px;margin-left:6px}
.clustergrid{background:var(--soft);border-top:1px solid var(--line)}
.clustergrid h2{max-width:900px;margin:0 auto .8em;padding:0 22px;font-size:22px;font-weight:800}
.clustergrid .cnt{color:var(--green);font-size:14px;font-weight:700}
.cgrid{max-width:900px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ccard{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:15px}
.ccard:hover{border-color:var(--green)}
.ccard b{display:block;color:var(--ink);margin-bottom:5px;font-size:15px}
.ccard span{color:var(--mut);font-size:13px}
@media(max-width:640px){.cgrid{grid-template-columns:1fr}}
/* pagehead + kennisbank */
.pagehead{background:linear-gradient(160deg,var(--soft2),var(--soft) 70%);border-bottom:1px solid var(--line);padding:52px 0}
.pagehead h1{font-size:clamp(28px,4.6vw,42px);font-weight:800;margin:.1em 0 .3em}
.pagehead.center{text-align:center}
.kbsilo{padding:26px 0;border-bottom:1px solid var(--line)}
.kbpillar{display:inline-block;font-size:19px;font-weight:800;color:var(--ink);margin-bottom:12px}
.kbpillar span{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);
  background:var(--soft2);padding:2px 8px;border-radius:6px;margin-right:8px;vertical-align:middle}
.kblist{display:flex;flex-wrap:wrap;gap:8px}
.kblist a{background:var(--soft);border:1px solid var(--line);color:var(--ink);padding:7px 12px;border-radius:8px;font-size:14px}
.kblist a:hover{border-color:var(--green);color:var(--green)}
/* cta band */
.ctaband{background:var(--green-d);color:#fff;padding:44px 0}
.ctaband .inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.ctaband h2{color:#fff;margin:0 0 .2em;font-size:24px}
.ctaband p{margin:0;color:#d6ece0;max-width:52ch}
.ctaband p b{color:#fff}
.ctaband .btn{margin-left:auto}
/* footer */
footer{background:var(--ink);color:#c7d3cc;padding:44px 0 20px;font-size:14px}
.fcols{max-width:var(--max);margin:0 auto;padding:0 22px;display:flex;gap:40px;flex-wrap:wrap}
.fbrand{max-width:340px}.fbrand b{color:#fff;font-size:16px}
.fbrand p{color:#9fb0a6;margin:.4em 0 0}
.flinks{display:flex;flex-wrap:wrap;gap:6px 18px;align-content:flex-start}
.flinks a{color:#c7d3cc}
.fbase{max-width:var(--max);margin:26px auto 0;padding:16px 22px 0;border-top:1px solid #2a3a31;color:#7f9187;font-size:12.5px}
.fcol{display:flex;flex-direction:column;gap:6px;min-width:150px}
.fcol b{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.fcol a{color:#c7d3cc}

/* ===== nieuwe homepage ===== */
.btn.green{background:var(--green);color:#fff}
.btn.green:hover{filter:brightness(1.06)}
.hp-hero{background:linear-gradient(160deg,var(--soft2),var(--soft) 72%);border-bottom:1px solid var(--line);padding:56px 0}
.hp-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hp-hero-txt h1{font-size:clamp(30px,4.7vw,50px);font-weight:800;margin:.08em 0 .32em}
.hp-hero .herobtns{margin:24px 0 18px}
.hp-usp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;max-width:520px}
.hp-usp li{position:relative;padding-left:26px;font-size:14.5px;font-weight:600;color:var(--ink)}
.hp-usp li::before{content:"✔";position:absolute;left:0;color:var(--green);font-weight:800}
.hp-hero-fig{margin:0}
.hp-hero-fig img{width:100%;height:auto;border-radius:18px;box-shadow:0 18px 44px rgba(20,96,63,.16)}

.hp-keuze{background:var(--green-d);color:#fff;padding:30px 0}
.hp-keuze h2{color:#fff;font-size:20px;margin:0 0 16px;text-align:center}
.hp-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.hp-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.25);
  color:#fff;font-weight:600;font-size:14.5px;padding:10px 16px;border-radius:30px}
.hp-chip span{font-size:17px}
.hp-chip:hover{background:#fff;color:var(--green-d);border-color:#fff}

.hp-sec{padding:56px 0}
.hp-sec.alt{background:var(--soft)}
.hp-h{text-align:center;max-width:660px;margin:0 auto 30px}
.hp-h.left{text-align:left;margin:0 0 18px}
.hp-h h2{font-size:clamp(24px,3.4vw,34px);font-weight:800;margin:0 0 .3em}
.hp-h p{color:var(--mut);margin:0;font-size:17px}

.diensten{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dcard{display:flex;flex-direction:column;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:26px 24px;transition:transform .12s,box-shadow .12s}
.dcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,96,63,.12)}
.dcard.hoofd{border-color:var(--green);box-shadow:0 0 0 1px var(--green) inset}
.dcard .di{font-size:32px;line-height:1}
.dcard h3{margin:0;font-size:19px;font-weight:800}
.dcard p{margin:0;color:var(--mut);font-size:14.5px;flex:1}
.drow{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.dtag{background:var(--soft2);color:var(--green);font-weight:700;font-size:12.5px;padding:3px 10px;border-radius:20px}
.dcard.hoofd .dtag{background:var(--gold);color:#fff}
.dcard em{color:var(--green);font-weight:700;font-style:normal;font-size:13.5px}
@media(max-width:900px){.diensten{grid-template-columns:1fr}}

.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hcard{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:16px;
  overflow:hidden;transition:transform .12s,box-shadow .12s}
.hcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,96,63,.12)}
.hcard-img{aspect-ratio:16/10;overflow:hidden;background:var(--soft2)}
.hcard-img img{width:100%;height:100%;object-fit:cover;display:block}
.hcard-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.hcard-b b{font-size:18px;color:var(--ink)}
.hcard-b span{color:var(--mut);font-size:14.5px;flex:1}
.hcard-b em{color:var(--green);font-weight:700;font-style:normal;font-size:13.5px}

.whygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.whycard{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:26px 20px;text-align:center}
.whyi{font-size:34px;line-height:1;margin-bottom:12px}
.whycard h3{font-size:17px;margin:0 0 .4em;font-weight:800}
.whycard p{margin:0;color:var(--mut);font-size:14.5px}

.help2{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.help-fig{margin:0}.help-fig img{width:100%;height:auto;border-radius:16px}
.helpsteps{list-style:none;counter-reset:s;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.helpsteps li{counter-increment:s;position:relative;padding-left:60px;min-height:44px}
.helpsteps li::before{content:counter(s);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;
  background:var(--green);color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center}
.helpsteps b{display:block;font-size:17px}
.helpsteps span{color:var(--mut);font-size:14.5px}

.poplist{display:grid;grid-template-columns:1fr 1fr;gap:2px 34px;max-width:820px;margin:0 auto}
.poplist a{display:flex;gap:12px;align-items:baseline;padding:14px 4px;border-bottom:1px solid var(--line);
  color:var(--ink);font-size:16px;font-weight:600}
.poplist a span{color:var(--green);font-weight:800}
.poplist a:hover{color:var(--green)}

.hp-praktijk{padding:0}
.praktijk{display:grid;grid-template-columns:1.1fr .9fr;gap:0;align-items:stretch}
.praktijk-fig{margin:0}.praktijk-fig img{width:100%;height:100%;object-fit:cover;display:block;min-height:320px}
.praktijk-txt{background:var(--soft2);padding:52px 44px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.praktijk-txt h2{font-size:clamp(24px,3.2vw,32px);font-weight:800;margin:.1em 0 .3em}
.praktijk-txt p{color:var(--ink);margin:0 0 14px}
.small{font-size:13px}

.hp-advies{background:var(--green-d);color:#fff;padding:56px 0}
.advies2 .kicker.light{color:#9fe0c1}
.advies-txt{max-width:720px}
.advies-txt h2{color:#fff;font-size:clamp(24px,3.4vw,34px);font-weight:800;margin:0 0 .3em}
.advies-txt>p{color:#d6ece0;margin:0 0 16px}
.advieslijst{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:10px 14px}
.advieslijst li{position:relative;padding:7px 14px 7px 32px;background:rgba(255,255,255,.08);border-radius:24px;font-weight:600;font-size:14.5px}
.advieslijst li::before{content:"✓";position:absolute;left:13px;color:#7fe0b3;font-weight:800}
.advies-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.vanaf{font-size:19px}.vanaf b{font-size:24px;color:#fff}

.overray{display:grid;grid-template-columns:.7fr 1.3fr;gap:44px;align-items:center}
.ray-fig{margin:0}.ray-fig img{width:100%;max-width:320px;height:auto;border-radius:16px}
.ray-txt h2{font-size:28px;font-weight:800;margin:.1em 0 .3em}
.ray-txt p{color:var(--mut);margin:0 0 12px}

.kb12{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:820px;margin:0 auto}
.kb12 a{background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:10px 20px;font-weight:700;font-size:15px;color:var(--ink)}
.kb12 a:hover{background:var(--green);color:#fff;border-color:var(--green)}

.laatste{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lcard{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.lcard:hover{box-shadow:0 12px 26px rgba(20,96,63,.10)}
.lcard-img{aspect-ratio:16/9;background:var(--soft2);overflow:hidden}
.lcard-img img{width:100%;height:100%;object-fit:cover;display:block}
.lcard-b{padding:14px 16px 16px}
.lcard-b b{font-size:16px;color:var(--ink);display:block;margin-bottom:6px}
.lmeta{color:var(--fai);font-size:12.5px}

.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rcard{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px}
.stars{color:var(--gold);letter-spacing:2px;margin-bottom:10px}
.rcard blockquote{margin:0 0 14px;font-size:15.5px;line-height:1.6;color:var(--ink)}
.rcard figcaption{color:var(--mut);font-weight:700;font-size:14px}

@media(max-width:900px){
  .hp-hero-in{grid-template-columns:1fr;gap:28px}.hp-hero-fig{order:-1}
  .cardgrid,.laatste,.reviews{grid-template-columns:1fr 1fr}
  .whygrid{grid-template-columns:1fr 1fr}
  .help2,.praktijk,.overray{grid-template-columns:1fr}
  .praktijk-fig img{min-height:220px}
}
@media(max-width:600px){
  .cardgrid,.laatste,.reviews,.whygrid,.poplist,.hp-usp{grid-template-columns:1fr}
}