.b-kiezer{isolation:isolate}
.b-kiezer__tabs{position:relative;display:flex;gap:.35rem;margin:0 0 clamp(1.4rem,calc(3*var(--vw)),2.2rem)}
.b-kiezer__tabs[hidden]{display:none}
.b-kiezer__schuif{position:absolute;z-index:0;left:0;top:0;width:var(--w,0);height:var(--h,0);border-radius:var(--b-r-kaart);
background:linear-gradient(120deg,var(--b-bordeaux),var(--b-bordeaux-800));box-shadow:0 18px 30px -20px rgba(69,10,20,.8);
transform:translate(var(--x,0),var(--y,0));transition:transform .5s var(--b-ease),width .5s var(--b-ease),height .5s var(--b-ease)}
.b-kiezer__schuif::before{content:"";position:absolute;left:.5rem;top:22%;bottom:22%;width:4px;border-radius:4px;background:var(--b-signaal)}
.b-kiezer__tab{position:relative;z-index:1;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.85rem;min-height:48px;
padding:.8rem 1rem .8rem 1.35rem;border:0;border-radius:var(--b-r-kaart);background:transparent;color:var(--b-inkt);
font:600 1rem/1.3 var(--font-kop);text-align:left;cursor:pointer;transition:background-color .3s var(--b-ease),color .3s var(--b-ease)}
.b-kiezer__nr{font:600 .8rem/1 var(--font-kop);font-variant-numeric:tabular-nums;color:var(--b-zacht);transition:color .3s var(--b-ease)}
.b-kiezer__tabicoon{width:2.8rem;height:2.8rem;padding:.42rem;border-radius:50%;background:var(--b-wit);box-shadow:0 0 0 1px var(--b-lijn);
transition:transform .45s var(--b-ease)}
.b-kiezer__tabtekst small{display:block;margin-top:.2rem;font:500 .82rem/1.3 var(--font-tekst);color:var(--b-zacht);transition:color .3s var(--b-ease)}
.b-kiezer__tab[aria-selected="true"]{color:#fff}
.b-kiezer__tab[aria-selected="true"] :is(.b-kiezer__nr,small){color:var(--b-op-donker)}
.b-kiezer__tab[aria-selected="true"] .b-kiezer__tabicoon{box-shadow:none}
.b-kiezer__tab:focus-visible{outline:3px solid var(--b-bordeaux);outline-offset:2px}
.b-kiezer__panelen{display:grid}
.b-kiezer__paneel{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;isolation:isolate;padding-top:1.5rem}
.b-kiezer__paneel + .b-kiezer__paneel{margin-top:clamp(2rem,calc(4*var(--vw)),3rem)}
.b-kiezer__paneel[hidden]{display:none}
.b-kiezer--js .b-kiezer__panelen{grid-template-areas:"paneel"}
.b-kiezer--js .b-kiezer__paneel{grid-area:paneel;margin-top:0;opacity:0;visibility:hidden;transition:opacity .35s var(--b-ease),visibility 0s linear .35s}
.b-kiezer--js .b-kiezer__paneel.is-actief{opacity:1;visibility:visible;transition:opacity .35s var(--b-ease),visibility 0s}
.b-kiezer__foto{position:relative;grid-column:6/13;grid-row:1;margin:0;aspect-ratio:1/1;overflow:hidden;border-radius:var(--b-r-media);background:var(--b-roze);
box-shadow:0 34px 60px -40px rgba(10,10,10,.5)}
.b-kiezer__foto>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--b-ease)}
.b-kiezer__icoon{position:absolute;z-index:1;right:1rem;bottom:1rem;display:grid;place-items:center;width:4.2rem;height:4.2rem;border-radius:50%;background:var(--b-wit);box-shadow:var(--b-schaduw)}
.b-kiezer__icoon img{width:2.6rem;height:2.6rem;object-fit:contain}
.b-kiezer__groot{position:relative;z-index:-1;grid-column:8/13;grid-row:1;align-self:start;justify-self:end;margin:-1.5rem -.6rem 0 0;font:800 clamp(6rem,3.5rem + calc(6*var(--vw)),9.5rem)/.8 var(--font-titel);letter-spacing:-.05em;
color:transparent;-webkit-text-stroke:2px var(--b-lijn);rotate:-8deg;pointer-events:none;user-select:none}
.b-kiezer__tekst{position:relative;z-index:1;grid-column:1/8;grid-row:1;padding:clamp(1.4rem,calc(2.2*var(--vw)),1.9rem);
border-radius:var(--b-r-kaart);background:var(--b-wit);box-shadow:0 1px 2px rgba(10,10,10,.06),0 30px 56px -30px rgba(10,10,10,.45)}
.b-kiezer__tekst::before{content:"";position:absolute;left:clamp(1.4rem,calc(2.4*var(--vw)),2rem);top:0;width:3rem;height:4px;border-radius:0 0 4px 4px;background:var(--b-signaal)}
.b-kiezer__situatie{margin:0 0 .6rem;color:var(--b-zacht);font:600 .92rem/1.3 var(--font-kop)}
.b-kiezer--js .b-kiezer__situatie{display:none}
.b-kiezer__naam{margin:0;font:600 clamp(1.35rem,1.1rem + calc(.7*var(--vw)),1.7rem)/1.15 var(--font-titel);letter-spacing:-.02em}
.b-kiezer__tekst>p:not(.b-kiezer__situatie){margin:.7rem 0 0;color:var(--b-zacht);line-height:1.6}
.b-kiezer__checks{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.5rem}
.b-kiezer__checks li{display:flex;align-items:flex-start;gap:.65rem;line-height:1.45}
.b-kiezer__checks svg{flex:none;width:1.45rem;height:1.45rem;padding:.3rem;border-radius:50%;background:var(--b-signaal);color:var(--b-inkt)}
.b-kiezer__tekst .b-knoppen{margin-top:1.3rem}
.b-kiezer__tekst .b-knoppen .btn svg{transition:transform .35s var(--b-ease)}
.b-kiezer__voet{margin:clamp(1.8rem,calc(3.5*var(--vw)),2.6rem) 0 0;text-align:center;color:var(--b-zacht)}
.b-kiezer__voet a{color:var(--b-bordeaux);font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.b-kiezer--js .b-kiezer__paneel.is-actief .b-kiezer__foto{animation:b-kiezer-foto .7s var(--b-ease) both}
.b-kiezer--js .b-kiezer__paneel.is-actief .b-kiezer__tekst{animation:b-kiezer-kaart .55s var(--b-ease) .12s both}
.b-kiezer--js .b-kiezer__paneel.is-actief .b-kiezer__groot{animation:b-kiezer-groot .7s var(--b-ease) .08s both}
@keyframes b-kiezer-foto{from{clip-path:inset(0 0 0 100% round var(--b-r-media))}to{clip-path:inset(0 0 0 0 round var(--b-r-media))}}
.b-kiezer--js .b-kiezer__paneel.is-actief .b-kiezer__foto>img{animation:b-kiezer-zoom .9s var(--b-ease) both}
@keyframes b-kiezer-zoom{from{scale:1.12}to{scale:1}}
@keyframes b-kiezer-kaart{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes b-kiezer-groot{from{opacity:0;translate:-14px 0}to{opacity:1;translate:0 0}}
@media (hover:hover){
.b-kiezer__tab:not([aria-selected="true"]):hover{background:var(--b-roze)}
.b-kiezer__tab:hover .b-kiezer__tabicoon{transform:rotate(-8deg) scale(1.06)}
.b-kiezer__paneel:hover .b-kiezer__foto>img{transform:scale(1.04)}
.b-kiezer__tekst .b-knoppen .btn:hover svg{transform:translateX(4px)}
}
.b-kiezer__tekst .b-knoppen .btn:focus-visible svg{transform:translateX(4px)}
@media (min-width:1000px){
.b-kiezer--js .b-kiezer__kies{display:grid;grid-template-columns:minmax(0,4.1fr) minmax(0,7.9fr);column-gap:clamp(1.75rem,calc(3.5*var(--vw)),3.25rem);align-items:center}
.b-kiezer__tabs{flex-direction:column;margin:0;padding:.5rem;border-radius:var(--b-r-media);background:var(--b-wit);
box-shadow:0 1px 2px rgba(10,10,10,.05),0 24px 48px -36px rgba(10,10,10,.4)}
.b-kiezer__schuif::after{content:"";position:absolute;right:-7px;top:50%;width:16px;height:16px;border-radius:3px;background:var(--b-bordeaux-800);
translate:0 -50%;rotate:45deg}
}
@media (max-width:999px){
.b-kiezer__tabs{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.4rem .1rem .6rem;margin-inline:-.1rem}
.b-kiezer__tabs::-webkit-scrollbar{display:none}
.b-kiezer__tab{flex:0 0 min(18rem,calc(78*var(--vw)));grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:.75rem .9rem .75rem 1.2rem;
scroll-snap-align:start;background:var(--b-wit);box-shadow:0 0 0 1px var(--b-lijn)}
.b-kiezer__nr{display:none}
.b-kiezer__tabicoon{width:2.5rem;height:2.5rem}
.b-kiezer__tab[aria-selected="true"]{background:transparent;box-shadow:none}
.b-kiezer__panelen{max-width:40rem;margin-inline:auto}
.b-kiezer__paneel{display:block}
.b-kiezer__paneel{padding-top:0}
.b-kiezer__foto{aspect-ratio:4/3}
.b-kiezer__icoon{top:1rem;bottom:auto}
.b-kiezer__groot{display:none}
.b-kiezer__tekst{margin:-3rem .8rem 0}
}
@media (max-width:560px){
.b-kiezer__icoon{width:3.8rem;height:3.8rem}
.b-kiezer__icoon img{width:2.3rem;height:2.3rem}
.b-kiezer__tekst{margin-inline:.4rem}
}
@media (prefers-reduced-motion:reduce){
.b-kiezer__schuif,.b-kiezer__tabicoon,.b-kiezer__foto>img,.b-kiezer__tekst .b-knoppen .btn svg{transition:none;transform:none!important}
.b-kiezer__schuif{transform:translate(var(--x,0),var(--y,0))!important}
.b-kiezer--js .b-kiezer__paneel.is-actief :is(.b-kiezer__foto,.b-kiezer__foto>img,.b-kiezer__tekst,.b-kiezer__groot){animation:none}
}