/* ============================================================
   UITVAART-PLATFORM.NL — DESIGN SYSTEM v1  (Fase 1)
   Eén tokenbron voor het hele ecosysteem. Alle waarden via
   CSS-variabelen; componenten werken in elke context; bestaande
   klassen zijn als alias gekoppeld. HTML blijft onaangeroerd.
   ============================================================ */

/* ---------- 1. DESIGN TOKENS ---------- */
:root{
  /* kleur: donker */
  --k-diep:#26091f; --k-nacht:#34102e; --k-pruim:#4a1942;
  --k-pruim-licht:#5d2153; --k-pruim-extra:#3a1233;
  /* kleur: slate (abonnement/status) */
  --k-slate:#3d5a5a; --k-slate-diep:#33504e; --k-slate-rand:#2c4444;
  /* kleur: accenten */
  --k-mauve:#b0578d; --k-paars:#8a5f9e;
  --k-oranje:#e8834a; --k-peach:#f0a875; --k-oranje-diep:#d9702f;
  /* oranje voor kleine tekst: #d9702f haalt op creme maar 3.2:1 en zakt
     daarmee onder WCAG AA. Vlakken, streepjes en knoppen blijven #e8834a. */
  --k-oranje-tekst:#a8501c;
  /* Tekstkleur op het oranje knopvlak. Wit haalde 3.33:1; diep aubergine
     haalt 5.8:1 zonder dat de merkkleur zelf verschuift. Besluit 24-07-2026. */
  --knop-tekst:#26091f;
  /* kleur: neutraal */
  --k-creme:#fdfaf7; --k-lila:#f4ecf2; --k-rose:#e7d2da; --k-rose-rand:#e3c2d4;
  --k-vel:#ffffff; --k-vel-rand:#d8d8e2;
  --k-inkt:#231a20; --k-tekst:#43383f; --k-grijs:#6b6570;
  --k-tag-tekst:#a34b82; --k-tag-bg:#f6dcea;
  /* semantisch */
  --k-info-bg:#eef2f7; --k-info:#33506e;
  --k-succes-bg:#e6f0e4; --k-succes:#2f5d3a; --k-succes-rand:#cfe2cc;
  --k-let-bg:#fdf0e4; --k-let:#8a4a1f;
  --k-fout-bg:#fdecea; --k-fout:#9c2b1f;
  /* typografie */
  --t-body:17px; --t-lh:1.7; --t-lead:19px; --t-small:14.5px; --t-micro:12px;
  --t-h3:20px; --t-h2:26px;
  /* ruimte (4px-ritme) */
  --r-1:8px; --r-2:12px; --r-3:16px; --r-4:24px; --r-5:32px; --r-6:48px; --r-7:64px; --r-8:96px;
  /* vorm */
  --rad-s:8px; --rad-m:12px; --rad-l:16px; --rad-xl:24px; --rad-pil:99px;
  /* schaduw (merkbasis, nooit zwart) */
  --sch-vel:0 8px 24px rgba(38,9,31,.1);
  --sch-hoog:0 26px 60px rgba(38,9,31,.16);
  --sch-top:0 8px 26px rgba(38,9,31,.07);
  --sch-knop:0 8px 20px rgba(232,131,74,.3);
  --sch-knop-h:0 14px 30px rgba(232,131,74,.42);
  /* beweging */
  --b-micro:180ms; --b-onthul:320ms; --b-curve:cubic-bezier(.22,.7,.3,1);
  /* focus */
  --focus:0 0 0 3px rgba(232,131,74,.55);
  /* maat */
  --breedte:1440px; --leesmaat:68ch;
}

/* Avondmodus-fundering: zelfde componenten, gedempte tokens.
   Activering (schakelaar) volgt in de archetype-fase. */
[data-thema="avond"]{
  --k-creme:#191016; --k-vel:#241820; --k-vel-rand:#3a2a34;
  --k-inkt:#f1e7ee; --k-tekst:#d9c9d4; --k-grijs:#a08e9a;
  --k-lila:#2c1e28; --k-rose:#3a2a34; --k-rose-rand:#4a3542;
  --k-tag-bg:#3a2233; --k-tag-tekst:#e6a8cd;
  --sch-vel:0 8px 24px rgba(0,0,0,.4); --sch-top:0 8px 26px rgba(0,0,0,.35);
  /* Zonder deze vier bleven koppen, links en vette tekst in avondmodus
     donkerpaars op een donkere ondergrond staan (gemeten: 1.1:1). */
  --k-nacht:#f6ecf3; --k-pruim:#e9b6d3; --k-pruim-licht:#f0c8de;
  --k-diep:#120a10; --k-oranje-tekst:#f0a875;
}

/* ---------- 2. BASIS ---------- */
html{scroll-behavior:smooth}
body{background-color:var(--k-creme)!important;color:var(--k-inkt);
  font-size:var(--t-body)!important;line-height:var(--t-lh)!important}
h1,h2,h3,h4{color:var(--k-nacht);line-height:1.2}
p,li,td,th,dd,dt{color:var(--k-inkt)}
small,figcaption,.bijschrift{color:var(--k-grijs)}
a{color:var(--k-pruim)}
a:hover{color:var(--k-oranje)}
hr{border:0;border-top:1px solid var(--k-rose)}
::selection{background:var(--k-peach);color:var(--k-diep)}

/* Toegankelijkheid: zichtbare focus op ALLES (was: 0 regels) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,[tabindex]:focus-visible,summary:focus-visible{
  outline:0!important;box-shadow:var(--focus)!important;border-radius:var(--rad-s)}
.skip-link{position:absolute;left:-999px;top:0;background:var(--k-pruim);color:#fff;
  padding:10px 16px;border-radius:0 0 var(--rad-m) 0;z-index:999}
.skip-link:focus{left:0}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ---------- 3. KAARTSYSTEEM (1 systeem, aliassen uit inventaris) ---------- */
.up-panel-in,
.ozp-kaart,
.ozp-tool,
.ozp-cat,
.ozp-artikel,
.ozp-regio,
.ozp-pagina,
.ozp-blok,
.ozp-zijkaart,
.ozp-pakketkaart,
.ozp-keurmerk,
.ozp-lid,
.ozp-prose,
.ozp-inhoud-blok,
.ozp-acc-blok,
.ozp-keuze,
.ozp-rol,
.ozp-bkpi,
.ozp-mega,
.ozp-event,
.kaart,
.pg-banner,
.pg-banner-stats,
.zd-banner-stats,
.zd-form,
.zd-form-optie,
.halte,
.kompasrij,
.zd-cross-kaart,
.pg-kaart,
.pg-erkenning-item,
.pg-accordion-item,
.pg-oproep,
.pg-intro,
.sec-block,
.inp,
.pg-nav,
.pg-info,
.pg-faq-item,
.ozp-ct-formblok,
.av-wrap,
.zzp-kaart,
.mc-stap,
.mc-opl,
.mc-prijs,
.mc-frame,
.ae-wrap,
.nb-banner,
.nb-banner-stats,
.nb-kaart,
.bnn-wrap,
.uvz-banner-stats,
.uvz-soort,
.uvz-verzekeraar,
.uvz-verzekeraar-link,
.uvz-tabel,
.uvz-tip,
.uvz-faq-item,
.nc-wrap,
.wb-wrap,
.ups-auth-veld,
.ws-wrap,
.dn-banner-stats,
.dn-kaart,
.uk-banner-stats,
.uk-kaart,
.aap-feature,
.aap-popup-box,
.wp-banner-stats,
.wp-stap-tag,
.wp-feat,
.wp-gids-stap,
.wp-ov,
.wp-faq-item,
.opt,
.pkg-radio,
.addon,
.rv-banner-stats,
.rv-kaart,
.rv-emotie,
.pg-waarschuwing,
.pg-crosslink,
.sp-tab,
.sp-acc-body,
.sp-stap-inhoud,
.sp-info-kaart,
.ozp-meer-kaart,
.ozp-term-pop,
.ozp-zij-kaart,
.ozp-rel,
.ozp-faq-item,
.sp-card,
.sp-contact,
.sp-jobrij,
.org-kaart,
.org-mini,
.orgz-kaart,
.ur-wrap,
.ur-foto-fig,
.ur-stat-card,
.ur-sectie-eyebrow,
.ur-actie-kaart,
.ur-tijdlijn-item,
.ur-vorm-kaart,
.ur-vorm-prijs,
.ur-ladder-balk-wrap,
.ur-bouwsteen,
.ur-cross,
.oo-banner-stats,
.oo-aanbod-kaart,
.oo-team-kaart,
.oo-ceo-blok,
.oo-samen-kaart,
.oo-erkenning-item,
.ru-banner,
.ru-banner-stats,
.ru-geloof-kaart,
.ru-prijs,
.ru-faq-item,
.ru-link-kaart,
.ru-terug,
.wk-kaart,
.wk-leeg,
.wk-form,
.wk-klaar,
.nb-app,
.nb-blok,
.nb-veld-input,
.nb-select,
.nb-bedrag-wrap,
.nb-bedrag-row,
.nb-vergelijk-blok,
.nb-tabel,
.nb-detail-blok,
.nb-info-box,
.nb-intro,
.nb-intro-punt,
.nb-bronnen,
.nb-bron,
.nb-tabs,
.uk-app,
.uk-blok,
.uk-keuze,
.uk-select,
.uk-prijs-edit,
.uk-bedrag-wrap,
.uk-bedrag-prijs,
.uk-detail-blok,
.uk-tabel,
.uk-vergelijk-blok,
.uk-info-box,
.uk-veld-input,
.uk-scenario-item,
.uk-verz,
.uk-verz-tag,
.uk-tabs,
.ex-app,
.ex-card,
.ex-input,
.ex-input-date,
.ex-fase-blok,
.ex-item-bedrag,
.ex-tmpl-tekst,
.ex-scenario-item,
.av-pagina-intro,
.av-foto-fig,
.av-print-info,
.av-navigatie,
.av-vraag,
.av-cross,
.av-bronnen,
.melding,
.ozp-kgg,
.vg-kwaliteit,
.vg-dienst,
.vg-platform,
.vg-pakket,
.vg-voorwie,
.lp-nr,
.lp-kaart,
.lp-klaarblok,
.kompas,
.prv-inleiding,
.prv-nav-item,
.prv-artikel,
.prv-recht,
.prv-beveiliging,
.prv-social,
.prv-contact-blok,
.ed-app,
.ed-bedrag-wrap,
.ed-bedrag-input-row,
.ed-blok,
.ed-veld-input,
.ed-eg-extra,
.ed-tree-knoop,
.ed-scen,
.ed-scenario-item,
.ed-land-select,
.ed-tabs,
.bn-wrap,
.bn-card,
.bn-card-rust,
.um-stat,
.um-pad,
.um-feature,
.um-stap,
.um-faq-item,
.um-vkaart,
.ump-popup-box,
.ke-onderdeel,
.pc-banner,
.pc-banner-stats,
.pc-kaart,
.pc-prijs,
.pc-stappen,
.pc-link-kaart,
.pc-faq-item,
.pc-terug,
.pc-info,
.ui-over-kaart,
.ui-waarde,
.ui-verhaal,
.ui-product,
.ui-partner,
.ui-editie,
.up-tab,
.up-regio-select,
.up-verzekering-input,
.up-subtab,
.upv4-template-card,
.upv4-ai-input-wrap,
.upv4-scenarios-header,
.upv4-scenario-card,
.tpg-stat,
.tpg-feature-card,
.tpg-inhoud-blok,
.tpg-chip,
.tpg-stap-nr,
.ae-pagina-intro,
.ae-foto-fig,
.ae-print-info,
.ae-navigatie,
.ae-land,
.ae-vlag,
.ae-info-blok,
.ae-cross,
.ae-bronnen,
.nb-prijs,
.nb-faq-item,
.nb-link-kaart,
.nb-terug,
.ba-app,
.ba-blok,
.ba-veld-input,
.ba-input-text,
.ba-keuze-blok,
.ba-stappen,
.ba-stap-tijd,
.ba-tabel,
.ba-info-box,
.ba-intro,
.ba-intro-optie,
.ba-termijn-card,
.ba-doc,
.ba-doc-tag,
.ba-tabs,
.dc-banner,
.dc-banner-stats,
.dc-kaart,
.dc-prijs,
.dc-stappen,
.dc-link-kaart,
.dc-info,
.dc-faq-item,
.dc-terug,
.uo-quicknav-link,
.uo-plaats,
.uo-onderneming,
.uo-kosten-card,
.uo-kosten-item,
.uo-verdiep-card,
.rc-kaart,
.rc-tabel,
.bnn-pagina-intro,
.bnn-foto-fig,
.bnn-print-info,
.bnn-navigatie,
.bnn-casus,
.bnn-feiten,
.bnn-cross,
.bnn-bronnen,
.ka-wolk,
.ka-rond,
.ka-pen,
.ka-chip,
.ka-rap-body,
.pz-banner-stats,
.pz-kaart,
.b2b-dienst,
.b2b-why,
.b2b-dg,
.b2b-stap,
.b2b-contact-info-item,
.bg-banner,
.bg-banner-stats,
.bg-kaart,
.bg-prijs,
.bg-faq-item,
.bg-link-kaart,
.bg-terug,
.bg-stappen,
.irw-stat,
.irw-feature,
.irw-stap,
.irw-hulp-tel,
.irw-faq-item,
.irw-vkaart,
.irwp-popup-box,
.kp-kaart,
.kp-aanb,
.kp-stap,
.kp-begrip,
.kp-spoed,
.nc-pagina-intro,
.nc-foto-fig,
.nc-print-info,
.nc-cross,
.nc-bronnen,
.wb-pagina-intro,
.wb-foto-fig,
.wb-print-info,
.wb-sectie-form,
.wb-input,
.wb-textarea,
.wb-radio-kaart,
.wb-handtekening-blok,
.wb-cross,
.wb-bronnen,
.ra-nav-card,
.ra-ritueel,
.ra-cultuur-meta-item,
.ra-thema-card,
.ra-link-item,
.kh-banner,
.kh-banner-stats,
.kh-uitleg-stap,
.kh-kaart,
.kh-kaart-prijs,
.kv-regio-select,
.mm-cat-item,
.sp-zij-kaart,
.zt-brief,
.zt-kaart,
.zt-leeg,
.nb-accordion-item,
.nb-waarschuwing,
.nb-oproep,
.wd-kwaliteit,
.wd-onderdeel,
.wd-tech,
.wd-pakket,
.wd-voorwie,
.ec-app,
.ec-blok,
.ec-veld-input,
.ec-detail-blok,
.ec-schijf-blok,
.ec-schijf-percentage,
.ec-bedrag-wrap,
.ec-bedrag-input-row,
.ec-erfgenaam,
.ec-erfgenaam-select,
.ec-erfgenaam-pct-wrap,
.ec-erfgenaam-resultaat,
.ec-tijdslijn,
.ec-deadline-tijd,
.ec-scenario,
.ec-multiyear-tabel,
.ec-multiyear-header,
.ec-bor-vergelijking,
.ec-info-box,
.ec-vg-leeftijd-input,
.ec-vg-deel,
.ec-factor-tabel,
.ec-factor-cel,
.ec-land-info,
.ec-scenario-saved,
.ec-tabs,
.bk-kpi,
.bk-paneel,
.log-kaart,
.bk-editor,
.crmKaart,
.ds-swatch,
.ds-frame,
.mw-paneel-doos,
.notif-item,
.ups-auth-google,
.ws-stat,
.ws-doelgroep,
.ws-samen-blok,
.ws-samen-tag,
.ws-werkgebied-kaart,
.ou-banner,
.ou-banner-stats,
.ou-kaart,
.ou-prijs,
.ou-faq-item,
.ou-link-kaart,
.ou-terug,
.ws-pagina-intro,
.ws-foto-fig,
.ws-print-info,
.ws-navigatie,
.ws-scen,
.ws-scen-vraag,
.ws-cross,
.ws-bronnen,
.cf-kwaliteit,
.cf-dienst,
.cf-pakket,
.cf-voorwie,
.sm-aanbod-kaart,
.sm-doelgroep,
.sm-usp,
.rw-emotie-resultaat,
.rw-fase-detail,
.rw-fase-troost,
.rw-dagboek-textarea,
.rw-dagboek-entry,
.rw-chat-berichten,
.rw-chat-input,
.rw-zelfzorg-item,
.rw-zelfzorg-voortgang,
.rw-coach-kaart,
.rw-leeftijd-kaart,
.rw-leeftijd-tip,
.rw-nood-tel,
.rw-route-optie,
.rw-tracker-actie,
.rw-tracker-stat,
.b2b-kaart,
.b2b-flow-item,
.b2b-voordeel,
.ne-banner-stats,
.ne-tijdlijn-inhoud,
.ne-erf,
.ne-tabel,
.ne-belasting,
.ne-instantie,
.ne-faq-item,
.ne-meer-kaart,
.uv-banner-stats,
.uv-vorm,
.uv-vorm-kosten,
.uv-vorm-link,
.uv-tabel,
.uv-trend,
.uv-locatie,
.uv-milieu,
.uv-faq-item,
.ozp-ov-fcard,
.ozp-ov-tcard,
.st-kaart,
.st-tabel,
.st-blok,
.ozp-inz-kpi,
.ozp-inz-paneel,
.ozp-rw,
.ozp-rw-tekst,
.ozp-pkk-kaart,
.ozp-wb-kaart,
.fa-kaart{
  background:var(--k-vel);
  border:1px solid var(--k-vel-rand);
  box-shadow:var(--sch-vel);
  transition:box-shadow var(--b-micro),transform var(--b-micro)}
