.b-thema__in{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.8rem,calc(4*var(--vw)),3rem)}
.b-thema__tekst .b-kopgroep{margin-bottom:0}
.b-thema__noot{margin:1.2rem 0 0;max-width:44ch;font-size:.9rem;line-height:1.6;color:var(--b-zacht)}
.b-thema__lijst{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:b-thema}
.b-thema__rij{position:relative;display:grid;gap:.55rem;padding:1.15rem 0 1.25rem;border-top:1px solid var(--b-lijn)}
.b-thema__rij:last-child{border-bottom:1px solid var(--b-lijn)}
.b-thema__kop{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.b-thema__kop h3{margin:0;font:600 clamp(1.15rem,1rem + calc(.6*var(--vw)),1.45rem)/1.2 var(--font-kop);letter-spacing:-.01em;color:var(--b-inkt)}
.b-thema__aantal{margin:0;font-size:.9rem;color:var(--b-zacht);white-space:nowrap}
.b-thema__aantal b{font:700 1.15rem/1 var(--font-titel);font-variant-numeric:tabular-nums;color:var(--b-bordeaux);margin-right:.25rem}
.b-thema__balk{position:relative;display:block;height:10px;border-radius:999px;overflow:hidden;
background:var(--b-wit) repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),var(--b-lijn) calc(10% - 1px) 10%);
box-shadow:inset 0 0 0 1px var(--b-lijn)}
.b-thema__balk span{position:absolute;left:0;top:0;bottom:0;width:var(--b-thema-w);border-radius:inherit;background:var(--b-signaal);
transform-origin:0 50%;transform:scaleX(.985);transition:transform .45s var(--b-ease),filter .45s var(--b-ease)}
.b-thema__zin{margin:.15rem 0 0}
.b-thema__zin p{margin:0;max-width:62ch;font-size:.97rem;line-height:1.55;color:var(--b-zacht);transition:color .35s var(--b-ease)}
.b-thema__zin footer{margin-top:.3rem;font:600 .82rem/1.3 var(--font-kop);color:var(--b-inkt)}
@media (hover:hover){
.b-thema__rij:hover .b-thema__balk span{transform:scaleX(1);filter:saturate(1.15)}
.b-thema__rij:hover .b-thema__zin p{color:var(--b-inkt)}
}
.b-thema__rij:focus-within .b-thema__zin p{color:var(--b-inkt)}
@media (min-width:980px){
.b-thema__in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(2.5rem,calc(6*var(--vw)),6rem);align-items:start}
.b-thema__tekst{position:sticky;top:7rem}
}
@media (prefers-reduced-motion:reduce){
.b-thema__balk span{transition:none;transform:none}
}
.b-thema__rij{counter-increment:b-thema}
.b-thema__kop h3{display:flex;align-items:baseline;gap:.75rem}
.b-thema__kop h3::before{content:counter(b-thema,decimal-leading-zero);color:var(--b-signaal);font:700 .8rem/1 var(--font-titel);
letter-spacing:.04em;font-variant-numeric:tabular-nums;transition:transform .35s var(--b-ease)}
.b-thema__zin{padding-left:1rem;border-left:2px solid var(--b-lijn);transition:border-color .35s var(--b-ease)}
@media (hover:hover){
.b-thema__rij:hover .b-thema__kop h3::before{transform:translateX(3px)}
.b-thema__rij:hover .b-thema__zin{border-left-color:var(--b-signaal)}
}
.b-thema__rij:focus-within .b-thema__zin{border-left-color:var(--b-signaal)}
@media (prefers-reduced-motion:reduce){
.b-thema__kop h3::before{transition:none;transform:none!important}
}