/* subpagina's: bouwt verder op start.css */
.kop{position:absolute}
.phero{position:relative;overflow:hidden;background:var(--coulisse);color:#fff;padding:clamp(9rem,16vw,12rem) 0 clamp(3.5rem,7vw,5.5rem);isolation:isolate}
.phero picture,.phero>img{position:absolute;inset:0;z-index:-2}
.phero picture img{width:100%;height:100%;object-fit:cover}
.phero.beeld::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(28,24,28,.85) 0,rgba(28,24,28,.55) 50%,rgba(28,24,28,.2) 100%),linear-gradient(180deg,rgba(28,24,28,.55) 0,rgba(28,24,28,0) 35%)}
.phero.beeld{min-height:min(78svh,44rem);display:flex;align-items:flex-end}
.phero .u2{position:absolute;right:-5rem;bottom:-6rem;width:clamp(16rem,34vw,30rem);fill:#2b252b;z-index:-1;pointer-events:none}
.phero .wrap{display:grid;gap:clamp(2rem,5vw,4rem);width:100%}
.phero .wrap.hero2{grid-template-columns:1fr 1fr;align-items:start}
.phero h1{font-size:clamp(2.6rem,6vw,5.6rem);max-width:15ch;text-wrap:balance}
.phero h1 em,.sectie h2 em{font-style:italic;color:var(--geel)}
.phero .lead{font-size:clamp(1.1rem,1.6vw,1.3rem);color:#f3ebe5;margin:1.2rem 0 0;max-width:36rem}
.kicker{display:inline-block;font-weight:700;font-size:.95rem;padding:.35rem .9rem;border-radius:99px;background:var(--kl,var(--diep));color:var(--kt,#fff);margin:0 0 1.2rem}
.wereld .kicker{--kl:var(--creme);--kt:var(--zwart)}
.wereld.blauw .kicker{--kl:#fff}
.acties{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}
.acties:empty{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.2rem;padding:.75rem 1.5rem;border-radius:99px;font:700 1rem var(--ft);text-decoration:none;background:var(--diep);color:#fff;border:0;cursor:pointer;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px);background:#a51d34}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.btn.ghost:hover{background:rgba(0,0,0,.05)}
.phero .btn.ghost:hover{background:rgba(255,255,255,.12)}
.btn.geel{background:var(--geel);color:var(--coulisse)}
.wereld{padding:clamp(4rem,8vw,6.5rem) 0}
.wereld .wrap{display:grid;gap:2rem}
.wereld .wrap.twee{grid-template-columns:1fr 1fr;align-items:start}
.wereld.blauw{background:var(--blauw)}
.wereld .lead{font-size:1.2rem;margin:1rem 0 0}
.wereld h2{margin-bottom:.4rem}
main .kaart{display:block;min-height:0;overflow:visible;background:#fff;color:var(--zwart);border-radius:var(--r);padding:1.6rem;isolation:auto}
.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.2rem;margin-top:2.4rem}
.raster .kaart{background:var(--creme)}
.raster .kaart:nth-child(3n+2){background:var(--blauw)}
.raster .kaart:nth-child(3n+3){background:#d9f5f0}
.raster .n{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--diep);color:#fff;font:700 1.1rem var(--fd);margin-bottom:1rem}
.raster h3{font-size:1.5rem}
.raster p{margin:.5rem 0 0}
.vertrouw{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.vertrouw div{background:var(--grijs);border-radius:99px;padding:.5rem 1rem;font-weight:600;font-size:.92rem}
.formkaart{box-shadow:0 20px 50px -25px rgba(28,24,28,.35)}
.phero .formkaart{color:var(--zwart)}
form.mail{display:grid;gap:.4rem}
form.mail label{position:static;font-weight:700;font-size:.92rem;margin-top:.5rem}
form.mail input,form.mail textarea{width:100%;border:2px solid #8a7f75;border-radius:16px;background:#fff;font:inherit;padding:.75rem 1rem;color:var(--zwart)}
form.mail textarea{min-height:9rem;resize:vertical}
form.mail input:focus,form.mail textarea:focus{border-color:var(--diep)}
.btn.ghost:focus-visible{box-shadow:inset 0 0 0 2px currentColor,0 0 0 3px var(--coulisse)}
form.mail .btn{margin-top:1rem;justify-self:start}
.contactlijst{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:.7rem}
.contactlijst b{display:inline-block;min-width:11rem;color:var(--geel)}
.contactlijst a{color:#fff}
/* podcast */
.ep{display:grid;grid-template-columns:3.4rem 1fr;gap:1rem;align-items:start;background:#fff;border-radius:20px;padding:1.2rem;margin-top:.9rem;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.ep>b{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:var(--turq);color:var(--coulisse);font-weight:800}
.ep:nth-of-type(2n)>b{background:var(--geel)}
.ep:nth-of-type(3n)>b{background:var(--diep);color:#fff}
.ep h3{font-size:1.3rem;margin:.3rem 0 .8rem}
.ep .btn{min-height:2.7rem;padding:.5rem 1.1rem;font-size:.92rem}
.spotlink{margin-left:1rem;font-weight:700;color:var(--diep)}
.spotify-frame{width:100%;border:0;border-radius:12px;margin-top:.3rem}
.podcastlijst{background:var(--grijs)}
/* faq en juridisch */
.faq{background:#fff;border:2px solid var(--creme);border-radius:20px;padding:0 1.3rem;margin-top:.8rem}
.faq summary{cursor:pointer;font:700 1.2rem var(--fd);padding:1.1rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--rood);font-size:1.5rem;line-height:1}
.faq[open] summary::after{content:"–"}
.faq p{margin:0 0 1.2rem}
.juridisch h2,.juridisch h3{font-size:1.6rem;margin:2.2rem 0 .6rem}
.juridisch h3{font-size:1.25rem}
.juridisch p,.juridisch li{max-width:46rem}
.juridisch a,.faq a{color:var(--diep)}
.toc{background:var(--creme);border-radius:var(--r);padding:1.6rem 1.8rem}
.toc ol{margin:0;padding-left:1.3rem;columns:2;column-gap:2.5rem}
.toc a{color:var(--zwart)}
@media(max-width:52rem){
 .phero .wrap.hero2,.wereld .wrap.twee{grid-template-columns:1fr}
 .phero.beeld::after{background:linear-gradient(180deg,rgba(28,24,28,.5) 0,rgba(28,24,28,.35) 40%,rgba(28,24,28,.9) 100%)}
 .contactlijst b{display:block;min-width:0}
 .toc ol{columns:1}
 .spotlink{display:inline-block;margin:.6rem 0 0}
}
.sub .voet{margin-top:0}
.nav a[aria-current]{color:var(--geel)}