:root{
  /* De vier merkkleuren komen rechtstreeks uit het logobestand. */
  --orange:#ff4002; --pink:#ff006e; --burgundy:#9f0730; --purple:#26133e;
  /* Neutralen afgeleid van het paars, zodat ze in dezelfde tint blijven. */
  --lavender:#f2eef7; --ink:#26133e; --grey:#5f566e; --line:#e2dbec; --white:#fff;
  /* Accentkleur op de donkere vlakken: het merkroze. Gemeten haalt dat 4,40:1
     op het paars en 4,78:1 op het diepe paars. Het eerste blijft nipt onder de
     WCAG-grens van 4,5:1 voor kleine tekst. Een tint van 7% naar wit (#ff1278)
     zou 4,51:1 halen als je die grens wel wilt halen. */
  --accent-donker:var(--pink); --tint-roze:#ffeef5; --paars-diep:#1b0e2c;
  /* Signaalkleuren dragen betekenis en wijken daarom af van het logo. Wel
     donkerder gezet: alle vier halen nu ten minste 4,5:1 op wit. */
  --rood:#c40233; --oranje:#e03500; --geel:#a86a00; --groen:#1f6b3b;
  --groen-licht:#4fa85c;
  --maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Poppins',system-ui,Arial,sans-serif;font-weight:300;color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-weight:700;line-height:1.14;letter-spacing:-0.01em}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;gap:10px;border:none;border-radius:999px;padding:15px 30px;font-family:inherit;font-weight:600;font-size:16px;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;line-height:1}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--pink);color:#fff;box-shadow:0 8px 24px rgba(255,0,110,.35)}
.btn-primary:hover{background:#e00063;box-shadow:0 12px 30px rgba(255,0,110,.45)}
.btn-orange{background:var(--orange);color:#fff;box-shadow:0 8px 24px rgba(255,64,2,.32)}
.btn-orange:hover{background:#e63a02}
.btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.12)}
.btn-dark{background:var(--purple);color:#fff}
.btn-lg{padding:18px 38px;font-size:18px}
.eyebrow{font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--pink)}
section{padding:84px 0}
.sec-head{max-width:760px;margin:0 auto 48px;text-align:center}
.sec-head h2{font-size:clamp(28px,4vw,42px);margin-bottom:14px}
.sec-head p{color:var(--grey);font-size:18px;font-weight:400}

/* header */
header.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:92px;gap:20px}
.brand{display:flex;align-items:center;text-decoration:none}
.brand img{height:56px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links a{font-weight:500;font-size:15px;text-decoration:none;color:var(--ink);opacity:.85}
.nav-links a:hover{opacity:1;color:var(--pink)}
.nav .btn{padding:12px 22px;font-size:14.5px}

/* hero */
.hero{position:relative;min-height:min(94vh,880px);display:flex;align-items:center;overflow:hidden;color:#fff}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero .scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(108deg,rgba(38,19,62,.94) 0%,rgba(38,19,62,.82) 44%,rgba(159,7,48,.5) 100%)}
.hero .wrap{position:relative;z-index:2;padding-top:70px;padding-bottom:70px}
.hero-inner{max-width:790px}
.hero .kicker{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:500;margin-bottom:22px}
.hero .kicker b{font-weight:700}
.hero h1{font-size:clamp(33px,5.2vw,60px);margin-bottom:20px}
.hero .lead{font-size:clamp(17px,2.1vw,22px);font-weight:300;opacity:.96;max-width:660px}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}
.trustline{margin-top:28px;display:flex;gap:24px;flex-wrap:wrap;font-size:14.5px;opacity:.95;font-weight:400}
.trustline span{display:inline-flex;align-items:center;gap:9px}
.trustline .dot{width:9px;height:9px;border-radius:50%}
.colorbar{display:flex;height:8px}
.colorbar i{flex:1}
/* Drie kleuren uit het logo: oranje, roze en het bordeauxrood. */
.colorbar .c1{background:var(--orange)}.colorbar .c2{background:var(--pink)}.colorbar .c3{background:var(--burgundy)}

/* wetstrip */
.lawstrip{background:var(--purple);color:#fff;padding:34px 0}
.lawstrip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.lawstrip .item{border-left:3px solid var(--pink);padding-left:16px}
.lawstrip .k{font-size:26px;font-weight:800;line-height:1.1}
.lawstrip .v{font-size:13.5px;opacity:.85;font-weight:400;margin-top:5px}

/* pijnvragen */
.pain{background:var(--lavender)}
.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:960px;margin:0 auto}
.pain-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 26px;display:flex;gap:16px}
.pain-card .q{flex:none;width:38px;height:38px;border-radius:10px;background:var(--purple);color:#fff;display:grid;place-items:center;font-weight:800;font-size:19px}
.pain-card h3{font-size:17px;margin-bottom:6px}
.pain-card p{font-size:14.5px;color:var(--grey);font-weight:400}

/* compliance */
.comp-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.comp-list{list-style:none;display:grid;gap:12px}
.comp-list li{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px 17px}
.comp-list .ck{flex:none;width:24px;height:24px;border-radius:50%;background:var(--groen);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;margin-top:1px}
.comp-list b{font-weight:600;font-size:15px;display:block}
.comp-list span{font-size:13.5px;color:var(--grey);font-weight:400}
.deliver{background:var(--purple);color:#fff;border-radius:20px;padding:34px}
.deliver h3{font-size:21px;margin-bottom:6px}
.deliver .time{font-size:13.5px;opacity:.8;margin-bottom:20px;font-weight:400}
.deliver ul{list-style:none;display:grid;gap:13px}
.deliver ul li{padding-left:30px;position:relative;font-size:15.5px;font-weight:400}
.deliver ul li:before{content:"→";position:absolute;left:0;color:var(--accent-donker);font-weight:700}
.deliver .foot{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);font-size:13px;opacity:.75;font-weight:400}

/* signaal-kaarten (de ontbrekende onderwerpen) */
.sig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sig{border:1px solid var(--line);border-radius:16px;padding:28px;background:#fff;position:relative;overflow:hidden}
.sig .tag{position:absolute;top:0;right:0;font-size:11px;font-weight:700;color:#fff;padding:5px 13px;border-radius:0 0 0 10px}
.sig .ic{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;margin-bottom:15px;color:#fff;font-size:21px;font-weight:800}
.sig h3{font-size:18px;margin-bottom:9px}
.sig p{font-size:14.5px;color:var(--grey);font-weight:400}

/* tijdlijn wetgeving */
.road{background:var(--lavender)}
.road-wrap{max-width:900px;margin:0 auto;position:relative}
.road-line{position:absolute;left:132px;top:18px;bottom:18px;width:3px;transform:translateX(-50%);background:linear-gradient(180deg,var(--groen),var(--orange),var(--pink),var(--purple));border-radius:2px}
.road-item{display:flex;margin-bottom:20px;position:relative}
.road-when{width:132px;flex:none;text-align:right;padding:16px 34px 0 0;position:relative}
.road-when .yr{display:block;font-size:22px;font-weight:800;color:var(--purple);line-height:1}
.road-when .mo{display:block;font-size:11px;color:var(--grey);text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-top:4px}
.road-when:before{content:"";position:absolute;right:0;top:20px;transform:translateX(50%);width:15px;height:15px;border-radius:50%;background:#fff;border:4px solid var(--pink);z-index:2;box-sizing:content-box}
.road-item.done .road-when:before{border-color:var(--groen);background:var(--groen)}
.road-item.now .road-when:before{border-color:var(--orange);background:var(--orange);box-shadow:0 0 0 6px rgba(255,64,2,.16)}
.road-body{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 24px;flex:1;min-width:0}
.road-item.now .road-body{border-color:var(--orange);box-shadow:0 6px 20px rgba(255,64,2,.12)}
.road-body h3{font-size:16.5px;margin-bottom:5px}
.road-body p{font-size:14px;color:var(--grey);font-weight:400}
.road-body .badge{display:inline-block;background:var(--orange);color:#fff;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;padding:3px 10px;border-radius:999px;margin-bottom:7px}

/* equal pay day */
.epd{background:#fff;padding:76px 0}
.epd-head{max-width:800px;margin:0 auto 30px;text-align:center}
.epd-head h2{font-size:clamp(24px,3.4vw,36px);margin:12px 0 12px}
.epd-head p{color:var(--grey);font-size:17px;font-weight:400}
.timeline{max-width:940px;margin:0 auto;padding:0 6px}
.tl-bar{position:relative;height:48px;display:flex;margin-top:62px;border-radius:11px;box-shadow:0 8px 22px rgba(38,19,62,.10)}
.tl-equal{background:linear-gradient(90deg,var(--groen),var(--groen-licht));border-radius:11px 0 0 11px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12.5px;font-weight:600;overflow:hidden;white-space:nowrap}
.tl-gap{background:linear-gradient(90deg,var(--pink),var(--burgundy));border-radius:0 11px 11px 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:800;overflow:hidden}
.tl-marker{position:absolute;top:-14px;bottom:-14px;width:3px;background:var(--purple);transform:translateX(-50%);z-index:2}
.tl-marker:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:13px;height:13px;border-radius:50%;background:var(--purple);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.tl-flag{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--purple);color:#fff;font-size:13px;font-weight:700;padding:8px 15px;border-radius:999px;box-shadow:0 6px 16px rgba(38,19,62,.25)}
.tl-flag:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:var(--purple)}
.tl-months{display:flex;margin-top:14px}
.tl-months span{flex:1;text-align:center;font-size:11px;color:var(--grey);font-weight:500}
.tl-legend{display:flex;gap:26px;justify-content:center;margin-top:26px;flex-wrap:wrap;font-size:14px;font-weight:400}
.tl-legend span{display:inline-flex;align-items:center;gap:9px}
.tl-legend i{width:15px;height:15px;border-radius:4px;display:inline-block}
.tl-note{text-align:center;color:var(--grey);font-size:12.5px;margin-top:20px;font-weight:400;font-style:italic}
.tl-calc{text-align:center;color:var(--grey);font-size:13px;margin-top:22px;font-weight:400}
.epd-un{max-width:720px;margin:34px auto 0;display:flex;gap:20px;align-items:flex-start;background:var(--lavender);border-radius:14px;padding:22px 26px}
.epd-un .un-date{flex:none;width:74px;height:74px;border-radius:14px;background:var(--purple);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px;line-height:1.15;text-align:center}
.epd-un b{font-size:15.5px}
.epd-un p{font-size:13.5px;color:var(--grey);font-weight:400;margin-top:5px}
.un-link{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:13.5px;font-weight:600;color:var(--pink);text-decoration:none;border-bottom:1.5px solid transparent;transition:border-color .15s}
.un-link:hover{border-bottom-color:var(--pink)}

/* thema's */
.themes{background:var(--purple);color:#fff}
.themes .sec-head h2,.themes .sec-head p{color:#fff}
.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.theme{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:24px}
.theme .num{font-size:13px;font-weight:700;letter-spacing:.1em;opacity:.7}
.theme .bar{height:5px;border-radius:3px;width:42px;margin:12px 0 14px}
.theme h3{font-size:17px;margin-bottom:8px}
.theme p{font-size:13.5px;opacity:.82;font-weight:400}

/* doelgroep */
.aud-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.aud{border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff}
.aud h3{font-size:18px;margin-bottom:5px;color:var(--burgundy)}
.aud .who{font-size:12.5px;color:var(--grey);margin-bottom:14px;font-weight:500}
.aud ul{list-style:none;display:grid;gap:9px}
.aud ul li{padding-left:20px;position:relative;font-size:14px;font-weight:400}
.aud ul li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--pink)}

/* prijs */
.pricing .box{max-width:640px;margin:0 auto;background:#fff;border:2px solid var(--pink);border-radius:22px;padding:46px;text-align:center;box-shadow:0 24px 60px rgba(255,0,110,.12)}
.pricing .price{font-size:58px;font-weight:800;color:var(--purple);line-height:1}
.pricing .price small{font-size:18px;font-weight:500;color:var(--grey)}
.pricing .compare{color:var(--grey);font-size:16px;margin:14px 0 26px;font-weight:400}
.pricing ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin:0 auto 30px;max-width:500px}
.pricing ul li{padding-left:26px;position:relative;font-size:15px;font-weight:400}
.pricing ul li:before{content:"✓";position:absolute;left:0;color:var(--pink);font-weight:800}

/* faq */
.faq-list{max-width:800px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;text-align:left;background:none;border:none;padding:22px 40px 22px 0;font-family:inherit;font-size:17px;font-weight:600;color:var(--ink);cursor:pointer;position:relative}
.faq-q:after{content:"+";position:absolute;right:6px;top:19px;font-size:25px;color:var(--pink);font-weight:400;transition:transform .2s}
.faq-item.open .faq-q:after{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--grey);font-weight:400}
.faq-item.open .faq-a{max-height:400px}
.faq-a p{padding:0 0 22px}

/* final */
.final{background:linear-gradient(120deg,var(--burgundy),var(--purple));color:#fff;text-align:center}
.final h2{font-size:clamp(28px,4vw,44px);margin-bottom:16px}
.final p{opacity:.92;font-size:18px;margin-bottom:30px;font-weight:300;max-width:640px;margin-left:auto;margin-right:auto}
.final .hero-cta{justify-content:center}

footer{background:var(--paars-diep);color:rgba(255,255,255,.72);padding:56px 0 34px;font-size:14px;font-weight:400}
.f-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.13)}
.f-brand img{height:52px;width:auto;display:block;margin-bottom:16px}
.f-brand p{font-size:13.5px;line-height:1.65;opacity:.72;max-width:300px}
.f-col h4{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent-donker);font-weight:700;margin-bottom:14px}
.f-col address{font-style:normal;font-size:13.5px;line-height:1.75;opacity:.8}
.f-col ul{list-style:none;display:grid;gap:9px}
.f-col ul li a{font-size:13.5px;opacity:.8;text-decoration:none}
.f-col ul li a:hover{opacity:1;color:#fff}
.f-col .biz{font-size:13.5px;line-height:1.75;opacity:.8;margin-top:14px}
.f-col .biz b{font-weight:600;opacity:.95}
.f-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:24px;font-size:12.5px;opacity:.6}
.powered{display:inline-flex;align-items:center;gap:9px;font-size:13px;opacity:.85}
.powered .pw-label{opacity:.62}
.powered .pw-name{font-weight:800;letter-spacing:.16em;color:#fff;font-size:14px}
/* De BusinessCreator is een eigennaam in gewone schrijfwijze; de brede
   spatiëring van het woordmerk KNYFE zou hem uit elkaar trekken. */
.powered .pw-name.pw-bc{letter-spacing:.01em;font-weight:700}
.powered{flex-wrap:wrap}
footer a{color:rgba(255,255,255,.75);text-decoration:none}
footer a:hover{color:#fff}
.li-link{display:inline-flex;align-items:center;gap:8px;margin-top:15px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.8);text-decoration:none}
.li-link:hover{color:#fff}
.li-link svg{flex:none}
.disclaimer{max-width:900px;margin:22px auto 0;font-size:12px;line-height:1.6;opacity:.5;text-align:center}

@media(max-width:980px){
  .comp-grid{grid-template-columns:1fr;gap:32px}
  .lawstrip .wrap{grid-template-columns:1fr 1fr;gap:20px}
  .sig-grid{grid-template-columns:1fr}
  .theme-grid{grid-template-columns:1fr 1fr}
  .aud-grid{grid-template-columns:1fr 1fr}
  .pain-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .nav-links{display:none}
  .nav .wrap{height:76px}
  .hero{min-height:auto}
  .hero .wrap{padding-top:44px;padding-bottom:52px}
  .hero-cta .btn{width:100%;justify-content:center}
  .brand img{height:44px}
  .theme-grid,.aud-grid,.pricing ul{grid-template-columns:1fr}
  .lawstrip .wrap{grid-template-columns:1fr}
  section{padding:58px 0}
  .f-top{grid-template-columns:1fr;gap:28px}
  .f-bottom{flex-direction:column;align-items:flex-start;gap:12px}
  .road-when{width:84px;padding:14px 20px 0 0}
  .road-when .yr{font-size:17px}
  .road-when .mo{font-size:10px;letter-spacing:.06em}
  .road-line{left:84px}
  .epd-un{flex-direction:column;gap:14px;padding:20px}
  .tl-flag{transform:translateX(-80%);font-size:12px;padding:7px 12px}
  .tl-flag:after{left:80%}
  .tl-equal{font-size:0}
}

.langsw{display:inline-flex;align-items:stretch;border:1px solid var(--line);
border-radius:999px;overflow:hidden;margin-left:14px;
/* flex:none is hier essentieel: zonder dit kromp de schakelaar op smalle
   schermen mee met de knop ernaast en viel de EN-helft buiten beeld. */
flex:0 0 auto;white-space:nowrap}
.langsw a{display:flex;align-items:center;padding:7px 13px;font-size:12.5px;font-weight:600;
text-decoration:none;color:var(--grey);background:#fff;min-height:34px}
.langsw a.on{background:var(--purple);color:#fff}
.langsw a:hover:not(.on){color:var(--pink)}
/* De koptekstknop mag wel meekrimpen, de taalschakelaar niet. */
.nav .btn{flex:0 1 auto;min-width:0}
.btn-kort{display:none}
@media(max-width:640px){
  .langsw{margin-left:8px}
  .langsw a{padding:8px 12px;font-size:12.5px;min-height:38px}
  .nav .btn{padding:11px 16px;font-size:13.5px}
}
@media(max-width:560px){
  /* Op smalle telefoons past het volledige label er niet naast; korter label
     houdt zowel de knop als beide taalopties volledig aanraakbaar. */
  .btn-lang{display:none}
  .btn-kort{display:inline}
  .nav .wrap{gap:10px}
}
@media(max-width:380px){
  /* Op een 320px-scherm kwam de kop 9px tekort. Smallere marge en een iets
     kleiner logo geven weer 21px lucht, zodat EN volledig aanraakbaar blijft. */
  .nav .wrap{padding:0 16px}
  .brand img{height:38px}
  .nav .btn{padding:11px 14px}
}

.price-actie{font-size:14.5px;font-weight:600;color:var(--burgundy);
background:var(--tint-roze);border-radius:8px;padding:9px 14px;margin:-6px 0 14px;display:inline-block}

/* getest door */
.getest{background:var(--purple);color:#fff;padding:44px 0 40px}
.getest .kop{text-align:center;font-size:12px;font-weight:700;text-transform:uppercase;
letter-spacing:.16em;color:var(--accent-donker);margin-bottom:26px}
.logostrip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
gap:26px 48px}
/* De logo's linken naar de site van de organisatie. De link is niets meer dan
   een doos om het beeldmerk: inline-flex zodat er geen regelruimte onder het
   plaatje overblijft en de strip strak uitgelijnd blijft. */
.logostrip a{display:inline-flex;line-height:0;border-radius:4px}
.logostrip a:focus-visible{outline:2px solid var(--accent-donker);outline-offset:6px}
.logostrip img{height:34px;width:auto;opacity:.9;transition:opacity .15s}
.logostrip a:hover img,.logostrip img:hover{opacity:1}
.logostrip img.badge{height:54px}
.getest .noot{text-align:center;font-size:13px;font-weight:400;opacity:.72;margin-top:24px}

/* Quotes uit de evaluaties. Bewust zonder naam: de drie invullers van wie deze
   uitspraken komen gaven toestemming voor gebruik als referentie, maar alleen
   anoniem. Flex in plaats van grid, zodat de laatste rij met twee kaarten
   gecentreerd blijft in plaats van links te blijven hangen. */
.getest .quotes{margin-top:34px;padding-top:30px;
border-top:1px solid rgba(255,255,255,.13)}
.quotelijst{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;
max-width:1020px;margin:0 auto}
.quotelijst blockquote{flex:1 1 262px;max-width:330px;margin:0;
background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.17);
border-radius:14px;padding:18px 20px;font-size:15px;line-height:1.5}

/* team */
.team{background:var(--purple);color:#fff}
.team .sec-head h2,.team .sec-head p{color:#fff}
.team .sec-head p{opacity:.82}
.teamvoet{text-align:center;margin-top:30px}
.belwob{display:inline-flex;align-items:center;gap:14px;background:rgba(255,255,255,.09);
border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:12px 14px 12px 12px;
text-decoration:none;color:#fff;font-weight:500;font-size:15.5px}
.belwob:hover{background:rgba(255,255,255,.16)}
.belwob img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.belwob b{font-weight:700}
.belwob .nr{color:var(--accent-donker);font-weight:700;white-space:nowrap}

/* Pagina over ons: waarom wij dit doen. Verhaal links, het kerncijfer rechts,
   daaronder vier principes in de vier merkkleuren van het logo. */
.waarom-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;max-width:1080px;margin:0 auto;align-items:start}
.waarom-tekst h2{font-size:clamp(28px,3.6vw,40px);margin:10px 0 20px;color:var(--purple)}
.waarom-tekst p{font-size:16.5px;color:var(--grey);font-weight:400;line-height:1.75;margin-bottom:16px}
.waarom-cijfer{background:var(--lavender);border-radius:18px;padding:30px 28px;border-left:6px solid var(--pink);margin-top:44px}
.waarom-cijfer .groot{font-size:clamp(52px,6vw,72px);font-weight:700;color:var(--pink);line-height:1;letter-spacing:-.02em}
.waarom-cijfer p{font-size:15.5px;color:var(--ink);font-weight:400;margin-top:14px;line-height:1.6}
.waarom-cijfer .bron{font-size:13px;color:var(--grey)}
.waarom-cijfer a{color:var(--purple);font-weight:600}
.principes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1080px;margin:56px auto 0}
.principe{background:#fff;border:1px solid var(--line);border-top:5px solid var(--pink);border-radius:14px;padding:22px 22px 20px}
.principe:nth-child(2){border-top-color:var(--orange)}
.principe:nth-child(3){border-top-color:var(--burgundy)}
.principe:nth-child(4){border-top-color:var(--purple)}
.principe h3{font-size:17px;color:var(--purple);margin-bottom:8px}
.principe p{font-size:14.5px;color:var(--grey);font-weight:400;line-height:1.6}
@media(max-width:900px){
  .waarom-grid{grid-template-columns:1fr;gap:8px}
  .waarom-cijfer{margin-top:12px}
  .principes{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){.principes{grid-template-columns:1fr}}

/* Teamkaarten: per persoon foto, rol, een uitspraak en een korte bio. Flex in
   plaats van grid, zodat de rij met twee kaarten gecentreerd blijft. De rol
   staat in bordeaux: het merkroze haalt op wit geen 4,5:1 voor kleine tekst. */
.groepkop{display:flex;align-items:center;gap:16px;max-width:1100px;margin:0 auto 18px;
color:#fff;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-align:center}
.groepkop:before,.groepkop:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.22)}
.personen{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;max-width:1100px;margin:0 auto 44px}
.persoon{flex:1 1 300px;max-width:352px;background:#fff;color:var(--ink);border-radius:18px;padding:24px 24px 22px}
.persoon .kop{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.persoon .kop img{width:76px;height:76px;border-radius:50%;object-fit:cover;flex:none;border:3px solid var(--lavender)}
.persoon h3{font-size:18px;color:var(--purple)}
.persoon .rol{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--burgundy);margin-top:4px;line-height:1.3}
.persoon blockquote{margin:0 0 14px;padding-left:16px;border-left:3px solid var(--pink);
font-size:16.5px;font-weight:600;line-height:1.42;color:var(--purple)}
.persoon blockquote:before{content:"\201C"}
.persoon blockquote:after{content:"\201D"}
.persoon p{font-size:14.5px;color:var(--grey);font-weight:400;line-height:1.65}
.team .personen + .teamvoet{margin-top:-6px}
@media(max-width:760px){.persoon{max-width:560px}}

/* hosting */
.hosting{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;
padding:20px 0 4px;border-top:1px solid rgba(255,255,255,.13);margin-top:26px}
.hosting img.host{height:22px;width:auto;opacity:.9}
.hosting img.vlag{height:20px;width:auto;border-radius:2px;display:block}
.hosting .tekst{font-size:13.5px;font-weight:500;color:rgba(255,255,255,.82)}
.hosting a{color:var(--accent-donker);text-decoration:none;font-weight:600}
.hosting a:hover{text-decoration:underline}
.vanprijs{display:block;font-size:.34em;font-weight:600;color:var(--grey);
letter-spacing:.01em;margin-bottom:2px;line-height:1.2}
.vanprijs s{color:var(--burgundy);text-decoration-thickness:2px}

/* de wet, uitleg */
.wetuitleg{background:#fff}
.wet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:980px;margin:0 auto}
/* De kaart over functiewaardering loopt over de volle breedte: het is het
   fundament onder de andere vier punten, en zo blijft het raster 1 + 2x2. */
.wet-kaart.breed{grid-column:1/-1}
.wet-kaart{border:1px solid var(--line);border-radius:14px;padding:24px 26px;background:#fff}
.wet-kaart .nr{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;
border-radius:9px;background:var(--purple);color:#fff;font-weight:800;font-size:15px;margin-bottom:12px}
.wet-kaart h3{font-size:17.5px;margin-bottom:8px;color:var(--purple)}
.wet-kaart p{font-size:14.5px;color:var(--grey);font-weight:400;margin-bottom:8px}
.wet-kaart p:last-child{margin-bottom:0}
.wet-kaart b{color:var(--ink);font-weight:600}
.wetvoet{max-width:980px;margin:26px auto 0;background:var(--lavender);border-radius:14px;
padding:20px 24px;font-size:14.5px;font-weight:400;color:var(--grey);line-height:1.6}
.wetvoet a{color:var(--pink);font-weight:600;text-decoration:none}
.wetvoet a:hover{text-decoration:underline}
.kicker a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.kicker a:hover{color:#fff}
@media(max-width:820px){.wet-grid{grid-template-columns:1fr}}

/* ================================================================
   Meerdere pagina's (oktober 2026)
   De site was één lange pagina met ankerlinks. Nu heeft elk onderwerp
   een eigen pagina; onderstaande regels horen bij die opbouw.
   ================================================================ */

/* Overslaan naar de inhoud: alleen zichtbaar bij toetsenbordgebruik. */
.skiplink{position:absolute;left:12px;top:-60px;z-index:100;background:var(--purple);color:#fff;
padding:10px 16px;border-radius:8px;font-weight:600;text-decoration:none}
.skiplink:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Actieve pagina in het menu: kleur én gewicht, niet alleen kleur. */
.nav .wrap{position:relative}
.nav-links a[aria-current="page"]{color:var(--pink);opacity:1;font-weight:600}
.langsw-mobiel{display:none!important}

/* Menuknop voor smalle schermen. Het menu klapt uit onder de balk. */
.menuknop{display:none;align-items:center;justify-content:center;width:44px;height:44px;flex:none;
border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;padding:0}
.menuknop svg{width:22px;height:22px}
.menuknop[aria-expanded="true"] .m-open,.menuknop .m-dicht{display:none}
.menuknop[aria-expanded="true"] .m-dicht{display:block}
@media(max-width:640px){
  .menuknop{display:inline-flex}
  /* Logo links; taalkeuze, startknop en menuknop rechts bij elkaar. */
  .nav .wrap{justify-content:flex-start}
  .nav .wrap > .langsw{margin-left:auto}
  .nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
    background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(38,19,62,.12);padding:6px 0 12px}
  .nav-links.open{display:flex}
  .nav-links a{padding:14px 24px;font-size:16.5px;opacity:1;border-top:1px solid var(--line)}
  .nav-links a:first-child{border-top:none}
}
/* Op de smalste schermen verhuist de taalkeuze naar het menu, zodat logo,
   startknop en menuknop naast elkaar blijven passen. */
@media(max-width:560px){
  .nav .wrap > .langsw{display:none}
  .nav .wrap > .btn{margin-left:auto}
  .nav-links .langsw-mobiel{display:inline-flex!important;align-self:flex-start;margin:14px 24px 2px}
  .nav-links .langsw-mobiel a{border-top:none;padding:9px 16px;font-size:14px}
}

/* Paginakop van de subpagina's: dezelfde paarse toon als de hero, compact. */
.pagekop{background:linear-gradient(108deg,var(--purple) 0%,#341a4f 62%,var(--burgundy) 150%);color:#fff;padding:56px 0 52px}
.pagekop .kruimel{font-size:13px;opacity:.78;margin-bottom:14px}
.pagekop .kruimel a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.pagekop .eyebrow{color:var(--accent-donker)}
.pagekop h1{font-size:clamp(30px,4.4vw,50px);margin:10px 0 14px;max-width:860px}
.pagekop p{font-size:clamp(16px,1.9vw,20px);opacity:.92;max-width:720px;font-weight:300}
.kortantwoord{max-width:900px;margin:0 auto 40px;background:var(--lavender);border-left:5px solid var(--pink);border-radius:0 16px 16px 0;padding:20px 24px;font-size:17px;font-weight:400;line-height:1.6}
.kortantwoord b{color:var(--purple)}

/* Doorverwijskaarten op de homepage. */
.verder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1180px;margin:0 auto}
@media(max-width:1060px){.verder-grid{grid-template-columns:1fr 1fr}}
.verder-kaart{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;padding:26px 26px 22px;
text-decoration:none;color:var(--ink);background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}
.verder-kaart:hover{border-color:var(--pink);transform:translateY(-2px);box-shadow:0 12px 28px rgba(38,19,62,.08)}
.verder-kaart h3{font-size:19px;margin-bottom:8px;color:var(--purple)}
.verder-kaart p{font-size:15px;color:var(--grey);font-weight:400;flex:1}
.verder-kaart .pijl{color:var(--pink);font-weight:600;margin-top:14px}
@media(max-width:820px){.verder-grid{grid-template-columns:1fr}}

/* Link onder de wetstrip naar de pagina over de wet. */
.lawstrip .meer{grid-column:1/-1;margin-top:4px}
.lawstrip .meer a{color:#fff;font-weight:600;text-decoration:none;border-bottom:2px solid var(--accent-donker);padding-bottom:2px}

/* Quick Scan naast de volledige check, bovenaan de pagina over de check. */
.twee{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:980px;margin:0 auto}
.twee-kaart{border:1px solid var(--line);border-radius:16px;padding:28px;background:#fff}
.twee-kaart.vol{border:2px solid var(--pink)}
.twee-kaart .label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
color:var(--pink);margin-bottom:8px}
.twee-kaart h3{font-size:22px;margin-bottom:6px;color:var(--purple)}
.twee-kaart .feit{font-size:15px;color:var(--grey);font-weight:400;margin-bottom:14px}
.twee-kaart ul{list-style:none;display:grid;gap:9px;margin-bottom:22px}
.twee-kaart li{padding-left:26px;position:relative;font-size:15px;font-weight:400}
.twee-kaart li:before{content:"✓";position:absolute;left:0;color:var(--pink);font-weight:700}
@media(max-width:760px){.twee{grid-template-columns:1fr}}

/* Contactblok op de pagina over ons. */
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;max-width:980px;margin:0 auto;align-items:start}
.contact-grid h3{font-size:20px;margin-bottom:10px;color:var(--purple)}
.contact-grid p,.contact-grid address{font-size:15.5px;color:var(--grey);font-weight:400;font-style:normal;line-height:1.75}
.contact-grid a{color:var(--pink);font-weight:600;text-decoration:none}
.contact-grid .kaart{border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff}
.contact-grid p + p{margin-top:12px}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr}}
.final .teamvoet{margin-top:34px}

/* Respecteer 'minder beweging': geen bewegende hero, geen sprongetjes. */
@media(prefers-reduced-motion:reduce){
  .btn:hover,.verder-kaart:hover{transform:none}
}


/* ---------------------------------------------------------------- whitepapers */
@media(min-width:641px){.nav-links{gap:clamp(14px,1.9vw,26px)}}
@media(max-width:1060px) and (min-width:641px){.nav-links a{font-size:14px}}
.wp-kort{padding:38px 0 0}
.wp-feiten{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.wp-feiten li{background:var(--lavender);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:4px}
.wp-feiten b{font-size:22px;font-weight:700;color:var(--purple);line-height:1.2}
.wp-feiten span{font-size:14.5px;color:var(--grey);font-weight:400;line-height:1.45}
.wp-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.wp-kaart{display:grid;grid-template-columns:118px 1fr;gap:20px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;scroll-margin-top:110px}
.wp-kaart img,.wp-dl img{width:100%;height:auto;border-radius:6px;box-shadow:0 8px 22px rgba(38,19,62,.18);display:block}
.wp-nr{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pink)}
.wp-kaart h3,.wp-dl h3{font-size:19px;margin:6px 0 4px;color:var(--purple)}
.wp-sub{font-size:14.5px;color:var(--grey);font-weight:500;margin-bottom:10px}
.wp-kaart ul{list-style:none;display:grid;gap:6px}
.wp-kaart li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.5;font-weight:400}
.wp-kaart li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--pink)}
.wp-kaart p{font-size:14.5px;font-weight:400}
.wp-nltitel{font-style:italic;color:var(--grey);margin-bottom:6px}
.wp-aanvraag{background:var(--lavender);scroll-margin-top:70px}
.wp-aanvraag-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}
.wp-aanvraag h2{font-size:clamp(28px,3.6vw,40px);margin:10px 0 12px}
.wp-aanvraag-tekst>p{color:var(--grey);font-weight:400;font-size:17px}
.wp-stappen{list-style:none;counter-reset:stap;display:grid;gap:14px;margin:24px 0}
.wp-stappen li{counter-increment:stap;position:relative;padding-left:48px;font-weight:400;line-height:1.5}
.wp-stappen li::before{content:counter(stap);position:absolute;left:0;top:-2px;width:32px;height:32px;border-radius:50%;background:var(--purple);color:#fff;font-weight:700;display:grid;place-items:center;font-size:15px}
.wp-stappen li.klaar::before{content:"\2713";background:var(--groen)}
.wp-stappen b{color:var(--purple)}
.wp-klein{font-size:14px;color:var(--grey);font-weight:400}
.wp-klein a{color:var(--pink);font-weight:600}
.wp-form{background:#fff;border-radius:20px;padding:30px;box-shadow:0 18px 50px rgba(38,19,62,.12);display:grid;gap:16px}
.wp-form label{display:grid;gap:6px;font-weight:600;font-size:14.5px;color:var(--purple)}
.wp-form .opt{font-weight:400;color:var(--grey)}
.wp-form input[type=text],.wp-form input[type=email],.wp-form select{font:inherit;font-weight:400;font-size:16px;color:var(--ink);padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;width:100%}
.wp-form input:focus,.wp-form select:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,0,110,.15)}
.wp-form [aria-invalid=true]{border-color:var(--rood)}
.wp-twee{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wp-form .wp-check{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font-weight:400;font-size:14px;line-height:1.5;color:var(--ink);background:var(--tint-roze);border-radius:12px;padding:14px}
.wp-check input{width:20px;height:20px;margin-top:2px;accent-color:var(--pink)}
.wp-check b{color:var(--purple)}
.wp-form .btn{justify-content:center;width:100%}
.wp-form .btn[disabled]{opacity:.65;cursor:wait;transform:none}
.wp-melding{background:#fdecef;color:var(--rood);border-radius:10px;padding:12px 14px;font-size:14.5px;font-weight:500}
.wp-privacy{font-size:12.5px;color:var(--grey);font-weight:400;line-height:1.5}
.wp-privacy a{color:var(--purple);font-weight:600}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
#vragen-whitepapers .faq-list,#questions-whitepapers .faq-list{margin-top:0}
.wp-bevestig{max-width:760px;margin:0 auto;display:grid;gap:34px}
.wp-tips{background:var(--lavender);border-radius:18px;padding:26px 28px}
.wp-tips h2{font-size:20px;margin-bottom:12px;color:var(--purple)}
.wp-tips ul{display:grid;gap:8px;padding-left:20px;font-weight:400}
.wp-tips a{color:var(--pink);font-weight:600}
.wp-downloads{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.wp-dl{display:grid;grid-template-columns:104px 1fr;gap:18px;align-items:start;border:1px solid var(--line);border-radius:18px;padding:18px}
.wp-dl .btn{padding:11px 20px;font-size:14.5px;margin-top:6px}
@media(max-width:980px){
  .wp-feiten{grid-template-columns:1fr 1fr}
  .wp-grid,.wp-downloads{grid-template-columns:1fr}
  .wp-aanvraag-grid{grid-template-columns:1fr;gap:28px}
}
@media(max-width:560px){
  .wp-feiten{grid-template-columns:1fr}
  .wp-kaart,.wp-dl{grid-template-columns:84px 1fr;gap:14px;padding:16px}
  .wp-twee{grid-template-columns:1fr}
  .wp-form{padding:22px}
}

/* Met zes menu-items past de volledige menubalk pas vanaf ruim 960 pixels.
   Daaronder gebruiken we het uitklapmenu, net als op de telefoon. */
.nav-links a{white-space:nowrap}
@media(min-width:641px) and (max-width:960px){
  .menuknop{display:inline-flex}
  .nav .wrap{justify-content:flex-start}
  .nav .wrap > .langsw{margin-left:auto}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
    background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(38,19,62,.12);padding:6px 0 12px}
  .nav-links.open{display:flex}
  .nav-links a{padding:14px 24px;font-size:16.5px;opacity:1;border-top:1px solid var(--line)}
  .nav-links a:first-child{border-top:none}
}

/* ---- Perskit (/pers/, /en/press/) ---- */
.pers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.pers-kaart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pers-voorbeeld{height:150px;display:grid;place-items:center;padding:22px}
.pers-voorbeeld img{display:block;max-width:100%;max-height:106px;width:auto;height:auto;object-fit:contain}
.pers-voorbeeld.licht{background:var(--lavender)}
.pers-voorbeeld.donker{background:var(--purple)}
.pers-voorbeeld.bestand{background:linear-gradient(120deg,var(--purple),#3c1d57)}
.pers-voorbeeld.bestand span{font-weight:800;font-size:30px;letter-spacing:.08em;color:#fff;border:3px solid var(--pink);border-radius:12px;padding:10px 18px}
.pers-body{padding:20px 22px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}
.pers-body h3{font-size:18px;color:var(--purple);margin:4px 0 2px}
.pers-body .wp-sub{margin-bottom:14px}
.pers-acties{margin-top:auto;display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}
.pers-acties .btn{padding:12px 24px;font-size:15px}
.pers-alt{font-size:14px;font-weight:600;color:var(--pink)}
.pers-noot{max-width:900px;margin:30px auto 0;text-align:center}
.pers-noot a{color:var(--purple)}
.pers-bericht-sectie{background:var(--lavender)}
.pb{max-width:820px;margin:0 auto;background:#fff;border-radius:20px;padding:48px 52px;box-shadow:0 12px 34px rgba(38,19,62,.08);font-weight:400;line-height:1.65;font-size:17px}
.pb-datum{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pink)}
.pb h2{font-size:clamp(26px,3.4vw,36px);color:var(--purple);margin:10px 0 10px}
.pb-sub{font-size:18px;color:var(--grey);margin-bottom:22px}
.pb-lead{font-weight:600;color:var(--purple)}
.pb p{margin-bottom:16px}
.pb h3{font-size:20px;color:var(--purple);margin:30px 0 8px}
.pb-citaat q{font-style:italic;color:var(--purple)}
.pb-lijst{margin:0 0 18px 22px}
.pb-lijst li{margin-bottom:2px}
.pb sup{font-size:11px;line-height:0}
.pb sup a{color:var(--grey);text-decoration:none}
.pb a{color:var(--purple)}
.pb-einde{text-align:center;color:var(--grey);font-size:15px;margin:28px 0}
.pb-noot{background:var(--lavender);border-radius:14px;padding:20px 24px}
.pb-noot h3{margin-top:0;font-size:17px}
.pb-noot p{margin:0;font-size:16px}
.pb-bronkop{font-size:17px!important}
.pb-klein{font-size:14px;color:var(--grey)}
.pb-bronnen{margin:0 0 18px 20px;font-size:14px;color:var(--grey);line-height:1.5}
.pb-bronnen li{margin-bottom:8px}
.pb-bronnen a{color:var(--pink);font-weight:600;white-space:nowrap}
.pers-twee{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:start}
.pers-twee h2{font-size:clamp(26px,3.2vw,34px);color:var(--purple);margin:8px 0 22px}
.pers-feiten{display:grid;grid-template-columns:130px 1fr;gap:12px 20px;font-weight:400}
.pers-feiten dt{font-weight:700;color:var(--purple)}
.pers-contact{background:var(--purple);color:#fff;border-radius:20px;padding:30px 30px 26px}
.pers-contact h2{color:#fff}
.pers-contact .eyebrow{color:var(--accent-donker)}
.pers-contact p{margin-bottom:12px;font-weight:400}
.pers-contact a{color:#fff;font-weight:600}
.pers-contact .wp-klein{color:#fff;opacity:.8}
@media (max-width:860px){
  .pers-twee{grid-template-columns:1fr;gap:34px}
  .pb{padding:30px 22px;font-size:16px}
  .pers-feiten{grid-template-columns:1fr;gap:2px}
  .pers-feiten dd{margin-bottom:12px}
}