/* Roosterklaar huisstijl, versie 2 (14 oktober 2026, avond). Eén stylesheet voor alle pagina's.
   Palet: zand (achtergrond), wit (kaarten), zwart (banden, tekst), grafiet, lijn en één signaalkleur: oranje
   voor knoppen en voor het moment dat iets wordt ingevuld. Letter: Helvetica (de letter van het beeldmerk).
   Het beeldmerk (rooster van balken) is het decoratieve element; zwarte banden lopen van rand tot rand. */
:root{
  --zand:#ECE6DA;--zand-d:#E1DACC;--wit:#FFFFFF;--zwart:#000000;--grafiet:#5A544C;--lijn:#CFC7B8;
  --signaal:#F26A1B;--signaal-d:#D4560C;--signaal-z:#FBE3D3;
  --radius:28px;--radius-k:20px;--knop:12px;--breed:1400px;
  --font:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);font-size:17px;line-height:1.55;color:var(--zwart);background:var(--zand);
  -webkit-font-smoothing:antialiased}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--zwart);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--signaal);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-weight:700;line-height:1.08;letter-spacing:-.03em}
strong{font-weight:700}
code{font-family:var(--font);background:var(--zand-d);padding:1px 6px;border-radius:6px}
.wrap{max-width:var(--breed);margin:0 auto;padding:0 32px}
.knop{display:inline-block;background:var(--signaal);color:var(--zwart);text-decoration:none;font-weight:700;
  font-size:1.05rem;padding:16px 28px;border-radius:var(--knop);line-height:1.2;
  transition:background .15s,transform .15s}
.knop:hover{background:var(--signaal-d);text-decoration:none;transform:translateY(-1px)}
.knop.donker{background:var(--zwart);color:var(--wit)}
.knop.donker:hover{background:#262626}
.gerust{display:block;margin-top:14px;color:var(--grafiet);font-size:.92rem}
.band{background:var(--zwart);color:var(--wit)}
.band a{color:var(--wit)}
.band .gerust{color:rgba(255,255,255,.7)}

/* Kop en voet */
.kop{position:sticky;top:0;z-index:10;background:rgba(236,230,218,.94);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--lijn)}
.balk{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:1.35rem;
  letter-spacing:-.035em;color:var(--zwart)}
.logo img{width:40px;height:40px}
/* 'ai' achter het woordmerk (16 okt 2026): zwart blokje op licht, wit blokje in de zwarte voet */
.logo .ai{display:inline-block;margin-left:-5px;padding:.07em .22em .13em;border-radius:.22em;background:var(--zwart);
  color:var(--wit);font-size:.8em;letter-spacing:-.01em;line-height:1}
.voet .logo .ai{background:var(--wit);color:var(--zwart)}
.hoofdnav{display:flex;align-items:center;gap:28px}
.hoofdnav a{text-decoration:none;font-weight:500;font-size:1rem}
.hoofdnav a:hover{text-decoration:underline}
.hoofdnav .knop{padding:11px 20px;font-size:.95rem}
.voet{background:var(--zwart);color:var(--wit);padding:60px 0 44px;margin-top:80px}
.voet a{color:var(--wit)}
.voet-rij{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.voet .logo{color:var(--wit);margin-bottom:14px}
.voet .logo img{background:var(--wit);border-radius:9px}
.voet p{color:rgba(255,255,255,.78);max-width:36rem}
.voet h4{font-size:.95rem;font-weight:500;color:rgba(255,255,255,.62);margin-bottom:12px;letter-spacing:0}
.voet ul{list-style:none}
.voet li{margin-bottom:8px}
.voet .klein{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.22);
  color:rgba(255,255,255,.62);font-size:.88rem;max-width:none}

/* Hero: zwarte band met levend rooster */
.hero{padding:72px 0 64px}
.hero .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}
.hero h1{font-size:clamp(2.6rem,5.4vw,4.6rem);letter-spacing:-.045em;line-height:1;color:var(--wit)}
.hero .intro{font-size:1.25rem;color:rgba(255,255,255,.78);max-width:32rem;margin:26px 0 32px}
.hero .intro strong{color:var(--wit)}
.demo{background:var(--wit);color:var(--zwart);border-radius:var(--radius);padding:26px 28px 22px;position:relative}
.demo-kop{display:flex;justify-content:space-between;align-items:center;font-size:.92rem;color:var(--grafiet);margin-bottom:14px}
.demo-kop b{color:var(--zwart);font-size:1.05rem;letter-spacing:-.02em}
.ai-badge{display:inline-flex;align-items:center;gap:8px;background:var(--zand);border-radius:999px;padding:6px 12px 6px 8px;font-weight:700;font-size:.85rem;color:var(--zwart)}
.ai-badge i{width:10px;height:10px;border-radius:50%;background:var(--signaal);display:block;
  animation:puls 10s infinite;animation-delay:var(--basis,0s)}
