/* Ecogilde Kenniscentrum – gedeelde stijl (op basis van de schets van 9 okt 2026) */
body{margin:0;background:#f8f7f3}
*{box-sizing:border-box}
a{color:#5d7c4c}
.p{background:#f8f7f3;color:#22303F;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:17px;line-height:1.65;min-height:100vh}
.p h1,.p h2,.p h3{color:#142941;line-height:1.18;letter-spacing:-.02em;margin:0 0 .6em}
.p h1{font-size:clamp(1.9rem,5vw,2.9rem);font-weight:800}.p h2{font-size:clamp(1.35rem,3vw,1.8rem);font-weight:700}.p h3{font-size:1.1rem;font-weight:700}
.w{max-width:1100px;margin:0 auto;padding:0 22px}.smal{max-width:780px}
.knop{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:6px;text-decoration:none;border:0;font:inherit;font-weight:600;cursor:pointer;text-align:center}
.knop.groen{background:#5d7c4c;color:#fff}.knop.groen:hover{background:#4e6b3f;color:#fff}
.knop.rand{border:2px solid #5d7c4c;color:#5d7c4c;background:transparent}
.knop.wit{background:#fff;color:#5d7c4c}.knop.randwit{border:2px solid rgba(255,255,255,.7);color:#fff}
.sectie{padding:64px 0}.sectie.wit{background:#fff}.sectie.navy{background:#142941;color:#c6cfdb}.sectie.navy h2{color:#fff}
.sub{color:#5C6B7A;font-size:1.08rem;max-width:44em}
.eco-kop{position:sticky;top:0;z-index:60;background:rgba(251,250,247,.95);border-bottom:1px solid #E2DED6}
.eco-binnen{max-width:1140px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.eco-logo img{height:54px;width:auto;display:block}
.eco-nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px 26px}
.eco-nav a{color:#142941;text-decoration:none;font-size:.94rem;font-weight:500;white-space:nowrap;line-height:1.4}
.eco-nav a:hover{color:#4E8B28}.eco-nav a[aria-current]{color:#4E8B28;font-weight:600}
.eco-inlog{border:1.5px solid #142941;color:#142941;text-decoration:none;font-weight:600;font-size:.9rem;padding:8px 16px;border-radius:999px;white-space:nowrap}.eco-inlog:hover{background:#142941;color:#fff}
.eco-voet{background:#142941;border-top:1px solid rgba(255,255,255,.09);color:#9FB0C2;padding:46px 0 40px;font-size:.92rem;line-height:1.7}
.eco-voet-in{max-width:1140px;margin:0 auto;padding:0 22px;display:flex;justify-content:space-between;align-items:center;gap:20px 40px;flex-wrap:wrap}
.eco-voet-logo img{height:54px;width:auto;display:block}
.eco-voet-noot{color:#8FA2B5;max-width:40ch;margin:0}.eco-voet a{color:#D6E1EB}
.eco-voet-nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px 26px}
.eco-voet-nav a{color:#D6E1EB;text-decoration:none;font-weight:500;white-space:nowrap}.eco-voet-nav a:hover{color:#fff;text-decoration:underline}
.hero{background:#142941;color:#fff}.hero .w{padding:84px 22px 96px}
.hero h1{color:#fff;max-width:15em}.hero p{font-size:1.18rem;max-width:34em;color:#e6ebf2;margin:0}
.acties{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.vink{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-weight:600;font-size:.95rem}
.zoek{display:flex;flex-wrap:wrap;gap:10px;max-width:640px;margin-top:30px}
.zoek input{flex:1 1 280px;min-height:52px;padding:0 18px;border:0;border-radius:6px;font:inherit;color:#22303F;background:#fff}
.al-project{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #E2DED6;border-radius:14px;padding:14px 18px;margin:-28px auto 8px;position:relative;z-index:2;max-width:760px;text-decoration:none;color:#22303F;box-shadow:0 10px 30px rgba(20,41,65,.12)}
.al-project.twee{margin:0 auto 8px}
.kruimel-licht{font-size:.88rem;color:#c6cfdb;margin-bottom:18px}.kruimel-licht a{color:#c6cfdb}
.kern{padding-top:56px}.kern p{margin:0 0 .9em;color:#22303F}
.vk h3.vt{margin:0 !important;font-size:1.08rem;line-height:1.35;color:#142941}
.al-project:hover{border-color:#5d7c4c}.al-project b{color:#142941}
.al-ico{flex:none;width:40px;height:40px;border-radius:50%;background:#eef2ea;color:#5d7c4c;display:grid;place-items:center;font-weight:800}
.al-pijl{margin-left:auto;color:#5d7c4c;font-weight:800}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.pk{background:#fff;border:1px solid #E2DED6;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:8px}
.pk strong{color:#142941;font-size:1.15rem}.pk p{margin:0 0 10px;color:#5C6B7A;font-size:.95rem}.pk .knop{margin-top:auto;align-self:flex-start}
.pk.promo{background:#142941;border-color:#142941}.pk.promo strong{color:#fff}.pk.promo p{color:#c6cfdb}
.nr{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#5d7c4c;color:#fff;font-weight:700;margin-bottom:6px}
.nr.licht{background:#eef2ea;color:#5d7c4c}
.kl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.kl{border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:4px;cursor:pointer;text-align:left;font:inherit;min-height:44px}
.kl:hover{border-color:#5d7c4c !important}.kl strong{color:#142941}.kl span{color:#5C6B7A;font-size:.9rem}
.grid-k{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.vk{background:#fff;border:1px solid #E2DED6;border-radius:14px;text-decoration:none;color:#22303F;display:flex;flex-direction:column}
.vk:hover{border-color:#5d7c4c;box-shadow:0 8px 24px rgba(20,41,65,.08)}
.vk .in{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.vk strong{color:#142941;font-size:1.08rem;line-height:1.35}.vk .r{color:#5C6B7A;font-size:.88rem}
.vk p{margin:0;color:#5C6B7A;font-size:.93rem}
.vk em{font-style:normal;color:#5d7c4c;font-weight:600;font-size:.92rem;margin-top:auto;padding-top:6px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.chips li{background:#F3ECE1;color:#142941;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:500}
.tim{display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:center}
.tim img{border-radius:18px;aspect-ratio:4/5;object-fit:cover;object-position:38% 50%;width:100%;display:block}
.drie{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.drie a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:24px;text-decoration:none;color:#c6cfdb}
.drie a strong{display:block;color:#fff;font-size:1.15rem;margin-bottom:6px}.drie a:hover{border-color:#61A933}
.faq details{border-bottom:1px solid #E2DED6}.faq details:first-child{border-top:1px solid #E2DED6}
.faq summary{cursor:pointer;list-style:none;padding:18px 36px 18px 0;position:relative;font-weight:600;color:#142941}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:4px;top:13px;font-size:1.5rem;color:#5d7c4c}
.faq details[open] summary::after{content:'–'}.faq details p{margin:0 0 18px;color:#5C6B7A}
.cta-band{background:#5d7c4c;color:#fff;border-radius:18px;padding:36px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-band h2{color:#fff !important;margin:0 0 6px !important}.cta-band p{margin:0;color:#e8efe3}
.mat-balk{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #E2DED6;border-radius:14px;padding:16px 20px;margin-top:16px;text-decoration:none;color:#22303F}
.mat-balk:hover{border-color:#5d7c4c}.mat-balk b{color:#142941}
.mat-r{flex:none;width:44px;height:44px;border-radius:12px;background:#2F3E36;color:#fff;font-weight:800;display:grid;place-items:center}
.drie.vier{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.drie.vier{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.drie.vier{grid-template-columns:1fr}}
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.persoon{padding:0;overflow:hidden;gap:0}
.persoon img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:42% 30%;display:block}
.persoon .in{padding:22px 24px 24px;display:flex;flex-direction:column;gap:6px}
.persoon .r{color:#5C6B7A;font-size:.9rem}.persoon p{margin:4px 0 0}
.re-kop{aspect-ratio:16/9;background:#2F3E36;display:grid;place-items:center}
.re-kop span{width:96px;height:96px;border-radius:22px;background:rgba(255,255,255,.1);color:#fff;font-weight:800;font-size:2.4rem;display:grid;place-items:center}
.soort{align-self:flex-start;background:#F3ECE1;color:#5d7c4c;font-size:.76rem;font-weight:700;border-radius:999px;padding:3px 10px;margin-bottom:4px}
@media (max-width:860px){.tim{grid-template-columns:1fr}.tim img{max-width:320px}.drie{grid-template-columns:1fr}}
@media (max-width:560px){.hero .w{padding:56px 20px 64px}.knop{width:100%}}
@media (max-width:820px){.eco-inlog{display:none}}
.eco-nav a,.eco-mob nav a{color:#142941;text-decoration:none;font-size:.94rem;font-weight:500;white-space:nowrap;line-height:1.4}
.eco-nav a:hover,.eco-mob nav a:hover{color:#4E8B28}
.eco-nav a[aria-current],.eco-mob nav a[aria-current]{color:#4E8B28;font-weight:600}
.eco-mob{display:none;border:0!important;padding:0!important;margin:0!important}
.eco-mob summary{padding:0!important;margin:0!important;border:0!important;background:none!important;font-size:0!important;line-height:0!important}
.eco-mob summary::before,.eco-mob summary::after{content:none!important;display:none!important}
.eco-mob summary{list-style:none;cursor:pointer;width:46px;height:46px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:6px}
.eco-mob summary::-webkit-details-marker{display:none}
.eco-mob summary span{display:block;width:24px;height:2.5px;background:#142941;border-radius:2px;transition:transform .2s,opacity .2s}
.eco-mob[open] summary span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.eco-mob[open] summary span:nth-child(2){opacity:0}
.eco-mob[open] summary span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.eco-mob nav p,.eco-mob p{display:none}
.eco-mob nav{position:absolute;left:0;right:0;top:100%;background:#FBFAF7;border-bottom:1px solid #E2DED6;box-shadow:0 14px 26px rgba(20,41,65,.09);display:flex;flex-direction:column;padding:6px 22px 14px}
.eco-mob nav a{padding:14px 0;border-bottom:1px solid #E2DED6;font-size:1.02rem}
.eco-mob nav a:last-child{border-bottom:none}
@media (max-width:820px){.eco-nav{display:none}.eco-mob{display:block}}
@media (max-width:640px){.eco-binnen{padding:10px 18px}.eco-logo img{height:46px}
  .eco-voet{padding:36px 0 32px;text-align:center}.eco-voet-in{flex-direction:column;gap:20px}.eco-voet-logo{justify-content:center}.eco-voet-logo img{height:50px}.eco-voet-noot{max-width:34ch}.eco-voet-nav{justify-content:center}}
@media (prefers-reduced-motion:reduce){.eco-mob summary span{transition:none}}

/* --- Kenniscentrum: formulieren, antwoorden, eigen pagina's --- */
:root{--bg:#f8f7f3;--wit:#fff;--navy:#142941;--ink:#22303F;--muted:#5C6B7A;--green:#5d7c4c;--green-d:#4e6b3f;--lime:#61A933;--line:#E2DED6;--sand:#F3ECE1}
:focus-visible{outline:3px solid #2f5a8a;outline-offset:2px}
.kc-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}
.kc-form label{display:block;font-weight:600;color:var(--navy);margin:0 0 6px}
.kc-form .h,.kc-h{font-weight:400;color:var(--muted);font-size:.88rem}
.kc-form input,.kc-form textarea,.kc-form select{width:100%;font:inherit;font-size:16px;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:16px;background:#fff;color:var(--ink)}
.kc-form textarea{min-height:150px;resize:vertical}
.kc-form input:focus,.kc-form textarea:focus,.kc-form select:focus{outline:none;border-color:var(--green)}
.kc-twee{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:640px){.kc-twee{grid-template-columns:1fr}}
.kc-keuze{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.kc-keuze label{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:10px;padding:10px 14px;font-weight:500;cursor:pointer;margin:0}
.kc-keuze input{width:auto;margin:0}.kc-keuze label:has(input:checked){border-color:var(--green);background:#eef2ea}
.kc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.kc-fout{color:#a8321e;font-weight:600;margin:0 0 12px}
.kc-ok{background:#eef2ea;border:1px solid #cfdcc5;border-radius:14px;padding:22px}
.kc-antw{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin:0 0 14px}
.kc-antw-kop{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.kc-avatar{flex:none;width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;display:grid;place-items:center;overflow:hidden}
.kc-avatar img{width:100%;height:100%;object-fit:cover}
.kc-antw-kop b{color:var(--navy);display:block}.kc-antw-kop span{color:var(--muted);font-size:.88rem}
.kc-antw-tekst p{margin:0 0 .8em}
.kc-vraagblok{background:var(--sand);border-radius:14px;padding:20px 22px;margin:0 0 22px}
.kc-vraagblok p{margin:0}
.kc-lijst-mini{list-style:none;padding:0;margin:0}.kc-lijst-mini li{border-bottom:1px solid var(--line)}
.kc-lijst-mini a{display:block;padding:12px 0;text-decoration:none;color:var(--navy);font-weight:600}.kc-lijst-mini a:hover{color:var(--green)}
.kc-leeg{color:var(--muted);padding:20px 0}
html.kc-dicht body{visibility:hidden}
.kc-voorbeeldbalk{font-family:'Inter',system-ui,sans-serif;background:#fff4d6;color:#5b4300;text-align:center;font-size:.9rem;padding:8px 16px;border-bottom:1px solid #ecd9a0}
.kc-zoekuitslag{margin-top:14px;color:#e6ebf2;font-size:.95rem}
.kc-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 22px}
.kc-filters button{background:#fff;border:1.5px solid #E2DED6;border-radius:12px;padding:14px 16px;text-align:left;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-height:44px}
.kc-filters button strong{color:#142941}.kc-filters button span{color:#5C6B7A;font-size:.85rem}
.kc-filters button[aria-pressed="true"]{border-color:#5d7c4c;background:#eef2ea}
.kc-filters button:hover{border-color:#5d7c4c}
.kc-meer{margin-top:22px;text-align:center}
.kc-persoon-r{display:grid;place-items:center;aspect-ratio:4/3;background:#2F3E36}
.kc-persoon-r span{width:84px;height:84px;border-radius:18px;background:rgba(255,255,255,.1);color:#fff;font-weight:800;font-size:2rem;display:grid;place-items:center}
.persoon img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:38% 40%;display:block}
.persoon .in{padding:18px 22px 22px}
.kc-label{display:inline-block;background:#F3ECE1;color:#142941;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600;margin-bottom:8px}
.kc-vraagpagina h1{font-size:clamp(1.6rem,4vw,2.3rem)}
.kc-gerel{background:#fff;border:1px solid #E2DED6;border-radius:14px;padding:18px 22px;margin-top:26px}
.kc-antw-kop .kc-avatar{color:#fff;font-size:.95rem}
.kc-vinkje{display:flex !important;gap:12px;align-items:flex-start;background:#eef2ea;border:1.5px solid #cfdcc5;border-radius:12px;padding:14px 16px;margin:0 0 16px !important;font-weight:400 !important;cursor:pointer}
.kc-vinkje input{width:20px !important;height:20px;margin:3px 0 0 !important;flex:none;accent-color:#5d7c4c}
.kc-nuttig{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid #E2DED6;border-bottom:1px solid #E2DED6;padding:16px 0;margin:22px 0}
.kc-nuttig b{color:#142941;margin-right:4px}
.kc-nuttig button,.kc-deel a,.kc-deel button{font:inherit;font-size:.92rem;font-weight:600;border:1.5px solid #E2DED6;background:#fff;color:#142941;border-radius:999px;padding:8px 16px;cursor:pointer;text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
.kc-nuttig button:hover,.kc-deel a:hover,.kc-deel button:hover{border-color:#5d7c4c;color:#5d7c4c}
.kc-deel{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.kc-antw-tekst ul,.kc-antw-tekst ol{margin:0 0 .8em;padding-left:1.3em}.kc-antw-tekst li{margin:0 0 .3em}
.kc-vakman-blok{background:#fff;border:2px solid #5d7c4c;border-radius:16px;padding:24px;margin-top:26px;scroll-margin-top:90px}
/* rustigere hoofdpagina */
.kc-hero .w{padding:64px 22px 72px}
.kc-hero-sub{font-size:1rem !important;margin-top:16px !important;color:#c6cfdb !important}.kc-hero-sub a{color:#fff}
.kc-kopregel{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:14px}.kc-kopregel h2{margin:0}
.kc-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.kc-pills button{font:inherit;font-size:.92rem;font-weight:600;color:#142941;background:#fff;border:1.5px solid #E2DED6;border-radius:999px;padding:7px 15px;cursor:pointer;min-height:40px}
.kc-pills button span{color:#5C6B7A;font-weight:500;margin-left:2px}
.kc-pills button:hover{border-color:#5d7c4c}
.kc-pills button[aria-pressed="true"]{background:#142941;border-color:#142941;color:#fff}.kc-pills button[aria-pressed="true"] span{color:#c6cfdb}
.kc-kolommen{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
@media (max-width:900px){.kc-kolommen{grid-template-columns:minmax(0,1fr)}}
.kc-zij{display:flex;flex-direction:column;gap:16px;position:sticky;top:100px}
@media (max-width:900px){.kc-zij{position:static}}
.kc-zijblok{background:#fff;border:1px solid #E2DED6;border-radius:16px;padding:20px 22px}
.kc-zijblok h3{margin:0 0 12px;font-size:1.02rem}.kc-zijblok p{margin:0 0 14px;color:#5C6B7A;font-size:.95rem}
.kc-zij-groen{background:#5d7c4c;border-color:#5d7c4c}.kc-zij-groen h3{color:#fff}.kc-zij-groen p{color:#e8efe3}.kc-zij-groen .knop{width:100%}
.kc-wie{display:flex;gap:12px;align-items:center;padding:8px 0}
.kc-wie img,.kc-wie-r{flex:none;width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:38% 35%}
.kc-wie-r{display:grid;place-items:center;background:#2F3E36;color:#fff;font-weight:800}
.kc-wie b{display:block;color:#142941;line-height:1.3}.kc-wie span{color:#5C6B7A;font-size:.86rem;line-height:1.4;display:block}
.kc-zijblok .kc-lijst-mini a{font-size:.95rem;padding:10px 0}
.kc-wie .kc-wie-r{color:#fff;font-size:1.15rem;line-height:1}
/* ---------- premium indeling (10 okt) ---------- */
.kc-hero2{background:#F3ECE1;border-bottom:1px solid #E2DED6}
.kc-hero2 .w{padding-top:44px;padding-bottom:56px}
.kc-hero2-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:48px;align-items:center}
@media (max-width:900px){.kc-hero2-in{grid-template-columns:minmax(0,1fr);gap:28px}}
.kc-kruimel{font-size:.86rem;color:#5C6B7A;margin:0 0 18px}.kc-kruimel a{color:#5C6B7A}
.kc-boventitel{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700;color:#5d7c4c;margin:0 0 8px}
.kc-hero2 h1{font-size:clamp(1.9rem,4.4vw,3rem);margin:0 0 14px;max-width:18em}
.kc-intro{font-size:1.15rem;color:#3d4b59;margin:0 0 26px;max-width:34em}
.kc-zoek2{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #E2DED6;border-radius:14px;padding:6px 6px 6px 16px;box-shadow:0 10px 30px rgba(20,41,65,.08);max-width:620px}
.kc-zoek2:focus-within{border-color:#5d7c4c}
.kc-zoek2 svg{flex:none;color:#5C6B7A}
.kc-zoek2 input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:1.05rem;color:#22303F;background:transparent;min-height:48px}
.kc-zoek2 .knop{min-height:48px;border-radius:10px}
@media (max-width:520px){.kc-zoek2 .knop{padding:0 16px}}
.kc-veel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;font-size:.9rem;color:#5C6B7A}
.kc-veel button{font:inherit;font-size:.88rem;border:1px solid #d9cfbd;background:rgba(255,255,255,.6);color:#142941;border-radius:999px;padding:5px 12px;cursor:pointer;min-height:34px}
.kc-veel button:hover{background:#fff;border-color:#5d7c4c}
.kc-hero2-kaart{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px rgba(20,41,65,.12)}
.kc-hero2-kaart img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:38% 35%;display:block}
.kc-hero2-tekst{padding:20px 22px 22px;display:flex;flex-direction:column;gap:6px}
.kc-hero2-tekst b{color:#142941;font-size:1.08rem}.kc-hero2-tekst span{color:#5C6B7A;font-size:.95rem;margin-bottom:8px}
.kc-hero2-tekst .knop{align-self:flex-start;min-height:46px}
.kc-link{font-weight:600;text-decoration:none}
.kc-tegels{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.kc-tegel{position:relative;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #E2DED6;border-radius:16px;padding:20px 20px 18px;text-decoration:none;color:#22303F;transition:border-color .15s,box-shadow .15s,transform .15s}
.kc-tegel:hover{border-color:#5d7c4c;box-shadow:0 10px 24px rgba(20,41,65,.08);transform:translateY(-2px)}
.kc-tegel b{color:#142941;font-size:1.12rem;margin-top:10px}.kc-tegel>span:not(.kc-staal){color:#5C6B7A;font-size:.92rem}
.kc-tegel em{font-style:normal;font-size:.82rem;font-weight:600;color:#5d7c4c;margin-top:6px;min-height:1.2em}
.kc-tegel-nu{border-color:#142941;box-shadow:inset 0 0 0 1px #142941}
.kc-staal{display:block;width:40px;height:40px;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.kc-staal-groot{width:64px;height:64px;border-radius:16px;flex:none}
.kc-twee-lijsten{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media (max-width:820px){.kc-twee-lijsten{grid-template-columns:minmax(0,1fr);gap:24px}}
.kc-toplijst{list-style:none;margin:0;padding:0;counter-reset:top}
.kc-toplijst li{border-bottom:1px solid #E2DED6}
.kc-toplijst a{display:flex;gap:14px;align-items:baseline;padding:14px 0;text-decoration:none;color:#142941;font-weight:600}
.kc-toplijst a:hover{color:#5d7c4c}
ol.kc-toplijst a::before{counter-increment:top;content:counter(top);flex:none;width:28px;height:28px;border-radius:50%;background:#F3ECE1;color:#5d7c4c;font-weight:800;display:inline-grid;place-items:center;font-size:.85rem}
.kc-toplijst small{display:block;color:#5C6B7A;font-weight:400;font-size:.84rem;margin-top:2px}
.kc-nieuw a::before{content:'';flex:none;width:8px;height:8px;border-radius:50%;background:#61A933;transform:translateY(-2px)}
.kc-blogs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.kc-blog{display:flex;flex-direction:column;background:#fff;border:1px solid #E2DED6;border-radius:16px;overflow:hidden;text-decoration:none;color:#22303F;transition:border-color .15s,box-shadow .15s}
.kc-blog:hover{border-color:#5d7c4c;box-shadow:0 10px 24px rgba(20,41,65,.08)}
.kc-blog-img{aspect-ratio:16/10;background:#F3ECE1;overflow:hidden}.kc-blog-img img{width:100%;height:100%;object-fit:cover;display:block}
.kc-blog-in{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px}.kc-blog-in b{color:#142941;line-height:1.35}.kc-blog-in span{color:#5C6B7A;font-size:.9rem}
.kc-hero2-klein .w{padding-top:36px;padding-bottom:44px}
.kc-onderwerp-kop{display:flex;gap:18px;align-items:center;margin-bottom:14px}.kc-onderwerp-kop h1{margin:0}
.kc-intro-tekst{max-width:46em}.kc-intro-tekst p{margin:0 0 .8em;color:#3d4b59;font-size:1.06rem}
.kc-drie-acties{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:28px}
.kc-drie-acties a{display:flex;flex-direction:column;gap:4px;background:#F3ECE1;border-radius:14px;padding:18px 20px;text-decoration:none;color:#22303F}
.kc-drie-acties a:hover{background:#ece2d1}.kc-drie-acties b{color:#142941}.kc-drie-acties span{color:#5C6B7A;font-size:.92rem}
.sectie h2{margin-top:0}
@media (max-width:520px){.kc-zoek2{padding-left:12px}.kc-zoek2 svg{display:none}.kc-veel span{width:100%}}
.kc-zoek2 .knop{width:auto;flex:none}
.kc-hero2-kaart img{height:auto}
@media (max-width:900px){.kc-hero2-kaart{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center}.kc-hero2-kaart img{width:96px;height:100%;min-height:150px;aspect-ratio:auto}.kc-hero2-tekst{padding:16px}.kc-hero2-tekst .knop{min-height:42px}}
@media (max-width:560px){.kc-tegels{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kc-tegel{padding:16px}.kc-tegel b{font-size:1.02rem}.kc-staal{width:32px;height:32px}}
/* team-kaart in de kop en initialen van Richard */
.kc-wie .kc-wie-r{display:grid;place-items:center;background:#142941;color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.02em;line-height:1}
.kc-hero2-kaart.kc-team{display:block;padding:26px 26px 24px;grid-template-columns:none}
.kc-team .kc-wie img{width:52px;height:52px;min-height:0;aspect-ratio:1/1;border-radius:50%;object-fit:cover;object-position:38% 30%}
.kc-team .kc-wie{padding:10px 0;border-top:1px solid #EEE9E0}
.kc-team .kc-wie:first-of-type{border-top:0}
.kc-team-kop{font-weight:700;color:#142941;margin:0 0 4px;font-size:1.02rem}
.kc-team-tekst{color:#5C6B7A;font-size:.92rem;line-height:1.5;margin:10px 0 18px}
.kc-tegel b{margin-top:2px}
.kc-avatar{background:#142941}
/* ---------- kennisbank: gids op de onderwerppagina ---------- */
.kc-lead{font-size:1.14rem;line-height:1.65;color:#22303F;max-width:760px}
.kc-byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:18px 0 0;color:#5C6B7A;font-size:.9rem}
.kc-byline[hidden]{display:none}
.kc-byline img{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:38% 30%}
.kc-byline b{color:#142941}
.kc-gids-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start}
.kc-gids{max-width:740px;font-size:1.04rem;line-height:1.75;color:#22303F}
.kc-gids h2{font-size:1.55rem;line-height:1.25;color:#142941;margin:44px 0 12px;scroll-margin-top:110px}
.kc-gids h2:first-child{margin-top:0}
.kc-gids h3{font-size:1.15rem;color:#142941;margin:28px 0 8px;scroll-margin-top:110px}
.kc-gids p{margin:0 0 16px}
.kc-gids ul,.kc-gids ol{margin:0 0 18px;padding-left:22px}
.kc-gids li{margin:0 0 8px}
.kc-gids a{color:#4e6b3f;text-decoration:underline;text-underline-offset:2px}
.kc-tabel{overflow-x:auto;margin:6px 0 22px;border:1px solid #E2DED6;border-radius:12px;-webkit-overflow-scrolling:touch}
.kc-tabel table{border-collapse:collapse;width:100%;font-size:.93rem;line-height:1.5;min-width:520px}
.kc-tabel th{background:#f3efe6;color:#142941;text-align:left;font-weight:700;padding:10px 12px;border-bottom:1px solid #E2DED6;vertical-align:bottom}
.kc-tabel td{padding:10px 12px;border-bottom:1px solid #EEE9E0;vertical-align:top}
.kc-tabel tr:last-child td{border-bottom:0}
.kc-tabel tbody tr:nth-child(even) td{background:#fbfaf7}
.kc-bronnen{margin-top:40px;padding:18px 20px;background:#f8f7f3;border-radius:12px;font-size:.88rem;line-height:1.55;color:#5C6B7A}
.kc-bronnen h2{font-size:1rem;margin:0 0 8px}
.kc-bronnen ul{margin:0;padding-left:18px}
.kc-bronnen li{margin:0 0 4px}
.kc-bronnen a{color:#5C6B7A}
.kc-toc{position:sticky;top:96px}
.kc-toc-in{border:1px solid #E2DED6;border-radius:14px;padding:18px 18px 16px;background:#fff}
.kc-toc-in>b{display:block;color:#142941;font-size:.95rem;margin:0 0 8px}
.kc-toc ol{list-style:none;margin:0 0 12px;padding:0;counter-reset:toc;max-height:46vh;overflow:auto}
.kc-toc li{margin:0;border-top:1px solid #EEE9E0}
.kc-toc li:first-child{border-top:0}
.kc-toc li a{display:block;padding:7px 0;color:#22303F;text-decoration:none;font-size:.88rem;line-height:1.35}
.kc-toc li a:hover{color:#4e6b3f}
.kc-toc-link{display:block;font-size:.86rem;color:#4e6b3f;margin:0 0 6px;text-decoration:none;font-weight:600}
.kc-toc-cta{margin-top:12px;padding-top:14px;border-top:1px solid #EEE9E0}
.kc-toc-cta b{display:block;color:#142941;font-size:.95rem}
.kc-toc-cta span{display:block;color:#5C6B7A;font-size:.85rem;margin:2px 0 10px;line-height:1.45}
.kc-toc-cta .knop{width:100%;text-align:center}
.kc-conceptbalk{background:#fdf7e8;border:1px solid #e0c9a6;border-radius:10px;padding:10px 14px;margin:0 0 22px;font-size:.92rem;color:#22303F}
.kc-conceptlabel{display:inline-block;background:#fdf7e8;border:1px solid #e0c9a6;color:#8a6100;border-radius:99px;font-size:.72rem;font-weight:700;padding:1px 8px;vertical-align:middle}
.kc-kopregel-links{display:flex;gap:18px;flex-wrap:wrap}
/* begrippen */
.kc-az{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}
.kc-az a{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid #E2DED6;border-radius:9px;background:#fff;color:#142941;font-weight:700;text-decoration:none;font-size:.92rem}
.kc-az a:hover{border-color:#5d7c4c;color:#4e6b3f}
.kc-letter{scroll-margin-top:100px}
.kc-letterkop{font-size:1.6rem;color:#5d7c4c;margin:34px 0 4px;padding-bottom:6px;border-bottom:2px solid #EEE9E0}
.kc-letter:first-child .kc-letterkop{margin-top:0}
.kc-begrip{padding:18px 0;border-bottom:1px solid #EEE9E0;scroll-margin-top:100px;max-width:740px}
.kc-begrip h3{font-size:1.18rem;color:#142941;margin:0 0 6px}
.kc-begrip .kc-kort{font-weight:600;color:#22303F;margin:0 0 10px}
.kc-begrip p{margin:0 0 10px;line-height:1.7}
.kc-zie{font-size:.88rem;color:#5C6B7A}
.kc-zie a{color:#4e6b3f}
.kc-begrip:target{background:#fbf8ef;box-shadow:-12px 0 0 #fbf8ef,12px 0 0 #fbf8ef}
@media(max-width:960px){.kc-gids-grid{grid-template-columns:minmax(0,1fr);gap:28px}.kc-toc{position:static;order:-1}.kc-toc ol{max-height:none}.kc-gids h2{font-size:1.35rem}}
@media(max-width:640px){.kc-gids{font-size:1rem}.kc-toc-in{padding:14px}.kc-lead{font-size:1.05rem}}
.kc-toc-d summary{cursor:pointer;font-weight:700;color:#142941;font-size:.95rem;margin:0 0 8px;list-style:none}
.kc-toc-d summary::-webkit-details-marker{display:none}
.kc-toc-d summary::after{content:"＋";float:right;color:#5d7c4c;font-weight:700}
.kc-toc-d[open] summary::after{content:"－"}
@media(min-width:961px){.kc-toc-d summary{pointer-events:none}.kc-toc-d summary::after{content:none}}
@media(max-width:960px){.kc-toc-cta,.kc-toc-link{display:none}.kc-toc-d ol{margin-bottom:0}}
/* kennisbank op de pagina van Richard */
.kb-r .kc-keuze{margin:0 0 12px}
.kb-rij{border-top:1px solid #EEE9E0;padding:12px 0}
.kb-rij-kop{display:flex;gap:12px;align-items:flex-start}
.kb-rij-kop b{display:block;color:#142941}
.kb-rij-kop .kc-h{display:block;font-size:.88rem}
.kb-st{flex:none;border-radius:99px;padding:2px 9px;font-size:.75rem;font-weight:700;margin-top:2px}
.kb-on{background:#e6efe0;color:#3e5b30}.kb-con{background:#fff4d6;color:#8a6100}
.kb-knoppen{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.kb-knoppen .knop{padding:8px 14px;font-size:.9rem}
.kb-edit{margin-top:12px;background:#fbfaf7;border:1px solid #E2DED6;border-radius:12px;padding:14px;display:grid;gap:6px}
.kb-edit label{font-weight:600;font-size:.9rem;margin-top:6px}
.kb-edit input,.kb-edit textarea{width:100%;box-sizing:border-box;font:inherit;border:1px solid #E2DED6;border-radius:8px;padding:9px 10px}
.kb-edit .knop{justify-self:start;margin-top:8px}
.kc-ini{flex:none;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#142941;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.02em}
.kc-afdeling{display:flex;align-items:center;gap:10px;margin:16px 0 0;color:#5C6B7A;font-size:.92rem}
.kc-afdeling[hidden]{display:none}
.kc-afdeling img,.kc-afdeling .kc-ini{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:38% 30%;font-size:.7rem}
.kc-afdeling b{color:#142941}
.kc-tegel-wie{display:block;color:#5C6B7A;font-size:.8rem;margin-top:6px}
/* zoektreffers uit de gidsen en begrippen */
.kc-kbtreffers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:0 0 22px}
.kc-kbgroep{background:#fff;border:1px solid #E2DED6;border-radius:14px;padding:16px 20px}
.kc-kbgroep h3{margin:0 0 6px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#5d7c4c}
.kc-kbgroep ul{list-style:none;margin:0;padding:0}
.kc-kbgroep li+li{border-top:1px solid #EEEAE2}
.kc-kbgroep a{display:block;padding:10px 0;text-decoration:none;color:#22303F}
.kc-kbgroep a:hover b{text-decoration:underline}
.kc-kbgroep b{display:block;color:#142941;font-size:1rem;line-height:1.35}
.kc-kbgroep span{display:block;color:#5d7c4c;font-size:.86rem;margin-top:2px}
.kc-kbgroep small{display:block;color:#5C6B7A;font-size:.88rem;line-height:1.45;margin-top:4px}