.up-panel-in:hover,
.ozp-kaart:hover,
.ozp-tool:hover,
.ozp-cat:hover,
.ozp-artikel:hover,
.ozp-regio:hover,
.ozp-pagina:hover,
.ozp-blok:hover,
.ozp-zijkaart:hover,
.ozp-pakketkaart:hover,
.ozp-keurmerk:hover,
.ozp-lid:hover,
.ozp-prose:hover,
.ozp-inhoud-blok:hover,
.ozp-acc-blok:hover,
.ozp-keuze:hover,
.ozp-rol:hover,
.ozp-bkpi:hover,
.ozp-mega:hover,
.ozp-event:hover,
.kaart:hover,
.pg-banner:hover,
.pg-banner-stats:hover,
.zd-banner-stats:hover,
.zd-form:hover,
.zd-form-optie:hover,
.halte:hover,
.kompasrij:hover,
.zd-cross-kaart:hover,
.pg-kaart:hover,
.pg-erkenning-item:hover,
.pg-accordion-item:hover,
.pg-oproep:hover,
.pg-intro:hover,
.sec-block:hover,
.inp:hover,
.pg-nav:hover,
.pg-info:hover,
.pg-faq-item:hover,
.ozp-ct-formblok:hover,
.av-wrap:hover,
.zzp-kaart:hover,
.mc-stap:hover,
.mc-opl:hover,
.mc-prijs:hover,
.mc-frame:hover,
.ae-wrap:hover,
.nb-banner:hover,
.nb-banner-stats:hover,
.nb-kaart:hover,
.bnn-wrap:hover,
.uvz-banner-stats:hover,
.uvz-soort:hover,
.uvz-verzekeraar:hover,
.uvz-verzekeraar-link:hover,
.uvz-tabel:hover,
.uvz-tip:hover,
.uvz-faq-item:hover,
.nc-wrap:hover,
.wb-wrap:hover,
.ups-auth-veld:hover,
.ws-wrap:hover,
.dn-banner-stats:hover,
.dn-kaart:hover,
.uk-banner-stats:hover,
.uk-kaart:hover,
.aap-feature:hover,
.aap-popup-box:hover,
.wp-banner-stats:hover,
.wp-stap-tag:hover,
.wp-feat:hover,
.wp-gids-stap:hover,
.wp-ov:hover,
.wp-faq-item:hover,
.opt:hover,
.pkg-radio:hover,
.addon:hover,
.rv-banner-stats:hover,
.rv-kaart:hover,
.rv-emotie:hover,
.pg-waarschuwing:hover,
.pg-crosslink:hover,
.sp-tab:hover,
.sp-acc-body:hover,
.sp-stap-inhoud:hover,
.sp-info-kaart:hover,
.ozp-meer-kaart:hover,
.ozp-term-pop:hover,
.ozp-zij-kaart:hover,
.ozp-rel:hover,
.ozp-faq-item:hover,
.sp-card:hover,
.sp-contact:hover,
.sp-jobrij:hover,
.org-kaart:hover,
.org-mini:hover,
.orgz-kaart:hover,
.ur-wrap:hover,
.ur-foto-fig:hover,
.ur-stat-card:hover,
.ur-sectie-eyebrow:hover,
.ur-actie-kaart:hover,
.ur-tijdlijn-item:hover,
.ur-vorm-kaart:hover,
.ur-vorm-prijs:hover,
.ur-ladder-balk-wrap:hover,
.ur-bouwsteen:hover,
.ur-cross:hover,
.oo-banner-stats:hover,
.oo-aanbod-kaart:hover,
.oo-team-kaart:hover,
.oo-ceo-blok:hover,
.oo-samen-kaart:hover,
.oo-erkenning-item:hover,
.ru-banner:hover,
.ru-banner-stats:hover,
.ru-geloof-kaart:hover,
.ru-prijs:hover,
.ru-faq-item:hover,
.ru-link-kaart:hover,
.ru-terug:hover,
.wk-kaart:hover,
.wk-leeg:hover,
.wk-form:hover,
.wk-klaar:hover,
.nb-app:hover,
.nb-blok:hover,
.nb-veld-input:hover,
.nb-select:hover,
.nb-bedrag-wrap:hover,
.nb-bedrag-row:hover,
.nb-vergelijk-blok:hover,
.nb-tabel:hover,
.nb-detail-blok:hover,
.nb-info-box:hover,
.nb-intro:hover,
.nb-intro-punt:hover,
.nb-bronnen:hover,
.nb-bron:hover,
.nb-tabs:hover,
.uk-app:hover,
.uk-blok:hover,
.uk-keuze:hover,
.uk-select:hover,
.uk-prijs-edit:hover,
.uk-bedrag-wrap:hover,
.uk-bedrag-prijs:hover,
.uk-detail-blok:hover,
.uk-tabel:hover,
.uk-vergelijk-blok:hover,
.uk-info-box:hover,
.uk-veld-input:hover,
.uk-scenario-item:hover,
.uk-verz:hover,
.uk-verz-tag:hover,
.uk-tabs:hover,
.ex-app:hover,
.ex-card:hover,
.ex-input:hover,
.ex-input-date:hover,
.ex-fase-blok:hover,
.ex-item-bedrag:hover,
.ex-tmpl-tekst:hover,
.ex-scenario-item:hover,
.av-pagina-intro:hover,
.av-foto-fig:hover,
.av-print-info:hover,
.av-navigatie:hover,
.av-vraag:hover,
.av-cross:hover,
.av-bronnen:hover,
.melding:hover,
.ozp-kgg:hover,
.vg-kwaliteit:hover,
.vg-dienst:hover,
.vg-platform:hover,
.vg-pakket:hover,
.vg-voorwie:hover,
.lp-nr:hover,
.lp-kaart:hover,
.lp-klaarblok:hover,
.kompas:hover,
.prv-inleiding:hover,
.prv-nav-item:hover,
.prv-artikel:hover,
.prv-recht:hover,
.prv-beveiliging:hover,
.prv-social:hover,
.prv-contact-blok:hover,
.ed-app:hover,
.ed-bedrag-wrap:hover,
.ed-bedrag-input-row:hover,
.ed-blok:hover,
.ed-veld-input:hover,
.ed-eg-extra:hover,
.ed-tree-knoop:hover,
.ed-scen:hover,
.ed-scenario-item:hover,
.ed-land-select:hover,
.ed-tabs:hover,
.bn-wrap:hover,
.bn-card:hover,
.bn-card-rust:hover,
.um-stat:hover,
.um-pad:hover,
.um-feature:hover,
.um-stap:hover,
.um-faq-item:hover,
.um-vkaart:hover,
.ump-popup-box:hover,
.ke-onderdeel:hover,
.pc-banner:hover,
.pc-banner-stats:hover,
.pc-kaart:hover,
.pc-prijs:hover,
.pc-stappen:hover,
.pc-link-kaart:hover,
.pc-faq-item:hover,
.pc-terug:hover,
.pc-info:hover,
.ui-over-kaart:hover,
.ui-waarde:hover,
.ui-verhaal:hover,
.ui-product:hover,
.ui-partner:hover,
.ui-editie:hover,
.up-tab:hover,
.up-regio-select:hover,
.up-verzekering-input:hover,
.up-subtab:hover,
.upv4-template-card:hover,
.upv4-ai-input-wrap:hover,
.upv4-scenarios-header:hover,
.upv4-scenario-card:hover,
.tpg-stat:hover,
.tpg-feature-card:hover,
.tpg-inhoud-blok:hover,
.tpg-chip:hover,
.tpg-stap-nr:hover,
.ae-pagina-intro:hover,
.ae-foto-fig:hover,
.ae-print-info:hover,
.ae-navigatie:hover,
.ae-land:hover,
.ae-vlag:hover,
.ae-info-blok:hover,
.ae-cross:hover,
.ae-bronnen:hover,
.nb-prijs:hover,
.nb-faq-item:hover,
.nb-link-kaart:hover,
.nb-terug:hover,
.ba-app:hover,
.ba-blok:hover,
.ba-veld-input:hover,
.ba-input-text:hover,
.ba-keuze-blok:hover,
.ba-stappen:hover,
.ba-stap-tijd:hover,
.ba-tabel:hover,
.ba-info-box:hover,
.ba-intro:hover,
.ba-intro-optie:hover,
.ba-termijn-card:hover,
.ba-doc:hover,
.ba-doc-tag:hover,
.ba-tabs:hover,
.dc-banner:hover,
.dc-banner-stats:hover,
.dc-kaart:hover,
.dc-prijs:hover,
.dc-stappen:hover,
.dc-link-kaart:hover,
.dc-info:hover,
.dc-faq-item:hover,
.dc-terug:hover,
.uo-quicknav-link:hover,
.uo-plaats:hover,
.uo-onderneming:hover,
.uo-kosten-card:hover,
.uo-kosten-item:hover,
.uo-verdiep-card:hover,
.rc-kaart:hover,
.rc-tabel:hover,
.bnn-pagina-intro:hover,
.bnn-foto-fig:hover,
.bnn-print-info:hover,
.bnn-navigatie:hover,
.bnn-casus:hover,
.bnn-feiten:hover,
.bnn-cross:hover,
.bnn-bronnen:hover,
.ka-wolk:hover,
.ka-rond:hover,
.ka-pen:hover,
.ka-chip:hover,
.ka-rap-body:hover,
.pz-banner-stats:hover,
.pz-kaart:hover,
.b2b-dienst:hover,
.b2b-why:hover,
.b2b-dg:hover,
.b2b-stap:hover,
.b2b-contact-info-item:hover,
.bg-banner:hover,
.bg-banner-stats:hover,
.bg-kaart:hover,
.bg-prijs:hover,
.bg-faq-item:hover,
.bg-link-kaart:hover,
.bg-terug:hover,
.bg-stappen:hover,
.irw-stat:hover,
.irw-feature:hover,
.irw-stap:hover,
.irw-hulp-tel:hover,
.irw-faq-item:hover,
.irw-vkaart:hover,
.irwp-popup-box:hover,
.kp-kaart:hover,
.kp-aanb:hover,
.kp-stap:hover,
.kp-begrip:hover,
.kp-spoed:hover,
.nc-pagina-intro:hover,
.nc-foto-fig:hover,
.nc-print-info:hover,
.nc-cross:hover,
.nc-bronnen:hover,
.wb-pagina-intro:hover,
.wb-foto-fig:hover,
.wb-print-info:hover,
.wb-sectie-form:hover,
.wb-input:hover,
.wb-textarea:hover,
.wb-radio-kaart:hover,
.wb-handtekening-blok:hover,
.wb-cross:hover,
.wb-bronnen:hover,
.ra-nav-card:hover,
.ra-ritueel:hover,
.ra-cultuur-meta-item:hover,
.ra-thema-card:hover,
.ra-link-item:hover,
.kh-banner:hover,
.kh-banner-stats:hover,
.kh-uitleg-stap:hover,
.kh-kaart:hover,
.kh-kaart-prijs:hover,
.kv-regio-select:hover,
.mm-cat-item:hover,
.sp-zij-kaart:hover,
.zt-brief:hover,
.zt-kaart:hover,
.zt-leeg:hover,
.nb-accordion-item:hover,
.nb-waarschuwing:hover,
.nb-oproep:hover,
.wd-kwaliteit:hover,
.wd-onderdeel:hover,
.wd-tech:hover,
.wd-pakket:hover,
.wd-voorwie:hover,
.ec-app:hover,
.ec-blok:hover,
.ec-veld-input:hover,
.ec-detail-blok:hover,
.ec-schijf-blok:hover,
.ec-schijf-percentage:hover,
.ec-bedrag-wrap:hover,
.ec-bedrag-input-row:hover,
.ec-erfgenaam:hover,
.ec-erfgenaam-select:hover,
.ec-erfgenaam-pct-wrap:hover,
.ec-erfgenaam-resultaat:hover,
.ec-tijdslijn:hover,
.ec-deadline-tijd:hover,
.ec-scenario:hover,
.ec-multiyear-tabel:hover,
.ec-multiyear-header:hover,
.ec-bor-vergelijking:hover,
.ec-info-box:hover,
.ec-vg-leeftijd-input:hover,
.ec-vg-deel:hover,
.ec-factor-tabel:hover,
.ec-factor-cel:hover,
.ec-land-info:hover,
.ec-scenario-saved:hover,
.ec-tabs:hover,
.bk-kpi:hover,
.bk-paneel:hover,
.log-kaart:hover,
.bk-editor:hover,
.crmKaart:hover,
.ds-swatch:hover,
.ds-frame:hover,
.mw-paneel-doos:hover,
.notif-item:hover,
.ups-auth-google:hover,
.ws-stat:hover,
.ws-doelgroep:hover,
.ws-samen-blok:hover,
.ws-samen-tag:hover,
.ws-werkgebied-kaart:hover,
.ou-banner:hover,
.ou-banner-stats:hover,
.ou-kaart:hover,
.ou-prijs:hover,
.ou-faq-item:hover,
.ou-link-kaart:hover,
.ou-terug:hover,
.ws-pagina-intro:hover,
.ws-foto-fig:hover,
.ws-print-info:hover,
.ws-navigatie:hover,
.ws-scen:hover,
.ws-scen-vraag:hover,
.ws-cross:hover,
.ws-bronnen:hover,
.cf-kwaliteit:hover,
.cf-dienst:hover,
.cf-pakket:hover,
.cf-voorwie:hover,
.sm-aanbod-kaart:hover,
.sm-doelgroep:hover,
.sm-usp:hover,
.rw-emotie-resultaat:hover,
.rw-fase-detail:hover,
.rw-fase-troost:hover,
.rw-dagboek-textarea:hover,
.rw-dagboek-entry:hover,
.rw-chat-berichten:hover,
.rw-chat-input:hover,
.rw-zelfzorg-item:hover,
.rw-zelfzorg-voortgang:hover,
.rw-coach-kaart:hover,
.rw-leeftijd-kaart:hover,
.rw-leeftijd-tip:hover,
.rw-nood-tel:hover,
.rw-route-optie:hover,
.rw-tracker-actie:hover,
.rw-tracker-stat:hover,
.b2b-kaart:hover,
.b2b-flow-item:hover,
.b2b-voordeel:hover,
.ne-banner-stats:hover,
.ne-tijdlijn-inhoud:hover,
.ne-erf:hover,
.ne-tabel:hover,
.ne-belasting:hover,
.ne-instantie:hover,
.ne-faq-item:hover,
.ne-meer-kaart:hover,
.uv-banner-stats:hover,
.uv-vorm:hover,
.uv-vorm-kosten:hover,
.uv-vorm-link:hover,
.uv-tabel:hover,
.uv-trend:hover,
.uv-locatie:hover,
.uv-milieu:hover,
.uv-faq-item:hover,
.ozp-ov-fcard:hover,
.ozp-ov-tcard:hover,
.st-kaart:hover,
.st-tabel:hover,
.st-blok:hover,
.ozp-inz-kpi:hover,
.ozp-inz-paneel:hover,
.ozp-rw:hover,
.ozp-rw-tekst:hover,
.ozp-pkk-kaart:hover,
.ozp-wb-kaart:hover,
.fa-kaart:hover{
  box-shadow:var(--sch-vel)}
/* klikbare kaarten liften; alleen echte links/knoppen */