.berichten{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.demo{--basis:-5s} /* de cyclus begint halverwege: bij het laden staat het rooster al gevuld */
.bericht{background:var(--zand);border-radius:14px;padding:10px 12px;font-size:.84rem;line-height:1.35;
  opacity:0;transform:translateY(8px);animation:binnen 10s infinite;animation-delay:var(--basis)}
.bericht:nth-child(2){animation-delay:calc(var(--basis) + .7s)}
.bericht:nth-child(3){animation-delay:calc(var(--basis) + 1.4s)}
.bericht span{display:block;font-weight:700;color:var(--grafiet);font-size:.76rem;margin-bottom:3px}
.rb-rij{display:grid;grid-template-columns:30px repeat(7,1fr) 56px;gap:6px;align-items:center;margin-bottom:6px}
.rb-kop{font-size:.78rem;font-weight:600;color:var(--grafiet);text-align:center;margin-bottom:8px}
.rb-kop span:first-child{text-align:left}
.rb-kop .tel{color:var(--zwart)}
.rb-naam{font-size:.88rem;font-weight:700}
.cel{height:34px;border-radius:7px;background:var(--zand);position:relative;overflow:hidden}
.cel.vol::after{content:"";position:absolute;inset:0;border-radius:7px;background:var(--zwart);
  transform:scaleX(0);transform-origin:left;animation:vul 10s infinite;animation-delay:calc(var(--basis,0s) + var(--d,0s))}
.rb-tel{text-align:center;font-weight:700;font-size:1rem;color:var(--signaal);opacity:0;animation:tel 10s infinite;animation-delay:var(--basis,0s)}
.rb-voet{margin-top:14px;font-size:.86rem;color:var(--grafiet);display:flex;justify-content:space-between;gap:12px}
.rb-voet b{color:var(--zwart)}
@keyframes binnen{0%{opacity:0;transform:translateY(8px)}5%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(8px)}}
@keyframes puls{0%,8%{opacity:.35;transform:scale(.8)}11%,24%{opacity:1;transform:scale(1.15)}29%,100%{opacity:.35;transform:scale(.8)}}
@keyframes vul{0%,16%{transform:scaleX(0);background:var(--signaal)}22%{transform:scaleX(1);background:var(--signaal)}32%,92%{transform:scaleX(1);background:var(--zwart)}97%,100%{transform:scaleX(0);background:var(--signaal)}}
@keyframes tel{0%,36%{opacity:0;transform:translateY(4px)}42%,92%{opacity:1;transform:none}97%,100%{opacity:0}}

/* Secties */
.deel{padding:88px 0 0}
.deel h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:14px;max-width:22ch;letter-spacing:-.04em}
.sub{color:var(--grafiet);max-width:40rem;font-size:1.15rem;margin-bottom:40px}
.band .sub{color:rgba(255,255,255,.78)}
.pijn-rij{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pijn-kaart{border-top:4px solid var(--zwart);padding-top:16px;font-weight:600;font-size:1.1rem;max-width:26rem}

/* Bento: wat u krijgt */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(220px,auto);gap:20px}
.blok{background:var(--wit);border-radius:var(--radius-k);padding:26px 28px;display:flex;flex-direction:column;
  gap:14px;border:1px solid var(--lijn);transition:transform .2s,border-color .2s}
