:root{
  --bl-blauw:#2E74F0;
  --bl-tekst:#1F5FD6;
  --bl-band:#EAF1FD;
  --bl-band-lijn:#D3E0F6;
}
.bl-a h1 .mark{padding:0 6px;margin:0 1px 0 0}
@keyframes bl-markeer{from{background-size:0% 100%}to{background-size:100% 100%}}
.bl-a h1 .mark{
  background:linear-gradient(rgba(46,116,240,.12),rgba(46,116,240,.12)) no-repeat 0 0/100% 100%;
  animation:bl-markeer 650ms cubic-bezier(.33,1,.68,1) 200ms both}
html:has(link[rel="canonical"][href$="/voor-ai.html"]) .bl-a h1 .mark,
html[data-beweging="uit"] .bl-a h1 .mark{animation:none}
@media (prefers-reduced-motion:reduce){.bl-a h1 .mark{animation:none}}
.bl-a .pagina-hero .pil::before{content:"";width:6px;height:6px;flex:none;background:var(--bl-blauw)}
.bl-a .pkop-oog svg{color:var(--bl-blauw)}
.bl-b .dg-ok-cijfer b,
.bl-b .rh-totaal,
.bl-b .db-samen b,
.bl-b .db-legenda li:not(.niet) .pct{color:var(--bl-tekst)}
.bl-b .pk-prijs,
.bl-b .rt-prijs,
.bl-b .lr-prijs{color:var(--bl-tekst)}
.bl-b .pk-prijs small,.bl-b .rt-prijs small,.bl-b .lr-prijs small{color:var(--n500)}
.bl-b .pl-vraag,.bl-b .rt-vraag{color:var(--n600)}
.bl-b .dg-vraag-fase span,
.bl-b .dg-cel-nr{color:var(--bl-tekst);font-weight:600}
.bl-b .plijst li svg,.bl-b .oog svg{color:var(--bl-blauw)}
.bl-b .dg-onderzoek{border-left:1px solid var(--rand-warm);box-shadow:inset 0 2px 0 var(--bl-blauw)}
.bl-b .dg-aw{box-shadow:inset 0 2px 0 var(--bl-blauw)}
.bl-b .rt-plan{position:relative}
.bl-b .rt-plan::before{content:"";position:absolute;left:0;right:0;top:-2px;height:3px;background:var(--bl-blauw);z-index:2}
.bl-b .kader{border-top:2px solid var(--bl-blauw)}
.bl-b .kz-wij,.bl-b .plan-aanbevolen{position:relative;box-shadow:none}
.bl-b .kz-wij::before{content:"";position:absolute;left:0;right:0;top:-1px;height:3px;background:var(--bl-blauw)}
.bl-b .plan-aanbevolen::before{content:"";position:absolute;left:0;right:0;top:-2px;height:3px;background:var(--bl-blauw)}
.bl-b .bw-getal,
.bl-b .cf-getal,
.bl-b .a4-getal,
.bl-b .awp-prijs,
.bl-b .awr-prijs{color:var(--bl-tekst)}
.bl-b .awp-prijs small,.bl-b .awr-prijs small,.bl-b .a4-getal span{color:var(--n500)}
.bl-b .awp-vraag{color:var(--n600)}
.bl-b .feit-waarde,
.bl-b .score b,
.bl-b .vv-prijs{color:var(--bl-tekst)}
.bl-b .feit-waarde small,.bl-b .vv-prijs small{color:var(--n500)}
.bl-b .vv-vraag{color:var(--n600)}
.bl-b .pkaart.uit{box-shadow:inset 0 2px 0 var(--bl-blauw)}
.bl-b .st-nr{color:var(--bl-tekst);font-weight:600}
.bl-b .dn-prijs{color:var(--bl-tekst)}
.bl-b .dn-prijs small{color:var(--n500)}
.bl-b .dn-kaart.hoofd{border-top-color:var(--bl-blauw)}
.bl-b .dg-wg-label b{color:var(--bl-tekst)}
.bl-b .stap-nr{color:var(--bl-tekst)}
.bl-b .weg-hoofd{border-color:var(--rand-warm);box-shadow:inset 0 2px 0 var(--bl-blauw)}
.bl-b .ptabel .prijs{color:var(--bl-tekst)}
.bl-b .ptabel .prijs .jaar{color:var(--n500)}
.bl-b .ok-c-getal{color:var(--bl-tekst)}
.bl-b .ok-c-getal small{color:var(--n500)}
.bl-b .cb-getal b{color:var(--bl-tekst)}
.bl-b .cijferblok,.bl-b .iz-uitgelicht{border-top-color:var(--bl-blauw)}
.bl-b .kader.voorbeeld{background:#F3F5F8;border-color:var(--rand-warm);border-top:1px solid var(--rand-warm)}
.bl-c .bl-band.bl-band{background:var(--bl-band);border-top:1px solid var(--bl-blauw)}
.bl-c .bg-creme:not(.bl-band),.bl-c .bg-licht:not(.bl-band),.bl-c .ok-cta{background:#F3F5F8}
.bl-c .bl-band .dg-meet{gap:1px;background:var(--bl-band-lijn);border:1px solid var(--bl-band-lijn)}
.bl-c .bl-band .wdw-tabel,.bl-c .bl-band .start-blok{border-left-color:var(--bl-band-lijn);border-right-color:var(--bl-band-lijn);border-bottom-color:var(--bl-band-lijn)}
.bl-c .bl-band .wdw-rij,.bl-c .bl-band .start-kop{border-bottom-color:#E4ECF9}
.bl-c .bl-band .start-stappen li{border-left-color:#E4ECF9}
.bl-c .bl-band .zesregels{background:var(--bl-band-lijn);border-color:var(--bl-band-lijn)}
.bl-c .methode-sectie{position:relative;z-index:0;overflow-x:clip}
.bl-c .m-sec.bl-band{position:relative;background:none;border-top:0}
.bl-c .m-sec.bl-band::before,.bl-c .iz-kort.bl-band::before{content:"";position:absolute;z-index:-1;top:-88px;bottom:-64px;left:-100vmax;right:-100vmax;background:var(--bl-band);border-top:1px solid var(--bl-blauw)}
.bl-c .iz-kort.bl-band{position:relative;background:#fff;border-top:1px solid var(--rand-warm)}
.bl-c .bl-band + .m-sec{border-top-color:transparent}
:root{--mk-f:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 10'%3E%3Cpath d='M2 0H8L7 2H0ZM0 4H6V6H2V8L0 10Z'/%3E%3C/svg%3E")}
.hero-feiten li::before,.awp-etiket::before,.pl-etiket::before,.vv-etiket::before,
.punten li::before,.weg ul li::before,.dg-aw-meer li::before,
.pil-punt,.bl-a .pagina-hero .pil::before{
  width:8px;height:10px;
  -webkit-mask:var(--mk-f) center/100% 100% no-repeat;mask:var(--mk-f) center/100% 100% no-repeat}
.punten li::before{top:10px}
.weg ul li::before,.dg-aw-meer li::before{top:7px}
.pil-punt,.bl-a .pagina-hero .pil::before{width:7px;height:9px}
.hero-feiten li{gap:11px}
.aw-plannen{border-top:1px solid var(--rand-warm)}
.awp-aanbevolen{position:relative}
.awp-aanbevolen a{box-shadow:none}
.awp-aanbevolen::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--blauw);z-index:1}
.plannen{border-top:1px solid var(--n200)}
.bl-b .plan-aanbevolen::before{top:-1px;left:-1px;right:-1px;height:2px}
@media (max-width:900px){.awp-aanbevolen::before{left:0;right:0}}
.vervolg{border-top:1px solid var(--n200)}
.vv-aanbevolen{position:relative}
.vv-aanbevolen a{box-shadow:none}
.vv-aanbevolen::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--blauw);z-index:1}
@media (max-width:900px){.vv-aanbevolen::before{left:0;right:0}}
.zinnen li::before{width:8px;height:10px;top:22px;background:var(--blauw);
  -webkit-mask:var(--mk-f) center/100% 100% no-repeat;mask:var(--mk-f) center/100% 100% no-repeat}
@media (max-width:760px){.zinnen li::before{top:21px}}
.mobiel-groep,
.mb-kop,.mb-kop span,.mb-geen,.mb-teller,.mb-namen i,
.mkal-aslabels span,.mkal-begin,
.fs-nr,.nb-nr,.bn-nr,.rt-nr,.pg-stap,.pg-wie b,.plijst li.plus-kop,.wdw-hoofd,
.feit-label,.blad-nr,.bm-tabel th,.plan-tabel th,.kenmerken li em,.vw-lijst li::before,
.dg-kort p b,.dg-niet li > b,.dg-meetregel dt,.dg-r-nr,.dg-bw-soort,.dg-ook-raster small,.bp-vorm-nr,.dg-vraag-fase span,.dg-aw-tekst li::before,
.b-kop h3 span + span,.werkt,.tab-label,.aw-tekst li::before,.h2-lijst li::before,.hc-vb,.bron-onder,.cijferkaart .bronregel,.cijferkaart .wanneer,
.reeks-as,.vk-naam span,.a4-nr,.cv-as,.kal-dagen,.up-kolommen,.namen em,.rk-cijfers small,.rk-cijfers b span,.rk-lijst{color:var(--n500)}
html .mb-kop,html .mb-kop span,html .mb-geen,html .mb-teller,html .mb-namen i,html .mkal-aslabels span,html .mkal-begin{color:var(--n500)}
.aw-status.ja{background:#E8EFFD}
.up-rij .namen i.u{background:#DCE7FD;color:var(--blauw-tekst);box-shadow:inset 0 0 0 1px #2E74F0}
.ok-deel.d1,.ok-deel.d2,.db-deel:not(.grijs){color:#000}
.db-deel:not(.grijs) img{filter:brightness(0)}
.fs-punten li::before,.stand.stand-aan::before,i.fp-aan{background:var(--blauw);border-radius:0;
  -webkit-mask:var(--mk-f) center/100% 100% no-repeat;mask:var(--mk-f) center/100% 100% no-repeat}
.fs-punten li::before{width:8px;height:10px;top:7px}
.stand.stand-aan::before{width:7px;height:9px}
i.fp-aan{width:8px;height:10px}