/* ---------- 4. DONKERE SECTIES ---------- */
.up-voet,
.up-rustslot,
.ozp-featured-beeld,
.fase-kop,
.pg-cta,
.kompasblok,
.zd-cross-kaart-paars,
.pg-donker,
.pg-bg-blok,
.pg-stats,
.band,
.mc-cta,
.nb-cta,
.wp-gids-header,
.why,
.pg-highlight,
.ozp-check,
.kop,
.org-hero,
.org-tegel,
.ozp-kaart-foto,
.oo-missie-sectie,
.oo-cta,
.ru-cta,
.wk-mand,
.nb-header,
.nb-totaal,
.nb-uitleg,
.nb-print-cover,
.uk-header,
.uk-totaal,
.uk-uitleg,
.uk-print-cover,
.ex-header,
.ex-subtotaal,
.ex-print-cover,
.av-cat-kop,
.vg-intro-highlight,
.art-beeld,
.ag-blokje,
.lint,
.prv-hero,
.prv-deel-header,
.prv-artikel-header,
.prv-highlight,
.prv-footer-blok,
.ed-header,
.ed-uitleg-blok,
.ed-print-cover,
.ke-tabel-header,
.pc-missie,
.pc-cta,
.up-overzicht-header,
.upv4-slider-tooltip,
.upv4-progress-fill,
.upv4-sparen-resultaat,
.ae-regio-kop,
.ae-bijzonder,
.nb-missie,
.ba-header,
.ba-resultaat,
.ba-totaal,
.ba-uitleg,
.ba-print-cover,
.dc-missie,
.dc-cta,
.uo-photo,
.uo-ondernemers-meer,
.bnn-periode-kop,
.bnn-portret,
.bnn-les,
.bg-missie,
.bg-cta,
.kp-kaart-beeld,
.kh-cta,
.kv-balk-bar-fill,
.kv-tabel-header,
.sp-voortgang-balk,
.sp-zij-kaart-header,
.nb-donker,
.nb-bg-blok,
.wd-intro-highlight,
.zd-cta,
.ec-header,
.ec-result-card,
.ec-totaal-blok,
.ec-strategie-advies,
.ec-modal-header,
.bk-drop,
.ou-missie,
.ou-cta,
.ws-cat-kop,
.ws-bron,
.cf-intro-highlight,
.rw-emotie-header,
.rw-dagboek-header,
.rw-chat-header,
.rw-chat-verzend,
.rw-zelfzorg-balk,
.rw-leeftijd-zinnen,
.rw-tracker-balk-tooltip,
.uv-vorm-balk-fill,
.st-hero{
  background:linear-gradient(150deg,var(--k-nacht),var(--k-diep));
  color:#fff;border:0}
.up-voet h1,
.up-rustslot h1,
.ozp-featured-beeld h1,
.fase-kop h1,
.pg-cta h1,
.kompasblok h1,
.zd-cross-kaart-paars h1,
.pg-donker h1,
.pg-bg-blok h1,
.pg-stats h1,
.band h1,
.mc-cta h1,
.nb-cta h1,
.wp-gids-header h1,
.why h1,
.pg-highlight h1,
.ozp-check h1,
.kop h1,
.org-hero h1,
.org-tegel h1,
.ozp-kaart-foto h1,
.oo-missie-sectie h1,
.oo-cta h1,
.ru-cta h1,
.wk-mand h1,
.nb-header h1,
.nb-totaal h1,
.nb-uitleg h1,
.nb-print-cover h1,
.uk-header h1,
.uk-totaal h1,
.uk-uitleg h1,
.uk-print-cover h1,
.ex-header h1,
.ex-subtotaal h1,
.ex-print-cover h1,
.av-cat-kop h1,
.vg-intro-highlight h1,
.art-beeld h1,
.ag-blokje h1,
.lint h1,
.prv-hero h1,
.prv-deel-header h1,
.prv-artikel-header h1,
.prv-highlight h1,
.prv-footer-blok h1,
.ed-header h1,
.ed-uitleg-blok h1,
.ed-print-cover h1,
.ke-tabel-header h1,
.pc-missie h1,
.pc-cta h1,
.up-overzicht-header h1,
.upv4-slider-tooltip h1,
.upv4-progress-fill h1,
.upv4-sparen-resultaat h1,
.ae-regio-kop h1,
.ae-bijzonder h1,
.nb-missie h1,
.ba-header h1,
.ba-resultaat h1,
.ba-totaal h1,
.ba-uitleg h1,
.ba-print-cover h1,
.dc-missie h1,
.dc-cta h1,
.uo-photo h1,
.uo-ondernemers-meer h1,
.bnn-periode-kop h1,
.bnn-portret h1,
.bnn-les h1,
.bg-missie h1,
.bg-cta h1,
.kp-kaart-beeld h1,
.kh-cta h1,
.kv-balk-bar-fill h1,
.kv-tabel-header h1,
.sp-voortgang-balk h1,
.sp-zij-kaart-header h1,
.nb-donker h1,
.nb-bg-blok h1,
.wd-intro-highlight h1,
.zd-cta h1,
.ec-header h1,
.ec-result-card h1,
.ec-totaal-blok h1,
.ec-strategie-advies h1,
.ec-modal-header h1,
.bk-drop h1,
.ou-missie h1,
.ou-cta h1,
.ws-cat-kop h1,
.ws-bron h1,
.cf-intro-highlight h1,
.rw-emotie-header h1,
.rw-dagboek-header h1,
.rw-chat-header h1,
.rw-chat-verzend h1,
.rw-zelfzorg-balk h1,
.rw-leeftijd-zinnen h1,
.rw-tracker-balk-tooltip h1,
.uv-vorm-balk-fill h1,
.st-hero h1,.up-voet h2,
.up-rustslot h2,
.ozp-featured-beeld h2,
.fase-kop h2,
.pg-cta h2,
.kompasblok h2,
.zd-cross-kaart-paars h2,
.pg-donker h2,
.pg-bg-blok h2,
.pg-stats h2,
.band h2,
.mc-cta h2,
.nb-cta h2,
.wp-gids-header h2,
.why h2,
.pg-highlight h2,
.ozp-check h2,
.kop h2,
.org-hero h2,
.org-tegel h2,
.ozp-kaart-foto h2,
.oo-missie-sectie h2,
.oo-cta h2,
.ru-cta h2,
.wk-mand h2,
.nb-header h2,
.nb-totaal h2,
.nb-uitleg h2,
.nb-print-cover h2,
.uk-header h2,
.uk-totaal h2,
.uk-uitleg h2,
.uk-print-cover h2,
.ex-header h2,
.ex-subtotaal h2,
.ex-print-cover h2,
.av-cat-kop h2,
.vg-intro-highlight h2,
.art-beeld h2,
.ag-blokje h2,
.lint h2,
.prv-hero h2,
.prv-deel-header h2,
.prv-artikel-header h2,
.prv-highlight h2,
.prv-footer-blok h2,
.ed-header h2,
.ed-uitleg-blok h2,
.ed-print-cover h2,
.ke-tabel-header h2,
.pc-missie h2,
.pc-cta h2,
.up-overzicht-header h2,
.upv4-slider-tooltip h2,
.upv4-progress-fill h2,
.upv4-sparen-resultaat h2,
.ae-regio-kop h2,
.ae-bijzonder h2,
.nb-missie h2,
.ba-header h2,
.ba-resultaat h2,
.ba-totaal h2,
.ba-uitleg h2,
.ba-print-cover h2,
.dc-missie h2,
.dc-cta h2,
.uo-photo h2,
.uo-ondernemers-meer h2,
.bnn-periode-kop h2,
.bnn-portret h2,
.bnn-les h2,
.bg-missie h2,
.bg-cta h2,
.kp-kaart-beeld h2,
.kh-cta h2,
.kv-balk-bar-fill h2,
.kv-tabel-header h2,
.sp-voortgang-balk h2,
.sp-zij-kaart-header h2,
.nb-donker h2,
.nb-bg-blok h2,
.wd-intro-highlight h2,
.zd-cta h2,
.ec-header h2,
.ec-result-card h2,
.ec-totaal-blok h2,
.ec-strategie-advies h2,
.ec-modal-header h2,
.bk-drop h2,
.ou-missie h2,
.ou-cta h2,
.ws-cat-kop h2,
.ws-bron h2,
.cf-intro-highlight h2,
.rw-emotie-header h2,
.rw-dagboek-header h2,
.rw-chat-header h2,
.rw-chat-verzend h2,
.rw-zelfzorg-balk h2,
.rw-leeftijd-zinnen h2,
.rw-tracker-balk-tooltip h2,
.uv-vorm-balk-fill h2,
.st-hero h2,.up-voet h3,
.up-rustslot h3,
.ozp-featured-beeld h3,
.fase-kop h3,
.pg-cta h3,
.kompasblok h3,
.zd-cross-kaart-paars h3,
.pg-donker h3,
.pg-bg-blok h3,
.pg-stats h3,
.band h3,
.mc-cta h3,
.nb-cta h3,
.wp-gids-header h3,
.why h3,
.pg-highlight h3,
.ozp-check h3,
.kop h3,
.org-hero h3,
.org-tegel h3,
.ozp-kaart-foto h3,
.oo-missie-sectie h3,
.oo-cta h3,
.ru-cta h3,
.wk-mand h3,
.nb-header h3,
.nb-totaal h3,
.nb-uitleg h3,
.nb-print-cover h3,
.uk-header h3,
.uk-totaal h3,
.uk-uitleg h3,
.uk-print-cover h3,
.ex-header h3,
.ex-subtotaal h3,
.ex-print-cover h3,
.av-cat-kop h3,
.vg-intro-highlight h3,
.art-beeld h3,
.ag-blokje h3,
.lint h3,
.prv-hero h3,
.prv-deel-header h3,
.prv-artikel-header h3,
.prv-highlight h3,
.prv-footer-blok h3,
.ed-header h3,
.ed-uitleg-blok h3,
.ed-print-cover h3,
.ke-tabel-header h3,
.pc-missie h3,
.pc-cta h3,
.up-overzicht-header h3,
.upv4-slider-tooltip h3,
.upv4-progress-fill h3,
.upv4-sparen-resultaat h3,
.ae-regio-kop h3,
.ae-bijzonder h3,
.nb-missie h3,
.ba-header h3,
.ba-resultaat h3,
.ba-totaal h3,
.ba-uitleg h3,
.ba-print-cover h3,
.dc-missie h3,
.dc-cta h3,
.uo-photo h3,
.uo-ondernemers-meer h3,
.bnn-periode-kop h3,
.bnn-portret h3,
.bnn-les h3,
.bg-missie h3,
.bg-cta h3,
.kp-kaart-beeld h3,
.kh-cta h3,
.kv-balk-bar-fill h3,
.kv-tabel-header h3,
.sp-voortgang-balk h3,
.sp-zij-kaart-header h3,
.nb-donker h3,
.nb-bg-blok h3,
.wd-intro-highlight h3,
.zd-cta h3,
.ec-header h3,
.ec-result-card h3,
.ec-totaal-blok h3,
.ec-strategie-advies h3,
.ec-modal-header h3,
.bk-drop h3,
.ou-missie h3,
.ou-cta h3,
.ws-cat-kop h3,
.ws-bron h3,
.cf-intro-highlight h3,
.rw-emotie-header h3,
.rw-dagboek-header h3,
.rw-chat-header h3,
.rw-chat-verzend h3,
.rw-zelfzorg-balk h3,
.rw-leeftijd-zinnen h3,
.rw-tracker-balk-tooltip h3,
.uv-vorm-balk-fill h3,
.st-hero h3,.up-voet h4,
.up-rustslot h4,
.ozp-featured-beeld h4,
.fase-kop h4,
.pg-cta h4,
.kompasblok h4,
.zd-cross-kaart-paars h4,
.pg-donker h4,
.pg-bg-blok h4,
.pg-stats h4,
.band h4,
.mc-cta h4,
.nb-cta h4,
.wp-gids-header h4,
.why h4,
.pg-highlight h4,
.ozp-check h4,
.kop h4,
.org-hero h4,
.org-tegel h4,
.ozp-kaart-foto h4,
.oo-missie-sectie h4,
.oo-cta h4,
.ru-cta h4,
.wk-mand h4,
.nb-header h4,
.nb-totaal h4,
.nb-uitleg h4,
.nb-print-cover h4,
.uk-header h4,
.uk-totaal h4,
.uk-uitleg h4,
.uk-print-cover h4,
.ex-header h4,
.ex-subtotaal h4,
.ex-print-cover h4,
.av-cat-kop h4,
.vg-intro-highlight h4,
.art-beeld h4,
.ag-blokje h4,
.lint h4,
.prv-hero h4,
.prv-deel-header h4,
.prv-artikel-header h4,
.prv-highlight h4,
.prv-footer-blok h4,
.ed-header h4,
.ed-uitleg-blok h4,
.ed-print-cover h4,
.ke-tabel-header h4,
.pc-missie h4,
.pc-cta h4,
.up-overzicht-header h4,
.upv4-slider-tooltip h4,
.upv4-progress-fill h4,
.upv4-sparen-resultaat h4,
.ae-regio-kop h4,
.ae-bijzonder h4,
.nb-missie h4,
.ba-header h4,
.ba-resultaat h4,
.ba-totaal h4,
.ba-uitleg h4,
.ba-print-cover h4,
.dc-missie h4,
.dc-cta h4,
.uo-photo h4,
.uo-ondernemers-meer h4,
.bnn-periode-kop h4,
.bnn-portret h4,
.bnn-les h4,
.bg-missie h4,
.bg-cta h4,
.kp-kaart-beeld h4,
.kh-cta h4,
.kv-balk-bar-fill h4,
.kv-tabel-header h4,
.sp-voortgang-balk h4,
.sp-zij-kaart-header h4,
.nb-donker h4,
.nb-bg-blok h4,
.wd-intro-highlight h4,
.zd-cta h4,
.ec-header h4,
.ec-result-card h4,
.ec-totaal-blok h4,
.ec-strategie-advies h4,
.ec-modal-header h4,
.bk-drop h4,
.ou-missie h4,
.ou-cta h4,
.ws-cat-kop h4,
.ws-bron h4,
.cf-intro-highlight h4,
.rw-emotie-header h4,
.rw-dagboek-header h4,
.rw-chat-header h4,
.rw-chat-verzend h4,
.rw-zelfzorg-balk h4,
.rw-leeftijd-zinnen h4,
.rw-tracker-balk-tooltip h4,
.uv-vorm-balk-fill h4,
.st-hero h4{color:#fff}
.up-voet p,
.up-rustslot p,
.ozp-featured-beeld p,
.fase-kop p,
.pg-cta p,
.kompasblok p,
.zd-cross-kaart-paars p,
.pg-donker p,
.pg-bg-blok p,
.pg-stats p,
.band p,
.mc-cta p,
.nb-cta p,
.wp-gids-header p,
.why p,
.pg-highlight p,
.ozp-check p,
.kop p,
.org-hero p,
.org-tegel p,
.ozp-kaart-foto p,
.oo-missie-sectie p,
.oo-cta p,
.ru-cta p,
.wk-mand p,
.nb-header p,
.nb-totaal p,
.nb-uitleg p,
.nb-print-cover p,
.uk-header p,
.uk-totaal p,
.uk-uitleg p,
.uk-print-cover p,
.ex-header p,
.ex-subtotaal p,
.ex-print-cover p,
.av-cat-kop p,
.vg-intro-highlight p,
.art-beeld p,
.ag-blokje p,
.lint p,
.prv-hero p,
.prv-deel-header p,
.prv-artikel-header p,
.prv-highlight p,
.prv-footer-blok p,
.ed-header p,
.ed-uitleg-blok p,
.ed-print-cover p,
.ke-tabel-header p,
.pc-missie p,
.pc-cta p,
.up-overzicht-header p,
.upv4-slider-tooltip p,
.upv4-progress-fill p,
.upv4-sparen-resultaat p,
.ae-regio-kop p,
.ae-bijzonder p,
.nb-missie p,
.ba-header p,
.ba-resultaat p,
.ba-totaal p,
.ba-uitleg p,
.ba-print-cover p,
.dc-missie p,
.dc-cta p,
.uo-photo p,
.uo-ondernemers-meer p,
.bnn-periode-kop p,
.bnn-portret p,
.bnn-les p,
.bg-missie p,
.bg-cta p,
.kp-kaart-beeld p,
.kh-cta p,
.kv-balk-bar-fill p,
.kv-tabel-header p,
.sp-voortgang-balk p,
.sp-zij-kaart-header p,
.nb-donker p,
.nb-bg-blok p,
.wd-intro-highlight p,
.zd-cta p,
.ec-header p,
.ec-result-card p,
.ec-totaal-blok p,
.ec-strategie-advies p,
.ec-modal-header p,
.bk-drop p,
.ou-missie p,
.ou-cta p,
.ws-cat-kop p,
.ws-bron p,
.cf-intro-highlight p,
.rw-emotie-header p,
.rw-dagboek-header p,
.rw-chat-header p,
.rw-chat-verzend p,
.rw-zelfzorg-balk p,
.rw-leeftijd-zinnen p,
.rw-tracker-balk-tooltip p,
.uv-vorm-balk-fill p,
.st-hero p,.up-voet li,
.up-rustslot li,
.ozp-featured-beeld li,
.fase-kop li,
.pg-cta li,
.kompasblok li,
.zd-cross-kaart-paars li,
.pg-donker li,
.pg-bg-blok li,
.pg-stats li,
.band li,
.mc-cta li,
.nb-cta li,
.wp-gids-header li,
.why li,
.pg-highlight li,
.ozp-check li,
.kop li,
.org-hero li,
.org-tegel li,
.ozp-kaart-foto li,
.oo-missie-sectie li,
.oo-cta li,
.ru-cta li,
.wk-mand li,
.nb-header li,
.nb-totaal li,
.nb-uitleg li,
.nb-print-cover li,
.uk-header li,
.uk-totaal li,
.uk-uitleg li,
.uk-print-cover li,
.ex-header li,
.ex-subtotaal li,
.ex-print-cover li,
.av-cat-kop li,
.vg-intro-highlight li,
.art-beeld li,
.ag-blokje li,
.lint li,
.prv-hero li,
.prv-deel-header li,
.prv-artikel-header li,
.prv-highlight li,
.prv-footer-blok li,
.ed-header li,
.ed-uitleg-blok li,
.ed-print-cover li,
.ke-tabel-header li,
.pc-missie li,
.pc-cta li,
.up-overzicht-header li,
.upv4-slider-tooltip li,
.upv4-progress-fill li,
.upv4-sparen-resultaat li,
.ae-regio-kop li,
.ae-bijzonder li,
.nb-missie li,
.ba-header li,
.ba-resultaat li,
.ba-totaal li,
.ba-uitleg li,
.ba-print-cover li,
.dc-missie li,
.dc-cta li,
.uo-photo li,
.uo-ondernemers-meer li,
.bnn-periode-kop li,
.bnn-portret li,
.bnn-les li,
.bg-missie li,
.bg-cta li,
.kp-kaart-beeld li,
.kh-cta li,
.kv-balk-bar-fill li,
.kv-tabel-header li,
.sp-voortgang-balk li,
.sp-zij-kaart-header li,
.nb-donker li,
.nb-bg-blok li,
.wd-intro-highlight li,
.zd-cta li,
.ec-header li,
.ec-result-card li,
.ec-totaal-blok li,
.ec-strategie-advies li,
.ec-modal-header li,
.bk-drop li,
.ou-missie li,
.ou-cta li,
.ws-cat-kop li,
.ws-bron li,
.cf-intro-highlight li,
.rw-emotie-header li,
.rw-dagboek-header li,
.rw-chat-header li,
.rw-chat-verzend li,
.rw-zelfzorg-balk li,
.rw-leeftijd-zinnen li,
.rw-tracker-balk-tooltip li,
.uv-vorm-balk-fill li,
.st-hero li,.up-voet span,
.up-rustslot span,
.ozp-featured-beeld span,
.fase-kop span,
.pg-cta span,
.kompasblok span,
.zd-cross-kaart-paars span,
.pg-donker span,
.pg-bg-blok span,
.pg-stats span,
.band span,
.mc-cta span,
.nb-cta span,
.wp-gids-header span,
.why span,
.pg-highlight span,
.ozp-check span,
.kop span,
.org-hero span,
.org-tegel span,
.ozp-kaart-foto span,
.oo-missie-sectie span,
.oo-cta span,
.ru-cta span,
.wk-mand span,
.nb-header span,
.nb-totaal span,
.nb-uitleg span,
.nb-print-cover span,
.uk-header span,
.uk-totaal span,
.uk-uitleg span,
.uk-print-cover span,
.ex-header span,
.ex-subtotaal span,
.ex-print-cover span,
.av-cat-kop span,
.vg-intro-highlight span,
.art-beeld span,
.ag-blokje span,
.lint span,
.prv-hero span,
.prv-deel-header span,
.prv-artikel-header span,
.prv-highlight span,
.prv-footer-blok span,
.ed-header span,
.ed-uitleg-blok span,
.ed-print-cover span,
.ke-tabel-header span,
.pc-missie span,
.pc-cta span,
.up-overzicht-header span,
.upv4-slider-tooltip span,
.upv4-progress-fill span,
.upv4-sparen-resultaat span,
.ae-regio-kop span,
.ae-bijzonder span,
.nb-missie span,
.ba-header span,
.ba-resultaat span,
.ba-totaal span,
.ba-uitleg span,
.ba-print-cover span,
.dc-missie span,
.dc-cta span,
.uo-photo span,
.uo-ondernemers-meer span,
.bnn-periode-kop span,
.bnn-portret span,
.bnn-les span,
.bg-missie span,
.bg-cta span,
.kp-kaart-beeld span,
.kh-cta span,
.kv-balk-bar-fill span,
.kv-tabel-header span,
.sp-voortgang-balk span,
.sp-zij-kaart-header span,
.nb-donker span,
.nb-bg-blok span,
.wd-intro-highlight span,
.zd-cta span,
.ec-header span,
.ec-result-card span,
.ec-totaal-blok span,
.ec-strategie-advies span,
.ec-modal-header span,
.bk-drop span,
.ou-missie span,
.ou-cta span,
.ws-cat-kop span,
.ws-bron span,
.cf-intro-highlight span,
.rw-emotie-header span,
.rw-dagboek-header span,
.rw-chat-header span,
.rw-chat-verzend span,
.rw-zelfzorg-balk span,
.rw-leeftijd-zinnen span,
.rw-tracker-balk-tooltip span,
.uv-vorm-balk-fill span,
.st-hero span{color:rgba(255,255,255,.85)}
.up-voet a,
.up-rustslot a,
.ozp-featured-beeld a,
.fase-kop a,
.pg-cta a,
.kompasblok a,
.zd-cross-kaart-paars a,
.pg-donker a,
.pg-bg-blok a,
.pg-stats a,
.band a,
.mc-cta a,
.nb-cta a,
.wp-gids-header a,
.why a,
.pg-highlight a,
.ozp-check a,
.kop a,
.org-hero a,
.org-tegel a,
.ozp-kaart-foto a,
.oo-missie-sectie a,
.oo-cta a,
.ru-cta a,
.wk-mand a,
.nb-header a,
.nb-totaal a,
.nb-uitleg a,
.nb-print-cover a,
.uk-header a,
.uk-totaal a,
.uk-uitleg a,
.uk-print-cover a,
.ex-header a,
.ex-subtotaal a,
.ex-print-cover a,
.av-cat-kop a,
.vg-intro-highlight a,
.art-beeld a,
.ag-blokje a,
.lint a,
.prv-hero a,
.prv-deel-header a,
.prv-artikel-header a,
.prv-highlight a,
.prv-footer-blok a,
.ed-header a,
.ed-uitleg-blok a,
.ed-print-cover a,
.ke-tabel-header a,
.pc-missie a,
.pc-cta a,
.up-overzicht-header a,
.upv4-slider-tooltip a,
.upv4-progress-fill a,
.upv4-sparen-resultaat a,
.ae-regio-kop a,
.ae-bijzonder a,
.nb-missie a,
.ba-header a,
.ba-resultaat a,
.ba-totaal a,
.ba-uitleg a,
.ba-print-cover a,
.dc-missie a,
.dc-cta a,
.uo-photo a,
.uo-ondernemers-meer a,
.bnn-periode-kop a,
.bnn-portret a,
.bnn-les a,
.bg-missie a,
.bg-cta a,
.kp-kaart-beeld a,
.kh-cta a,
.kv-balk-bar-fill a,
.kv-tabel-header a,
.sp-voortgang-balk a,
.sp-zij-kaart-header a,
.nb-donker a,
.nb-bg-blok a,
.wd-intro-highlight a,
.zd-cta a,
.ec-header a,
.ec-result-card a,
.ec-totaal-blok a,
.ec-strategie-advies a,
.ec-modal-header a,
.bk-drop a,
.ou-missie a,
.ou-cta a,
.ws-cat-kop a,
.ws-bron a,
.cf-intro-highlight a,
.rw-emotie-header a,
.rw-dagboek-header a,
.rw-chat-header a,
.rw-chat-verzend a,
.rw-zelfzorg-balk a,
.rw-leeftijd-zinnen a,
.rw-tracker-balk-tooltip a,
.uv-vorm-balk-fill a,
.st-hero a{color:var(--k-oranje)}

/* Hero's en banden */
.entree,.lucht{background:var(--k-diep)}
.lucht .waas,.entree .waas{background:
  linear-gradient(105deg,rgba(29,7,24,.93) 0%,rgba(33,8,28,.86) 36%,rgba(52,16,46,.42) 68%,rgba(74,25,66,.16) 100%),
  linear-gradient(180deg,rgba(29,7,24,.18) 0%,rgba(29,7,24,0) 26%,rgba(29,7,24,.7) 94%),
  radial-gradient(1200px 700px at 80% -10%,rgba(232,131,74,.14),transparent 60%)}
.ozp-hero,.up-hero,.hero,.fq-hero,.wl-hero,.pp-hero,.fase-kop,.pg-banner{
  background:linear-gradient(160deg,var(--k-diep),var(--k-pruim) 62%,var(--k-pruim-extra));color:#fff}
.ozp-hero h1,.up-hero h1,.hero h1,.fq-hero h1,.wl-hero h1,.pg-banner h1,
.ozp-hero h2,.up-hero h2,.hero h2,.fase-kop h2{color:#fff}
.ozp-hero p,.up-hero p,.hero p,.fq-hero p,.wl-hero p,.pg-banner p{color:rgba(255,255,255,.85)}
.ozp-hero a,.up-hero a,.hero a{color:var(--k-peach)}
.up-hoofdstuk::before,.thuis-donker::before{background:
  radial-gradient(900px 480px at 88% 0%,rgba(232,131,74,.14),transparent 60%),
  linear-gradient(160deg,var(--k-diep),var(--k-pruim) 62%,var(--k-pruim-extra))}
.ups-band,.band,.mc-cta,.pg-cta,.pg-donker,.kompasblok,.up-reclame,.zd-cross-kaart-paars,.pg-bg-blok{
  background:linear-gradient(135deg,var(--k-diep),var(--k-pruim) 70%,var(--k-pruim-licht));color:#fff;border:0}
.ups-band h1,.ups-band h2,.ups-band h3,.band h2,.band h3,.mc-cta h2,.pg-cta h2,
.pg-donker h2,.kompasblok h2,.up-reclame h2,.up-reclame h3{color:#fff}
.ups-band p,.band p,.mc-cta p,.pg-cta p,.pg-donker p,.kompasblok p,.up-reclame p{color:rgba(255,255,255,.85)}
.entree h1,.entree h2,.entree h3,.podium h1,.podium h2,.podium h3,.lucht h1,.lucht h2,
.thuis-donker h1,.thuis-donker h2,.thuis-donker h3,.thuis-kop h2,.thuis-kop h3,
.up-hoofdstuk h1,.up-hoofdstuk h2,.up-hoofdstuk h3{color:#fff}
.entree p,.podium p,.podium .sub,.thuis-donker p,.thuis-kop p,.up-hoofdstuk p{color:rgba(255,255,255,.85)}
.entree a,.podium a,.thuis-donker a,.up-hoofdstuk a{color:var(--k-peach)}
.podium h1 em{color:var(--k-peach);font-style:normal}

/* Glaskaarten op donker */
.ups-situatie,.ups-tool,.ups-glaskaart,.pg-bg-item,.et-bg-item,.rv-bg-item{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(6px);color:#fff;box-shadow:none}
.ups-situatie:hover,.ups-tool:hover,.ups-glaskaart:hover,
.pg-bg-item:hover,.et-bg-item:hover,.rv-bg-item:hover{background:rgba(255,255,255,.12);color:#fff}
.ups-situatie h2,.ups-situatie h3,.ups-glaskaart h2,.ups-glaskaart h3{color:#fff}
.ups-situatie p,.ups-glaskaart p{color:rgba(255,255,255,.78)}

/* ---------- 5. KNOPSYSTEEM ---------- */
.knop,.cta,.btn,.btn-primary,.up-knop,.ozp-btn,.ozp-btn-koper,.up-oranjeknop,.ups-knop,
.up-pdfknop,.up-verder{
  background:linear-gradient(145deg,var(--k-peach),var(--k-oranje) 55%,var(--k-oranje-diep));
  color:#fff;border:0;box-shadow:var(--sch-knop);
  transition:box-shadow var(--b-micro),transform var(--b-micro)}
.knop:hover,.cta:hover,.btn:hover,.up-knop:hover,.ozp-btn:hover,.ozp-btn-koper:hover,
.up-oranjeknop:hover,.ups-knop:hover{color:#fff;box-shadow:var(--sch-knop-h);transform:translateY(-1px)}
.knop:active,.cta:active,.up-knop:active{transform:translateY(0)}
.knop:disabled,.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}
.knop-wit,.btn-wit,.ozp-btn-wit,.knop.zacht{
  background:var(--k-vel);color:var(--k-pruim);border:1.5px solid var(--k-rose-rand);box-shadow:var(--sch-vel)}
.knop-wit:hover,.btn-wit:hover,.ozp-btn-wit:hover{background:var(--k-lila);color:var(--k-pruim)}
.knop-donker,.ozp-btn-groen,.up-zoekknop,.zoek-knop{
  background:linear-gradient(150deg,var(--k-pruim),var(--k-nacht));color:#fff;border:0}
.knop-donker:hover,.ozp-btn-groen:hover,.up-zoekknop:hover{color:#fff;filter:brightness(1.12)}
/* laad-staat: geldt voor elke knop met .is-laden */
.is-laden{position:relative;color:transparent!important;pointer-events:none}
.is-laden::after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;
  border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;
  animation:ds-draai .8s linear infinite}
@keyframes ds-draai{to{transform:rotate(360deg)}}

/* ---------- 6. CHIP/FILTERSYSTEEM (oranje, wit bij hover, pruim actief) ---------- */
.chip,.ozp-chip,.filter-knop,.fq-chip,.wl-chip,.kb-chip,.ag-chip,.gids-chip,.fasenav a{
  background:linear-gradient(145deg,var(--k-peach),var(--k-oranje) 55%,var(--k-oranje-diep));
  color:#fff;border:1px solid var(--k-oranje);box-shadow:var(--sch-knop);
  transition:background var(--b-micro),color var(--b-micro),box-shadow var(--b-micro)}
.chip:hover,.ozp-chip:hover,.filter-knop:hover,.fq-chip:hover,.wl-chip:hover,
.kb-chip:hover,.ag-chip:hover,.gids-chip:hover,.fasenav a:hover,.fasenav a:focus{
  background:var(--k-vel);color:var(--k-nacht);border:1px solid var(--k-rose-rand);box-shadow:var(--sch-vel)}
.chip.actief,.ozp-chip.actief,.filter-knop.actief,.fq-chip.actief,.wl-chip.actief,
.kb-chip.actief,.ag-chip.actief,.gids-chip.actief,.filter-knop[aria-pressed="true"]{
  background:var(--k-pruim);color:#fff;border-color:var(--k-pruim);box-shadow:var(--sch-vel)}

/* ---------- 7. BADGE/TAGSYSTEEM ---------- */
.tag,.ozp-tag,.up-tag,.artikel-tag,.card-bron,.ups-tag{
  background:var(--k-tag-bg);color:var(--k-tag-tekst);border:0}
[class*="verifie" i],[class*="keurmerk" i],.ozp-keurmerk{
  background:var(--k-succes-bg)!important;color:var(--k-succes)!important;
  border:1px solid var(--k-succes-rand)!important}

/* ---------- 8. FORMULIERSYSTEEM ---------- */
input,select,textarea{background:var(--k-vel);color:var(--k-inkt);
  border:1.5px solid var(--k-rose-rand);transition:border-color var(--b-micro),box-shadow var(--b-micro)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--k-oranje);
  box-shadow:0 0 0 3px rgba(232,131,74,.2)}
::placeholder{color:var(--k-grijs)}
input[aria-invalid="true"],.veld-fout input,.veld-fout select{border-color:var(--k-fout)!important;
  box-shadow:0 0 0 3px rgba(156,43,31,.15)!important}
.veld-fout-tekst{color:var(--k-fout);font-size:var(--t-small);margin-top:4px}

/* ---------- 9. MELDINGSYSTEEM ---------- */
.melding,.ozp-melding,.alert,.toast{border-radius:var(--rad-m);padding:12px 14px}
.melding-info{background:var(--k-info-bg);color:var(--k-info)}
.melding-succes,.success{background:var(--k-succes-bg);color:var(--k-succes)}
.melding-let{background:var(--k-let-bg);color:var(--k-let)}
.melding-fout{background:var(--k-fout-bg);color:var(--k-fout)}

/* ---------- 10. TABELSYSTEEM ---------- */
table thead th{background:linear-gradient(150deg,var(--k-pruim),var(--k-nacht));color:#fff}
table tbody tr:nth-child(even) td{background:var(--k-lila)}

/* ---------- 11. NAVIGATIE ---------- */
.up-top{background:var(--k-creme);box-shadow:var(--sch-top)}
.up-top::before{background:linear-gradient(90deg,var(--k-oranje),var(--k-peach))}
.up-lnk{color:var(--k-nacht)}
.up-lnk:hover{color:var(--k-oranje)}
.up-panel,.up-panel-in{background:var(--k-vel);border:1px solid var(--k-vel-rand);box-shadow:var(--sch-hoog)}
.up-panel .up-pill,.up-panel-in .up-pill,.up-kol .up-pill{background:none;border:0;color:var(--k-nacht)}
.up-panel .up-pill:hover,.up-panel-in .up-pill:hover,.up-kol .up-pill:hover{
  background:var(--k-lila);color:var(--k-oranje)}
.up-kolkop{color:var(--k-oranje)}
.up-promokaart{background:var(--k-lila);border:1px solid var(--k-rose-rand);color:var(--k-nacht)}
.up-promokaart.donker{background:linear-gradient(150deg,var(--k-nacht),var(--k-diep));color:#fff;border:0}
.up-promokaart.donker strong,.up-promokaart.donker em{color:#fff}
.up-promokaart em{color:var(--k-oranje)}
.up-voet{background:linear-gradient(180deg,var(--k-nacht),var(--k-diep));color:var(--k-rose)}
.up-voet a{color:var(--k-rose)}
.up-voet a:hover{color:var(--k-oranje)}
.up-voet h4{color:#fff}

/* ---------- 12. UITZONDERINGEN MET REDEN ---------- */
.ozp-pakketkaart.ozp-pakketkaart.ozp-pakketkaart,.wd-pakket.wd-pakket.wd-pakket{
  background:linear-gradient(150deg,var(--k-slate),var(--k-slate-diep));
  border:1px solid var(--k-slate-rand)}
.ozp-pakketkaart.ozp-pakketkaart,.ozp-pakketkaart.ozp-pakketkaart h2,
.ozp-pakketkaart.ozp-pakketkaart h3,.ozp-pakketkaart.ozp-pakketkaart h4,
.ozp-pakketkaart.ozp-pakketkaart p,.ozp-pakketkaart.ozp-pakketkaart li,
.ozp-pakketkaart.ozp-pakketkaart span,.ozp-pakketkaart.ozp-pakketkaart div,
.wd-pakket.wd-pakket,.wd-pakket.wd-pakket h3,.wd-pakket.wd-pakket p,
.wd-pakket.wd-pakket li,.wd-pakket.wd-pakket span{color:#fff!important}
.ozp-pakketkaart.ozp-pakketkaart .tag{color:var(--k-tag-tekst)!important}
.ag-kaart,.ag-blokje,.ag-rij{background:var(--k-vel)!important;background-image:none!important;
  border:1px solid var(--k-vel-rand)!important}

/* ---------- 13. ACCENTEN EN ANKER ---------- */
.ozp-streep,.up-streep,.streep,.ups-streep{
  background:linear-gradient(90deg,var(--k-oranje),var(--k-peach))}
.ozp-eyebrow,.up-eyebrow,.eyebrow,.fluister,.ups-eyebrow{color:var(--k-oranje)}

/* ---------- 14. LEGE STAAT ---------- */
.ds-leeg{text-align:center;padding:var(--r-6) var(--r-4);color:var(--k-grijs)}
.ds-leeg::before{content:"";display:block;width:44px;height:44px;margin:0 auto var(--r-3);
  background:url('/logo-klein.png') center/contain no-repeat;opacity:.5}

/* ---------- 15. BREEDTE (één maat voor het ecosysteem) ---------- */
body > section,main > section,.ozp-hero,.entree,.hero,.up-hero,.up-reclame,
.uo-wrap,.reis-wrap,.ozp-wrap,.ozp-sectie,.up-hoofdstuk{
  box-sizing:border-box;max-width:var(--breedte);margin-left:auto;margin-right:auto}
@media(max-width:1500px){
  body > section,main > section,.ozp-hero,.entree,.hero,.up-hero,.up-reclame,
  .uo-wrap,.reis-wrap,.ozp-wrap,.ozp-sectie,.up-hoofdstuk{max-width:calc(100% - 32px)}
}

/* ---------- 16. LEESLAAG (Fase 2, archetype Lezen) ---------- */
.lees-meta{display:flex;gap:var(--r-2);flex-wrap:wrap;margin:var(--r-2) 0 var(--r-3)}
.lees-meta-item{font-size:var(--t-small);font-weight:600;color:var(--k-grijs);
  background:var(--k-lila);border-radius:var(--rad-pil);padding:5px 12px}
.up-hero .lees-meta-item,.ozp-hero .lees-meta-item,.hero .lees-meta-item,
.fq-hero .lees-meta-item,.pg-banner .lees-meta-item{
  background:rgba(255,255,255,.14);color:#fff}

.lees-toc{background:var(--k-vel);border:1px solid var(--k-vel-rand);
  border-radius:var(--rad-l);box-shadow:var(--sch-vel);
  padding:var(--r-3) var(--r-4);margin:var(--r-3) 0 var(--r-4);max-width:var(--leesmaat)}
.up-hero .lees-toc,.ozp-hero .lees-toc,.hero .lees-toc{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.lees-toc summary{cursor:pointer;font-weight:700;color:var(--k-oranje);
  font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;list-style:none}
.lees-toc summary::-webkit-details-marker{display:none}
.lees-toc summary::after{content:"\25BE";float:right;transition:transform var(--b-micro)}
.lees-toc[open] summary::after{transform:rotate(180deg)}
.lees-toc ol{list-style:none;margin:var(--r-2) 0 0;padding:0;
  columns:2;column-gap:var(--r-4)}
@media(max-width:900px){.lees-toc ol{columns:1}}
.lees-toc li{break-inside:avoid;margin:0 0 2px}
.lees-toc a{display:block;padding:7px 10px;border-radius:var(--rad-s);
  color:var(--k-nacht);text-decoration:none;font-size:15px;line-height:1.35}
.lees-toc a span{color:var(--k-oranje);font-weight:700;font-size:var(--t-micro);margin-right:6px}
.lees-toc a:hover{background:var(--k-lila);color:var(--k-nacht)}
.lees-toc a.actief{background:var(--k-pruim);color:#fff}
.lees-toc a.actief span{color:var(--k-peach)}
.up-hero .lees-toc a,.ozp-hero .lees-toc a{color:#fff}

.lees-voortgang{position:fixed;top:0;left:0;right:0;height:3px;z-index:1200;
  background:transparent;pointer-events:none}
.lees-voortgang i{display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--k-oranje),var(--k-peach));
  transition:width 80ms linear}

.lees-top{position:fixed;left:18px;bottom:18px;z-index:1100;
  background:var(--k-vel);color:var(--k-nacht);border:1px solid var(--k-vel-rand);
  border-radius:var(--rad-pil);box-shadow:var(--sch-vel);
  font-family:inherit;font-size:var(--t-small);font-weight:600;padding:10px 16px;
  opacity:0;transform:translateY(8px);pointer-events:none;
  transition:opacity var(--b-micro),transform var(--b-micro);cursor:pointer}
.lees-top.zichtbaar{opacity:1;transform:none;pointer-events:auto}
.lees-top:hover{color:var(--k-oranje)}

.thema-knop{position:fixed;right:18px;bottom:84px;z-index:1100;width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;
  background:var(--k-vel);color:var(--k-nacht);border:1px solid var(--k-vel-rand);
  border-radius:50%;box-shadow:var(--sch-vel);cursor:pointer;
  transition:color var(--b-micro),transform var(--b-micro)}
.thema-knop:hover{color:var(--k-oranje);transform:translateY(-1px)}
[data-thema="avond"] .thema-knop{color:var(--k-peach)}

/* leeskolom: lopende tekst op leesmaat, alleen binnen de hoofdinhoud */
.lees-modus p,.lees-modus li{max-width:var(--leesmaat)}
.lees-modus table p,.lees-modus table li,.lees-modus .up-voet p,.lees-modus .up-voet li,
.lees-modus .up-panel li,.lees-modus nav li,.lees-modus .lees-toc li{max-width:none}

/* avondmodus: donkere banden iets zachter zodat het geheel klopt */
[data-thema="avond"] .up-top{background:var(--k-vel)}
[data-thema="avond"] img{opacity:.92}

/* ============================================================
   17. PREMIUM LAAG (Creative Director-fase)
   Papier zonder rand, het anker als handtekening, hero's als
   donkere vellen, typografisch ritme, verfijnde gids.
   ============================================================ */

/* Papier zonder rand: de warme tafel doet het scheidingswerk.
   Gelaagde schaduw: een strakke contactlijn plus een diffuse gloed. */
:root{
  --sch-vel:0 1px 2px rgba(38,9,31,.06),0 12px 32px rgba(38,9,31,.09);
  --sch-hoog:0 2px 4px rgba(38,9,31,.06),0 30px 70px rgba(38,9,31,.15);
}
.lees-modus [class]{border-color:transparent}
.lees-modus input,.lees-modus select,.lees-modus textarea{border-color:var(--k-rose-rand)}
.lees-modus input:focus,.lees-modus select:focus,.lees-modus textarea:focus{border-color:var(--k-oranje)}
.lees-modus .lees-toc{border:0}

/* Het anker: elke sectiekop draagt de handtekening.
   Eigen losse streep-elementen verdwijnen zodat hij nooit dubbel staat. */
.lees-modus h2:not(.up-voet h2):not(.up-panel h2){position:relative;padding-bottom:14px}
.lees-modus h2:not(.up-voet h2):not(.up-panel h2)::after{content:"";position:absolute;left:0;bottom:0;
  width:52px;height:4px;border-radius:var(--rad-pil);
  background:linear-gradient(90deg,var(--k-oranje),var(--k-peach))}
.lees-modus .ozp-streep,.lees-modus .up-streep,.lees-modus .streep{display:none}

/* Typografisch ritme: secties ademen, koppen dragen */
.lees-modus h2:not(.up-voet h2):not(.up-panel h2){font-size:clamp(24px,2.3vw,30px);
  font-weight:700;letter-spacing:-.012em;line-height:1.2;margin-top:var(--r-7)}
.lees-modus h3:not(.up-voet h3):not(.up-panel h3){font-size:var(--t-h3);margin-top:var(--r-5)}
.lees-modus p{margin-bottom:1.05em}
.up-hero h1,.ozp-hero h1,.hero h1,.pg-banner h1{
  letter-spacing:-.015em;line-height:1.12;font-weight:700;max-width:22ch}
.up-hero-zin,.ozp-hero p{font-size:var(--t-lead);line-height:1.6;max-width:56ch}

/* Hero's als donkere vellen op de tafel */
.ozp-hero,.up-hero,.hero,.fq-hero,.wl-hero,.pp-hero,.pg-banner{
  border-radius:var(--rad-xl);overflow:hidden;
  margin-top:var(--r-3);box-shadow:var(--sch-hoog)}
.ups-band,.up-reclame,.mc-cta,.pg-cta{border-radius:var(--rad-xl);box-shadow:var(--sch-hoog)}

/* Tabellen als afgewerkte vellen */
.lees-modus table{border-collapse:separate;border-spacing:0;
  border-radius:var(--rad-l);overflow:hidden;box-shadow:var(--sch-vel);
  background:var(--k-vel)}
.lees-modus table th,.lees-modus table td{padding:12px 16px}

/* Citaat als moment van stilte */
.lees-modus blockquote{background:var(--k-lila);border-left:4px solid var(--k-oranje);
  border-radius:0 var(--rad-l) var(--rad-l) 0;padding:var(--r-3) var(--r-4);
  font-style:italic;color:var(--k-nacht);max-width:var(--leesmaat)}

/* Onthul: rustig, eenmalig, alleen met JS en zonder reduced-motion */
[data-onthul]{opacity:0;transform:translateY(12px);
  transition:opacity .55s var(--b-curve),transform .55s var(--b-curve)}
[data-onthul].in-beeld,.in-beeld{opacity:1;transform:none}

/* De gids: het zoekvel is het hart van de pagina */
.ozp-zoekkaart{background:var(--k-vel);border:0!important;border-radius:var(--rad-xl);
  box-shadow:var(--sch-hoog);padding:var(--r-4);margin-top:calc(-1*var(--r-6));
  position:relative;z-index:5}
.ozp-slimbalk{background:var(--k-lila);border-radius:var(--rad-l)!important;
  border:0!important;margin-top:var(--r-3)!important}
.ozp-filterbalk label{font-size:var(--t-micro);font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--k-grijs)}
.ozp-lijstkop{margin:var(--r-5) 0 var(--r-3);display:flex;align-items:center;
  justify-content:space-between;gap:var(--r-3);flex-wrap:wrap}
#gidsTeller{font-size:var(--t-h3);color:var(--k-nacht)}
.ozp-rating{color:var(--k-tag-tekst);font-weight:700}
.ozp-rating svg{fill:var(--k-oranje)}

/* Zwevende hulpmiddelen: links onder, nooit botsend met het kompas rechts */
.thema-knop{right:auto;left:18px;bottom:18px}
.lees-top{left:70px;bottom:18px}

/* Mobiel: het ritme verdicht, de essentie blijft */
@media(max-width:640px){
  .lees-modus section h2{margin-top:var(--r-6)}
  .ozp-hero,.up-hero,.hero{border-radius:var(--rad-l);margin-top:var(--r-2)}
  .ozp-zoekkaart{margin-top:calc(-1*var(--r-4));padding:var(--r-3)}
  .lees-toc{padding:var(--r-3)}
  .lees-top{display:none}
}

/* Inhoudsopgave is een eigen vel: tekstkleur nooit geërfd van een donker blok */
.lees-toc li,.lees-toc a{color:var(--k-nacht)}
.lees-toc a span{color:var(--k-oranje)}

/* ============================================================
   18. MACRO-LAAG: COMPLETE ERVARINGEN
   De gids als vertrouwensplatform, de homepage als reis,
   artikelen als magazine. Alles op bestaande structuur.
   ============================================================ */

/* --- DE GIDS: profielkaarten die vertrouwen dragen --- */
#gidsLijst.ozp-stagger,.ozp-stagger{display:grid;
  grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:var(--r-4)}
.ozp-kaart{background:var(--k-vel);border:0!important;border-radius:var(--rad-l);
  overflow:hidden;box-shadow:var(--sch-vel);
  transition:box-shadow var(--b-micro),transform var(--b-micro)}
.ozp-kaart:hover{box-shadow:var(--sch-hoog);transform:translateY(-3px)}
.ozp-kaart-foto{background:linear-gradient(150deg,var(--k-lila),var(--k-rose))}
.ozp-kaart-foto>svg{width:44px;height:44px;stroke:var(--k-pruim);opacity:.6}
.ozp-kaart .ozp-badge{background:rgba(38,9,31,.72);color:#fff;
  backdrop-filter:blur(4px);border-radius:var(--rad-pil);
  font-size:var(--t-micro);font-weight:700;letter-spacing:.06em;padding:5px 12px}
.ozp-kaart .ozp-hart{background:rgba(255,255,255,.92);border:0;border-radius:50%;
  box-shadow:var(--sch-vel);transition:transform var(--b-micro)}
.ozp-kaart .ozp-hart:hover{transform:scale(1.1)}
.ozp-kaart .ozp-hart svg{fill:none;stroke:var(--k-mauve);stroke-width:2}
.ozp-kaart .ozp-hart.ozp-aan svg{fill:var(--k-mauve);stroke:var(--k-mauve)}
.ozp-kaart-body{padding:var(--r-3) var(--r-3) var(--r-4)}
.ozp-kaart-body h3{font-size:18px;margin:0 0 4px;color:var(--k-nacht)}
.ozp-kaart .ozp-rating{background:var(--k-tag-bg);color:var(--k-tag-tekst);
  display:inline-flex;align-items:center;gap:5px;border-radius:var(--rad-pil);
  padding:4px 11px;font-size:13px}
.ozp-kaart .ozp-rating svg{width:13px;height:13px;fill:var(--k-oranje)}
.ozp-kaart .ozp-plek{color:var(--k-grijs);font-size:var(--t-small);
  display:flex;align-items:center;gap:6px;margin:8px 0}
.ozp-kaart .ozp-plek svg{width:14px;height:14px;stroke:var(--k-grijs);fill:none}
.ozp-kaart .ozp-chip{font-size:12px;padding:4px 10px;box-shadow:none;
  background:var(--k-lila);color:var(--k-pruim);border:0}
.ozp-kaart .ozp-chip:hover{background:var(--k-lila);color:var(--k-pruim)}
.ozp-kaart .ozp-btn{width:100%;justify-content:center;margin-top:var(--r-2)}

/* --- DE HOMEPAGE: een reis met vier deuren --- */
.ups-kaart{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);
  border-top-width:3px;backdrop-filter:blur(6px);border-radius:var(--rad-l);
  transition:background var(--b-micro),transform var(--b-micro),border-color var(--b-micro)}
.ups-kaart-lift:hover{background:rgba(255,255,255,.12);transform:translateY(-4px)}
/* de vier situaties dragen hun eigen accent, exact volgens de kleurenindex */
.ups-situatie:nth-of-type(1){border-top-color:var(--k-oranje)}
.ups-situatie:nth-of-type(2){border-top-color:var(--k-peach)}
.ups-situatie:nth-of-type(3){border-top-color:var(--k-mauve)}
.ups-situatie:nth-of-type(4){border-top-color:var(--k-paars)}
/* het anker geldt ook op de homepage-secties: één familie */
.reis h2,.thuis h2{position:relative;padding-bottom:14px}
.reis h2::after,.thuis h2::after{content:"";position:absolute;left:0;bottom:0;
  width:52px;height:4px;border-radius:var(--rad-pil);
  background:linear-gradient(90deg,var(--k-oranje),var(--k-peach))}
.reis,.thuis{padding-top:var(--r-7);padding-bottom:var(--r-7)}

/* --- ARTIKELEN ALS MAGAZINE --- */
/* de openingsalinea leest als lead, direct na de leeskop */
.lees-modus .lees-toc+p,.lees-modus .lees-meta+p{
  font-size:var(--t-lead);line-height:1.65;color:var(--k-tekst);max-width:60ch}
.lees-modus strong{color:var(--k-nacht)}
.lees-modus h2+p:first-letter{font-weight:inherit}
/* geordende stappen krijgen ruimte om te ademen */
.lees-modus ol>li{margin-bottom:.55em}
/* beeld in artikelen als ingelijst werk */
.lees-modus section img,.lees-modus article img{border-radius:var(--rad-l);box-shadow:var(--sch-vel)}

/* --- DASHBOARD: dezelfde familie, grotere cijfers --- */
.wd-stat-cijfer,.ozp-stat-cijfer,[class$="-stat-nr"],[class$="-banner-stat-nr"]{
  font-variant-numeric:tabular-nums;font-weight:700;color:var(--k-nacht)}

/* ============================================================
   19. CORRECTIES NA LIVE-BEELD (zip-142 -> 143)
   ============================================================ */
/* Menu-items zijn links, geen kaarten: alias-styling hard uitzetten */
.up-nav .up-lnk,.up-lnk,.up-it,.up-it>button{
  background:none!important;background-image:none!important;
  border:0!important;box-shadow:none!important}
.up-lnk{color:var(--k-nacht)!important}
.up-lnk:hover{color:var(--k-oranje)!important}

/* De gidspagina's hebben een eigen hero-klasse: zelfde donkere vel */
.ozp-paghero{
  background:linear-gradient(160deg,var(--k-diep),var(--k-pruim) 62%,var(--k-pruim-extra));
  color:#fff;border-radius:var(--rad-xl);overflow:hidden;
  margin-top:var(--r-3);box-shadow:var(--sch-hoog);
  padding:var(--r-6) var(--r-5)}
.ozp-paghero h1,.ozp-paghero h2{color:#fff}
.ozp-paghero p{color:rgba(255,255,255,.85)}
.ozp-paghero a{color:var(--k-peach)}
.ozp-paghero .ozp-eyebrow{color:var(--k-peach)}
.ozp-paghero .ozp-crumb,.ozp-paghero .ozp-crumb a{color:rgba(255,255,255,.75)}

/* Opleidingsband: knoppen expliciet als knoppen, kop gegarandeerd wit */
.up-reclame .knoppen a:first-child{
  background:linear-gradient(145deg,var(--k-peach),var(--k-oranje) 55%,var(--k-oranje-diep));
  color:var(--knop-tekst);border:0;border-radius:var(--rad-pil);padding:12px 22px;
  box-shadow:var(--sch-knop);text-decoration:none;font-weight:700;
  min-height:44px;display:inline-flex;align-items:center}
.up-reclame .knoppen a:not(:first-child){
  background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3);
  border-radius:var(--rad-pil);padding:12px 22px;text-decoration:none;font-weight:700}
.up-reclame .knoppen a:first-child:hover{filter:brightness(1.08);color:var(--knop-tekst)}
.up-reclame .knoppen a:not(:first-child):hover{filter:brightness(1.08);color:#fff}

/* Lead-kleur geldt nooit binnen een donkere hero: daar blijft de tekst licht */
.up-hero .lees-meta+p,.ozp-hero .lees-meta+p,.ozp-paghero .lees-meta+p,
.hero .lees-meta+p,.pg-banner .lees-meta+p,.fq-hero .lees-meta+p,
.up-hero .lees-toc+p,.ozp-hero .lees-toc+p,.ozp-paghero .lees-toc+p{
  color:rgba(255,255,255,.85)}

/* ============================================================
   20. VERFIJNING NA LIVE-BEELD 2 (zip-144)
   ============================================================ */
/* Header: de ondernemersknop moet altijd leesbaar zijn */
.up-adv{background:linear-gradient(150deg,var(--k-pruim),var(--k-nacht))!important;
  color:#fff!important;border:0!important;box-shadow:var(--sch-vel)}
.up-adv:hover{color:#fff!important;filter:brightness(1.12)}
/* Header: zoekknop als rustig licht rondje met pruim-icoon */
.up-zoekknop{background:var(--k-lila)!important;background-image:none!important;
  border:1px solid var(--k-rose-rand)!important;color:var(--k-pruim)!important}
.up-zoekknop svg{stroke:var(--k-pruim);fill:none}
.up-zoekknop:hover{background:var(--k-rose)!important;color:var(--k-pruim)!important}

/* Artikel-categoriechips volgen het chipsysteem: oranje, wit bij hover,
   pruim wanneer actief. De chipbalk zelf wordt een vel op de hero. */
.ozp-regio{background:linear-gradient(145deg,var(--k-peach),var(--k-oranje) 55%,var(--k-oranje-diep));
  color:#fff;border:1px solid var(--k-oranje);box-shadow:var(--sch-knop);
  border-radius:var(--rad-pil);font-weight:600;text-decoration:none;
  transition:background var(--b-micro),color var(--b-micro)}
.ozp-regio:hover{background:var(--k-vel);background-image:none;color:var(--k-nacht);
  border-color:var(--k-rose-rand);box-shadow:var(--sch-vel)}
.ozp-regio.actief,.ozp-regio[aria-current]{background:var(--k-pruim);background-image:none;
  color:#fff;border-color:var(--k-pruim)}
.ozp-regios{background:var(--k-vel);border:0;box-shadow:var(--sch-hoog)}

/* Artikelkaarten: effen wit vel, nooit een grijs verloop */
.ozp-artikel,.art-kaart,.ozp-artikel .ozp-artikel-body{
  background:var(--k-vel)!important;background-image:none!important}

/* ============================================================
   21. UITLIJNING: alles gecentreerd, onvoorwaardelijk
   Hero's en wrappers stonden op sommige pagina's links omdat
   pagina-eigen marges wonnen. Centreren is nu niet onderhandelbaar.
   ============================================================ */
.ozp-hero,.up-hero,.hero,.fq-hero,.wl-hero,.pp-hero,.pg-banner,.ozp-paghero,
.up-reclame,.ups-band,.uo-wrap,.reis-wrap,.ozp-wrap,.ozp-sectie,.up-hoofdstuk,
.up-voet-in,.up-bar{
  max-width:var(--breedte)!important;
  margin-left:auto!important;margin-right:auto!important;
  box-sizing:border-box}
@media(max-width:1500px){
  .ozp-hero,.up-hero,.hero,.fq-hero,.wl-hero,.pp-hero,.pg-banner,.ozp-paghero,
  .up-reclame,.ups-band,.uo-wrap,.reis-wrap,.ozp-wrap,.ozp-sectie,.up-hoofdstuk{
    max-width:calc(100% - 32px)!important}
}
/* de footer-band zelf blijft volle breedte; alleen de inhoud centreert */
.up-voet{max-width:none!important;margin-left:0!important;margin-right:0!important}

/* Centreren wint altijd: body-prefix geeft hogere specificiteit dan de
   pagina-eigen regels (die soms met !important in de body staan).
   Alleen links/rechts; het onder-de-header-effect (negatieve top) blijft. */
html body .ozp-hero,html body .up-hero,html body .hero,html body .fq-hero,html body .wl-hero,
html body .pp-hero,html body .pg-banner,html body .ozp-paghero,html body .up-reclame,html body .ups-band,
html body .uo-wrap,html body .reis-wrap,html body .ozp-wrap,html body .ozp-sectie,html body .up-hoofdstuk{
  max-width:var(--breedte)!important;
  margin-left:auto!important;margin-right:auto!important}
@media(max-width:1500px){
  body .ozp-hero,body .up-hero,body .hero,body .fq-hero,body .wl-hero,
  body .pp-hero,body .pg-banner,body .ozp-paghero,body .up-reclame,body .ups-band,
  body .uo-wrap,body .reis-wrap,body .ozp-wrap,body .ozp-sectie,body .up-hoofdstuk{
    max-width:calc(100% - 32px)!important}
}

/* ============================================================
   22. ARCHETYPE DOEN + BEHEREN (tools, formulieren, portaal)
   ============================================================ */

/* Systemische reparatie: kleurloze randen uit de ontkleuring vallen
   terug op inktzwart. Elke inline-rand zonder eigen kleur wordt rose;
   randen die wel een kleur meekregen (zoals glas op donker) winnen
   vanzelf omdat inline-kleur boven de stylesheet gaat. */
:where([style*="border:1"],[style*="border: 1"],[style*="border:2"],[style*="border: 2"]){
  border-color:var(--k-rose-rand)}

/* Filtervelden in de gids: één kader, niet twee. Het veld is de kaart. */
.ozp-filter{background:var(--k-vel);border:1px solid var(--k-rose-rand);
  border-radius:var(--rad-m);padding:10px 14px}
.ozp-filter input,.ozp-filter select{border:0!important;box-shadow:none!important;
  padding:4px 0!important;width:100%;background:transparent}
.ozp-filter input:focus,.ozp-filter select:focus{box-shadow:none!important}
.ozp-filter:focus-within{border-color:var(--k-oranje);
  box-shadow:0 0 0 3px rgba(232,131,74,.2)}

/* Formuliergroepen in het portaal: uitklapbare vellen */
.ozp-fgroep{background:var(--k-vel);border:1px solid var(--k-vel-rand);
  border-radius:var(--rad-l);box-shadow:var(--sch-vel);
  padding:var(--r-2) var(--r-3);margin:0 0 var(--r-2)}
.ozp-fgroep summary{font-weight:700;color:var(--k-nacht);cursor:pointer;
  padding:6px 0;list-style:none}
.ozp-fgroep summary::-webkit-details-marker{display:none}
.ozp-fgroep summary::after{content:"\25BE";float:right;color:var(--k-oranje);
  transition:transform var(--b-micro)}
.ozp-fgroep[open] summary::after{transform:rotate(180deg)}
.ozp-vink{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:var(--rad-s)}
.ozp-vink:hover{background:var(--k-lila)}
.ozp-vinkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px}

/* Beheervelden: label boven, rustig veld eronder */
.bk-veld{margin:0 0 var(--r-2)}
.bk-veld label{display:block;font-size:var(--t-micro);font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--k-grijs);margin:0 0 5px}

/* Tabbladen in portaal en backend: segmentkeuze in het merk */
.crmTab,.up-tab,.nb-tab,.bk-tab{
  background:var(--k-lila);color:var(--k-pruim);border:1px solid var(--k-rose-rand);
  border-radius:var(--rad-pil);font-weight:600;padding:8px 16px;cursor:pointer;
  transition:background var(--b-micro),color var(--b-micro)}
.crmTab:hover,.up-tab:hover,.nb-tab:hover,.bk-tab:hover{background:var(--k-rose)}
.crmTab.actief,.up-tab.actief,.nb-tab.actief,.bk-tab.actief,
.crmTab[aria-selected="true"],.up-tab[aria-selected="true"]{
  background:var(--k-pruim);color:#fff;border-color:var(--k-pruim)}

/* Resultaat- en uitkomstblokken van tools: het antwoord als vel */
[class$="-resultaat"],[class$="-uitkomst"],.rekenresultaat{
  background:var(--k-vel);border:0;border-radius:var(--rad-l);
  box-shadow:var(--sch-hoog);padding:var(--r-4)}

/* Preciezere randreparatie: alleen inline-randen ZONDER kleur (eindigend op
   "solid") dwingend rose; randen met eigen kleur blijven ongemoeid. */
:where([style*="solid;"],[style$="solid"]){border-color:var(--k-rose-rand)!important}


/* ============================================================
   23. RANDVANGNET SITE-BREED (uit de dekkingsscan)
   1033 klassen definieerden een rand zonder kleur en vielen
   terug op inktzwart. Hier krijgen ze allemaal de rose merkrand.
   Regels die wel een kleur meegeven winnen vanzelf.
   ============================================================ */
html body .aap-feature,
html body .aap-feature-ico,
html body .addon,
html body .ae-bronnen,
html body .ae-cross,
html body .ae-foto-fig,
html body .ae-info-blok,
html body .ae-land,
html body .ae-land-body,
html body .ae-nav-knop,
html body .ae-navigatie,
html body .ae-pagina-intro,
html body .ae-print-info,
html body .ag-kaart,
html body .art-kaart,
html body .art-kop,
html body .av-antwoord,
html body .av-bronnen,
html body .av-cross,
html body .av-foto-fig,
html body .av-nav-knop,
html body .av-navigatie,
html body .av-pagina-intro,
html body .av-print-info,
html body .av-vraag,
html body .b2b-banner-stat,
html body .b2b-banner-stats,
html body .b2b-contact-info-item,
html body .b2b-cta-knop-s,
html body .b2b-dg,
html body .b2b-dienst,
html body .b2b-divider,
html body .b2b-donker-item,
html body .b2b-faq,
html body .b2b-faq-inhoud,
html body .b2b-flow-item,
html body .b2b-hero-badge,
html body .b2b-hero-stats,
html body .b2b-intro-lijst,
html body .b2b-kaart,
html body .b2b-knop-s,
html body .b2b-knop-wit,
html body .b2b-stap,
html body .b2b-stat,
html body .b2b-voordeel,
html body .b2b-why,
html body .ba-action-btn,
html body .ba-doc,
html body .ba-doc-check,
html body .ba-footer,
html body .ba-footer-link,
html body .ba-info-box,
html body .ba-input,
html body .ba-input-text,
html body .ba-intro,
html body .ba-intro-optie,
html body .ba-keuze-blok,
html body .ba-privacy-bar,
html body .ba-stap-rij,
html body .ba-stappen,
html body .ba-tab,
html body .ba-tabel,
html body .ba-tabel-rij,
html body .ba-tabs,
html body .ba-termijn-card,
html body .ba-toggle-check,
html body .ba-toggle-rij,
html body .ba-veld,
html body .ba-veld-input,
html body .balkboven,
html body .band,
html body .bewijs,
html body .bezoeker,
html body .bg-banner,
html body .bg-banner-stat,
html body .bg-banner-stats,
html body .bg-cta-knop-s,
html body .bg-divider,
html body .bg-faq-item,
html body .bg-kaart,
html body .bg-link-kaart,
html body .bg-prijs,
html body .bg-stap,
html body .bg-stappen,
html body .bg-terug,
html body .bk-ai,
html body .bk-drop,
html body .bk-editor,
html body .bk-filterbalk,
html body .bk-gebruiker,
html body .bk-knop,
html body .bk-kpi,
html body .bk-logo,
html body .bk-mollie,
html body .bk-notitie,
html body .bk-paneel,
html body .bk-revkaart,
html body .bk-tb,
html body .bk-uitvoer,
html body .bk-upload,
html body .bk-veld,
html body .bn-card,
html body .bn-card-icon,
html body .bn-card-rust,
html body .bn-crosslinks-knop,
html body .bn-faq-item,
html body .bn-filter-knop,
html body .bn-filter-reset,
html body .bn-foto-fig,
html body .bn-zoekbalk-input,
html body .bnn-bronnen,
html body .bnn-casus,
html body .bnn-casus-body,
html body .bnn-cross,
html body .bnn-feiten,
html body .bnn-foto-fig,
html body .bnn-nav-knop,
html body .bnn-navigatie,
html body .bnn-pagina-intro,
html body .bnn-print-info,
html body .btn,
html body .cf-cta-knop-s,
html body .cf-dienst,
html body .cf-dienst-lijst,
html body .cf-divider,
html body .cf-faq-inhoud,
html body .cf-hero-label,
html body .cf-knop-s,
html body .cf-kwaliteit,
html body .cf-pakket,
html body .cf-pakket-lijn,
html body .cf-slide-placeholder,
html body .cf-slider-pijl,
html body .cf-stap,
html body .cf-voorwie,
html body .chart,
html body .chips,
html body .crm-blok,
html body .crm-tab,
html body .crm-tabs,
html body .crm-werkkop,
html body .crmKaart,
html body .crmTabKnop,
html body .crmVeld,
html body .dc-banner,
html body .dc-banner-stat,
html body .dc-banner-stats,
html body .dc-cta-knop-s,
html body .dc-divider,
html body .dc-faq-item,
html body .dc-info,
html body .dc-kaart,
html body .dc-link-kaart,
html body .dc-prijs,
html body .dc-stap,
html body .dc-stappen,
html body .dc-terug,
html body .dn-accordion-body,
html body .dn-banner-stats,
html body .dn-divider,
html body .dn-donker-item,
html body .dn-intro-lijst,
html body .dn-kaart,
html body .dn-knop-wit,
html body .dn-stap,
html body .dn-stat,
html body .dn-tabel,
html body .ds-actie,
html body .ds-scope,
html body .ds-swatch,
html body .ds-vlak,
html body .ec-action-btn,
html body .ec-add-btn,
html body .ec-bedrag-input-row,
html body .ec-bor-rij,
html body .ec-bor-vergelijking,
html body .ec-detail-blok,
html body .ec-erfgenaam,
html body .ec-erfgenaam-resultaat,
html body .ec-erfgenaam-rij2,
html body .ec-erfgenaam-select,
html body .ec-factor-tabel,
html body .ec-footer-link,
html body .ec-info-box,
html body .ec-input-zone,
html body .ec-land-info,
html body .ec-modal-naam-input,
html body .ec-multiyear-row,
html body .ec-multiyear-tabel,
html body .ec-print-cover,
html body .ec-print-footer,
html body .ec-privacy-bar,
html body .ec-relatie-btn,
html body .ec-scenario,
html body .ec-scenario-saved-btn,
html body .ec-schijf-blok,
html body .ec-snel-knop,
html body .ec-subtotaal,
html body .ec-tab,
html body .ec-tabs,
html body .ec-tijdslijn,
html body .ec-toggle-rij,
html body .ec-veld,
html body .ec-veld-input,
html body .ec-vg-deel,
html body .ec-vg-leeftijd-input,
html body .ec-warning,
html body .ed-action-btn,
html body .ed-add-btn,
html body .ed-bedrag-input-row,
html body .ed-erfgenaam,
html body .ed-fl-actie-btn,
html body .ed-fl-subgroep,
html body .ed-footer-link,
html body .ed-input-zone,
html body .ed-land-select,
html body .ed-modal-footer,
html body .ed-modal-header,
html body .ed-modal-input,
html body .ed-print-cover,
html body .ed-privacy-bar,
html body .ed-relatie-btn,
html body .ed-scen,
html body .ed-scen-rij,
html body .ed-scenario-item-btn,
html body .ed-snel-knop,
html body .ed-tab,
html body .ed-tabs,
html body .ed-toggle-check,
html body .ed-toggle-rij,
html body .ed-tree-knoop,
html body .ed-veld,
html body .ed-veld-input,
html body .ed-verdrag-rij,
html body .enr,
html body .et-accordion-body,
html body .et-accordion-item,
html body .et-banner-stats,
html body .et-bg-item,
html body .et-divider,
html body .et-donker-item,
html body .et-intro-lijst,
html body .et-kaart,
html body .et-knop-wit,
html body .et-stap,
html body .et-stat,
html body .et-tabel,
html body .ex-action-btn,
html body .ex-add-btn,
html body .ex-deadline-check,
html body .ex-deadline-rij,
html body .ex-erfg-detail,
html body .ex-fase-blok,
html body .ex-footer-link,
html body .ex-input,
html body .ex-input-date,
html body .ex-item-bedrag,
html body .ex-logo-del,
html body .ex-logo-preview,
html body .ex-logo-wrap,
html body .ex-modal-footer,
html body .ex-modal-header,
html body .ex-modal-input,
html body .ex-print-cover,
html body .ex-rek-rij,
html body .ex-scenario-item-btn,
html body .ex-tab,
html body .ex-tmpl-btn,
html body .ex-veld-rij,
html body .fa-kaart,
html body .fa-knop-wit,
html body .fa-top,
html body .fasenav,
html body .field,
html body .filters,
html body .gate,
html body .halte,
html body .info-banner-btn-s,
html body .inp,
html body .ios-tip,
html body .irw-faq-antwoord,
html body .irw-faq-item,
html body .irw-feature,
html body .irw-feature-ico,
html body .irw-stap,
html body .irw-stap-nr,
html body .irw-stat,
html body .irw-vkaart,
html body .irw-vkaart-ico,
html body .ka-bubbel,
html body .ka-chip,
html body .ka-halte,
html body .ka-halte-vink,
html body .ka-kleur,
html body .ka-knop,
html body .ka-let,
html body .ka-pen,
html body .ka-rap-badge,
html body .ka-rap-body,
html body .ka-rap-sec,
html body .ka-rap-tekening,
html body .ka-rond,
html body .ka-tegel,
html body .ka-teken-balk,
html body .kaart,
html body .ke-crosslink-card,
html body .ke-faq-item,
html body .ke-filter-knop,
html body .ke-foto-fig,
html body .ke-hero-eyebrow,
html body .ke-onderdeel,
html body .ke-onderdeel-bron,
html body .ke-onderdeel-footer,
html body .ke-onderdeel-section,
html body .ke-onderdeel-tip,
html body .ke-tabel,
html body .ke-zoek-input,
html body .kh-banner,
html body .kh-banner-stat,
html body .kh-banner-stats,
html body .kh-cta-knop-s,
html body .kh-divider,
html body .kh-info,
html body .kh-kaart,
html body .kh-kaart-badge,
html body .kh-kaart-prijs,
html body .kh-uitleg-stap,
html body .knop,
html body .knop-chip,
html body .knop-wit,
html body .kompas-uit,
html body .kop,
html body .kp-aanb,
html body .kp-begrip,
html body .kp-chip,
html body .kp-kaart,
html body .kp-knop-wit,
html body .kp-mic,
html body .kp-spoed,
html body .kp-stap,
html body .kp-top,
html body .kp-transcript,
html body .kp-voorbeeld,
html body .kr-kosten,
html body .kr-stat,
html body .kr-tip,
html body .kv-kaart-header,
html body .kv-kaart-knop,
html body .kv-kenmerk,
html body .kv-regio-select,
html body .kv-tabel,
html body .kv-tip,
html body .kv-tools-knop,
html body .licht,
html body .lp-kaart,
html body .lp-klaarblok,
html body .lp-link,
html body .lp-nr,
html body .lp-top,
html body .mc-frame,
html body .mc-opl,
html body .mc-prijs,
html body .mc-stap,
html body .melding,
html body .mm-badge,
html body .mm-cat-blok,
html body .mm-cat-item,
html body .mm-chip,
html body .mm-kaart,
html body .mm-optie,
html body .mm-optie-ico,
html body .mm-paneel-nr,
html body .mm-prog-nr,
html body .mm-res-ico,
html body .mm-res-kaart,
html body .mm-res-vink,
html body .mm-tip,
html body .mm-welkom-knop,
html body .mm-zij-reg,
html body .mm-zij-rij,
html body .mm-zij-rij-ico,
html body .mm-zoek,
html body .mw-rij,
html body .mw-rollen-lijst,
html body .mw-veld,
html body .nb-accordion-body,
html body .nb-accordion-item,
html body .nb-action-btn,
html body .nb-banner,
html body .nb-banner-stat,
html body .nb-banner-stats,
html body .nb-bedrag-row,
html body .nb-bedrag-wrap,
html body .nb-bg-item,
html body .nb-bron,
html body .nb-bronnen,
html body .nb-checklist,
html body .nb-cta-knop-s,
html body .nb-detail-blok,
html body .nb-divider,
html body .nb-donker-item,
html body .nb-faq-item,
html body .nb-footer,
html body .nb-footer-link,
html body .nb-info-box,
html body .nb-input,
html body .nb-intro,
html body .nb-intro-punt,
html body .nb-kaart,
html body .nb-knop-wit,
html body .nb-link-kaart,
html body .nb-oproep,
html body .nb-prijs,
html body .nb-privacy-bar,
html body .nb-select,
html body .nb-stat,
html body .nb-tab,
html body .nb-tabel,
html body .nb-tabel-rij,
html body .nb-tabs,
html body .nb-terug,
html body .nb-toggle-check,
html body .nb-toggle-rij,
html body .nb-veld,
html body .nb-veld-input,
html body .nb-vergelijk-blok,
html body .nb-waarschuwing,
html body .nc-bronnen,
html body .nc-checkbox-item,
html body .nc-cross,
html body .nc-fase-body,
html body .nc-foto-fig,
html body .nc-pagina-intro,
html body .nc-print-info,
html body .ne-banner-stat,
html body .ne-banner-stats,
html body .ne-belasting,
html body .ne-belasting-rij,
html body .ne-checklist-item,
html body .ne-cta-knop,
html body .ne-divider,
html body .ne-erf,
html body .ne-faq-inhoud,
html body .ne-faq-item,
html body .ne-instantie,
html body .ne-meer-kaart,
html body .ne-meer-knop-wit,
html body .ne-meer-lijst,
html body .ne-nav-item,
html body .ne-stat,
html body .ne-tabel,
html body .ne-tijdlijn-inhoud,
html body .ne-tpg-feature,
html body .ne-tpg-knop,
html body .note,
html body .notif-item,
html body .notif-rij,
html body .notitie,
html body .oo-aanbod-kaart,
html body .oo-banner-stat,
html body .oo-banner-stats,
html body .oo-ceo-blok,
html body .oo-cta-knop-s,
html body .oo-divider,
html body .oo-erkenning-item,
html body .oo-knop-s,
html body .oo-missie-pijler,
html body .oo-missie-quote,
html body .oo-oprichter-kaart,
html body .oo-platform-lijst,
html body .oo-redactie-pijler,
html body .oo-samen-kaart,
html body .oo-team-kaart,
html body .opt,
html body .ou-banner,
html body .ou-banner-stat,
html body .ou-banner-stats,
html body .ou-cta-knop-s,
html body .ou-divider,
html body .ou-faq-item,
html body .ou-kaart,
html body .ou-link-kaart,
html body .ou-prijs,
html body .ou-terug,
html body .ozp-acc-blok,
html body .ozp-acc-item,
html body .ozp-afdeling,
html body .ozp-art-aanb,
html body .ozp-artikel,
html body .ozp-artikel-inhoud,
html body .ozp-auteur,
html body .ozp-bkpi,
html body .ozp-blok,
html body .ozp-btn,
html body .ozp-buurt,
html body .ozp-cat,
html body .ozp-check-opt,
html body .ozp-conceptnoot,
html body .ozp-contactinfo,
html body .ozp-ct-formblok,
html body .ozp-ct-infokaart,
html body .ozp-ct-kopieer,
html body .ozp-ct-mailrij,
html body .ozp-ct-veld,
html body .ozp-deel,
html body .ozp-democtag,
html body .ozp-event,
html body .ozp-evmodal-sluit,
html body .ozp-faq,
html body .ozp-faq-item,
html body .ozp-feit,
html body .ozp-filter,
html body .ozp-footer-onder,
html body .ozp-foto-add,
html body .ozp-header,
html body .ozp-infobox,
html body .ozp-inhoud-blok,
html body .ozp-inz-kpi,
html body .ozp-inz-paneel,
html body .ozp-kaart,
html body .ozp-keurmerk,
html body .ozp-keuze,
html body .ozp-kgg,
html body .ozp-kgk,
html body .ozp-kosten-rij,
html body .ozp-leesknop,
html body .ozp-lid,
html body .ozp-loclijst,
html body .ozp-mailhaak,
html body .ozp-meer-kaart,
html body .ozp-mega,
html body .ozp-mega-adslot,
html body .ozp-mega-tegel,
html body .ozp-mobiel-sluit,
html body .ozp-ov-fcard,
html body .ozp-ov-tcard,
html body .ozp-pagina,
html body .ozp-pakketkaart,
html body .ozp-pkk-kaart,
html body .ozp-prijsslot,
html body .ozp-prose,
html body .ozp-quote,
html body .ozp-regio,
html body .ozp-rel,
html body .ozp-res-rij,
html body .ozp-review,
html body .ozp-rol,
html body .ozp-route,
html body .ozp-rw,
html body .ozp-rw-kaart,
html body .ozp-rw-linkrij,
html body .ozp-rw-tekst,
html body .ozp-snelnav,
html body .ozp-spec,
html body .ozp-stap-bol,
html body .ozp-tabel,
html body .ozp-term,
html body .ozp-term-pop,
html body .ozp-term-tip,
html body .ozp-toc,
html body .ozp-tool,
html body .ozp-veld,
html body .ozp-videohouder,
html body .ozp-vink,
html body .ozp-wb-kaart,
html body .ozp-wb-stappen,
html body .ozp-wiz-optie,
html body .ozp-zij-kaart,
html body .ozp-zij-rij,
html body .ozp-zijkaart,
html body .ozp-zoek-knop,
html body .ozp-zoek-veld,
html body .ozp-zzp-lint,
html body .panel,
html body .pc-banner,
html body .pc-banner-stat,
html body .pc-banner-stats,
html body .pc-cta-knop-s,
html body .pc-divider,
html body .pc-faq-item,
html body .pc-info,
html body .pc-kaart,
html body .pc-link-kaart,
html body .pc-prijs,
html body .pc-stap,
html body .pc-stappen,
html body .pc-terug,
html body .periode,
html body .pg-accordion-body,
html body .pg-accordion-item,
html body .pg-banner,
html body .pg-banner-stat,
html body .pg-banner-stats,
html body .pg-bg-item,
html body .pg-checklist,
html body .pg-crosslink,
html body .pg-cta-knop,
html body .pg-divider,
html body .pg-donker-item,
html body .pg-erkenning-item,
html body .pg-faq-inhoud,
html body .pg-faq-item,
html body .pg-info,
html body .pg-intro,
html body .pg-intro-lijst,
html body .pg-kaart,
html body .pg-knop-wit,
html body .pg-nav,
html body .pg-nav-item,
html body .pg-oproep,
html body .pg-stap,
html body .pg-stat,
html body .pg-tabel,
html body .pg-waarschuwing,
html body .pkg,
html body .pkg-radio,
html body .prv-artikel,
html body .prv-beveiliging,
html body .prv-contact-blok,
html body .prv-cookie-tabel,
html body .prv-hero-meta,
html body .prv-inleiding,
html body .prv-lijst,
html body .prv-nav-item,
html body .prv-recht,
html body .prv-social,
html body .pz-accordion-body,
html body .pz-banner-stats,
html body .pz-bg-item,
html body .pz-divider,
html body .pz-donker-item,
html body .pz-intro-lijst,
html body .pz-kaart,
html body .pz-knop-wit,
html body .pz-stap,
html body .pz-stat,
html body .ra-cta-btn-s,
html body .ra-cultuur-header,
html body .ra-cultuur-meta-item,
html body .ra-cultuur-quote,
html body .ra-hero-label,
html body .ra-link-item,
html body .ra-nav-card,
html body .ra-regio-count,
html body .ra-regio-header,
html body .ra-ritueel,
html body .ra-thema-card,
html body .ra-thema-lijst-item,
html body .ra-vergelijk-kolom,
html body .ra-vergelijk-rij,
html body .rc-kaart,
html body .rc-kaart-header,
html body .rc-tabel,
html body .route,
html body .ru-banner,
html body .ru-banner-stat,
html body .ru-banner-stats,
html body .ru-cta-knop-s,
html body .ru-divider,
html body .ru-faq-item,
html body .ru-geloof-kaart,
html body .ru-link-kaart,
html body .ru-prijs,
html body .ru-terug,
html body .rv-accordion-body,
html body .rv-banner-stats,
html body .rv-bg-item,
html body .rv-divider,
html body .rv-donker-fase,
html body .rv-emotie,
html body .rv-intro-lijst,
html body .rv-kaart,
html body .rv-knop-wit,
html body .rv-stat,
html body .rv-tips,
html body .rw-chat-input,
html body .rw-chat-invoer,
html body .rw-coach-kaart,
html body .rw-contrast,
html body .rw-cta-btn-s,
html body .rw-dagboek-btn-s,
html body .rw-dagboek-textarea,
html body .rw-emotie-knop,
html body .rw-emotie-res-tip,
html body .rw-emotie-resultaat,
html body .rw-fase-btn,
html body .rw-fase-detail,
html body .rw-fase-detail-body,
html body .rw-fase-herken-item,
html body .rw-fase-troost,
html body .rw-hero-badge,
html body .rw-hero-btn-s,
html body .rw-info-btn-s,
html body .rw-leeftijd-kaart,
html body .rw-leeftijd-knop,
html body .rw-leeftijd-zin,
html body .rw-pad-reset,
html body .rw-pad-stap,
html body .rw-route-badge,
html body .rw-route-optie,
html body .rw-stil,
html body .rw-tab,
html body .rw-tracker-actie,
html body .rw-tracker-grafiek,
html body .rw-tracker-inzicht,
html body .rw-zelfzorg-check,
html body .rw-zelfzorg-item,
html body .sec-block,
html body .situatie,
html body .skelet,
html body .sm-aanbod-kaart,
html body .sm-bereik-item,
html body .sm-cta-knop-s,
html body .sm-divider,
html body .sm-doelgroep,
html body .sm-hero-label,
html body .sm-kanaal-divider,
html body .sm-knop-s,
html body .sm-stap,
html body .sm-usp,
html body .sm-verified,
html body .sp-acc-body,
html body .sp-accordion,
html body .sp-contact-item,
html body .sp-fase-body,
html body .sp-filter-knop,
html body .sp-hero-badge,
html body .sp-hero-btn-s,
html body .sp-info-btn-s,
html body .sp-info-kaart,
html body .sp-print-btn,
html body .sp-stap-check,
html body .sp-stap-inhoud,
html body .sp-stap-klaar-btn,
html body .sp-stap-tip,
html body .sp-tab,
html body .sp-zij-kaart,
html body .sp-zij-rij,
html body .spinner,
html body .st-blok,
html body .st-kaart,
html body .st-spring,
html body .st-tabel,
html body .stat,
html body .step,
html body .tl,
html body .tool-kaart,
html body .top,
html body .tpg-adv-deco-inner,
html body .tpg-adv-tag,
html body .tpg-badge,
html body .tpg-chip,
html body .tpg-cta-knop-s,
html body .tpg-divider,
html body .tpg-feature-card,
html body .tpg-inhoud-blok,
html body .tpg-knop-s,
html body .tpg-stap-nr,
html body .tpg-stat,
html body .tpg-uniek-punt,
html body .ui-adv-deco-inner,
html body .ui-adv-tag,
html body .ui-cta-knop-s,
html body .ui-divider,
html body .ui-editie,
html body .ui-knop-s,
html body .ui-over-kaart,
html body .ui-partner,
html body .ui-product,
html body .ui-product-lijn,
html body .ui-verhaal,
html body .ui-waarde,
html body .uitgave,
html body .uitleg,
html body .uk-accordion-body,
html body .uk-action-btn,
html body .uk-banner-stats,
html body .uk-bedrag-wrap,
html body .uk-detail-blok,
html body .uk-divider,
html body .uk-donker-item,
html body .uk-footer,
html body .uk-footer-link,
html body .uk-info-box,
html body .uk-input,
html body .uk-kaart,
html body .uk-keuze,
html body .uk-knop-wit,
html body .uk-modal-footer,
html body .uk-modal-header,
html body .uk-modal-input,
html body .uk-prijs-edit,
html body .uk-print-cover,
html body .uk-privacy-bar,
html body .uk-scenario-btn,
html body .uk-select,
html body .uk-stat,
html body .uk-tab,
html body .uk-tabel,
html body .uk-tabel-rij,
html body .uk-tabs,
html body .uk-toggle-check,
html body .uk-toggle-rij,
html body .uk-veld,
html body .uk-veld-input,
html body .uk-vergelijk-blok,
html body .uk-verz,
html body .um-faq-antwoord,
html body .um-faq-item,
html body .um-feature,
html body .um-feature-ico,
html body .um-pad,
html body .um-pad-ico,
html body .um-stap,
html body .um-stap-nr,
html body .um-stat,
html body .um-vkaart,
html body .um-vkaart-ico,
html body .uo-eindcta-btn-s,
html body .uo-faq-item,
html body .uo-filter-btn,
html body .uo-hero-card,
html body .uo-hero-card-link,
html body .uo-hero-label,
html body .uo-kosten-card,
html body .uo-kosten-item,
html body .uo-onderneming,
html body .uo-onderneming-logo,
html body .uo-plaats,
html body .uo-plaats-header,
html body .uo-plaats-info,
html body .uo-quicknav-link,
html body .uo-stat-item,
html body .uo-verdiep-card,
html body .up-atlas,
html body .up-btn-wit,
html body .up-checklist-check,
html body .up-glas,
html body .up-glasknop,
html body .up-hero-badge,
html body .up-merk,
html body .up-onder,
html body .up-overzicht-rij,
html body .up-panel-in,
html body .up-pdfknop,
html body .up-print-header,
html body .up-promokaart,
html body .up-rail,
html body .up-reclame,
html body .up-regio-select,
html body .up-sectie,
html body .up-sectie-header,
html body .up-snelnaar,
html body .up-subtab,
html body .up-tab,
html body .up-tabel,
html body .up-tint0,
html body .up-tint1,
html body .up-tint2,
html body .up-tint3,
html body .up-top,
html body .up-type-knop,
html body .up-verder,
html body .up-vergelijk-header,
html body .up-verzekering-input,
html body .up-zoek-kop,
html body .up-zoekknop,
html body .ups-auth-google,
html body .ups-auth-veld,
html body .ups-stat,
html body .upv4-ai-badge,
html body .upv4-ai-resultaat,
html body .upv4-ai-voorbeeld,
html body .upv4-mini-knop,
html body .upv4-modal-keuze,
html body .upv4-modal-keuze-icon,
html body .upv4-pdf-spinner,
html body .upv4-scenario-card,
html body .upv4-scenario-knop,
html body .upv4-scenarios-header,
html body .upv4-slider-tooltip,
html body .upv4-sparen-veld,
html body .upv4-template-card,
html body .upv4-wensen-veld,
html body .ur-actie-kaart,
html body .ur-bouwsteen,
html body .ur-checklist-fase,
html body .ur-cross,
html body .ur-foto-fig,
html body .ur-knop-secundair,
html body .ur-ladder-rij,
html body .ur-let-op,
html body .ur-stat-card,
html body .ur-tijdlijn-item,
html body .ur-toc-lijst,
html body .ur-vorm-kaart,
html body .ur-vorm-prijs,
html body .uv-banner-stat,
html body .uv-banner-stats,
html body .uv-cta-knop,
html body .uv-divider,
html body .uv-faq-inhoud,
html body .uv-faq-item,
html body .uv-locatie,
html body .uv-milieu,
html body .uv-nav-item,
html body .uv-stat,
html body .uv-tabel,
html body .uv-trend,
html body .uv-vorm,
html body .uv-vorm-footer,
html body .uv-vorm-header,
html body .uv-vorm-link,
html body .uvz-banner-stat,
html body .uvz-banner-stats,
html body .uvz-cta-knop,
html body .uvz-divider,
html body .uvz-faq-inhoud,
html body .uvz-faq-item,
html body .uvz-nav-item,
html body .uvz-soort,
html body .uvz-soort-footer,
html body .uvz-soort-header,
html body .uvz-stat,
html body .uvz-tabel,
html body .uvz-tip,
html body .uvz-verzekeraar,
html body .uvz-verzekeraar-link,
html body .vg-cta-knop-s,
html body .vg-dienst,
html body .vg-dienst-lijst,
html body .vg-divider,
html body .vg-faq-inhoud,
html body .vg-hero-label,
html body .vg-knop-s,
html body .vg-kwaliteit,
html body .vg-pakket,
html body .vg-pakket-lijn,
html body .vg-platform,
html body .vg-play-badge,
html body .vg-stap,
html body .vg-voorwie,
html body .voortgang,
html body .wb-bronnen,
html body .wb-checkbox-kaart,
html body .wb-cross,
html body .wb-foto-fig,
html body .wb-handtekening-blok,
html body .wb-handtekening-veld,
html body .wb-input,
html body .wb-let-op,
html body .wb-pagina-intro,
html body .wb-print-info,
html body .wb-radio-kaart,
html body .wb-sectie-form,
html body .wb-sectie-kop,
html body .wb-textarea,
html body .wd-browser,
html body .wd-browser-badge,
html body .wd-cta-knop-s,
html body .wd-divider,
html body .wd-faq-inhoud,
html body .wd-fase-nr,
html body .wd-hero-label,
html body .wd-knop-s,
html body .wd-kwaliteit,
html body .wd-mockup-placeholder-note,
html body .wd-onderdeel,
html body .wd-onderdeel-lijst,
html body .wd-pakket,
html body .wd-pakket-lijn,
html body .wd-site-card,
html body .wd-tech,
html body .wd-voorwie,
html body .wet-crosslinks-knop,
html body .wet-disclaimer,
html body .wet-filter-knop,
html body .wet-regel-bron,
html body .wk-form,
html body .wk-kaart,
html body .wk-klaar,
html body .wk-leeg,
html body .wk-regel,
html body .wp-banner-stat,
html body .wp-banner-stats,
html body .wp-cta-knop,
html body .wp-divider,
html body .wp-faq-inhoud,
html body .wp-faq-item,
html body .wp-feat,
html body .wp-gids-stap,
html body .wp-hero-feit,
html body .wp-nav-item,
html body .wp-ov,
html body .wp-registreer-kaart,
html body .wp-registreer-knop,
html body .wp-stap-tag,
html body .wp-zoek-mock-balk,
html body .wp-zoek-mock-item,
html body .wp-zoek-mockup,
html body .ws-bronnen,
html body .ws-cross,
html body .ws-cta-btn-s,
html body .ws-doelgroep,
html body .ws-foto-fig,
html body .ws-nav-knop,
html body .ws-navigatie,
html body .ws-pagina-intro,
html body .ws-print-info,
html body .ws-product,
html body .ws-samen-blok,
html body .ws-samen-tag,
html body .ws-scen,
html body .ws-scen-body,
html body .ws-scen-vraag,
html body .ws-stat,
html body .ws-tl-dot,
html body .ws-werkgebied-kaart,
html body .zd-banner-stat,
html body .zd-banner-stats,
html body .zd-cross-kaart,
html body .zd-cta-badge,
html body .zd-form-optie,
html body .zt-brief,
html body .zt-kaart,
html body .zt-knop-wit,
html body .zt-leeg,
html body .zt-term,
html body .zt-top,
html body .zzp-faq,
html body .zzp-form,
html body .zzp-kaart,
html body .zzp-quote{border-color:var(--k-rose-rand)}

/* Lichte vel-behandeling voor de kale inhoudsblokken uit de scan:
   rustig wit, zachte rand, kleine radius; geen zware schaduw zodat
   lange naslagpagina's niet gaan zweven. */
html body .av-vraag,html body .nc-checkbox-item,html body .ws-scen-antwoord,
html body .wet-regel,html body .uo-plaats-info,html body .uo-lokaal-feiten,
html body .sp-stap-inhoud,html body .ra-cultuur,html body .pg-erkenning-item,
html body .st-kaart,html body .bn-kaart{
  background:var(--k-vel);border:1px solid var(--k-rose-rand);
  border-radius:var(--rad-m);}
html body .bk-knop{
  background:var(--k-vel);color:var(--k-pruim);border:1px solid var(--k-rose-rand);
  border-radius:var(--rad-pil);font-weight:600;cursor:pointer}
html body .bk-knop:hover{background:var(--k-lila)}


/* ============================================================
   23b. RANDVANGNET v2 (schoon) — kleurloze randen per selector,
   in kleine groepen zodat een enkele fout nooit alles uitschakelt.
   ============================================================ */
html body .aap-feature,
html body .aap-feature-ico,
html body .aap-intro,
html body .addon,
html body .ae-bronnen,
html body .ae-info-blok,
html body .ae-land,
html body .ae-land-body,
html body .ae-navigatie,
html body .av-antwoord,
html body .av-cross,
html body .av-navigatie,
html body .b2b-banner-stats,
html body .b2b-contact,
html body .b2b-dg,
html body .b2b-flow-item,
html body .b2b-hero-badge,
html body .b2b-intro,
html body .b2b-kaart,
html body .b2b-knop-wit,
html body .b2b-stap,
html body .b2b-voorbeeld,
html body .b2b-why,
html body .ba-doc-check,
html body .ba-footer{border-color:var(--k-rose-rand)}
html body .ba-info-box,
html body .ba-input,
html body .ba-intro,
html body .ba-intro-optie,
html body .ba-keuze-blok,
html body .ba-privacy-bar,
html body .ba-stap-rij,
html body .ba-tabel,
html body .ba-tabel-rij,
html body .ba-tabel-rij.belangrijk,
html body .ba-toggle-check,
html body .ba-veld,
html body .ba-veld-input,
html body .balkboven,
html body .band .knop.zacht,
html body .bewijs,
html body .bg-banner-stats,
html body .bg-cta-knop-s,
html body .bg-divider,
html body .bg-kaart,
html body .bg-prijs,
html body .bg-stap,
html body .bg-stappen,
html body .bk-ai button,
html body .bk-editor blockquote{border-color:var(--k-rose-rand)}
html body .bk-filterbalk select,
html body .bk-kpi,
html body .bk-logo,
html body .bk-mollie,
html body .bk-tb button,
html body .bk-uitvoer,
html body .bk-veld input,
html body .bk-veld select,
html body .bk-veld textarea,
html body .bn-bronnen,
html body .bn-crosslinks-knop,
html body .bn-faq,
html body .bn-faq-item,
html body .bn-filter-knop,
html body .bn-filter-reset,
html body .bn-filters,
html body .bn-foto-fig,
html body .bn-intro,
html body .bn-pagina-intro,
html body .bn-zoekbalk,
html body .bn-zoekbalk-input,
html body .bnn-cross,
html body .bnn-feiten,
html body .bnn-navigatie,
html body .btn.ghost{border-color:var(--k-rose-rand)}
html body .btn.line,
html body .cf-contact,
html body .cf-cta-knop-s,
html body .cf-kwaliteit,
html body .cf-slide-placeholder,
html body .cf-slider-pijl,
html body .chart,
html body .chips button,
html body .crm-tabs,
html body .crmKaart,
html body .crmTabKnop,
html body .dc-banner-stats,
html body .dc-cta-knop-s,
html body .dc-divider,
html body .dc-info,
html body .dc-kaart,
html body .dc-prijs,
html body .dc-stap,
html body .dc-stappen,
html body .dc-terug,
html body .dn-banner-stats,
html body .dn-divider,
html body .dn-donker-item,
html body .dn-intro-lijst li,
html body .dn-oproep{border-color:var(--k-rose-rand)}
html body .dn-tabel td,
html body .ds-scope,
html body .ds-swatch,
html body .ec-action-btn.secondary,
html body .ec-add-btn,
html body .ec-bedrag-input-row,
html body .ec-bor-vergelijking,
html body .ec-erfgenaam,
html body .ec-footer,
html body .ec-input-zone,
html body .ec-land-info,
html body .ec-land-select,
html body .ec-print-cover,
html body .ec-print-footer,
html body .ec-relatie-btn,
html body .ec-scenario,
html body .ec-scenario-saved-btn,
html body .ec-snel-knop,
html body .ec-vg-deel,
html body .ec-warning,
html body .ed-action-btn.secondary,
html body .ed-add-btn,
html body .ed-erfgenaam.kleinkind,
html body .ed-erfgenaam.partner,
html body .ed-fl-actie-btn{border-color:var(--k-rose-rand)}
html body .ed-footer,
html body .ed-info-box,
html body .ed-input-zone,
html body .ed-modal-footer,
html body .ed-print-cover .datum,
html body .ed-relatie-btn,
html body .ed-scen,
html body .ed-scenario-item-btn,
html body .ed-toggle-rij,
html body .ed-tree,
html body .ed-tree-knoop,
html body .ed-verdrag-tabel,
html body .et-accordion-body,
html body .et-accordion-item,
html body .et-banner-stats,
html body .et-intro,
html body .et-kaart,
html body .et-knop-wit,
html body .et-oproep,
html body .et-stap,
html body .ex-action-btn.secondary,
html body .ex-deadline-check,
html body .ex-deadline-rij,
html body .ex-deadline-rij.warning,
html body .ex-erfg-card{border-color:var(--k-rose-rand)}
html body .ex-fase-blok,
html body .ex-fase-tracker,
html body .ex-footer,
html body .ex-info,
html body .ex-input,
html body .ex-item-rij,
html body .ex-logo-preview img,
html body .ex-modal-footer,
html body .ex-print-cover .datum,
html body .ex-rek-rij,
html body .ex-rek-rij.totaal,
html body .ex-scenario-item-btn,
html body .ex-stat,
html body .ex-veld-rij,
html body .fa-kaart,
html body .fa-knop-wit,
html body .fasenav a,
html body .filters,
html body .filters input,
html body .filters select,
html body .halte,
html body .info-banner,
html body .info-banner-btn-s,
html body .inp,
html body .ios-tip{border-color:var(--k-rose-rand)}
html body .irw-faq-antwoord a,
html body .irw-faq-item,
html body .irw-stap,
html body .irw-stap-nr,
html body .ka-bubbel,
html body .ka-chip,
html body .ka-halte,
html body .ka-halte-vink,
html body .ka-input,
html body .ka-kleur,
html body .ka-rap-body,
html body .ka-tegel,
html body .ka-top,
html body .kaart,
html body .ke-crosslink-card,
html body .ke-faq,
html body .ke-filters,
html body .ke-foto-fig,
html body .ke-intro-band,
html body .ke-onderdeel,
html body .ke-onderdeel-footer,
html body .ke-onderdeel-tip,
html body .ke-pagina-intro,
html body .ke-tabel-blok,
html body .kh-banner-stats{border-color:var(--k-rose-rand)}
html body .kh-cta-knop-s,
html body .kh-divider,
html body .kh-kaart,
html body .kh-kaart-badge,
html body .kh-kaart-prijs,
html body .knop.reset,
html body .kompas-uit,
html body .kp-chip,
html body .kp-spoed,
html body .kp-stap,
html body .kp-top a.kp-terug,
html body .kp-voorbeeld,
html body .kr-kosten,
html body .kr-stat:nth-child(3),
html body .kr-tip,
html body .kv-banner,
html body .kv-crosslink,
html body .kv-instellingen,
html body .kv-kaart-header,
html body .kv-kaart-knop,
html body .kv-kenmerk,
html body .kv-regio-select,
html body .kv-tabel-sectie,
html body .kv-tip,
html body .kv-tools-knop{border-color:var(--k-rose-rand)}
html body .licht,
html body .lp-klaarblok,
html body .mc-opl,
html body .mc-prijs,
html body .melding,
html body .mm-cat-blok,
html body .mm-cat-item,
html body .mm-cat-item .vink,
html body .mm-chip,
html body .mm-kaart,
html body .mm-optie,
html body .mm-optie-ico,
html body .mm-paneel,
html body .mm-prog,
html body .mm-prog-nr,
html body .mm-prog-nr.actief::after,
html body .mm-res-ico,
html body .mm-res-kaart,
html body .mm-res-vink,
html body .mm-res-vink::after,
html body .mm-welkom-knop,
html body .mm-zij-reg,
html body .nb-accordion-body,
html body .nb-accordion-item,
html body .nb-banner{border-color:var(--k-rose-rand)}
html body .nb-banner-stat,
html body .nb-banner-stats,
html body .nb-bedrag-row,
html body .nb-detail-blok,
html body .nb-donker-item,
html body .nb-faq-item,
html body .nb-footer-link,
html body .nb-info-box,
html body .nb-input,
html body .nb-kaart,
html body .nb-kaart ul li,
html body .nb-knop-wit,
html body .nb-link-kaart,
html body .nb-oproep,
html body .nb-privacy-bar,
html body .nb-tabel,
html body .nb-tabel-rij,
html body .nb-tabel-rij.belangrijk,
html body .nb-terug,
html body .nb-toggle-rij,
html body .nb-vergelijk-blok,
html body .nb-vergelijk-blok.na,
html body .nb-waarschuwing,
html body .nc-bronnen,
html body .nc-legenda{border-color:var(--k-rose-rand)}
html body .ne-banner-stats,
html body .ne-belasting,
html body .ne-belasting-rij,
html body .ne-checklist,
html body .ne-erf,
html body .ne-faq-inhoud,
html body .ne-faq-item,
html body .ne-info,
html body .ne-instantie,
html body .ne-meer-knop-wit,
html body .ne-nav-item,
html body .ne-stat,
html body .ne-stat:nth-child(3),
html body .ne-stat:nth-child(4),
html body .ne-tijdlijn-inhoud,
html body .ne-tpg-feature,
html body .ne-waarschuwing,
html body .note,
html body .notitie,
html body .oo-aanbod-kaart,
html body .oo-banner-stats,
html body .oo-missie-pijler,
html body .oo-missie-quote,
html body .oo-platform-lijst li,
html body .opt{border-color:var(--k-rose-rand)}
html body .opt .chk,
html body .ou-banner,
html body .ou-banner-stat,
html body .ou-faq-item,
html body .ou-kaart ul li,
html body .ou-link-kaart,
html body .ou-terug,
html body .ozp-acc-blok,
html body .ozp-accountlink,
html body .ozp-adslot,
html body .ozp-afdeling,
html body .ozp-art-aanb,
html body .ozp-auteur,
html body .ozp-auth,
html body .ozp-bkpi,
html body .ozp-btn,
html body .ozp-burger,
html body .ozp-buurt a,
html body .ozp-check-opt,
html body .ozp-cookie,
html body .ozp-ct-kopieer,
html body .ozp-ct-veld input,
html body .ozp-ct-veld select,
html body .ozp-ct-veld textarea,
html body .ozp-deel{border-color:var(--k-rose-rand)}
html body .ozp-deel a,
html body .ozp-deel button,
html body .ozp-event,
html body .ozp-evmodal-sluit,
html body .ozp-faq details,
html body .ozp-featured,
html body .ozp-feiten,
html body .ozp-filter,
html body .ozp-foto-add,
html body .ozp-kaart,
html body .ozp-kgg,
html body .ozp-kgk .tel,
html body .ozp-kort,
html body .ozp-kosten-rij,
html body .ozp-leesknop,
html body .ozp-loclijst li,
html body .ozp-mailhaak,
html body .ozp-mega,
html body .ozp-mega-tegel,
html body .ozp-pakketkaart,
html body .ozp-prose,
html body .ozp-quote,
html body .ozp-res-rij,
html body .ozp-review,
html body .ozp-rw{border-color:var(--k-rose-rand)}
html body .ozp-rw-kaart,
html body .ozp-rw-linkrij input,
html body .ozp-rw-tekst,
html body .ozp-snelnav,
html body .ozp-snelnav a,
html body .ozp-term,
html body .ozp-term-pop,
html body .ozp-tool,
html body .ozp-toolkaarten>.ozp-blok,
html body .ozp-videohouder,
html body .ozp-vink,
html body .ozp-wb-kaart,
html body .ozp-wb-stappen li,
html body .ozp-zij-kaart,
html body .ozp-zij-rij,
html body .ozp-zijkaart,
html body .ozp-zoekkaart,
html body .panel,
html body .pc-banner-stats,
html body .pc-divider,
html body .pc-faq-item,
html body .pc-kaart,
html body .pc-prijs,
html body .pc-terug,
html body .pg-banner-stats{border-color:var(--k-rose-rand)}
html body .pg-bg-item,
html body .pg-checklist li,
html body .pg-cta-knop.wit,
html body .pg-erkenning-item,
html body .pg-faq-inhoud,
html body .pg-faq-item,
html body .pg-info,
html body .pg-intro,
html body .pg-kaart,
html body .pg-nav-item,
html body .pg-stap,
html body .pg-stat,
html body .pg-stat:nth-child(3),
html body .pkg,
html body .prv-beveiliging,
html body .prv-contact-blok,
html body .prv-hero-meta,
html body .prv-inleiding,
html body .pz-accordion-body,
html body .pz-accordion-item,
html body .pz-banner-stats,
html body .pz-divider,
html body .pz-donker-item,
html body .pz-intro-lijst li,
html body .pz-knop-wit{border-color:var(--k-rose-rand)}
html body .pz-oproep,
html body .ra-cultuur,
html body .ra-cultuur-header,
html body .ra-cultuur-quote,
html body .ra-intro,
html body .ra-link-item,
html body .ra-nav-card,
html body .ra-regio-header,
html body .ra-ritueel,
html body .ra-thema-card,
html body .ra-thema-lijst-item,
html body .ra-vergelijk-kolom,
html body .rc-kaart,
html body .rc-kaart-header,
html body .rc-tabel,
html body .rc-tabel td,
html body .ru-banner,
html body .ru-banner-stat,
html body .ru-cta-knop-s,
html body .rv-banner-stats,
html body .rv-bg-item,
html body .rv-emotie,
html body .rv-intro,
html body .rv-kaart,
html body .rv-oproep{border-color:var(--k-rose-rand)}
html body .rv-quote,
html body .rv-signalen,
html body .rw-aanwezig,
html body .rw-chat-invoer,
html body .rw-coach-kaart,
html body .rw-cta-btn-s,
html body .rw-dagboek-btn-s,
html body .rw-emotie-res-tip,
html body .rw-emotie-resultaat,
html body .rw-faq-item,
html body .rw-fase-btn,
html body .rw-fase-detail-body,
html body .rw-fase-herken-item,
html body .rw-hero-badge,
html body .rw-info-banner,
html body .rw-item,
html body .rw-leeftijd-knop,
html body .rw-leeftijd-zin,
html body .rw-pad-stap,
html body .rw-privacy,
html body .rw-route-optie,
html body .rw-route-wrap,
html body .rw-tabs,
html body .rw-tracker-actie,
html body .rw-zelfzorg-check{border-color:var(--k-rose-rand)}
html body .situatie,
html body .skelet,
html body .sm-aanbod-kaart,
html body .sm-bereik-banner,
html body .sm-bereik-item,
html body .sm-divider,
html body .sm-kanaal-divider,
html body .sm-knop-s,
html body .sp-aandacht,
html body .sp-filter-knop,
html body .sp-hero-btn-s,
html body .sp-highlight,
html body .sp-info-banner,
html body .sp-info-btn-s,
html body .sp-info-kaart,
html body .sp-info-kaart.beige,
html body .sp-print-btn,
html body .sp-stap-check,
html body .sp-stap-inhoud,
html body .sp-tab,
html body .sp-voortgang-wrap,
html body .sp-zij-kaart,
html body .spinner,
html body .st-blok,
html body .st-tabel{border-color:var(--k-rose-rand)}
html body .st-tabel td,
html body .stat,
html body .tl,
html body .top .bfly,
html body .tpg-adv-deco-inner,
html body .tpg-chip,
html body .tpg-divider,
html body .tpg-knop-s,
html body .tpg-stap-nr,
html body .tpg-stat,
html body .tpg-tip,
html body .ui-editie,
html body .ui-missie,
html body .ui-product,
html body .uitgave,
html body .uitleg,
html body .uk-accordion-body,
html body .uk-accordion-item,
html body .uk-action-btn.secondary,
html body .uk-banner-stats,
html body .uk-detail-blok,
html body .uk-divider,
html body .uk-donker-item,
html body .uk-footer-link,
html body .uk-info-box{border-color:var(--k-rose-rand)}
html body .uk-input,
html body .uk-keuze,
html body .uk-modal-input,
html body .uk-oproep,
html body .uk-print-cover .datum,
html body .uk-privacy-bar,
html body .uk-scenario-btn,
html body .uk-tabel,
html body .uk-tabel-rij,
html body .uk-tabel-rij.totaal,
html body .uk-toggle-check,
html body .uk-veld,
html body .uk-veld-input,
html body .uk-vergelijk-blok,
html body .uk-vergelijker-cta,
html body .uk-verz,
html body .um-faq-antwoord a,
html body .um-faq-item,
html body .um-intro,
html body .um-pad,
html body .um-pad-ico,
html body .um-stap,
html body .um-stap-nr,
html body .um-stat,
html body .uo-eindcta-btn-s{border-color:var(--k-rose-rand)}
html body .uo-faq-blok,
html body .uo-filter,
html body .uo-hero-card,
html body .uo-hero-label,
html body .uo-intro,
html body .uo-kosten-item,
html body .uo-onderneming-logo,
html body .uo-plaats-header,
html body .uo-plaats-info .uo-lokaal-feiten,
html body .uo-quicknav,
html body .uo-quicknav-link,
html body .uo-stat-item:nth-child(2),
html body .uo-stat-item:nth-child(4),
html body .uo-verdiep,
html body .uo-wist,
html body .up-atlas .atlas-shell,
html body .up-atlas .atlas-shell .filters,
html body .up-atlas .bp-actions,
html body .up-atlas .bp-article,
html body .up-atlas .bp-category,
html body .up-atlas .bp-category-count,
html body .up-atlas .bp-famous,
html body .up-atlas .bp-link,
html body .up-atlas .bp-meta,
html body .up-atlas .bp-tags li{border-color:var(--k-rose-rand)}
html body .up-atlas .detail-close,
html body .up-atlas .detail-cta-sec,
html body .up-atlas .detail-fav,
html body .up-atlas .detail-hero-loader,
html body .up-atlas .detail-panel,
html body .up-atlas .detail-tag,
html body .up-atlas .faq-item,
html body .up-atlas .faq-section,
html body .up-atlas .filter-search input,
html body .up-atlas .filters-toggle,
html body .up-atlas .leaflet-control-zoom a,
html body .up-atlas .legend,
html body .up-atlas .listview-item,
html body .up-atlas .loader-spin,
html body .up-atlas .locate,
html body .up-atlas .marker-cluster,
html body .up-atlas .page-footer,
html body .up-atlas .page-intro-stats,
html body .up-atlas .regio-filter,
html body .up-atlas .toast,
html body .up-atlas .welcome-card,
html body .up-glas,
html body .up-glasknop,
html body .up-info-banner,
html body .up-overzicht{border-color:var(--k-rose-rand)}
html body .up-overzicht-rij,
html body .up-print-header,
html body .up-rail,
html body .up-regio-select,
html body .up-regio-wrap,
html body .up-rij,
html body .up-sectie,
html body .up-sectie-header,
html body .up-sectie[data-cat="admin"],
html body .up-sectie[data-cat="basis"],
html body .up-sectie[data-cat="plechtigheid"],
html body .up-snelnaar,
html body .up-snelnaar a,
html body .up-subtab,
html body .up-tab,
html body .up-tabel td,
html body .up-tint0,
html body .up-tint2,
html body .up-top,
html body .up-vergelijk-header,
html body .up-verzekering-input,
html body .up-zoekknop,
html body .ups-stat,
html body .upv4-ai-resultaat,
html body .upv4-ai-voorbeeld{border-color:var(--k-rose-rand)}
html body .upv4-crosslink,
html body .upv4-donut-wrap,
html body .upv4-modal-keuze,
html body .upv4-modal-keuze-icon,
html body .upv4-scenarios-header,
html body .upv4-sparen-veld input,
html body .upv4-suggestion,
html body .upv4-template-card,
html body .ur-bronnen,
html body .ur-checklist,
html body .ur-cross,
html body .ur-faq,
html body .ur-knop-secundair,
html body .ur-kosten-ladder,
html body .ur-pagina-intro,
html body .ur-proces,
html body .ur-quote,
html body .ur-stat-card,
html body .ur-tip,
html body .ur-vorm-kaart,
html body .ur-vorm-prijs,
html body .uv-banner-stats,
html body .uv-crosslink,
html body .uv-faq-inhoud,
html body .uv-faq-item{border-color:var(--k-rose-rand)}
html body .uv-info,
html body .uv-milieu,
html body .uv-nav-item,
html body .uv-stat,
html body .uv-stat:nth-child(4),
html body .uv-trend,
html body .uv-vorm-link,
html body .uvz-banner-stats,
html body .uvz-nav-item,
html body .uvz-soort-footer,
html body .uvz-soort-header,
html body .uvz-stat,
html body .uvz-tabel,
html body .uvz-tabel td,
html body .uvz-tip,
html body .uvz-verzekeraar,
html body .vg-contact,
html body .vg-divider,
html body .vg-knop-s,
html body .vg-play-badge,
html body .voortgang,
html body .wb-bronnen,
html body .wb-handtekening-blok,
html body .wb-handtekening-veld,
html body .wb-let-op{border-color:var(--k-rose-rand)}
html body .wb-sectie-form,
html body .wb-sectie-kop,
html body .wd-browser-badge,
html body .wd-contact,
html body .wd-divider,
html body .wd-fase-nr,
html body .wd-knop-s,
html body .wd-mockup-placeholder-note,
html body .wd-pakket,
html body .wd-pakket li,
html body .wd-pakket-lijn,
html body .wd-site-card,
html body .wd-tech,
html body .wd-voorwie,
html body .wet-crosslinks-knop,
html body .wet-disclaimer,
html body .wet-filter,
html body .wet-regel-bron,
html body .wk-form input,
html body .wk-form textarea,
html body .wk-kaart,
html body .wk-klaar,
html body .wk-regel,
html body .wp-banner-stats,
html body .wp-divider{border-color:var(--k-rose-rand)}
html body .wp-gids,
html body .wp-gids-stap,
html body .wp-nav-item,
html body .wp-registreer-knop.wit,
html body .wp-zoek,
html body .wp-zoek-mock-item,
html body .wp-zoek-mockup,
html body .ws-cross,
html body .ws-cta-btn-s,
html body .ws-intro,
html body .ws-navigatie,
html body .ws-product,
html body .ws-samen,
html body .ws-samen-blok,
html body .ws-scen-body,
html body .ws-stat,
html body .ws-tijdlijn,
html body .ws-werkgebied,
html body .ws-werkgebied-kaart,
html body .zd-banner,
html body .zd-banner-stat,
html body .zij,
html body .zt-brief,
html body .zt-kaart,
html body .zt-leeg{border-color:var(--k-rose-rand)}
html body .zt-top a.zt-terug,
html body .zzp-faq details,
html body .zzp-kaart,
html body .zzp-quote,
html body body.rw-contrast .rw-wrap .rw-emotie-knop,
html body body.rw-contrast .rw-wrap .rw-fase-btn,
html body body.rw-contrast .rw-wrap .rw-tab,
html body body::-webkit-scrollbar-thumb,
html body details.uo-faq-item,
html body header.ozp-header,
html body input,
html body td,
html body textarea,
html body th{border-color:var(--k-rose-rand)}

/* App-schermen (backend, CRM, executeur, rouwpagina, planner) bouwen hun
   interface via JavaScript met eigen klassefamilies. Voor die families is
   de rose rand dwingend; bewust gekleurde randen komen daar niet voor. */
html body .input,html body .button,html body .select,html body .textarea,
html body [class^="crm"],html body [class*=" crm"],
html body [class^="ex-"],html body [class*=" ex-"],
html body [class^="rw-"],html body [class*=" rw-"],
html body [class^="bk-"],html body [class*=" bk-"]{
  border-color:var(--k-rose-rand)!important}
html body .up-lnk{border:0!important}
html body .up-panel-in{border-color:var(--k-vel-rand)!important}

/* Laatste veegronde: kale elementen zonder klasse in de app-schermen */
html body input,html body select,html body textarea{
  border-color:var(--k-rose-rand)!important}
html body input:focus,html body select:focus,html body textarea:focus{
  border-color:var(--k-oranje)!important}
html body button:not([class]){border-color:var(--k-rose-rand)!important}
html body iframe{border-color:var(--k-rose-rand)!important}
html body .nc-checklist-fase,html body .up-tip,html body .up-btn,html body .up-burger,
html body .nc-checkbox-lijst,html body .iframe{border-color:var(--k-rose-rand)}
html body .ozp-top{border-color:var(--k-rose-rand)}

/* ============================================================
   24. NASLAGWERKEN — eigen compositie per hub
   ============================================================ */

/* Wat-als-scenario's: 35 dossiers. Nummer als etiket, vraag als citaat. */
html body .ws-scen{background:var(--k-vel);border:0;border-radius:var(--rad-l);
  box-shadow:var(--sch-vel);padding:0;margin:0 0 var(--r-2);overflow:hidden}
html body .ws-scen summary{display:flex;align-items:center;gap:var(--r-2);
  padding:var(--r-3) var(--r-3);cursor:pointer;list-style:none}
html body .ws-scen summary::-webkit-details-marker{display:none}
html body .ws-scen summary::after{content:"\25BE";margin-left:auto;color:var(--k-oranje);
  transition:transform var(--b-micro)}
html body .ws-scen[open] summary::after{transform:rotate(180deg)}
html body .ws-scen[open] summary{border-bottom:1px solid var(--k-lila)}
html body .ws-scen-nr{background:linear-gradient(145deg,var(--k-peach),var(--k-oranje));
  color:#fff;font-weight:700;font-size:var(--t-small);border-radius:var(--rad-s);
  padding:4px 10px;flex:0 0 auto;font-variant-numeric:tabular-nums}
html body .ws-scen-titel{font-weight:600;color:var(--k-nacht);line-height:1.35}
html body .ws-scen-body{padding:var(--r-3)}
html body .ws-scen-vraag{background:var(--k-lila);border-left:4px solid var(--k-oranje);
  border-radius:0 var(--rad-m) var(--rad-m) 0;padding:var(--r-2) var(--r-3);
  margin:0 0 var(--r-3)}
html body .ws-scen-vraag-label{font-size:var(--t-micro);font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--k-oranje)}
html body .ws-scen-vraag-tekst{font-style:italic;color:var(--k-nacht)}
html body .ws-scen-antwoord{border:0;box-shadow:none;background:transparent;padding:0}

/* Wetgeving: 33 artikelen als wetboek. Accentbalk, bron in micro-kapitalen. */
html body .wet-regel{background:var(--k-vel);border:0;border-radius:var(--rad-l);
  box-shadow:var(--sch-vel);padding:var(--r-4);margin:0 0 var(--r-3);position:relative}
html body .wet-regel::before{content:"";position:absolute;left:0;top:var(--r-4);
  bottom:var(--r-4);width:4px;border-radius:var(--rad-pil);
  background:linear-gradient(180deg,var(--k-oranje),var(--k-peach))}
html body .wet-regel-titel{color:var(--k-nacht);margin:0 0 6px;padding-left:var(--r-3)}
html body .wet-regel-samenvatting{font-weight:600;color:var(--k-tekst);
  padding-left:var(--r-3)}
html body .wet-regel-details{padding-left:var(--r-3)}
html body .wet-regel-bron{font-size:var(--t-micro);font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--k-grijs);padding-left:var(--r-3);
  border-top:1px solid var(--k-lila);padding-top:var(--r-2);margin-top:var(--r-2)}

/* Rouw-atlas: culturen als atlaskaarten. Land als etiket, duur als pil. */
html body .ra-cultuur{background:var(--k-vel);border:0;border-radius:var(--rad-l);
  box-shadow:var(--sch-vel);padding:var(--r-4);margin:0 0 var(--r-3)}
html body .ra-cultuur-header{display:flex;justify-content:space-between;
  align-items:flex-start;gap:var(--r-3);flex-wrap:wrap}
html body .ra-cultuur-land{font-size:var(--t-micro);font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--k-oranje)}
html body .ra-cultuur-naam{font-size:var(--t-h3);font-weight:700;color:var(--k-nacht);
  line-height:1.25}
html body .ra-cultuur-naam em{color:var(--k-mauve);font-style:normal}
html body .ra-cultuur-duur{background:var(--k-tag-bg);border-radius:var(--rad-m);
  padding:8px 14px;text-align:center;flex:0 0 auto}
html body .ra-cultuur-duur-n{display:block;font-weight:700;color:var(--k-tag-tekst)}
html body .ra-cultuur-duur-l{font-size:var(--t-micro);color:var(--k-tag-tekst)}
html body .ra-ritueel{display:flex;gap:10px;align-items:flex-start;
  padding:8px 0;border:0}
html body .ra-ritueel-icoon{flex:0 0 auto;color:var(--k-oranje)}

/* Zoeken binnen een naslagwerk (gevuld door de leeslaag) */
.lees-filter{display:flex;align-items:center;gap:10px;background:var(--k-vel);
  border:1.5px solid var(--k-rose-rand);border-radius:var(--rad-pil);
  padding:10px 18px;margin:0 0 var(--r-4);max-width:var(--leesmaat);
  box-shadow:var(--sch-vel)}
.lees-filter svg{flex:0 0 auto;stroke:var(--k-pruim);fill:none}
.lees-filter input{border:0!important;box-shadow:none!important;flex:1;
  background:transparent;font-size:15.5px;padding:0!important}
.lees-filter input:focus{box-shadow:none!important}
.lees-filter:focus-within{border-color:var(--k-oranje);
  box-shadow:0 0 0 3px rgba(232,131,74,.2)}
.lees-filter-teller{font-size:var(--t-small);font-weight:600;color:var(--k-grijs);
  flex:0 0 auto;font-variant-numeric:tabular-nums}

/* ============================================================
   25. HOMEPAGE & MERKGEBAAR (award-pass)
   ============================================================ */

/* Kaartlogica volgt de ondergrond: papier op licht, glas op donker */
.ups-kaart{background:var(--k-vel);border:1px solid transparent;border-top-width:3px;
  border-radius:var(--rad-l);box-shadow:var(--sch-vel);
  backdrop-filter:none;color:inherit}
.ups-kaart h2,.ups-kaart h3{color:var(--k-nacht)}
.ups-kaart p{color:var(--k-tekst)}
.ups-kaart-lift:hover{background:var(--k-vel);box-shadow:var(--sch-hoog);
  transform:translateY(-4px)}
.entree .ups-kaart,.podium .ups-kaart,.thuis-donker .ups-kaart,
.up-hoofdstuk .ups-kaart,.lucht .ups-kaart{
  background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15);
  border-top-width:3px;backdrop-filter:blur(6px)}
.entree .ups-kaart h2,.entree .ups-kaart h3,.podium .ups-kaart h2,
.thuis-donker .ups-kaart h3{color:#fff}
.entree .ups-kaart p,.podium .ups-kaart p,.thuis-donker .ups-kaart p{
  color:rgba(255,255,255,.78)}
.entree .ups-kaart-lift:hover,.podium .ups-kaart-lift:hover,
.thuis-donker .ups-kaart-lift:hover{background:rgba(255,255,255,.12)}
/* tools en haltes op licht dragen hun eigen zachte accenten */
.ups-tool{border-top-color:var(--k-oranje)}
.ups-halte{border-top-color:var(--k-mauve)}

/* Typografie op award-niveau: gebalanceerde koppen, nette alinea-einden */
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.podium h1,.entree h1{font-weight:700;letter-spacing:-.02em;line-height:1.08}
.podium h1 em,.entree h1 em{color:var(--k-peach);font-style:normal}
.podium .sub,.entree .sub{font-size:var(--t-lead);max-width:58ch}

/* Kaartlinks nodigen uit: pijl die meekomt bij aanraken */
.ups-kaart a:not(.knop):not(.ups-knop)::after{content:"\2192";display:inline-block;
  margin-left:6px;transition:transform var(--b-micro)}
.ups-kaart:hover a:not(.knop):not(.ups-knop)::after{transform:translateX(3px)}

/* Het merkgebaar: de vlinder als watermerk in de donkere banden */
.entree,.kompasblok,.up-reclame{position:relative;overflow:hidden}
.entree::after,.kompasblok::after,.up-reclame::after{content:"";position:absolute;
  right:-50px;bottom:-60px;width:280px;height:280px;pointer-events:none;
  background:url('/logo-klein.png') no-repeat center/contain;
  opacity:.07;filter:brightness(3)}

/* De voet krijgt zijn gouden lijn, als slotakkoord van elke pagina */
.up-voet{position:relative}
.up-voet::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--k-oranje),var(--k-peach),var(--k-mauve))}

/* Rustige merk-scrollbalk */
::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-track{background:var(--k-creme)}
::-webkit-scrollbar-thumb{background:var(--k-rose);border-radius:99px;
  border:3px solid var(--k-creme)}
::-webkit-scrollbar-thumb:hover{background:var(--k-mauve)}

/* Laatste 71 randen: kale details/summary-elementen en losse knopklassen */
html body details,html body summary{border-color:var(--k-rose-rand)}
html body .ups-schakel-knop,html body .ups-auth-knop,html body .kv-kaart,
html body .ozp-wb-kop,html body .ed-fl,html body .card,html body .on,
html body .aan,html body .ba-action-btn,html body .nb-action-btn,
html body .secundair,html body .irw-intro,html body .uo-snel,
html body .ws-print-only{border-color:var(--k-rose-rand)}

/* Doorslaggevend: kaartondergrond per context, en elementranden dwingend */
html body .thuis .ups-kaart,html body .reis .ups-kaart{
  background:var(--k-vel)!important;border-color:transparent;
  backdrop-filter:none!important;box-shadow:var(--sch-vel)}
html body .thuis .ups-kaart h2,html body .thuis .ups-kaart h3,
html body .reis .ups-kaart h2,html body .reis .ups-kaart h3{color:var(--k-nacht)}
html body .thuis .ups-kaart p,html body .reis .ups-kaart p{color:var(--k-tekst)}
html body .thuis .ups-tool{border-top-color:var(--k-oranje)}
html body .reis .ups-halte{border-top-color:var(--k-mauve)}
html body details,html body summary{border-color:var(--k-rose-rand)!important}
html body .lees-toc,html body .ws-scen{border-color:transparent!important}
html body .ozp-fgroep{border-color:var(--k-vel-rand)!important}

/* ============================================================
   26. HOMEPAGE LIVE-KLAAR (na beoordeling schermafdruk)
   ============================================================ */

/* 1. De pagina-eigen inhoudsrail: een net wit vel, links van de inhoud,
   alleen op schermen waar hij ruimte heeft; nooit meer door de hero. */
html body .up-rail{position:fixed;left:18px;top:110px;width:200px;z-index:60;
  background:var(--k-vel);border:0;border-radius:var(--rad-l);
  box-shadow:var(--sch-vel);padding:14px 14px;max-height:calc(100vh - 200px);
  overflow:auto;font-size:13.5px}
html body .up-rail a{color:var(--k-nacht);text-decoration:none;display:block;
  padding:5px 8px;border-radius:var(--rad-s)}
html body .up-rail a:hover{background:var(--k-lila);color:var(--k-nacht)}
@media(max-width:1899px){html body .up-rail{display:none}}

/* 2. Sectiekoppen in de donkere thuis-band: altijd licht */
html body .thuis-donker h2,html body .thuis-donker h3{color:#fff!important}
html body .thuis-donker .fluister,html body .thuis-donker .ups-eyebrow{
  color:var(--k-peach)!important}
html body .thuis-donker p{color:rgba(255,255,255,.82)}

/* 3. Artikelbeelden zijn beelddragers, geen donkere vlakken */
html body .art-beeld{background:linear-gradient(150deg,var(--k-lila),var(--k-rose))!important;
  background-image:linear-gradient(150deg,var(--k-lila),var(--k-rose))!important;
  color:inherit;min-height:150px;border-radius:var(--rad-l) var(--rad-l) 0 0;
  overflow:hidden;position:relative}
html body .art-beeld img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover}
html body .skelet{background:linear-gradient(110deg,var(--k-lila) 30%,var(--k-rose) 50%,var(--k-lila) 70%)!important;
  border-radius:var(--rad-l);min-height:220px;animation:ds-glans 1.6s infinite}
@keyframes ds-glans{0%{background-position:-200px 0}100%{background-position:400px 0}}

/* 4. Uitgave-previews in het donkere gidsblok: glas, geen spoken */
html body .ups-uitgave{background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);border-radius:var(--rad-m);
  backdrop-filter:blur(4px)}
html body .ups-uitgave,html body .ups-uitgave h3,html body .ups-uitgave h4,
html body .ups-uitgave strong{color:#fff}
html body .ups-uitgave p,html body .ups-uitgave span{color:rgba(255,255,255,.78)}
html body .ups-uitgave:hover{background:rgba(255,255,255,.13)}

/* Eyebrows: één regel voor het hele ecosysteem. Donker-oranje op licht
   (leesbaar én merk), perzik binnen elke donkere container. */
html body .fluister,html body .ups-eyebrow,html body .ozp-eyebrow,
html body .up-eyebrow,html body .eyebrow{color:var(--k-oranje-diep)!important}
html body .entree .fluister,html body .podium .fluister,
html body .thuis-donker .fluister,html body .lucht .fluister,
html body .up-hoofdstuk .fluister,html body .entree .ups-eyebrow,
html body .podium .ups-eyebrow,html body .thuis-donker .ups-eyebrow,
html body .up-hero .ozp-eyebrow,html body .ozp-hero .ozp-eyebrow,
html body .ozp-paghero .ozp-eyebrow,html body .ups-band .ups-eyebrow,
html body .up-reclame .fluister,html body .kompasblok .fluister{
  color:var(--k-peach)!important}