.blok:hover{transform:translateY(-3px);border-color:var(--zwart)}
.blok.groot{grid-column:span 2;grid-row:span 2}
.blok h3{font-size:1.25rem;letter-spacing:-.025em}
.blok p{color:var(--grafiet);font-size:.98rem;max-width:34rem}
.blok .toon{margin-top:auto}
.blok .toon.boven{margin-top:0;margin-bottom:4px}
.chat{display:flex;flex-direction:column;gap:10px}
.chat-b{background:var(--zand);border-radius:16px;border-top-left-radius:6px;padding:12px 16px;max-width:30rem;font-size:.95rem}
.chat-b span{display:block;font-size:.78rem;font-weight:700;color:var(--grafiet);margin-bottom:3px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.chip{display:inline-block;border:1.5px solid var(--zwart);border-radius:999px;padding:5px 12px;font-size:.88rem;font-weight:700}
.chip.aan{background:var(--zwart);color:var(--wit)}
.chip.vraag{border-color:var(--signaal);color:var(--signaal-d)}
.telling{width:100%;border-collapse:collapse;font-size:.95rem}
.telling th{text-align:left;font-weight:600;color:var(--grafiet);font-size:.82rem;padding:0 8px 8px 0}
.telling td{padding:8px 8px 8px 0;border-top:1px solid var(--lijn);font-variant-numeric:tabular-nums}
.telling td.n{font-weight:700}
.telling .b{display:inline-block;height:10px;background:var(--zwart);border-radius:3px;vertical-align:middle;margin-right:8px}
.telling tr.som td{color:var(--signaal-d);font-weight:700;border-top:2px solid var(--zwart)}
.regels{list-style:none;display:flex;flex-direction:column;gap:8px}
.regels li{display:flex;gap:10px;align-items:baseline;font-size:.95rem}
.regels li::before{content:"";width:16px;height:4px;background:var(--zwart);flex:none;transform:translateY(-4px)}
.invoer{border:1.5px solid var(--zwart);border-radius:12px;padding:12px 14px;font-size:.95rem;display:flex;justify-content:space-between;gap:12px;align-items:center}
.invoer i{font-style:normal;color:var(--signaal-d);font-weight:700;font-size:.85rem;white-space:nowrap}
.melding{font-size:.88rem;color:var(--grafiet);margin-top:8px}
.keuze{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.keuze span{border:1.5px solid var(--lijn);border-radius:12px;padding:12px 8px;text-align:center;font-weight:700;font-size:.92rem}
.keuze span.aan{border-color:var(--signaal);background:var(--signaal-z)}
.uren{width:100%;border-collapse:collapse;font-size:.9rem}
.uren td{padding:7px 6px 7px 0;border-top:1px solid var(--lijn);font-variant-numeric:tabular-nums}
.uren td:last-child{text-align:right;font-weight:700}

/* Stappen, beelden, cijfers */
.stap-rij{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.stap{border-top:1px solid var(--zwart);padding-top:20px}
.stap .nr{font-size:3rem;font-weight:700;letter-spacing:-.05em;line-height:1;margin-bottom:16px;color:var(--signaal-d)}
.stap h3{font-size:1.25rem;margin-bottom:8px}
.stap p{color:var(--grafiet);font-size:1rem;max-width:30rem}
.stap-tijd{margin-top:36px;font-weight:600;font-size:1.1rem}
.beeld-rij{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:center;margin-top:48px}
.beeld-rij.om{grid-template-columns:1.6fr 1fr}
.beeld-rij.om .tekst-k{order:2}
.beeld-rij img{border-radius:var(--radius-k);border:1px solid var(--lijn);background:var(--wit)}
.beeld-rij h3{font-size:1.6rem;letter-spacing:-.035em;margin-bottom:10px}
.beeld-rij p{color:var(--grafiet);font-size:1.05rem;max-width:28rem}
.video-kader{margin-top:48px}
.video-kader video{width:100%;border-radius:var(--radius);background:var(--zwart)}
.video-kader p{margin-top:12px;color:var(--grafiet);font-size:.95rem}
.cijfer-rij{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;border-top:2px solid var(--zwart);
  border-bottom:2px solid var(--zwart);padding:34px 0}
.cijfer b{display:block;font-size:3rem;letter-spacing:-.05em;line-height:1;margin-bottom:8px;font-variant-numeric:tabular-nums}
.cijfer b small{font-size:1.4rem;letter-spacing:-.02em}
.cijfer span{color:var(--grafiet);font-size:1rem;max-width:18rem;display:block}

/* Voor wie, kennisbank */
.sector-rij{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sector,.art-kaart{display:flex;flex-direction:column;border:1px solid var(--lijn);border-radius:var(--radius-k);
  overflow:hidden;text-decoration:none;color:var(--zwart);background:var(--wit);transition:transform .2s,border-color .2s}
.sector:hover,.art-kaart:hover{transform:translateY(-3px);border-color:var(--zwart)}
.sector img,.art-kaart img{border-bottom:1px solid var(--lijn)}
.sector div,.art-kaart div{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px}
.sector b,.art-kaart b{font-size:1.12rem;line-height:1.3;letter-spacing:-.02em}
.sector span,.art-kaart span{color:var(--grafiet);font-size:.95rem}
.art-kaart i{font-style:normal;font-size:.85rem;color:var(--grafiet)}
.art-rij{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}
/* Uitlegvideo's van de app (/uitleg/, 14 okt 2026): videokaarten in hetzelfde raster als de artikelen */
.vid-rij{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:28px}
.vid-kaart{margin:0;background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius-k);overflow:hidden}
.vid-kaart video{display:block;width:100%;height:auto;background:var(--zwart)}
.vid-kaart figcaption{display:flex;flex-direction:column;gap:6px;padding:16px 20px 18px}
.vid-kaart b{font-size:1.12rem;line-height:1.3;letter-spacing:-.02em}
.vid-kaart span{color:var(--grafiet);font-size:.95rem}
.vid-kaart i{font-style:normal;font-size:.85rem;color:var(--grafiet)}
.kennis .video-kader{margin-top:8px}
.meer{margin-top:28px;font-size:1.05rem}

/* Pilot en slot (zwarte banden) */
.pilot{padding:80px 0}
.pilot .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.pilot h2{color:var(--wit)}
.pilot ul{list-style:none}
.pilot li{position:relative;padding:11px 0 11px 32px;border-top:1px solid rgba(255,255,255,.18);font-size:1.05rem}
.pilot li:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
.pilot li::before{content:"";position:absolute;left:0;top:22px;width:16px;height:4px;background:var(--signaal)}
.faq details{border-top:1px solid var(--lijn);background:transparent}
.faq details:last-child{border-bottom:1px solid var(--lijn)}
.faq summary{cursor:pointer;font-weight:700;font-size:1.08rem;padding:20px 0;list-style:none;display:flex;
  justify-content:space-between;gap:20px;align-items:baseline}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.6rem;font-weight:400;line-height:1;color:var(--signaal-d)}
.faq details[open] summary::after{content:"\2013"}
.faq details p{padding:0 0 22px;color:var(--grafiet);max-width:64ch}
.slot{padding:80px 0;margin-top:88px}
.slot h2{color:var(--wit);max-width:24ch}

/* Artikel, doelgroeppagina, privacy, 404 */
.artikel-raster{display:grid;grid-template-columns:minmax(0,860px) 320px;gap:72px;justify-content:center;
  padding:56px 32px 24px;max-width:var(--breed);margin:0 auto}
article.tekst{min-width:0}
main.tekst{max-width:860px;margin:0 auto;padding:56px 32px 24px}
.zij{align-self:start;position:sticky;top:96px;display:flex;flex-direction:column;gap:20px}
.zij-pilot{background:var(--zwart);color:var(--wit);border-radius:var(--radius-k);padding:24px 26px}
.zij-pilot strong{display:block;font-size:1.15rem;letter-spacing:-.025em;margin-bottom:6px}
.zij-pilot p{color:rgba(255,255,255,.78);font-size:.95rem;margin-bottom:14px}
.zij .lees-ook{margin:0;border:1px solid var(--lijn);border-radius:var(--radius-k);padding:20px 22px;background:var(--wit)}
.zij .lees-ook h2{font-size:1.05rem;margin:0 0 10px}
.zij .lees-ook ul{list-style:none;margin:0}
.zij .lees-ook li{margin-bottom:9px;font-size:.95rem}
.tekst h1{font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-.04em;margin-bottom:16px}
.kruimel{font-size:.9rem;color:var(--grafiet);margin-bottom:22px}
.kruimel a{color:var(--grafiet)}
.meta{color:var(--grafiet);font-size:.95rem;margin-bottom:30px}
.tekst p{margin-bottom:18px;max-width:70ch;font-size:1.05rem}
.tekst p.sub{margin-bottom:24px}
.tekst h2{font-size:1.7rem;margin:48px 0 14px;letter-spacing:-.035em;line-height:1.15}
.tekst h3{font-size:1.18rem;margin:26px 0 6px}
.tekst ul,.tekst ol{margin:0 0 18px 24px;max-width:68ch;font-size:1.05rem}
.tekst li{margin-bottom:8px}
.tekst li p{margin-bottom:8px}
.kop-beeld{margin:24px 0 32px}
.kop-beeld img{border-radius:var(--radius-k);border:1px solid var(--lijn);background:var(--wit)}
.kop-breed{margin:20px 0 8px}
.kop-breed img{border-radius:var(--radius-k);border:1px solid var(--lijn);background:var(--wit)}
.kader{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius-k);padding:26px 30px;margin:30px 0}
.kader>strong:first-child{display:block;font-size:1.12rem;margin-bottom:6px}
.kader ol,.kader ul{margin-bottom:0;margin-top:10px}
.tekst table{width:100%;border-collapse:collapse;margin:12px 0 28px;font-size:.97rem;background:var(--wit);
  border-radius:14px;overflow:hidden}
.tekst th,.tekst td{border-bottom:1px solid var(--lijn);padding:11px 14px;text-align:left;vertical-align:top}
.tekst th{background:var(--zand-d);font-weight:700}
.tekst td.r{text-align:right;font-variant-numeric:tabular-nums}
.tekst details{border-top:1px solid var(--lijn)}
.tekst details:last-of-type{border-bottom:1px solid var(--lijn);margin-bottom:24px}
.tekst summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:20px}
.tekst summary::-webkit-details-marker{display:none}
.tekst summary::after{content:"+";font-size:1.4rem;font-weight:400;line-height:1;color:var(--signaal-d)}
.tekst details[open] summary::after{content:"\2013"}
.tekst details p{padding-bottom:16px;color:var(--grafiet)}
.cta{background:var(--zwart);color:var(--wit);border-radius:var(--radius);padding:36px 40px;margin-top:48px}
.cta strong{display:block;font-size:1.4rem;letter-spacing:-.03em;line-height:1.2;margin-bottom:8px}
.cta a{display:inline-block;background:var(--signaal);color:var(--zwart);text-decoration:none;font-weight:700;
  padding:14px 26px;border-radius:var(--knop);margin-top:16px}
.cta a:hover{background:var(--signaal-d)}
.lees-ook{margin-top:44px;border-top:1px solid var(--lijn);padding-top:24px}
.lees-ook h2{font-size:1.15rem;margin:0 0 10px}
.lees-ook ul{list-style:none;margin:0}
.lees-ook li{margin-bottom:9px}
.bronnen,ul.meta{font-size:.9rem;color:var(--grafiet)}
ul.meta{margin-left:22px}
.video-tip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;
  background:var(--wit);border:1px solid var(--lijn);border-radius:16px;padding:16px 20px;margin:18px 0 10px}
.video-tip a{font-weight:700}
.cat-kop{font-size:1.6rem;letter-spacing:-.03em;margin:48px 0 18px}
.kennis{max-width:var(--breed);margin:0 auto;padding:56px 32px 24px}
.kennis .intro p,.kennis .sub{max-width:70ch;font-size:1.08rem;margin-bottom:16px}
.kennis h1{font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-.04em;margin-bottom:12px}
.kennis .sub{color:var(--grafiet)}
.over{margin-top:44px;padding:26px 30px;background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius-k)}
.over h2{font-size:1.2rem;margin:0 0 8px}
.over p{color:var(--grafiet);font-size:1rem;margin-bottom:10px}
.over ul.doelgroepen{list-style:none;margin:0;columns:3;gap:24px}
.over ul.doelgroepen li{padding:4px 0;break-inside:avoid}
.uitleg{color:var(--grafiet);font-size:1.15rem;max-width:36rem;margin:16px 0 28px}
.verder{margin-top:28px}
.code{display:inline-block;background:var(--zwart);color:var(--wit);padding:4px 12px;border-radius:8px;font-weight:700}

@media (max-width:1100px){
  .artikel-raster{grid-template-columns:1fr;gap:32px}
  .zij{position:static}
  .bento{grid-template-columns:1fr 1fr}
  .sector-rij,.art-rij{grid-template-columns:1fr 1fr}
  .over ul.doelgroepen{columns:2}
}
@media (max-width:900px){
  .wrap,.kennis,main.tekst,.artikel-raster{padding-left:20px;padding-right:20px}
  .hero .wrap,.pilot .wrap,.beeld-rij,.beeld-rij.om{grid-template-columns:1fr;gap:36px}
  .beeld-rij.om .tekst-k{order:0}
  .pijn-rij,.stap-rij,.voet-rij{grid-template-columns:1fr}
  .cijfer-rij{grid-template-columns:1fr 1fr}
  .mob-weg{display:none}
  .deel{padding-top:64px}
  .hero{padding:48px 0 44px}
}
@media (max-width:600px){
  body{font-size:16px}
  .bento,.sector-rij,.art-rij,.keuze{grid-template-columns:1fr}
  .blok.groot{grid-column:auto;grid-row:auto}
  .berichten{grid-template-columns:1fr}
  .bericht:nth-child(3){display:none}
  .demo{padding:20px 16px 16px}
  .rb-rij{grid-template-columns:24px repeat(7,1fr) 40px;gap:4px}
  .cel{height:28px}
  .tekst table{display:block;overflow-x:auto}
  .cta{padding:26px 22px}
  .over ul.doelgroepen{columns:1}
  .balk .knop{display:none}
  .cijfer b{font-size:2.4rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .bericht,.cel.vol::after,.rb-tel,.ai-badge i{animation:none}
  .bericht,.rb-tel{opacity:1;transform:none}
  .cel.vol::after{transform:none;background:var(--zwart)}
  .blok,.sector,.art-kaart,.knop{transition:none}
}