/* Kela theme — basis */

/* Figtree, zelf gehost (privacyverklaring belooft dat er geen verzoek naar een
   partij buiten de site gaat voor lettertypen). Eén variabel bestand per
   subset dekt alle gewichten 400–900. */
@font-face{
  font-family:'Figtree';
  font-style:normal;
  font-weight:400 900;
  font-display:swap;
  src:url('../fonts/figtree-latin.woff2') format('woff2-variations'), url('../fonts/figtree-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Figtree';
  font-style:normal;
  font-weight:400 900;
  font-display:swap;
  src:url('../fonts/figtree-latin-ext.woff2') format('woff2-variations'), url('../fonts/figtree-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  --groen:#16A32A;
  --groen-accent:#3BD156;
  --groen-hover:#3BD156;
  --groen-donker:#0E7A1F;
  --groen-licht:#DCF3DF;
  --zwart:#0D0F0E;
  --tekst:#151915;
  --grijs:#5B655D;
  --grijs-licht:#93A096;
  --wit:#FFFFFF;
  --papier:#F6F9F6;
  --lijn:#E4EAE4;
  --lijn-donker:#1E3A26;
  --radius:16px;
  --display:'Figtree',sans-serif;
  --body:'Figtree',sans-serif;
  --schaduw:0 14px 40px rgba(13,15,14,.08);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
body{font-family:var(--body);color:var(--tekst);background:var(--wit);line-height:1.65;font-size:16px}
img,svg{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--groen);outline-offset:2px;border-radius:4px}
.wrap{max-width:1340px;margin:0 auto;padding:0 32px}
h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.022em}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== Knoppen ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font:700 15.5px var(--display);padding:14px 26px;border-radius:999px;border:none;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.btn-groen{background:var(--groen);color:var(--zwart)}
.btn-groen:hover{background:var(--groen-hover);transform:translateY(-1px);box-shadow:0 8px 22px rgba(22,163,42,.35)}
.btn-zwart{background:var(--zwart);color:var(--wit)}
.btn-zwart:hover{background:#232823}
.btn-lijn{background:transparent;color:var(--tekst);border:1.5px solid var(--lijn)}
.btn-lijn:hover{border-color:var(--groen);color:var(--groen-donker)}
.btn-wit-lijn{background:transparent;color:var(--wit);border:1.5px solid var(--lijn-donker)}
.btn-wit-lijn:hover{border-color:var(--groen);color:var(--groen)}

/* ===== Header ===== */
header.site{position:sticky;top:0;z-index:60;background:rgba(13,15,14,.97);backdrop-filter:blur(12px);border-bottom:1px solid #1B211D}
header.site .wrap{display:flex;align-items:center;gap:22px;padding-top:9px;padding-bottom:9px}
.logo{display:flex;align-items:center;text-decoration:none;flex:none}
.logo img{height:40px;width:auto;display:block}
nav.main{display:flex;gap:1px;margin-left:auto;align-items:center}
nav.main a{text-decoration:none;font:600 14.5px var(--body);color:#E4EAE5;padding:8px 11px;border-radius:9px;transition:background .15s,color .15s;white-space:nowrap}
nav.main a:hover{background:rgba(59,209,86,.14);color:var(--groen-accent)}
nav.main a[aria-current="page"]{color:var(--groen-accent)}
.menu-btn{display:none;margin-left:auto;background:none;border:1.5px solid #2A332C;color:#E4EAE5;border-radius:10px;padding:9px 14px;font:700 14px var(--display);cursor:pointer}
.header-tel{display:inline-flex;align-items:center;gap:8px;background:#151B16;border:1px solid #223028;color:#DCE4DD;text-decoration:none;font:700 14px var(--display);white-space:nowrap;padding:8px 15px;border-radius:99px;transition:border-color .15s,color .15s}
.header-tel:hover{border-color:var(--groen-accent);color:var(--wit)}
.header-tel .stip{width:7px;height:7px;border-radius:50%;background:var(--groen-accent);flex:none;box-shadow:0 0 9px var(--groen-accent);animation:puls2 2.2s ease-out infinite}
@media (prefers-reduced-motion: reduce){.header-tel .stip{animation:none}}
header.site .btn{white-space:nowrap;padding:10px 20px;font-size:14.5px}
@media (max-width:1180px){.header-tel span:not(.stip){display:none}.header-tel{padding:9px 11px}}

/* ===== Pagina's (SPA) ===== */
main > section.pagina{display:block;animation:fadein .3s ease}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ===== Hero ===== */
.hero{background:var(--zwart);color:var(--wit);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;left:50%;top:-260px;transform:translateX(-50%);width:820px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(59,209,86,.16),transparent 62%);pointer-events:none}
.hero .wrap{position:relative;z-index:2;padding-top:88px;padding-bottom:96px;max-width:920px;text-align:center}
.badge-dubbel{display:inline-flex;align-items:center;gap:0;margin-bottom:22px;font:700 12.5px/1 var(--display);letter-spacing:.08em;text-transform:uppercase}
.badge-dubbel span{padding:8px 14px;border:1.5px solid var(--groen);color:var(--groen)}
.badge-dubbel span:first-child{border-radius:99px 0 0 99px;background:rgba(0,205,0,.1)}
.badge-dubbel span:last-child{border-radius:0 99px 99px 0;border-left:none;background:rgba(0,205,0,.18)}
.hero h1{font-weight:800;font-size:clamp(40px,5.4vw,62px);line-height:1.06;letter-spacing:-.025em}
.hero h1 em{font-style:normal;color:var(--groen)}
.hero p.lead{margin:22px auto 0;font-size:18px;color:#B9C4BB;max-width:54ch}
.hero-cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;align-items:center}
.hero-bel{display:flex;flex-direction:column;font-size:13px;color:var(--grijs-licht)}
.hero-bel a{font:700 18px var(--display);color:var(--wit);text-decoration:none}
.hero-bel a:hover{color:var(--groen)}
.badge-bel{display:inline-flex;align-items:center;gap:11px;background:#141B16;border:1.5px solid #2C4632;color:var(--groen-accent);font:700 16px var(--display);padding:13px 26px;border-radius:99px;text-decoration:none;margin-bottom:30px;transition:border-color .18s,transform .18s,box-shadow .18s;box-shadow:0 0 0 0 rgba(59,209,86,0)}
.badge-bel:hover{border-color:var(--groen-accent);transform:translateY(-2px);box-shadow:0 8px 26px rgba(59,209,86,.22)}
.badge-bel .dot{width:10px;height:10px;border-radius:50%;background:var(--groen-accent);box-shadow:0 0 14px var(--groen-accent);flex:none;animation:puls2 2.2s ease-out infinite}
@media (prefers-reduced-motion: reduce){.badge-bel .dot{animation:none}}
.boekbalk{margin:36px auto 0;background:var(--wit);border-radius:16px;padding:16px;display:flex;gap:14px;align-items:flex-end;box-shadow:0 30px 70px rgba(0,0,0,.5);text-align:left;max-width:840px}
.bb-veld{flex:1;display:flex;flex-direction:column;gap:6px}
.bb-veld label{font:600 11.5px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--grijs)}
.bb-veld select,.bb-veld input{font:500 15px var(--body);border:1.5px solid var(--lijn);border-radius:10px;padding:11px 12px;background:var(--papier);width:100%;color:var(--tekst)}
.bb-veld select:hover,.bb-veld input:hover{border-color:#C6CDD6}
.boekbalk .btn{flex:none;padding:13px 22px;white-space:nowrap}
.hero-noot{margin-top:18px;font-size:13.5px;color:#93A096}
.hero-noot a{color:var(--groen-accent);font-weight:600}

/* ===== Trust strip ===== */
.trust{background:var(--groen-licht);border-bottom:1px solid #C9E6CD}
.trust .wrap{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;flex-wrap:wrap}
.trust div{display:flex;align-items:center;gap:10px;font:700 14.5px var(--display);color:var(--zwart)}
.trust svg{width:20px;height:20px;flex:none;color:var(--groen)}

/* ===== Secties ===== */
section.blok{padding:88px 0}
.sec-kop{max-width:660px;margin-bottom:48px}
.sec-kop.center{margin-inline:auto;text-align:center}
.sec-kop .eyebrow{display:inline-block;font:700 12.5px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--groen-donker);background:var(--groen-licht);border-radius:99px;padding:7px 14px;margin-bottom:16px}
.sec-kop h2,.sec-kop h1.paginakop{font-weight:800;font-size:clamp(28px,3.4vw,40px);line-height:1.12}
.sec-kop p{margin-top:14px;color:var(--grijs);font-size:17px}
.blok-grijs{background:var(--papier)}
.blok-donker{background:var(--zwart);color:var(--wit)}
.blok-donker .sec-kop p{color:var(--grijs-licht)}
.blok-donker .sec-kop .eyebrow{background:rgba(0,205,0,.12);color:var(--groen)}

/* ===== Voordelen ===== */
.voordelen{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.voordeel{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius);padding:34px 30px;transition:transform .18s,box-shadow .18s,border-color .18s}
.voordeel:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(22,163,42,.16);border-color:var(--groen)}
.voordeel.met-foto{padding:0;overflow:hidden;display:flex;flex-direction:column}
.voordeel-foto{aspect-ratio:16/10}
.voordeel-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.voordeel.met-foto:hover .voordeel-foto img{transform:scale(1.05)}
.voordeel-body{padding:26px 30px 30px}
.voordeel.met-foto .icoon{margin-top:-46px;position:relative;z-index:1;border:3px solid var(--wit)}
.voordeel .icoon{width:52px;height:52px;border-radius:14px;background:var(--groen-licht);display:flex;align-items:center;justify-content:center;color:var(--groen-donker)}
.voordeel .icoon svg{width:26px;height:26px}
.voordeel h3{font-weight:700;font-size:19px;margin-top:18px}
.voordeel p{margin-top:10px;font-size:15px;color:var(--grijs)}

/* ===== Voertuigkaarten ===== */
.wagenpark{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vkaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:transform .18s,box-shadow .18s}
.vkaart:hover,.vkaart:focus-visible{transform:translateY(-4px);box-shadow:var(--schaduw)}
.vkaart::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--groen-accent);transform:scaleX(0);transform-origin:left;transition:transform .25s;z-index:3}
.vkaart:hover::before,.vkaart:focus-visible::before{transform:scaleX(1)}
.vkaart .foto.heeft-foto{background:#fff}
.vkaart .foto.heeft-foto .fallback,.foto.heeft-foto .fallback{display:none !important}
.foto{aspect-ratio:16/10;background:linear-gradient(140deg,var(--groen-donker),var(--zwart));position:relative;overflow:hidden}
.vkaart .foto img{width:100%;height:100%;object-fit:cover}
.foto.heeft-foto img{object-fit:contain;padding:6px}
.vkaart .foto .fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85)}
.vkaart .foto .fallback svg{width:110px;height:auto;opacity:.9}
.vkaart .foto .tag{position:absolute;top:14px;left:14px;background:var(--groen);color:var(--zwart);font:700 11.5px var(--display);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:6px 12px}
.vkaart .body{padding:24px;display:flex;flex-direction:column;flex:1}
.vkaart h3{font-weight:700;font-size:19px}
.vkaart .sub{font-size:13.5px;color:var(--grijs);margin-top:3px}
.vkaart .specs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.vkaart .specs span{font:600 12.5px var(--body);background:var(--papier);border:1px solid var(--lijn);border-radius:8px;padding:5px 10px;color:var(--grijs)}
.vkaart .prijsrij{margin-top:auto;padding-top:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.vkaart .prijs{font:800 24px var(--display)}
.vkaart .prijs small{font:600 13px var(--body);color:var(--grijs)}
.vkaart .btn{padding:11px 18px;font-size:14px}

/* Filterbalk */
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.filters button{font:700 14px var(--display);padding:10px 20px;border-radius:99px;border:1.5px solid var(--lijn);background:var(--wit);cursor:pointer;color:var(--grijs);transition:all .15s}
.filters button:hover{border-color:var(--groen)}
.filters button[aria-pressed="true"]{background:var(--zwart);color:var(--wit);border-color:var(--zwart)}

/* ===== Voertuig-detailpagina ===== */
.vd-hero{background:var(--zwart);color:var(--wit);position:relative;overflow:hidden;padding:44px 0 0}
.vd-hero::before{content:"";position:absolute;right:-140px;top:-160px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(59,209,86,.14),transparent 62%)}
.vd-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;position:relative;z-index:1}
.vd-beeld{background:linear-gradient(150deg,#1B221C,#0F1310);border:1px solid #2A332C;border-radius:22px;padding:18px}
.vd-hoofd{position:relative;border-radius:14px;overflow:hidden;background:#EAF2EB}
.vd-hoofd svg{width:100%;height:auto;display:block}
.vd-hoofd .telling{position:absolute;right:12px;bottom:12px;background:rgba(13,15,14,.82);color:var(--wit);border-radius:99px;padding:5px 12px;font:700 12px var(--display)}
.vd-duimen{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}
.vd-duim{border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:#EAF2EB;padding:0;position:relative;transition:border-color .15s,transform .15s}
.vd-duim:hover{transform:translateY(-2px)}
.vd-duim.aan{border-color:var(--groen-accent)}
.vd-duim svg{width:100%;height:auto;display:block;pointer-events:none}
.vd-duim .dl{position:absolute;left:0;right:0;bottom:0;background:rgba(13,15,14,.78);color:var(--wit);font:700 9.5px var(--display);padding:3px 2px;text-align:center;letter-spacing:.03em}
.vd-fotonoot{color:#8E9B91;font-size:12px;margin-top:12px;text-align:center}
.vd-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.vd-tag{background:rgba(59,209,86,.14);color:var(--groen-accent);border:1px solid rgba(59,209,86,.3);border-radius:99px;padding:6px 14px;font:700 12.5px var(--display)}
.vd-hero h1{font-size:clamp(30px,3.8vw,44px);font-weight:800;letter-spacing:-.025em}
.vd-hero .vd-sub{color:#B4C0B7;font-size:17px;margin-top:12px}
.vd-usps{list-style:none;display:grid;gap:10px;margin-top:24px}
.vd-usps li{display:flex;gap:10px;align-items:center;font-size:15px;color:#DCE4DD}
.vd-usps svg{width:18px;height:18px;color:var(--groen-accent);flex:none}
.vd-prijsblok{display:flex;align-items:baseline;gap:12px;margin-top:26px;flex-wrap:wrap}
.vd-prijsblok .p{font:800 40px var(--display);letter-spacing:-.03em}
.vd-prijsblok .pl{color:#8E9B91;font-size:14px}
.vd-acties{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;padding-bottom:44px}

/* ===== Voertuigdetail: specificaties bovenaan, volle breedte ===== */
.vd-specs-hero{background:var(--wit);border-bottom:1px solid var(--lijn)}
.vd-specs-hero .sec-kop{margin-bottom:28px}
.vd-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
@media (max-width:900px){.vd-specs-grid{grid-template-columns:1fr}}
.vd-specs-grid .vd-maten-diagram{margin-bottom:14px}
.vd-spec-tabel-wrap{background:var(--papier);border-radius:20px;padding:22px 26px}
.vd-spec-tabel-wrap h3{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--grijs);margin-bottom:10px}

/* Calculator */
.calc{background:var(--wit);border:1px solid var(--lijn);border-radius:22px;padding:30px;box-shadow:var(--schaduw)}
.calc h3{font-size:20px;font-weight:800;margin-bottom:4px}
.calc > p{color:var(--grijs);font-size:14px;margin-bottom:20px}
.calc-veld{margin-bottom:18px}
.calc-veld label{display:block;font:600 12.5px var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--grijs);margin-bottom:7px}
.calc-veld select,.calc-veld input[type=number]{width:100%;padding:12px 14px;border:1.5px solid var(--lijn);border-radius:12px;font:500 15px var(--body);background:var(--papier)}
.calc-check{display:flex;gap:11px;align-items:flex-start;background:var(--papier);border:1px solid var(--lijn);border-radius:14px;padding:14px;cursor:pointer;margin-bottom:12px}
.calc-check input{margin-top:3px;accent-color:var(--groen);width:18px;height:18px;flex:none}
.calc-check .ct{font-weight:700;font-size:14.5px}
.calc-check .cs{font-size:13px;color:var(--grijs);display:block;margin-top:2px}
.calc-uitkomst{background:var(--zwart);color:var(--wit);border-radius:16px;padding:22px;margin-top:20px}
.calc-regel{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:7px 0;color:#B4C0B7}
.calc-regel b{color:var(--wit);font-weight:600}
.calc-regel.gratis b{color:var(--groen-accent)}
.calc-totaal{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #2A332C;margin-top:12px;padding-top:14px}
.calc-totaal span{font:600 13px var(--body);color:#8E9B91}
.calc-totaal b{font:800 30px var(--display);letter-spacing:-.02em}
.calc-noot{font-size:12.5px;color:#8E9B91;margin-top:12px;line-height:1.5}

.vd-praktijk{margin-top:26px;padding-top:22px;border-top:1px solid var(--lijn)}
.vd-praktijk h3{font-size:18px;font-weight:800;margin-bottom:10px}
.vd-praktijk p{font-size:15px;line-height:1.7;color:#3A443C;margin-bottom:12px}
.vd-praktijk p:last-child{margin-bottom:0}

/* Specs & voorwaarden op detail */
.vd-secties{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;margin-top:8px}
.vd-kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:20px;padding:28px}
.vd-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;align-items:start}
@media (max-width:1100px){.vd-duo{grid-template-columns:1fr}}
.vd-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;align-items:start}
@media (max-width:1000px){.vd-trio{grid-template-columns:1fr}}
.vd-kaart-banner{aspect-ratio:21/9;margin:-28px -28px 20px;border-radius:20px 20px 0 0;overflow:hidden}
.vd-kaart-banner img{width:100%;height:100%;object-fit:cover;display:block}
.vd-kaart h2{font-size:21px;font-weight:800;margin-bottom:16px}
.vd-kaart h3{font-size:16px;font-weight:800;margin:20px 0 8px}
.vd-extras{list-style:none;display:grid;gap:10px}
.vd-extras li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--papier);border-radius:11px;font-size:14.5px}
.vd-extras b{color:var(--groen-donker);white-space:nowrap}

/* ===== Tarievenpagina: overzicht ===== */
.prijs-toggle{display:flex;gap:10px;margin-bottom:22px;max-width:520px}
.prijs-toggle button{flex:1;font:700 15px var(--display);padding:14px 18px;border-radius:14px;border:1.5px solid var(--lijn);background:var(--wit);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}
.prijs-toggle button .pt-sub{display:block;font:500 12.5px var(--body);color:var(--grijs);margin-top:2px}
.prijs-toggle button:hover{border-color:var(--groen)}
.prijs-toggle button[aria-pressed="true"]{background:var(--zwart);border-color:var(--zwart);color:var(--wit)}
.prijs-toggle button[aria-pressed="true"] .pt-sub{color:#B9C4BB}
.prijs-vlak{display:none}
.prijs-vlak.actief{display:block}
.inbegrepen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:20px}
.inbegrepen-tile{background:var(--wit);border:1px solid var(--lijn);border-radius:16px;padding:18px;display:flex;gap:14px;align-items:flex-start;transition:border-color .18s,transform .18s,box-shadow .18s}
.inbegrepen-tile:hover{border-color:var(--groen);transform:translateY(-3px);box-shadow:0 14px 30px rgba(13,15,14,.08)}
.inbegrepen-tile .it-ic{width:44px;height:44px;border-radius:12px;background:var(--groen-licht);color:var(--groen-donker);display:flex;align-items:center;justify-content:center;flex:none}
.inbegrepen-tile .it-ic svg{width:22px;height:22px}
.inbegrepen-tile h4{font-size:15px;font-weight:800;margin-bottom:3px}
.inbegrepen-tile p{font-size:13.5px;color:var(--grijs);line-height:1.5}
.tarieven-tabel{width:100%;border-collapse:collapse;font-size:14.5px}
.tarieven-tabel td{padding:12px 6px;border-bottom:1px solid var(--lijn)}
.tarieven-tabel tr:last-child td{border-bottom:none}
.tarieven-tabel td:first-child{font-weight:600}
.tarieven-tabel td:last-child{text-align:right;font-weight:800;color:var(--groen-donker);white-space:nowrap}
.vd-alt{display:grid;gap:12px}
.vd-alt a{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--lijn);border-radius:14px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.vd-alt a:hover{border-color:var(--groen);transform:translateX(3px)}
.vd-alt svg{width:64px;height:auto;flex:none;border-radius:8px}
.vd-alt .vd-alt-foto{width:64px;height:48px;object-fit:cover;flex:none;border-radius:8px;background:#fff}
.vd-alt .an{font-weight:800;font-size:15px}
.vd-alt .ap{font-size:13px;color:var(--grijs)}
@media (max-width:960px){.vd-grid,.vd-secties{grid-template-columns:1fr}}

/* ===== Reserveringssysteem ===== */
.res-hero{background:var(--zwart);color:var(--wit);position:relative;overflow:hidden;padding:40px 0 34px}
.res-hero::before{content:"";position:absolute;left:50%;top:-240px;transform:translateX(-50%);width:760px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(59,209,86,.13),transparent 62%)}
.res-hero .wrap{position:relative;z-index:1}
.res-hero h1{font-size:clamp(26px,3.2vw,36px);font-weight:800;letter-spacing:-.02em}
.res-hero p{color:#B4C0B7;margin-top:8px;font-size:16px}
.res-hero-flex{display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.res-hero-flex>.res-hero-tekst{flex:1 1 420px;min-width:280px}
.res-hero-foto{flex:1 1 280px;min-width:240px;max-width:380px;aspect-ratio:4/3;border-radius:18px;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.45);border:1px solid #2A332C}
.res-hero-foto img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:760px){.res-hero-foto{display:none}}

.stepper{display:flex;gap:8px;margin-top:26px;flex-wrap:wrap}
.stap-pil{display:flex;align-items:center;gap:9px;background:#151A16;border:1px solid #2A332C;border-radius:99px;padding:9px 16px;font:700 13.5px var(--display);color:#8E9B91;transition:all .2s}
.stap-pil .n{width:22px;height:22px;border-radius:50%;background:#2A332C;color:#B4C0B7;display:flex;align-items:center;justify-content:center;font-size:12px;flex:none}
.stap-pil.actief{background:var(--groen-accent);border-color:var(--groen-accent);color:#0D1710}
.stap-pil.actief .n{background:#0D1710;color:var(--groen-accent)}
.stap-pil.klaar{border-color:var(--groen-accent);color:var(--groen-accent)}
.stap-pil.klaar .n{background:var(--groen-accent);color:#0D1710}

.res-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:32px;align-items:start}
.res-paneel{background:var(--wit);border:1px solid var(--lijn);border-radius:22px;padding:32px}
.res-paneel h2{font-size:22px;font-weight:800;margin-bottom:6px}
.res-paneel .intro{color:var(--grijs);font-size:14.5px;margin-bottom:24px}
.res-stap{display:none}
.res-stap.actief{display:block;animation:fadein .25s ease}

.veldrij{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.veld{margin-bottom:16px}
.veld label{display:block;font:700 12.5px var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--grijs);margin-bottom:7px}
.veld input,.veld select,.veld textarea{width:100%;padding:12px 14px;border:1.5px solid var(--lijn);border-radius:12px;font:500 15px var(--body);background:var(--papier);color:var(--tekst)}
.veld input:focus,.veld select:focus,.veld textarea:focus{outline:none;border-color:var(--groen);background:var(--wit)}
.veld input[aria-invalid="true"],.veld select[aria-invalid="true"]{border-color:#C1272D;background:#FDF3F3}
.veld .fout{display:none;color:#C1272D;font-size:13px;font-weight:600;margin-top:6px}
.veld input[aria-invalid="true"] ~ .fout,.veld select[aria-invalid="true"] ~ .fout{display:block}
.veld .hint{font-size:13px;color:var(--grijs);margin-top:6px}
@media (max-width:640px){.veldrij{grid-template-columns:1fr}}

.keuzeblok{display:grid;gap:10px;margin-bottom:18px}
.keuzeblok .optie{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--lijn);border-radius:14px;padding:15px;cursor:pointer;transition:border-color .15s,background .15s}
.keuzeblok .optie:hover{border-color:#C0CCC3}
.keuzeblok .optie:has(input:checked){border-color:var(--groen);background:var(--groen-licht)}
.keuzeblok input{margin-top:3px;accent-color:var(--groen);width:18px;height:18px;flex:none}
.keuzeblok .ot{font-weight:700;font-size:15px}
.keuzeblok .os{font-size:13.5px;color:var(--grijs);display:block;margin-top:3px;line-height:1.5}
.keuzeblok .prijs-tag{margin-left:auto;font:800 14px var(--display);color:var(--groen-donker);white-space:nowrap}

.bus-keuze{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.bus-optie{border:1.5px solid var(--lijn);border-radius:16px;padding:14px;cursor:pointer;text-align:center;transition:border-color .15s,transform .15s}
.bus-optie:hover{border-color:#C0CCC3;transform:translateY(-2px)}
.bus-optie.gekozen{border-color:var(--groen);background:var(--groen-licht)}
.bus-optie svg{width:100%;height:auto;border-radius:9px}
.bus-optie .bn{font-weight:800;font-size:14.5px;margin-top:9px}
.bus-optie .bv{font-size:12.5px;color:var(--grijs)}
.bus-optie .bp{font:800 15px var(--display);color:var(--groen-donker);margin-top:5px}
@media (max-width:520px){.bus-keuze{grid-template-columns:1fr}}

.res-acties{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid var(--lijn);flex-wrap:wrap}

.samenvatting{background:var(--zwart);color:var(--wit);border-radius:22px;padding:26px;position:sticky;top:96px}
.samenvatting h3{font-size:17px;font-weight:800;margin-bottom:4px}
.sv-bus{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #2A332C;margin-bottom:12px}
.sv-bus svg{width:76px;height:auto;border-radius:8px;flex:none}
.sv-bus .n{font-weight:800;font-size:14.5px}
.sv-bus .v{font-size:12.5px;color:#8E9B91}
.sv-regel{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:6px 0;color:#B4C0B7}
.sv-regel b{color:var(--wit);font-weight:600;text-align:right}
.sv-regel.gratis b{color:var(--groen-accent)}
.sv-totaal{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #2A332C;margin-top:12px;padding-top:14px}
.sv-totaal span{font:600 13px var(--body);color:#8E9B91}
.sv-totaal b{font:800 28px var(--display);letter-spacing:-.02em}
.sv-borg{background:#151A16;border:1px solid #2A332C;border-radius:12px;padding:13px;margin-top:14px;font-size:13px;color:#B4C0B7;line-height:1.5}
.sv-borg b{color:var(--wit)}
.sv-noot{font-size:12px;color:#8E9B91;margin-top:12px;line-height:1.5}
@media (max-width:960px){.res-grid{grid-template-columns:1fr}.samenvatting{position:static}}

/* Controle-stap */
.check-blok{background:var(--papier);border:1px solid var(--lijn);border-radius:16px;padding:20px;margin-bottom:14px}
.check-blok h4{font-size:14px;font-weight:800;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.check-blok h4 button{background:none;border:none;color:var(--groen-donker);font:700 13px var(--display);cursor:pointer;text-decoration:underline}
.check-rij{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:4px 0;color:#3A443C}
.check-rij b{font-weight:700;text-align:right}
.akkoord{display:flex;gap:12px;align-items:flex-start;background:var(--groen-licht);border:1.5px solid #C9E6CD;border-radius:14px;padding:16px;margin:18px 0}
.akkoord input{margin-top:3px;accent-color:var(--groen);width:19px;height:19px;flex:none}
.akkoord label{font-size:14px;line-height:1.55}
.akkoord a{color:var(--groen-donker);font-weight:700}

/* Bevestiging */
.bevestiging{text-align:center;padding:20px 0}
.bev-ring{width:88px;height:88px;border-radius:50%;background:var(--groen-licht);border:3px solid var(--groen);display:flex;align-items:center;justify-content:center;margin:0 auto 22px}
.bev-ring svg{width:42px;height:42px;color:var(--groen-donker)}
.bevestiging h2{font-size:28px;font-weight:800}
.bev-nr{display:inline-block;margin-top:16px;background:var(--zwart);color:var(--groen-accent);border-radius:12px;padding:12px 22px;font:800 20px var(--display);letter-spacing:.08em}
.bev-vervolg{display:grid;gap:12px;max-width:480px;margin:26px auto 0;text-align:left}
.bev-vervolg li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:#3A443C}
.bev-vervolg svg{width:19px;height:19px;color:var(--groen);flex:none;margin-top:2px}

/* ===== Tags & gekleurde kaarten ===== */
.tagrij{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.tag-groen{background:var(--groen-licht);color:var(--groen-donker);border-radius:99px;padding:6px 12px;font:700 12.5px var(--display)}
.doorklik{display:inline-block;margin-top:16px;font-weight:700;color:var(--groen-donker);text-decoration:none;font-size:14.5px}
.doorklik:hover{text-decoration:underline}
.voordeel.dienst-kaart:hover{border-color:var(--groen)}
.cijfer-rij{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.cijfer{background:var(--wit);border:1px solid var(--lijn);border-radius:18px;padding:26px 20px;text-align:center}
.cijfer b{display:block;font:800 34px var(--display);color:var(--groen-donker);letter-spacing:-.02em}
.cijfer span{font-size:13.5px;color:var(--grijs);display:block;margin-top:5px;line-height:1.4}
@media (max-width:820px){.cijfer-rij{grid-template-columns:1fr 1fr}}

/* ===== Over ons: manifest ===== */
.manifest{background:var(--papier);position:relative;overflow:hidden;padding:84px 0}
.manifest .wrap{position:relative;z-index:1;max-width:1180px}
.manifest-kop{text-align:center;max-width:620px;margin:0 auto 48px}
.manifest-kop h2{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em}
.manifest-kop p{margin-top:12px;color:var(--grijs);font-size:16px;line-height:1.7}
.manifest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:940px){.manifest-grid{grid-template-columns:1fr}}
.manifest-item{background:var(--wit);border:1px solid var(--lijn);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .25s,box-shadow .25s}
.manifest-item:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,15,14,.10)}
.manifest-item::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--groen-accent);transform:scaleX(0);transform-origin:left;transition:transform .25s;z-index:3}
.manifest-item:hover::before{transform:scaleX(1)}
.manifest-foto{aspect-ratio:16/10;position:relative;overflow:hidden}
.manifest-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.manifest-item:hover .manifest-foto img{transform:scale(1.05)}
.manifest-foto .mi-nr{position:absolute;left:18px;bottom:14px;font:800 46px/.85 var(--display);color:var(--wit);letter-spacing:-.03em;text-shadow:0 4px 18px rgba(0,0,0,.55)}
.manifest-body{padding:24px 26px 28px}
.manifest-item .mi-ic{width:44px;height:44px;border-radius:12px;margin:-46px 0 16px;position:relative;z-index:1;background:var(--groen);border:3px solid var(--wit);display:flex;align-items:center;justify-content:center;color:var(--wit)}
.manifest-item .mi-ic svg{width:22px;height:22px}
.manifest-item .mi-label{font:800 12px var(--display);color:var(--groen-donker);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;display:block}
.manifest-item h3{font-size:21px;font-weight:800;letter-spacing:-.01em;line-height:1.3}
.manifest-item h3 em{font-style:normal;color:var(--groen-donker)}
.manifest-item p{margin-top:12px;color:#3A443C;font-size:15px;line-height:1.7}


/* ===== Over ons: cijferband ===== */
.cijfer-band{background:var(--zwart);color:var(--wit);border-radius:26px;padding:46px 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;position:relative;overflow:hidden}
.cijfer-band::before{content:"";position:absolute;left:50%;bottom:-160px;transform:translateX(-50%);width:600px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(59,209,86,.16),transparent 65%);pointer-events:none}
.cijfer-band .cb-item{position:relative;z-index:1}
.cijfer-band .cb-item b{display:block;font:800 42px var(--display);color:var(--groen-accent);letter-spacing:-.02em}
.cijfer-band .cb-item span{font-size:13.5px;color:#B4C0B7;display:block;margin-top:6px;line-height:1.4}
@media (max-width:820px){.cijfer-band{grid-template-columns:1fr 1fr}}

/* ===== Subtiele groene lijn-divider ===== */
.weg{height:3px;background:linear-gradient(90deg,transparent,var(--groen) 22%,var(--groen-accent) 50%,var(--groen) 78%,transparent);opacity:.8}
.weg::before{content:none}
.weg-licht{background:linear-gradient(90deg,transparent,var(--groen) 50%,transparent);opacity:.4}
.weg-licht::before{content:none}

.vg-totaal{font-size:13.5px;color:var(--grijs);margin-top:8px}
.vg-totaal b{color:var(--tekst);font-weight:800}
.vg-korting{font-size:12.5px;color:var(--groen-donker);background:var(--groen-licht);border-radius:8px;padding:6px 10px;margin-top:8px;font-weight:700}

/* ===== Nog aan te leveren bedrag ===== */
.tbd{color:#B0453C !important;font-weight:700;font-size:12.5px;background:#FDF2F1;padding:3px 9px;border-radius:6px;white-space:nowrap}

.vanaf-label{font-size:.62em;font-weight:600;color:var(--grijs);letter-spacing:0}

/* ===== Over-foto (wagenpark) ===== */
.over-foto{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(13,15,14,.15)}
.over-foto img{width:100%;height:100%;object-fit:cover;display:block;min-height:280px}
.over-foto-label{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(13,15,14,.85));color:#fff;font:600 13px var(--body);padding:34px 20px 16px}

/* ===== App-teaser homepage ===== */
.app-teaser{background:radial-gradient(120% 140% at 85% 10%, #15251A 0%, var(--zwart) 55%);border-radius:28px;padding:52px 56px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;overflow:hidden;position:relative}
.app-teaser::before{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(59,209,86,.16),transparent 68%);pointer-events:none}
.app-teaser-tekst{position:relative;z-index:1}
.app-teaser-tekst h2{color:var(--wit);font-size:clamp(27px,3vw,38px);font-weight:800;letter-spacing:-.025em;margin-top:8px;line-height:1.1}
.app-teaser-tekst p{color:#B4C0B7;font-size:16px;line-height:1.65;margin-top:14px;max-width:46ch}
.app-teaser-punten{list-style:none;display:grid;gap:10px;margin:22px 0 26px}
.app-teaser-punten li{display:flex;align-items:center;gap:11px;color:#DCE4DD;font-size:15px;font-weight:600}
.app-teaser-punten svg{width:20px;height:20px;color:var(--groen-accent);flex:none;background:rgba(59,209,86,.14);border-radius:6px;padding:3px}
.app-teaser-knoppen{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.storebadge{display:inline-flex;align-items:center;gap:11px;background:#000;border:1px solid #2C4632;color:#fff;padding:10px 18px 10px 15px;border-radius:12px;text-decoration:none;transition:border-color .18s,transform .18s}
.storebadge:hover{border-color:var(--groen-accent);transform:translateY(-2px)}
.storebadge svg{flex:none}
.storebadge span{display:flex;flex-direction:column;line-height:1.15}
.storebadge small{font-size:10.5px;color:#B4C0B7;letter-spacing:.02em}
.storebadge strong{font-size:16px;font-weight:700;letter-spacing:-.01em}
.app-teaser-link{display:inline-block;margin-top:20px;color:var(--groen-accent);font-weight:700;font-size:14.5px;text-decoration:none}
.app-teaser-link:hover{text-decoration:underline}
.app-teaser-beeld{position:relative;height:420px;display:flex;align-items:center;justify-content:center;z-index:1}
.app-teaser-foto{width:230px;border-radius:26px;overflow:hidden;box-shadow:0 34px 70px rgba(0,0,0,.5);transform:rotate(-3deg);border:1px solid #2A332C}
.app-teaser-foto img{width:100%;height:100%;object-fit:cover;display:block}
.fake-phone{width:196px;background:#151A16;border:3px solid #2A332C;border-radius:32px;padding:12px 11px;position:absolute;box-shadow:0 34px 70px rgba(0,0,0,.5)}
.fake-phone.voor{height:400px;z-index:2;transform:translateX(-38px) rotate(-4deg)}
.fake-phone.achter{height:370px;z-index:1;transform:translateX(58px) rotate(6deg);opacity:.92}
.fp-top{width:56px;height:5px;background:#2A332C;border-radius:99px;margin:1px auto 12px}
.fp-scherm{background:#0D0F0E;border-radius:22px;height:100%;padding:14px;display:flex;flex-direction:column;gap:9px;overflow:hidden}
.fake-phone.achter .fp-scherm{border-radius:24px}
.fp-header{padding:2px 2px 8px}
.fp-titel{display:block;height:11px;width:70%;background:var(--groen-accent);border-radius:99px;opacity:.9}
.fp-titel.lang{width:88%}
.fp-kaart{background:#1B221C;border-radius:12px;padding:11px;display:flex;align-items:center;gap:10px}
.fp-bus{width:38px;height:28px;background:var(--groen-accent);border-radius:6px;opacity:.9;flex:none}
.fp-bus.alt{background:#3A443C}
.fp-tekst{display:flex;flex-direction:column;gap:6px;flex:1}
.fp-lijn{height:6px;background:#2A332C;border-radius:99px;width:60%}
.fp-lijn.lang{width:90%;background:#39453D}
.fp-lijn.kort{width:40%}
.fp-prijs{display:flex;align-items:center;justify-content:space-between;padding:4px 2px}
.fp-bedrag{color:var(--groen-accent);font:800 20px var(--display)}
.fp-knop{margin-top:auto;background:var(--groen);color:#08240D;font:800 13px var(--display);text-align:center;padding:12px;border-radius:11px}
.fp-map{flex:1;background:linear-gradient(135deg,#1B2620,#0F1712);border-radius:12px;position:relative;overflow:hidden;margin-top:4px}
.fp-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(59,209,86,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(59,209,86,.08) 1px,transparent 1px);background-size:22px 22px}
.fp-pin{position:absolute;width:12px;height:12px;background:var(--groen-accent);border-radius:50% 50% 50% 0;transform:rotate(-45deg);top:40%;left:30%;box-shadow:0 0 10px rgba(59,209,86,.6)}
.fp-pin.p2{top:60%;left:62%;background:#5FE07A}
.fp-pin.p3{top:25%;left:68%;background:#2A9A3A}
@media (max-width:860px){.app-teaser{grid-template-columns:1fr;padding:40px 32px;text-align:center}.app-teaser-tekst p,.app-teaser-punten{margin-left:auto;margin-right:auto}.app-teaser-punten li{justify-content:center}.app-teaser-knoppen{justify-content:center}.app-teaser-beeld{height:380px;margin-top:12px}}
@media (max-width:480px){.fake-phone.achter{display:none}.fake-phone.voor{transform:none}}

/* ===== App-badges ===== */
.app-badges{display:flex;gap:12px;flex-wrap:wrap}
.app-badge{display:inline-flex;align-items:center;gap:9px;background:#151B16;border:1px solid #2C4632;color:#DCE4DD;font:700 13.5px var(--display);padding:11px 18px;border-radius:12px}
.app-badge.komt{color:var(--groen-accent)}
.app-badge svg{flex:none}
.veld{width:100%;border:1.5px solid var(--lijn);border-radius:11px;padding:12px 14px;font:400 15px var(--body);color:var(--tekst);background:var(--wit)}
.veld:focus{outline:none;border-color:var(--groen)}

/* ===== Staffeltabel ===== */
.staffel{width:100%;border-collapse:collapse;margin-top:14px;font-size:14.5px}
.prijs-tabel-blok{border:1px solid var(--lijn);border-radius:16px;overflow:hidden;background:#fff}
.ptk-kop{padding:16px 20px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.ptk-kop h3{font-size:17px;font-weight:800;margin:0}
.ptk-kop span{font-size:13px;color:var(--grijs)}
.ptk-vrij{background:var(--groen-licht);border-bottom:1px solid #C0E4C6}
.ptk-vrij h3{color:var(--groen-donker)}
.ptk-beperkt{background:var(--papier);border-bottom:1px solid var(--lijn)}
.ptk-beperkt h3{color:var(--tekst)}
.prijs-tabel-blok .staffel{margin-top:0}
.prijs-tabel-blok .staffel th{background:transparent}
.prijs-tabel-blok .staffel td,.prijs-tabel-blok .staffel th{padding-left:20px}
.staffel th,.staffel td{padding:13px 14px;text-align:right;border-bottom:1px solid var(--lijn)}
.staffel th:first-child,.staffel td:first-child{text-align:left;font-weight:700}
.staffel thead th{background:var(--zwart);color:var(--wit);font:700 13px var(--display);border-bottom:none}
.staffel thead th:first-child{border-radius:12px 0 0 0}
.staffel thead th:last-child{border-radius:0 12px 0 0}
.staffel tbody tr:hover{background:var(--groen-licht)}
.staffel .beste{color:var(--groen-donker);font-weight:800}
.staffel-noot{font-size:13.5px;color:var(--grijs);margin-top:14px;line-height:1.6}
@media (max-width:760px){.staffel{font-size:13px}.staffel th,.staffel td{padding:10px 8px}}

/* ===== Mag wel / mag niet ===== */
.magniet{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}
.magkaart{border-radius:20px;padding:28px;border:1.5px solid}
.magkaart.wel{background:var(--groen-licht);border-color:#C0E4C6}
.magkaart.niet{background:#FDF2F1;border-color:#F2CFCB}
.magkaart h3{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;margin-bottom:16px}
.magkaart .kop-ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:none}
.magkaart.wel .kop-ic{background:var(--groen);color:#08240D}
.magkaart.niet .kop-ic{background:#C1272D;color:#fff}
.magkaart .kop-ic svg{width:21px;height:21px}
.magkaart ul{list-style:none;display:grid;gap:11px}
.magkaart li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.55}
.magkaart li svg{width:18px;height:18px;flex:none;margin-top:2px}
.magkaart.wel li svg{color:var(--groen-donker)}
.magkaart.niet li svg{color:#C1272D}
.magkaart.wel li{color:#123D1B}
.magkaart.niet li{color:#7A2A25}

.gevolgen{background:var(--zwart);color:var(--wit);border-radius:22px;padding:32px;margin-top:26px}
.gevolgen h3{font-size:21px;font-weight:800;display:flex;align-items:center;gap:11px}
.gevolgen h3 svg{width:24px;height:24px;color:#E8654E}
.gevolgen > p{color:#B4C0B7;font-size:15px;margin-top:8px;line-height:1.6}
.gevolg-rij{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.gevolg{background:#151A16;border:1px solid #2A332C;border-radius:16px;padding:20px}
.gevolg b{display:block;font:800 24px var(--display);color:#E8654E;letter-spacing:-.02em}
.gevolg span{display:block;font-size:13.5px;color:#B4C0B7;margin-top:6px;line-height:1.5}
.twijfel{display:flex;align-items:center;gap:16px;background:var(--groen);border-radius:16px;padding:20px 24px;margin-top:26px;flex-wrap:wrap}
.twijfel .tk{font:800 17px var(--display);color:#08240D;flex:1;min-width:220px}
.twijfel .ts{font-size:14px;color:#0E3A16;margin-top:3px;font-weight:600}
@media (max-width:820px){.magniet,.gevolg-rij{grid-template-columns:1fr}}

/* ===== Vrijheidskaart ===== */
.vrij-blok{background:var(--zwart);color:var(--wit);position:relative;overflow:hidden}
.vrij-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;position:relative;z-index:1}
.vrij-blok h2{font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.025em}
.vrij-blok h2 em{font-style:normal;color:var(--groen-accent)}
.vrij-blok > .wrap p{color:#B4C0B7;font-size:16.5px;margin-top:14px;line-height:1.65}
.vrij-kaart{position:relative}
.vrij-kaart svg{width:100%;height:auto;overflow:visible}
.vrij-route{stroke:#2E4A34;stroke-width:2;stroke-dasharray:7 7;fill:none;stroke-linecap:round}
.vrij-route.aan{animation:routeIn 1.5s ease forwards}
@keyframes routeIn{from{stroke-dashoffset:420;opacity:0}to{stroke-dashoffset:0;opacity:1}}
.vrij-punt{fill:var(--groen-accent)}
.vrij-label{fill:#B4C0B7;font:600 12px var(--body)}
.vrij-km{fill:var(--groen-accent);font:800 12px var(--display)}
.vrij-thuis{fill:var(--groen-accent)}
.vrij-thuis-ring{fill:none;stroke:var(--groen-accent);stroke-width:1.5;opacity:.55}
.vrij-thuis-ring.puls{animation:puls 2.6s ease-out infinite}
@keyframes puls{0%{r:13;opacity:.6}70%{r:34;opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.vrij-thuis-ring.puls,.vrij-route.aan{animation:none}}
.vrij-thuis-tekst{fill:var(--wit);font:800 11px var(--display);letter-spacing:.08em}
.vrij-slot{display:inline-block;margin-top:26px;background:#151A16;border:1px solid #2A332C;border-radius:14px;padding:16px 20px;font-size:15px;color:#DCE4DD}
.vrij-slot b{color:var(--groen-accent)}
@media (max-width:900px){.vrij-grid{grid-template-columns:1fr;gap:30px}}

/* ===== Scroll-weg met busje (voortgang) ===== */
.scrollweg{position:fixed;top:0;left:0;right:0;height:4px;z-index:70;background:transparent;pointer-events:none}
.scrollweg .baan{height:100%;width:0%;background:var(--groen);position:relative;transition:width .08s linear}
.scrollweg .bus{position:absolute;right:-13px;top:-9px;width:26px;height:22px;color:var(--groen)}
@media (prefers-reduced-motion: reduce){.scrollweg{display:none}}

/* ===== Inpak-simulator ===== */
.inpak{display:grid;grid-template-columns:1fr .85fr;gap:32px;align-items:start;margin-top:30px}
.inpak-lijst{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.spul{display:flex;align-items:center;gap:11px;border:1.5px solid var(--lijn);border-radius:13px;padding:11px 13px;background:var(--wit);transition:border-color .15s}
.spul:hover{border-color:#C0CCC3}
.spul.aan{border-color:var(--groen);background:var(--groen-licht)}
.spul .si{width:34px;height:34px;flex:none;color:var(--groen-donker)}
.spul .sn{font-weight:700;font-size:14px;line-height:1.25}
.spul .sm{font-size:12px;color:var(--grijs)}
.spul .telling{margin-left:auto;display:flex;align-items:center;gap:7px}
.spul button{width:27px;height:27px;border-radius:8px;border:1.5px solid var(--lijn);background:var(--wit);font:800 15px var(--display);color:var(--tekst);cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}
.spul button:hover{border-color:var(--groen);color:var(--groen-donker)}
.spul .n{font:800 15px var(--display);min-width:16px;text-align:center}

.inpak-bus{position:sticky;top:96px;background:var(--zwart);border-radius:22px;padding:26px;color:var(--wit)}
.inpak-bus h4{font-size:15px;font-weight:800;margin-bottom:4px}
.inpak-bus .sub{font-size:13px;color:#8E9B91;margin-bottom:18px}
.laadbak{border:2px solid #2E4A34;border-radius:12px 12px 6px 6px;background:#0F1310;height:190px;display:flex;flex-wrap:wrap-reverse;align-content:flex-start;gap:3px;padding:6px;overflow:hidden;position:relative}
.laadbak i{width:14px;height:12px;border-radius:2px;background:var(--groen-accent);opacity:.85;display:block;animation:doosIn .22s ease}
.laadbak i:nth-child(3n){opacity:.6}
.laadbak.vol{border-color:#C1272D}
.laadbak.vol i{background:#E8654E}
@keyframes doosIn{from{transform:scale(.4);opacity:0}to{transform:none}}
@media (prefers-reduced-motion: reduce){.laadbak i{animation:none}}
.inpak-meter{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px}
.inpak-meter .kuub{font:800 30px var(--display);color:var(--groen-accent);letter-spacing:-.02em}
.inpak-meter .van{font-size:13px;color:#8E9B91}
.inpak-advies{background:#151A16;border:1px solid #2A332C;border-radius:14px;padding:16px;margin-top:16px;font-size:14px;line-height:1.55;color:#DCE4DD}
.inpak-advies b{color:var(--groen-accent)}
.inpak-advies .btn{margin-top:12px;width:100%;padding:11px;font-size:14px}
.inpak-reset{background:none;border:none;color:#8E9B91;font:600 13px var(--body);text-decoration:underline;cursor:pointer;margin-top:12px}
@media (max-width:900px){.inpak{grid-template-columns:1fr}.inpak-bus{position:static}.inpak-lijst{grid-template-columns:1fr}}

/* ===== Kilometerkosten-vergelijker ===== */
.kmv{background:var(--zwart);color:var(--wit);border-radius:22px;padding:30px;margin-top:28px}
.kmv h3{font-size:19px;font-weight:800}
.kmv > p{color:#8E9B91;font-size:14px;margin-top:5px}
.kmv-slider{width:100%;margin:22px 0 6px;accent-color:var(--groen-accent);height:30px;cursor:ew-resize}
.kmv-afstand{text-align:center;font:800 26px var(--display);color:var(--groen-accent);letter-spacing:-.02em}
.kmv-afstand small{display:block;font:600 12.5px var(--body);color:#8E9B91;letter-spacing:0;margin-top:2px}
.kmv-balken{display:grid;gap:14px;margin-top:24px}
.kmv-rij .kop{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:7px}
.kmv-rij .kop b{font:800 16px var(--display)}
.kmv-balk{height:14px;border-radius:99px;background:#1E2620;overflow:hidden}
.kmv-balk span{display:block;height:100%;border-radius:99px;transition:width .25s ease}
.kmv-kela span{background:var(--groen-accent)}
.kmv-ander span{background:#B0453C}
.kmv-uitkomst{background:#151A16;border:1px solid #2A332C;border-radius:14px;padding:15px;margin-top:20px;font-size:14.5px;line-height:1.55}
.kmv-uitkomst b{color:var(--groen-accent)}

/* ===== Rijdende wielen bij hover ===== */
.vkaart .fallback svg circle[r="40"],.vkaart .fallback svg circle[r="38"]{transform-box:fill-box;transform-origin:center}
.vkaart:hover .fallback svg{animation:busje .55s ease}
@keyframes busje{0%{transform:none}40%{transform:translateX(7px)}100%{transform:none}}
@media (prefers-reduced-motion: reduce){.vkaart:hover .fallback svg{animation:none}}

/* ===== Open/gesloten-status ===== */
.status-nu{display:inline-flex;align-items:center;gap:8px;background:var(--groen-licht);border:1px solid #C9E6CD;border-radius:99px;padding:7px 15px;font:700 13px var(--display);color:var(--groen-donker)}
.status-nu .stip{width:8px;height:8px;border-radius:50%;background:var(--groen);flex:none}
.status-nu.dicht{background:#FBEEEC;border-color:#F0CFC9;color:#8E332A}
.status-nu.dicht .stip{background:#C1272D}
.status-nu .stip.live{animation:puls2 2s ease-out infinite}
@keyframes puls2{0%{box-shadow:0 0 0 0 rgba(22,163,42,.6)}70%{box-shadow:0 0 0 8px rgba(22,163,42,0)}100%{box-shadow:0 0 0 0 rgba(22,163,42,0)}}
@media (prefers-reduced-motion: reduce){.status-nu .stip.live{animation:none}}

/* ===== Tankmeter ===== */
.tankmeter{display:flex;align-items:center;gap:16px;background:var(--papier);border:1px solid var(--lijn);border-radius:16px;padding:18px 20px;margin-top:16px}
.tankmeter svg{width:72px;height:44px;flex:none}
.tankmeter p{font-size:14.5px;color:#3A443C;margin:0}

/* ===== Kuub-visualisatie ===== */
.kuub-viz{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end;margin-top:26px}
.kuub-kolom{text-align:center}
.kuub-bak{border:2px solid var(--groen);border-radius:10px 10px 4px 4px;background:var(--groen-licht);display:flex;flex-wrap:wrap-reverse;align-content:flex-start;gap:3px;padding:5px;position:relative}
.kuub-bak i{width:13px;height:11px;border-radius:2px;background:var(--groen);opacity:.75;display:block}
.kuub-bak i:nth-child(3n){opacity:.5}
.kuub-naam{font:800 14px var(--display);margin-top:10px}
.kuub-sub{font-size:12.5px;color:var(--grijs)}
@media (max-width:700px){.kuub-viz{grid-template-columns:1fr 1fr}}

/* ===== Route-tijdlijn: asfalt met rijdend busje ===== */
.rit{position:relative;margin-top:40px}
.asfalt{position:relative;height:3px;background:linear-gradient(90deg,transparent,var(--groen) 18%,var(--groen-accent) 50%,var(--groen) 82%,transparent);border-radius:0;overflow:visible;margin:30px 0 32px;opacity:.9}
.asfalt::before{content:none}
.asfalt .rijder{position:absolute;top:50%;transform:translate(-50%,-58%);width:32px;height:auto;color:var(--groen);left:6%;transition:left .12s linear}
.rit-kaarten{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rit-kaart::before{content:"";position:absolute;top:-26px;left:50%;transform:translateX(-50%);width:2px;height:26px;background:repeating-linear-gradient(180deg,var(--groen) 0 5px,transparent 5px 10px);opacity:.45}
.rit-kaart{position:relative}
.rit-kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:20px;padding:28px 24px;transition:transform .2s,box-shadow .2s,border-color .2s}
.rit-kaart:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(13,15,14,.12);border-color:var(--groen)}
.rit-kop{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.rit-nr{width:38px;height:38px;border-radius:11px;background:var(--groen);color:#08240D;font:800 17px var(--display);display:flex;align-items:center;justify-content:center;flex:none}
.rit-ic{width:38px;height:38px;border-radius:11px;background:var(--groen-licht);color:var(--groen-donker);display:flex;align-items:center;justify-content:center;margin-left:auto;flex:none}
.rit-ic svg{width:20px;height:20px}
.rit-kaart h3{font-size:17.5px;font-weight:800}
.rit-kaart p{font-size:14.5px;color:var(--grijs);margin-top:7px;line-height:1.6}
.rit-tip{display:inline-block;margin-top:12px;background:var(--groen-licht);color:var(--groen-donker);border-radius:8px;padding:6px 11px;font:700 12.5px var(--display)}
@media (max-width:860px){.rit-kaarten{grid-template-columns:1fr}.asfalt{display:none}}
@media (prefers-reduced-motion: reduce){.asfalt .rijder{transition:none}}

/* ===== Lichte trust-strip (balans) ===== */
.trust-licht{background:var(--groen-licht);border-bottom:1px solid #C9E6CD}
.trust-licht div{color:var(--groen-donker)}
.trust-licht svg{color:var(--groen)}

/* ===== Kilometerteller (merkmetafoor) ===== */
.teller-blok{background:var(--wit);position:relative;overflow:hidden}
.teller-blok::before{content:"";position:absolute;left:50%;top:-140px;transform:translateX(-50%);width:900px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(22,163,42,.07),transparent 65%);pointer-events:none}
/* De odometer blijft donker: een dashboard hoort donker te zijn */
.dashboard{background:var(--zwart);border-radius:26px;padding:34px 30px 30px;max-width:560px;margin:36px auto 0;box-shadow:0 26px 60px rgba(13,15,14,.28);position:relative;overflow:hidden}
.dash-noot{color:#8E9B91;font-size:13.5px;margin-top:20px;font-weight:600}
.dashboard::before{content:"";position:absolute;left:50%;top:-90px;transform:translateX(-50%);width:420px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(59,209,86,.18),transparent 65%)}
.dashboard > *{position:relative;z-index:1}
.teller-wrap{position:relative;z-index:1;text-align:center;max-width:760px;margin:0 auto}
.odometer{display:inline-flex;gap:6px;background:#0A0D0B;border:1px solid #2A332C;border-radius:14px;padding:16px 18px;box-shadow:inset 0 2px 14px rgba(0,0,0,.75)}
.od-cijfer{width:44px;height:62px;border-radius:8px;background:linear-gradient(#0E120F,#1B221C);border:1px solid #2E382F;display:flex;align-items:center;justify-content:center;font:800 32px var(--display);color:var(--groen-accent);font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(59,209,86,.45)}
.od-cijfer.oneindig{font-size:40px;color:var(--groen-accent)}
.od-cijfer{overflow:hidden}
.od-cijfer.rol{animation:odrol .16s ease-out}
@keyframes odrol{from{opacity:.35;transform:translateY(-14%) scale(.94)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.od-cijfer.rol{animation:none}}
.od-label{display:block;font:600 11.5px var(--body);letter-spacing:.14em;text-transform:uppercase;color:#8E9B91;margin-bottom:16px}
.teller-blok h2{font-size:clamp(30px,3.6vw,42px);font-weight:800;letter-spacing:-.025em;margin-top:16px;color:var(--tekst)}
.teller-blok h2 em{font-style:normal;color:var(--groen-donker)}
.teller-blok > .wrap > .teller-wrap > p{color:var(--grijs);font-size:17px;margin-top:16px;line-height:1.65}
.teller-usps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;text-align:left}
.teller-usp{background:var(--wit);border:1px solid var(--lijn);border-radius:18px;padding:28px 26px;transition:transform .18s,box-shadow .18s,border-color .18s}
.teller-usp:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(13,15,14,.1);border-color:var(--groen)}
.teller-usp .ic{width:46px;height:46px;border-radius:13px;background:var(--groen-licht);color:var(--groen-donker);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.teller-usp .ic svg{width:22px;height:22px}
.teller-usp h3{font-size:17px;font-weight:800;margin-bottom:6px}
.teller-usp p{font-size:14.5px;color:var(--grijs);line-height:1.6}
@media (max-width:860px){.teller-usps{grid-template-columns:1fr}.od-cijfer{width:36px;height:52px;font-size:26px}}

/* ===== Scenario's ===== */
.scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scen{position:relative;background:var(--wit);border:1px solid var(--lijn);border-radius:22px;padding:30px 28px;display:flex;flex-direction:column;gap:12px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;text-decoration:none;color:inherit}
.scen:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(13,15,14,.13);border-color:var(--groen)}
.scen .ic{width:50px;height:50px;border-radius:14px;background:var(--groen-licht);color:var(--groen-donker);display:flex;align-items:center;justify-content:center}
.scen .ic svg{width:25px;height:25px}
.scen h3{font-size:19px;font-weight:800}
.scen p{color:var(--grijs);font-size:14.5px;line-height:1.55}
.scen .tip{font-size:13px;font-weight:700;color:var(--groen-donker);background:var(--groen-licht);border-radius:8px;padding:8px 12px;display:inline-block;width:fit-content}
.scen .ga{margin-top:auto;padding-top:14px;font-weight:700;color:var(--groen-donker);font-size:14.5px}
@media (max-width:900px){.scenarios{grid-template-columns:1fr}}

/* ===== Blog ===== */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.blog-kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit}
.blog-kaart:hover{transform:translateY(-4px);box-shadow:var(--schaduw)}
.blog-kaart .bk-beeld{background:var(--groen-licht);padding:22px;display:flex;align-items:center;justify-content:center;color:var(--groen-donker)}
.blog-kaart .bk-beeld svg{width:100%;max-width:180px;height:auto}
.blog-kaart .bk-body{padding:24px;display:flex;flex-direction:column;gap:9px;flex:1}
.blog-kaart .bk-cat{font:700 11.5px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--groen-donker)}
.blog-kaart h3{font-size:18px;font-weight:800;line-height:1.3}
.blog-kaart p{font-size:14.5px;color:var(--grijs);line-height:1.55}
.blog-kaart .bk-lees{margin-top:auto;padding-top:12px;font-weight:700;color:var(--groen-donker);font-size:14.5px}
.blog-lang{max-width:720px;margin:0 auto}
.artikel-beeld{border-radius:20px;overflow:hidden;margin:0 0 30px;box-shadow:0 16px 40px rgba(13,15,14,.10)}
.artikel-beeld img{width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;display:block}
.blog-lang h2{position:relative;margin-top:38px;font-size:23px;font-weight:800;padding-left:16px}
.blog-lang h2::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;border-radius:4px;background:var(--groen)}
.kader{background:var(--groen-licht);border:1px solid #C0E4C6;border-radius:16px;padding:20px 22px;margin:24px 0}
.kader p{margin-top:0!important;font-size:15.5px!important}
.kader b{color:var(--groen-donker)}
.kader.let-op{background:#FDF2F1;border-color:#F2CFCB}
.kader.let-op b{color:#C1272D}
.blog-hero .terug-link-licht{display:inline-block;margin-bottom:18px;font-weight:700;color:var(--groen-accent);text-decoration:none;font-size:14.5px}
.blog-hero .blog-meta-licht{color:#8E9B91;font-size:14px;margin-top:12px}
.blog-intro{font-size:19px;line-height:1.7;color:var(--tekst);font-weight:500;margin-bottom:8px}
.blog-lang p{font-size:16.5px;line-height:1.75;color:#2C332D;margin-top:14px}
.blog-lang h3{margin-top:30px;font-size:19px;font-weight:800}
.blog-lang ul{margin-top:16px;display:grid;gap:10px;padding-left:0;list-style:none}
.blog-lang ul li{position:relative;padding-left:28px;font-size:16px;line-height:1.65;color:#2C332D}
.blog-lang ul li::before{content:"";position:absolute;left:4px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--groen)}
.blog-lang h2{margin-top:44px;font-size:26px;font-weight:800;letter-spacing:-.01em;padding-top:8px}
.verwant{border-top:1px solid var(--lijn);margin-top:48px;padding-top:32px}
.verwant h2{margin-top:0;font-size:20px}
.verwant-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.verwant-kaart{display:block;border:1px solid var(--lijn);border-radius:16px;padding:20px;text-decoration:none;transition:border-color .15s,transform .15s}
.verwant-kaart:hover{border-color:var(--groen);transform:translateY(-3px)}
.verwant-kaart .vc-cat{font:700 11.5px var(--display);text-transform:uppercase;letter-spacing:.05em;color:var(--groen-donker)}
.verwant-kaart h3{font-size:16px;font-weight:800;margin-top:6px;color:var(--tekst)}
.verwant-kaart p{font-size:14px;color:var(--grijs);margin-top:5px;line-height:1.5}
@media (max-width:640px){.verwant-grid{grid-template-columns:1fr}}
.blog-lang h2{margin-top:40px;font-size:26px}
.blog-lang h3{margin-top:26px;font-size:19px}
.blog-lang p{margin-top:12px;color:#3A443C;font-size:16.5px;line-height:1.7}
.blog-lang ul{margin-top:12px;padding-left:22px;color:#3A443C;font-size:16.5px;line-height:1.7}
.blog-lang li{margin-top:6px}
.blog-meta{color:var(--grijs);font-size:14px;margin-top:8px}
.terug-link{display:inline-block;margin-bottom:24px;font-weight:700;color:var(--groen-donker);text-decoration:none}
@media (max-width:900px){.blog-grid{grid-template-columns:1fr}}

/* ===== Compacte voertuigkaart (home) ===== */
.vk-compact .body{padding:22px}
.vk-compact .spec-tabel,.vk-compact .sub{display:none}
.vk-compact .vk-mini{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.vk-compact .vk-mini span{background:var(--papier);border:1px solid var(--lijn);border-radius:99px;padding:5px 11px;font-size:12.5px;font-weight:600;color:#3A443C}

/* ===== Reviews (donker) ===== */
.reviews-sectie{background:var(--zwart);color:var(--wit);position:relative;overflow:hidden}
.reviews-sectie::before{content:"";position:absolute;left:-160px;bottom:-200px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(59,209,86,.1),transparent 65%);pointer-events:none}
.reviews-sectie .wrap{position:relative;z-index:1}
.reviews-sectie .sec-kop h2{color:var(--wit)}
.reviews-sectie .sec-kop p{color:#A9B5AC}
.reviews-sectie .eyebrow{background:rgba(59,209,86,.14);color:var(--groen-accent)}
.reviews-sectie .review{background:#151A16;border:1px solid #232B25}
.reviews-sectie .review p{color:#C3CEC5}
.reviews-sectie .review footer{color:var(--wit)}
.reviews-sectie .review .sterren{color:var(--groen-accent)}

/* ===== Live Google-beoordeling ===== */
.g-score{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:0 0 28px}
.g-score .g-mark{display:flex;align-items:center;gap:7px;font:700 15px var(--display)}
.g-score .g-cijfer{font:800 26px var(--display);line-height:1}
.g-score .g-sterren{color:#FBBC04;letter-spacing:2px;font-size:19px;line-height:1}
.g-score .g-aantal{font:500 13.5px var(--body);color:var(--grijs)}
.reviews-sectie .g-score .g-aantal{color:#A9B5AC}
.reviews-sectie .g-score .g-mark{color:var(--wit)}
.g-score a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;opacity:.8}
.g-score a:hover{opacity:1}
.g-score[data-status="laden"]{opacity:.45}
.review .g-auteur{display:flex;align-items:center;gap:11px;margin-top:auto}
.review .g-auteur img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 38px;background:var(--lijn)}
.review .g-auteur b{font:700 14px var(--display);display:block}
.review .g-auteur span{display:block;font:500 12.5px var(--body);color:#8D998F}

/* ===== Voor wie (donker blok) ===== */
.voorwie-sectie{background:var(--zwart);color:var(--wit);position:relative;overflow:hidden}
.voorwie-sectie::before{content:"";position:absolute;right:-180px;top:-180px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(59,209,86,.13),transparent 65%);pointer-events:none}
.voorwie-sectie .wrap{position:relative;z-index:1}
.voorwie-sectie .sec-kop h2{color:var(--wit)}
.voorwie-sectie .sec-kop p{color:#A9B5AC}
.voorwie-sectie .eyebrow{background:rgba(59,209,86,.14);color:var(--groen-accent)}
.voorwie-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.voorwie{position:relative;background:#151A16;border:1px solid #232B25;border-radius:22px;padding:38px 34px 34px;display:flex;flex-direction:column;gap:15px;overflow:hidden;transition:border-color .2s,transform .2s}
.voorwie::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--groen-accent);transform:scaleY(0);transform-origin:top;transition:transform .25s}
.voorwie:hover{border-color:#33402F;transform:translateY(-4px)}
.voorwie:hover::after{transform:scaleY(1)}
.voorwie .icoon{width:54px;height:54px;border-radius:16px;background:rgba(59,209,86,.13);display:flex;align-items:center;justify-content:center;color:var(--groen-accent)}
.voorwie .icoon svg{width:27px;height:27px}
.voorwie h3{font-size:24px;font-weight:800;letter-spacing:-.02em}
.voorwie > p{color:#B4C0B7;font-size:15.5px;line-height:1.6}
.voorwie ul{list-style:none;display:grid;gap:9px;margin-top:2px}
.voorwie li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:#DCE4DD}
.voorwie li svg{width:17px;height:17px;flex:none;margin-top:3px;color:var(--groen-accent)}
.voorwie .vw-voet{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #232B25;flex-wrap:wrap}
.voorwie .vw-voet a{font-weight:700;color:var(--groen-accent);text-decoration:none;font-size:15px}
.voorwie .vw-voet a:hover{text-decoration:underline}
.voorwie .vanaf{font:800 15px var(--display);color:var(--wit)}
.voorwie .vanaf small{font-weight:500;color:#8E9B91;font-size:12.5px}
@media (max-width:760px){.voorwie-grid{grid-template-columns:1fr}}

/* ===== Vergelijkingstool ===== */
#vgPeriodes{justify-content:center;margin-top:4px}
.vg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}
.vg-kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius);padding:20px;text-align:center;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}
.vg-kaart:hover{transform:translateY(-4px);border-color:var(--groen);box-shadow:0 18px 44px rgba(22,163,42,.16)}
.vg-illu svg{width:100%;height:auto;border-radius:10px}
.vg-illu img{width:100%;height:auto;border-radius:10px;display:block;aspect-ratio:16/10;object-fit:cover}
.vg-kaart h3{font-size:16.5px;font-weight:800;margin-top:12px}
.vg-vol{font-size:13px;color:var(--grijs);margin-top:2px}
.vg-prijs{font:800 30px var(--display);margin-top:10px;letter-spacing:-.02em}
.vg-per{font-size:12.5px;color:var(--grijs);margin-top:2px}
.vg-badge{display:inline-block;margin:10px auto 2px;background:var(--groen);color:#0D0F0E;font:700 12px var(--display);padding:5px 14px;border-radius:99px}
.vg-plus{display:inline-block;margin:10px auto 2px;font:600 12.5px var(--body);color:var(--grijs)}
.vg-kaart .btn{margin-top:10px;padding:11px;font-size:14px}

/* ===== Voertuiglijst (Bo-rent-stijl) ===== */
.lijst-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.lijst-tools .pd-opties{align-items:center}
.lijst-tools .toon{font:600 14px var(--body);color:var(--grijs)}
.lijst-tools label{font:600 14px var(--body);color:var(--grijs);display:flex;align-items:center;gap:10px}
.lijst-tools select{padding:9px 14px;border:1.5px solid var(--lijn);border-radius:10px;font:600 14px var(--body);background:var(--wit);color:var(--tekst);cursor:pointer}
.vk-kop{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.vk-kop .vol{font:800 14px var(--display);color:var(--groen-donker);white-space:nowrap}
.spec-tabel{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:14px}
.spec-tabel td{padding:11px 12px;border-bottom:1px solid var(--lijn);vertical-align:top}
.spec-tabel tr:last-child td{border-bottom:none}
.spec-tabel td:first-child{color:var(--grijs);width:44%;font-weight:500}
.spec-tabel td:last-child{font-weight:700;color:var(--tekst)}
.spec-tabel tr.spec-groep td{border-bottom:2px solid var(--groen);color:var(--groen-donker);font:800 12.5px var(--display);letter-spacing:.08em;text-transform:uppercase;padding:20px 12px 8px}
.spec-tabel tr:first-child.spec-groep td{padding-top:4px}

/* ===== Voertuigdetail: maten in één oogopslag ===== */
.vd-maten-diagram{background:#F4F8F4;border:1px solid var(--lijn);border-radius:14px;padding:10px;margin-bottom:14px}
.vd-maten-diagram svg{width:100%;height:auto;display:block}
.vd-maat-tegels{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:760px){.vd-maat-tegels{grid-template-columns:repeat(4,1fr)}}
.vd-maat-tegel{background:var(--papier);border:1px solid var(--lijn);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.vd-maat-tegel .mt-label{font:600 11.5px var(--body);color:var(--grijs);letter-spacing:.02em}
.vd-maat-tegel .mt-waarde{font:800 19px var(--display);letter-spacing:-.01em;color:var(--tekst)}
.vd-maat-tegel .mt-sub{font-size:11.5px;color:var(--grijs-licht)}
.vd-maten-rij{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.vd-maten-rij>div{background:var(--wit);border:1px solid var(--lijn);border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:600}
.vd-maten-rij b{display:block;font:800 11.5px var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--groen-donker);margin-bottom:2px}
@media (max-width:560px){.vd-maten-rij{grid-template-columns:1fr}}

/* ===== Echte foto's (gedeeld via KELA_FOTOS) ===== */
.foto-echt{border-radius:20px;overflow:hidden;background:#EAF2EB}
.foto-echt img{width:100%;height:100%;object-fit:cover;display:block}
.tu-beeld img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.tk-foto{width:96px;align-self:stretch;min-height:72px;border-radius:12px;flex:none;overflow:hidden;background:#EAF2EB}
.tk-foto img{width:100%;height:100%;object-fit:cover;display:block}
.bk-beeld.bk-foto{padding:0!important}
.bk-beeld.bk-foto img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}

/* ===== Stappen ===== */
.stappen{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:stap}
.stap{background:#141814;border:1px solid var(--lijn-donker);border-radius:var(--radius);padding:24px 20px;counter-increment:stap}
.stap::before{content:counter(stap);font:800 15px var(--display);color:var(--zwart);background:var(--groen);width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.stap h3{font-weight:700;font-size:16px;margin-top:16px;color:var(--wit)}
.stap p{margin-top:8px;font-size:13.5px;color:var(--grijs-licht)}

/* ===== Testimonials ===== */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.review{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:14px}
.review .sterren{color:var(--groen);letter-spacing:2px;font-size:16px}
.review p{font-size:15.5px;color:#3A443C}
.review footer{margin-top:auto;font:700 14px var(--display)}
.review footer span{display:block;font:500 13px var(--body);color:var(--grijs)}

/* ===== Over ons ===== */
.over-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}
.over-grid .foto{border-radius:20px;overflow:hidden;background:linear-gradient(150deg,var(--groen-donker),var(--zwart));aspect-ratio:4/3;position:relative}
.over-grid .foto img{width:100%;height:100%;object-fit:cover}
.over-grid .foto .fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85)}
.over-grid h3{font-weight:700;font-size:19px;margin-top:26px}
.over-grid p{margin-top:10px;color:var(--grijs)}
.kern-lijst{list-style:none;margin-top:22px;display:grid;gap:14px}
.kern-lijst li{display:flex;gap:12px;font-size:15.5px}
.kern-lijst svg{width:20px;height:20px;flex:none;color:var(--groen);margin-top:3px}

/* ===== FAQ ===== */
.faq{max-width:1120px;margin:0 auto;column-count:2;column-gap:20px}
.faq details{break-inside:avoid}
@media (max-width:820px){.faq{column-count:1;max-width:780px}}
details{border:1px solid var(--lijn);border-radius:14px;background:var(--wit);margin-bottom:12px}
summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 24px;min-height:91px;font:700 16px var(--display)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:700 22px var(--display);color:var(--groen);transition:transform .2s;flex:none}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 24px 20px;color:var(--grijs);font-size:15px;line-height:1.65}
details{margin-bottom:10px;transition:border-color .15s}
details:hover{border-color:#C0CCC3}
details[open]{border-color:var(--groen);background:var(--papier)}
details[open] summary{color:var(--groen-donker)}
details p a{color:var(--groen-donker);font-weight:700}

/* ===== CTA banner ===== */
.cta-banner{background:linear-gradient(120deg,var(--groen-donker),#0A2E13);border-radius:24px;padding:56px 48px;color:var(--wit);display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;position:relative;overflow:hidden}
.cta-banner::before{content:"";position:absolute;right:-120px;bottom:-160px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(0,205,0,.25),transparent 65%)}
.cta-banner h2{font-weight:800;font-size:clamp(24px,3vw,34px);line-height:1.15;max-width:22ch}
.cta-banner p{margin-top:10px;color:#B9D3BF;max-width:44ch}
.cta-banner .acties{display:flex;gap:14px;flex-wrap:wrap;position:relative}

/* ===== Contact ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.formulier{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius);padding:32px}
.hp-veld{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.formulier h3{font-weight:700;font-size:20px;margin-bottom:20px}
.f-veld{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.f-veld label{font:600 13px var(--body);color:var(--grijs)}
.f-veld input,.f-veld textarea{font:500 15.5px var(--body);border:1.5px solid var(--lijn);border-radius:10px;padding:12px 14px;background:var(--papier);width:100%;color:var(--tekst)}
.f-veld input:focus,.f-veld textarea:focus{border-color:var(--groen);outline:none;background:var(--wit)}
.contact-info{display:grid;gap:20px}
.info-kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius);padding:26px;display:flex;gap:16px}
.info-kaart svg{width:22px;height:22px;flex:none;color:var(--groen-donker);margin-top:3px}
.info-kaart h4{font-weight:700;font-size:16px}
.info-kaart p,.info-kaart a{font-size:15px;color:var(--grijs);text-decoration:none;margin-top:4px;display:block}
.info-kaart a:hover{color:var(--groen-donker)}
.kaart-embed{border-radius:var(--radius);overflow:hidden;border:1px solid var(--lijn);margin-top:40px}
.kaart-embed iframe{width:100%;height:380px;border:0;display:block}
.socials{display:flex;gap:12px;margin-top:6px}
.socials a{width:42px;height:42px;border-radius:12px;border:1.5px solid var(--lijn);display:flex;align-items:center;justify-content:center;color:var(--tekst);transition:all .15s}
.socials a:hover{border-color:var(--groen);color:var(--groen-donker);background:var(--groen-licht)}
.socials svg{width:19px;height:19px}

/* ===== Footer ===== */
footer.site{background:var(--zwart);color:var(--grijs-licht);padding:60px 0 32px;border-top:5px solid var(--groen)}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px}
.foot-logo{display:inline-block}
.foot-logo img{height:44px;width:auto;display:block}
.foot-logo img{height:40px;width:auto}
.foot-grid h4{font:700 15px var(--display);color:var(--wit);margin-bottom:14px}
.foot-grid ul{list-style:none;display:grid;gap:9px;font-size:14.5px}
.foot-grid a{text-decoration:none}
.foot-grid a:hover{color:var(--groen)}
.foot-onder{margin-top:44px;padding-top:22px;border-top:1px solid var(--lijn-donker);display:flex;justify-content:space-between;gap:16px;font-size:13px;flex-wrap:wrap}
.ifago-credit{margin-top:22px;padding-top:18px;border-top:1px solid var(--lijn-donker);text-align:center;font-size:13px;font-weight:700;color:var(--wit)}
.ifago-credit a{color:var(--wit)}
.ifago-credit img{height:20px;width:auto;vertical-align:middle;margin-left:6px}

/* ===== Mobiele actiebalk ===== */
.mob-balk{display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--wit);border-top:1px solid var(--lijn);padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:10px;box-shadow:0 -8px 30px rgba(0,0,0,.1)}
.mob-balk .btn{flex:1;padding:13px}

/* ===== Toegankelijkheid & snelkeuze ===== */
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--groen);color:#111;font:700 14px var(--display);padding:10px 16px;border-radius:10px;text-decoration:none}
.skip:focus{left:8px}
.snelkeuze{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;align-items:center}
.snelkeuze span{font:700 12px var(--display);letter-spacing:.08em;text-transform:uppercase;color:#B9C4BB}
.snelkeuze a{font:600 13.5px var(--body);color:#E8EDE9;text-decoration:none;border:1.5px solid rgba(255,255,255,.3);border-radius:99px;padding:8px 15px;transition:all .15s;background:rgba(10,12,11,.4)}
.snelkeuze a:hover{border-color:var(--groen);color:var(--groen)}

/* ===== Spelregels & ophaal-checklist ===== */
.spelregels-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:start}
.spelregels-grid .faq{max-width:none;margin:0}
.checklist-kaart{background:var(--zwart);color:var(--wit);border-radius:var(--radius);padding:30px}
.checklist-kaart h3{font-weight:800;font-size:19px}
.checklist-kaart > p{color:var(--grijs-licht);font-size:14px;margin-top:6px}
.checklist-kaart ol{list-style:none;counter-reset:cs;margin-top:18px;display:grid;gap:14px}
.checklist-kaart li{display:flex;gap:12px;font-size:14.5px;counter-increment:cs;align-items:flex-start;line-height:1.5}
.checklist-kaart li::before{content:counter(cs);font:800 13px var(--display);background:var(--groen);color:#111;border-radius:8px;min-width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex:none}
.checklist-kaart .meeneem{margin-top:20px;border-top:1px solid var(--lijn-donker);padding-top:16px;font-size:14px;color:#C8D2CA}
.checklist-kaart .meeneem b{color:var(--groen-accent)}
@media (max-width:980px){.spelregels-grid{grid-template-columns:1fr}.checklist-kaart{position:static}}

/* ===== Keuzehulp ===== */
.keuze{background:var(--wit);border:1px solid var(--lijn);border-radius:20px;padding:32px;box-shadow:var(--schaduw);max-width:860px;margin:0 auto 72px}
.keuze h3{font-weight:800;font-size:21px}
.keuze .keuze-sub{color:var(--grijs);font-size:15px;margin-top:6px;margin-bottom:18px}
.keuze-resultaat{display:none;margin-top:20px;background:var(--groen-licht);border:1px solid #C9EFC9;border-radius:14px;padding:24px}
.keuze-resultaat h4{font-weight:800;font-size:18px;color:var(--groen-donker)}
.keuze-resultaat p{margin-top:8px;font-size:15px;color:#2A4A33}
.keuze-acties{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.kennis{margin-top:0}

/* ===== WhatsApp ===== */
.wa-float{position:fixed;right:22px;bottom:20px;z-index:65;width:48px;height:48px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;color:#06301C;box-shadow:0 8px 20px rgba(0,0,0,.22);transition:transform .15s;text-decoration:none}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:26px;height:26px}
@media (max-width:640px){.wa-float{bottom:88px;right:18px}}
.btn-wa{background:#25D366;color:#06301C}
.btn-wa:hover{background:#1FB958;color:#06301C}
.info-kaart a.whatsapp{color:var(--groen-donker);font-weight:600}

/* ===== Klik-om-te-laden kaart ===== */
.kaart-vak{border:1px solid var(--lijn);border-radius:var(--radius);overflow:hidden;background:var(--papier)}
.kaart-knop{width:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:34px 24px;background:var(--papier);border:0;cursor:pointer;font:inherit;color:var(--tekst);text-align:center;
  transition:background .18s}
.kaart-knop:hover{background:var(--groen-licht)}
.kaart-knop:focus-visible{outline:2px solid var(--groen);outline-offset:-4px}
.kaart-knop svg{width:34px;height:34px;color:var(--groen-donker)}
.kaart-knop span{display:block;font-size:15px;color:var(--grijs)}
.kaart-knop span b{display:block;font:800 17px var(--display);color:var(--tekst);margin-bottom:3px}
.kaart-knop small{font-size:12.5px;color:var(--grijs-licht);max-width:34ch}
.kaart-vak iframe{display:block;border:0;width:100%;height:420px}

/* ===== Prijs-tool ===== */
dialog.prijs-dialog{border:none;border-radius:20px;padding:0;max-width:520px;width:calc(100% - 32px);box-shadow:0 40px 100px rgba(0,0,0,.4)}
dialog.prijs-dialog::backdrop{background:rgba(13,15,14,.55)}
.pd-kop{background:var(--zwart);color:var(--wit);padding:22px 26px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.pd-kop h3{font:700 19px var(--display);letter-spacing:-.01em}
.pd-kop p{font-size:13px;color:var(--grijs-licht);margin-top:3px}
.pd-sluit{background:none;border:none;color:var(--wit);font-size:26px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:8px;flex:none}
.pd-sluit:hover{background:rgba(255,255,255,.12)}
.pd-body{padding:22px 26px 26px;max-height:72vh;overflow-y:auto}
.pd-body .f-veld{margin-bottom:14px}
.pd-opties{display:flex;flex-wrap:wrap;gap:8px}
.pd-opties button{font:700 13.5px var(--display);padding:9px 14px;border-radius:99px;border:1.5px solid var(--lijn);background:var(--wit);cursor:pointer;color:var(--grijs)}
.pd-opties button:hover{border-color:var(--groen)}
.pd-opties button[aria-pressed="true"]{background:var(--zwart);color:var(--wit);border-color:var(--zwart)}
.pd-check{display:flex;gap:10px;align-items:flex-start;background:var(--papier);border:1px solid var(--lijn);border-radius:12px;padding:13px 14px;margin-top:6px;cursor:pointer}
.pd-check input{margin-top:3px;width:17px;height:17px;accent-color:var(--groen);flex:none}
.pd-check b{font-size:14.5px}
.pd-check small{display:block;color:var(--grijs);font-size:12.5px;margin-top:2px}
.pd-tabel{width:100%;border-collapse:collapse;margin-top:16px;font-size:14.5px}
.pd-tabel td{padding:9px 0;border-bottom:1px dashed var(--lijn)}
.pd-tabel td:last-child{text-align:right;font-weight:600;white-space:nowrap}
.pd-tabel td .gratis{color:var(--groen-donker);font-weight:700}
.pd-tabel tr.totaal td{border-bottom:none;padding-top:14px;font:800 18px var(--display)}
.pd-borg{margin-top:14px;background:var(--groen-licht);border:1px solid #C9EFC9;border-radius:12px;padding:13px 14px;font-size:13.5px;color:var(--groen-donker);line-height:1.55}
.pd-voet{margin-top:16px}
.pd-voet .btn{width:100%}
.pd-disclaimer{font-size:12px;color:var(--grijs);margin-top:10px;text-align:center}

/* ===== Responsive ===== */
@media (max-width:980px){
  .hero .wrap{padding-top:52px;padding-bottom:48px}
  .boekbalk{flex-direction:column;align-items:stretch}
  .boekbalk .btn{width:100%}
  .voordelen,.wagenpark,.reviews{grid-template-columns:1fr 1fr}
  .vg-grid{grid-template-columns:1fr 1fr}
  .stappen{grid-template-columns:1fr 1fr 1fr}
  .over-grid,.contact-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  nav.main{display:none}
  nav.main.open{display:flex;position:absolute;top:100%;left:0;right:0;background:#101411;flex-direction:column;padding:16px 24px;border-bottom:1px solid #1B211D;gap:6px;margin-left:0}
  .menu-btn{display:block}
  header.site .btn{display:none}
}
@media (max-width:640px){
  section.blok{padding:60px 0}
  .voordelen,.wagenpark,.reviews{grid-template-columns:1fr}
  .vg-grid{grid-template-columns:1fr}
  .stappen{grid-template-columns:1fr}
  .cta-banner{padding:40px 28px}
  .foot-grid{grid-template-columns:1fr}
  .mob-balk{display:flex}
  body{padding-bottom:74px}
  .trust .wrap{justify-content:flex-start}
}

/* ===== Print / PDF opslaan ===== */
@media print{
  header.site,.menu-btn,.mob-balk,.wa-float,.snelkeuze,.skip,.pd-open{display:none!important}
  main > section.pagina{display:block!important;page-break-before:always}
  main > section.pagina:first-child{page-break-before:auto}
  body{padding-bottom:0}
  .hero{background:#fff!important;color:#111!important}
  .hero-bg,.hero::before,.hero::after{display:none!important}
  .hero h1 em{color:#00481A}
  .hero p.lead,.hero-bel span,.hero-zeker{color:#222!important}
  .hero-bel a{color:#111!important}
  .blok-donker,.stap,.contact-kaart,.checklist-kaart,footer.site,.voorwie-sectie,.reviews-sectie,.voorwie,.reviews-sectie .review,.trust{background:#fff!important;color:#111!important;border:1px solid #bbb}
  .blok-donker .sec-kop p,.stap p,.checklist-kaart > p,.checklist-kaart .meeneem,.contact-rij,footer.site,.ifago-credit,.ifago-credit a{color:#333!important}
  .stap h3,.checklist-kaart h3,.foot-grid h4,.contact-kaart h3{color:#111!important}
  .tijden td,.tijden td:last-child{color:#111!important}
  .cta-banner{background:#fff!important;color:#111!important;border:2px solid #00481A}
  .cta-banner p{color:#333!important}
  .btn{border:1.5px solid #00481A!important;color:#00481A!important;background:#fff!important;box-shadow:none!important}
  a{color:#00481A}
  .badge-bel{background:#fff!important;color:#111!important;border-color:#999}
  .boekbalk{box-shadow:none;border:1px solid #ccc}
}

/* ===== Voor elke klus, een Kela bus ===== */
.klus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
@media (max-width:980px){.klus-grid{grid-template-columns:1fr;gap:18px}}
.klus{background:var(--wit);border:1px solid var(--lijn);border-radius:20px;overflow:hidden;text-decoration:none;
  color:inherit;display:flex;flex-direction:column;position:relative;transition:transform .18s,box-shadow .18s,border-color .18s}
.klus:hover{transform:translateY(-4px);border-color:var(--groen);box-shadow:0 18px 44px rgba(13,15,14,.13)}
.klus::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--groen-accent);transform:scaleX(0);transform-origin:left;transition:transform .25s;z-index:3}
.klus:hover::before{transform:scaleX(1)}
.klus-beeld{position:relative;background:#0E1A12;border-bottom:1px solid var(--lijn);overflow:hidden}
.klus-beeld svg{width:100%;height:auto;display:block}
.klus-beeld img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover;transition:transform .35s}
.klus:hover .klus-beeld img{transform:scale(1.04)}
.klus-label{position:absolute;top:15px;left:15px;z-index:2;background:var(--groen);color:var(--zwart);
  font:800 11px var(--display);letter-spacing:.09em;text-transform:uppercase;border-radius:99px;padding:6px 13px}
.klus-tag{position:absolute;left:0;right:0;bottom:0;z-index:2;background:linear-gradient(transparent,rgba(6,12,8,.92) 42%);
  color:#C9F5D3;font:600 12.5px var(--body);padding:26px 16px 12px;text-align:center;letter-spacing:.01em}
.klus-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.klus-body h3{font-size:19.5px;margin:0 0 8px}
.klus-body>p{color:var(--grijs);font-size:14.5px;line-height:1.6;margin:0 0 14px}
.klus-punten{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px}
.klus-punten li{position:relative;padding-left:26px;font-size:14px;line-height:1.5;color:var(--tekst)}
.klus-punten li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;
  background:var(--groen-licht);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E7A1F' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  background-size:11px;background-repeat:no-repeat;background-position:center}
.klus-voet{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding-top:15px;border-top:1px solid var(--lijn);flex-wrap:wrap}
.klus-prijs{font:800 14px var(--display);color:var(--zwart)}
.klus-prijs small{display:block;font:600 11.5px var(--display);color:var(--groen-donker);letter-spacing:.03em;margin-top:2px}
.klus-ga{font:700 13.5px var(--display);color:var(--groen-donker)}
.klus:hover .klus-ga{text-decoration:underline}

.klus-strook{margin-top:26px;background:var(--wit);border:1px solid var(--lijn);border-radius:18px;
  padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ks-tekst{display:flex;flex-direction:column;gap:3px;max-width:640px}
.ks-tekst strong{font:800 16.5px var(--display)}
.ks-tekst span{color:var(--grijs);font-size:14.5px;line-height:1.55}
.ks-knoppen{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:640px){.ks-knoppen{width:100%}.ks-knoppen .btn{flex:1}}

/* ===== Even goed voorbereid de weg op ===== */
.tips-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;margin-top:34px;align-items:stretch}
@media (max-width:980px){.tips-grid{grid-template-columns:1fr}}
.tip-uitgelicht{background:var(--wit);border:1px solid var(--lijn);border-radius:20px;overflow:hidden;
  text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}
.tip-uitgelicht:hover{transform:translateY(-4px);border-color:var(--groen);box-shadow:0 18px 44px rgba(13,15,14,.14)}
.tu-beeld{position:relative;background:#0E1A12}
.tu-beeld svg{width:100%;height:auto;display:block}
.tu-cat{position:absolute;top:16px;left:16px;background:var(--groen);color:var(--zwart);
  font:800 11px var(--display);letter-spacing:.09em;text-transform:uppercase;border-radius:99px;padding:6px 13px}
.tu-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.tu-lees{font:700 11.5px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--groen-donker);margin-bottom:9px}
.tu-body h3{font-size:23px;line-height:1.25;margin:0 0 10px}
.tu-body p{color:var(--grijs);font-size:15px;line-height:1.65;margin:0 0 18px}
.tu-ga{margin-top:auto;font:700 14.5px var(--display);color:var(--groen-donker)}
.tip-uitgelicht:hover .tu-ga{text-decoration:underline}

.tips-rij{display:grid;gap:14px}
.tip-kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:16px;padding:18px;display:flex;gap:16px;
  text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}
.tip-kaart:hover{transform:translateX(4px);border-color:var(--groen);box-shadow:0 12px 30px rgba(13,15,14,.1)}
.tk-ic{width:50px;height:50px;border-radius:14px;flex:none;display:flex;align-items:center;justify-content:center}
.tk-ic svg{width:25px;height:25px}
.tk-ic-groen{background:var(--groen-licht);color:var(--groen-donker)}
.tk-ic-blauw{background:#E1EDF7;color:#1F5C8F}
.tk-ic-geel{background:#FDF3D3;color:#8A6A00}
.tk-body{display:flex;flex-direction:column;min-width:0}
.tk-cat{font:700 11px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--grijs-licht);margin-bottom:5px}
.tk-body h3{font-size:16.5px;line-height:1.3;margin:0 0 6px}
.tk-body p{color:var(--grijs);font-size:13.8px;line-height:1.55;margin:0 0 9px}
.tk-ga{margin-top:auto;font:700 13px var(--display);color:var(--groen-donker)}
.tip-kaart:hover .tk-ga{text-decoration:underline}

/* ===== Miles chatbot ===== */
.miles-fab{position:fixed;right:18px;bottom:92px;z-index:66;display:flex;align-items:center;gap:10px;
  padding:0;border:none;cursor:pointer;background:none;font-family:var(--display)}
.miles-fab .miles-bubble{width:56px;height:56px;border-radius:50%;background:var(--groen);color:var(--zwart);
  display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(22,163,42,.4);
  transition:transform .15s;position:relative;flex:none;border:2px solid rgba(255,255,255,.85)}
.miles-fab:hover .miles-bubble{transform:scale(1.07)}
.miles-fab .miles-bubble svg{width:36px;height:36px}
.miles-fab .miles-uitroep{position:absolute;top:-4px;right:-4px;width:17px;height:17px;border-radius:50%;z-index:2;
  background:var(--zwart);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--wit)}
.miles-fab .miles-praat{background:var(--wit);color:var(--tekst);font-weight:700;font-size:14px;
  padding:9px 15px;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.14);white-space:nowrap;border:1px solid var(--lijn)}
@media (max-width:640px){.miles-fab{bottom:152px;right:14px}.miles-fab .miles-praat{display:none}}

.miles-venster{position:fixed;right:18px;bottom:18px;z-index:80;width:390px;max-width:calc(100vw - 28px);
  height:620px;max-height:calc(100vh - 36px);background:var(--wit);border-radius:22px;
  box-shadow:0 30px 80px rgba(0,0,0,.28);display:none;flex-direction:column;overflow:hidden;
  font-family:var(--body);border:1px solid var(--lijn)}
.miles-venster.open{display:flex;animation:milesOp .22s cubic-bezier(.2,.8,.2,1)}
@keyframes milesOp{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media (max-width:640px){.miles-venster{right:0;left:0;bottom:0;width:100%;max-width:100%;height:90vh;max-height:90vh;border-radius:22px 22px 0 0}}

.miles-kop{background:linear-gradient(135deg,var(--groen-donker),var(--zwart));color:#fff;padding:15px 18px;
  display:flex;align-items:center;gap:12px;flex:none}
.miles-kop .avatar{width:42px;height:42px;border-radius:50%;background:var(--groen);color:var(--zwart);
  display:flex;align-items:center;justify-content:center;flex:none}
.miles-kop .avatar svg{width:30px;height:30px}
.miles-kop .naam{font-family:var(--display);font-weight:800;font-size:16px;line-height:1.2;display:flex;align-items:center;gap:7px}
.miles-kop .ai-badge{font:800 10px var(--display);letter-spacing:.05em;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;padding:2px 7px;border-radius:99px}
.miles-kop .status{font-size:12px;opacity:.85;display:flex;align-items:center;gap:6px}
.miles-kop .status .stip{width:8px;height:8px;border-radius:50%;background:var(--groen-accent);display:inline-block;box-shadow:0 0 0 3px rgba(59,209,86,.25)}
.miles-kop .sluit{margin-left:auto;background:rgba(255,255,255,.14);border:none;color:#fff;width:32px;height:32px;
  border-radius:50%;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s}
.miles-kop .sluit:hover{background:rgba(255,255,255,.28)}

.miles-log{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:11px;background:#F7FAF7}
.miles-bericht{max-width:84%;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.58;word-wrap:break-word}
.miles-bericht.van-miles{background:var(--wit);border:1px solid var(--lijn);border-bottom-left-radius:5px;align-self:flex-start;color:var(--tekst)}
.miles-bericht.van-jou{background:var(--groen);color:var(--zwart);border-bottom-right-radius:5px;align-self:flex-end;font-weight:600}
.miles-bericht p{margin:0 0 9px}
.miles-bericht p:last-child{margin:0}
.miles-bericht a{color:var(--groen-donker);font-weight:700}
.miles-bericht.van-jou a{color:var(--zwart)}
.miles-bericht ul{margin:6px 0 9px;padding-left:18px}
.miles-bericht li{margin-bottom:4px}
.miles-typt{align-self:flex-start;background:var(--wit);border:1px solid var(--lijn);border-bottom-left-radius:5px;
  padding:13px 16px;border-radius:16px;display:flex;gap:5px}
.miles-typt span{width:7px;height:7px;border-radius:50%;background:var(--grijs-licht);animation:milesTyp 1s infinite}
.miles-typt span:nth-child(2){animation-delay:.18s}
.miles-typt span:nth-child(3){animation-delay:.36s}
@keyframes milesTyp{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}

.miles-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 12px;background:#F7FAF7}
.miles-chip{background:var(--wit);border:1px solid var(--lijn);color:var(--groen-donker);font-family:var(--display);
  font-weight:700;font-size:13px;padding:8px 13px;border-radius:999px;cursor:pointer;transition:border-color .15s,transform .15s}
.miles-chip:hover{border-color:var(--groen);transform:translateY(-1px)}

.miles-invoer{display:flex;gap:9px;padding:13px 14px;border-top:1px solid var(--lijn);background:var(--wit);flex:none;align-items:flex-end}
.miles-invoer textarea{flex:1;border:1px solid var(--lijn);border-radius:14px;padding:11px 14px;font-family:var(--body);
  font-size:14.5px;resize:none;max-height:96px;line-height:1.4;color:var(--tekst);background:var(--wit)}
.miles-invoer textarea:focus{outline:none;border-color:var(--groen)}
.miles-invoer .verstuur{width:44px;height:44px;border-radius:50%;background:var(--groen);color:var(--zwart);border:none;
  cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s}
.miles-invoer .verstuur:hover{background:var(--groen-hover);transform:scale(1.05)}
.miles-invoer .verstuur:disabled{opacity:.45;cursor:not-allowed;transform:none}
.miles-invoer .verstuur svg{width:20px;height:20px}
.miles-vw{text-align:center;font-size:11px;color:var(--grijs-licht);padding:0 14px 10px;background:var(--wit)}
@media (prefers-reduced-motion:reduce){.miles-venster.open{animation:none}.miles-typt span{animation:none}}


/* ==========================================================================
   Verhuurmodule (plugin Kela Fleet)
   --------------------------------------------------------------------------
   De plugin zet zijn kleuren in eigen CSS-variabelen en verwacht dat het thema
   die overschrijft. Zo lopen widget, popup, grid en zoekbalk mee met de
   huisstijl zonder dat we de plugin-CSS hoeven aan te passen.
   ========================================================================== */

.kela-bw,
.kela-fgrid,
.kela-fsearch,
.kela-bw-overlay,
.kela-bw-open{
  --kela-bw-primary:var(--zwart);
  --kela-bw-accent:var(--groen);
  --kela-bw-accent-donker:var(--groen-donker);
  --kela-bw-accent-zacht:var(--groen-licht);
  --kela-bw-ink:var(--tekst);
  --kela-bw-grijs:var(--grijs);
  --kela-bw-rand:var(--lijn);
  --kela-bw-radius:var(--radius);
  font-family:var(--body);
}

/* Koppen in de widget in dezelfde letter als de rest van de site. */
.kela-bw-title,
.kela-fcard-body h3{font-family:var(--display);letter-spacing:-.022em}

/* Knoppen: de vorm van .btn-groen uit het ontwerp, pilvormig en met dezelfde
   schaduw, zodat ze niet als vreemde eend tussen de andere knoppen staan. */
.kela-bw-btn,
.kela-bw-open{
  border-radius:999px;
  font:800 15.5px var(--display);
  color:var(--zwart);
  box-shadow:none;
}
.kela-bw-btn:hover:not(:disabled),
.kela-bw-open:hover{
  background:var(--groen-hover);
  box-shadow:0 8px 22px rgba(22,163,42,.35);
}

/* Velden gelijktrekken met de formulieren elders op de site. */
.kela-bw input:not([type=checkbox]),
.kela-bw select,
.kela-bw textarea,
.kela-fsearch select,
.kela-fsearch input{
  background:var(--papier);
  border-radius:10px;
}

/* Zoekbalk en grid krijgen dezelfde maatvoering als de rest van de pagina. */
.kela-fsearch{box-shadow:var(--schaduw)}
.kela-res-zoek{margin-bottom:36px}
.kela-fcard{
  border:1px solid var(--lijn);
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--wit);
  transition:border-color .15s,box-shadow .15s,transform .15s;
}
.kela-fcard:hover{
  border-color:var(--groen);
  transform:translateY(-2px);
  box-shadow:var(--schaduw);
}

/* Beschikbaarheidsbadge in de kleuren die de site verder ook gebruikt. */
.kela-favail.is-ok{color:var(--groen-donker);font-weight:700}
.kela-favail.is-no{color:#B3372F;font-weight:700}

/* De popup mag niet onder de vaste header of de mobiele actiebalk vallen. */
.kela-bw-overlay{z-index:210}
@media (max-width:860px){
  .kela-bw-overlay .kela-bw-modalwrap{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
}

/* Op de voertuigpagina staat de widget in een witte kaart; de eigen rand en
   schaduw van de widget zijn daar dubbelop. */
.vd-kaart .kela-bw{
  border:none;
  box-shadow:none;
  padding:0;
  max-width:none;
}
.vd-kaart .kela-bw-photo{display:none}

/* ===== Algemene Huurvoorwaarden (volledige tekst) ===== */
#page-av .av-blad{display:grid;grid-template-columns:290px minmax(0,880px);justify-content:center;gap:52px;align-items:start;padding:0 24px 90px}
#page-av .av-toc{position:sticky;top:86px;max-height:calc(100vh - 110px);overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#CBD5CC transparent}
#page-av .av-toc::-webkit-scrollbar{width:7px}
#page-av .av-toc::-webkit-scrollbar-thumb{background:#CBD5CC;border-radius:99px}
#page-av .av-toc::-webkit-scrollbar-track{background:transparent}
#page-av .av-toc h2{font:700 11px var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--grijs-licht);margin-bottom:12px;padding-left:14px}
#page-av .av-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--lijn)}
#page-av .av-toc li{margin-bottom:1px}
#page-av .av-toc a{display:flex;gap:6px;padding:6px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--grijs);text-decoration:none;font-weight:500;font-size:14.5px;line-height:1.4;transition:color .15s,border-color .15s,background .15s}
#page-av .av-toc a:hover{color:var(--tekst);background:var(--wit)}
#page-av .av-toc .nr{flex:0 0 34px;font-weight:700;color:var(--grijs-licht)}
#page-av .av-toc a.actief{border-left-color:var(--groen);color:var(--groen-donker);font-weight:700;background:var(--groen-licht)}
#page-av .av-toc a.actief .nr{color:var(--groen-donker)}
#page-av .av-doc{background:var(--wit);border:1px solid var(--lijn);border-radius:18px;padding:52px 60px 64px;font-size:18px;line-height:1.8;overflow-wrap:break-word}
#page-av .av-intro{font-size:20px;line-height:1.7;color:#39433B;border-bottom:1px solid var(--lijn);padding-bottom:32px}
#page-av article{padding-top:52px;scroll-margin-top:96px}
#page-av article + article{border-top:1px solid var(--lijn);margin-top:52px}
#page-av .av-nr{display:flex;align-items:center;gap:10px;font:800 12px var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--groen-donker);margin-bottom:12px}
#page-av .av-nr::before{content:"\00bb";font-size:18px;line-height:1;color:var(--groen)}
#page-av article h2{font-weight:800;font-size:29px;line-height:1.18;letter-spacing:-.025em;margin-bottom:24px}
#page-av article h3{font-weight:700;font-size:18px;margin:30px 0 10px}
#page-av article p{margin-bottom:18px}
#page-av article > ol{counter-reset:lid;list-style:none;margin:0;padding:0}
#page-av article > ol > li{counter-increment:lid;position:relative;padding-left:52px;margin-bottom:26px}
#page-av article > ol > li:last-child{margin-bottom:0}
#page-av article > ol > li::before{content:counter(lid);position:absolute;left:0;top:3px;width:32px;height:32px;border-radius:10px;background:var(--groen-licht);border:1px solid #C6E5CC;font:800 14px/30px var(--display);text-align:center;color:var(--groen-donker)}
#page-av ul.av-punten{list-style:none;margin:14px 0 8px;padding:0}
#page-av ul.av-punten li{position:relative;padding-left:22px;margin-bottom:10px}
#page-av ul.av-punten li::before{content:"";position:absolute;left:3px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--groen)}
#page-av ol.av-letters{list-style:lower-alpha;margin:14px 0 8px;padding-left:26px}
#page-av ol.av-letters li{margin-bottom:10px;padding-left:6px}
#page-av ol.av-letters li::marker{color:var(--groen-donker);font-weight:700}
#page-av dl.av-def dt{font-weight:800;font-size:18.5px;margin-top:28px;color:var(--zwart)}
#page-av dl.av-def dd{color:#39433B;border-left:3px solid var(--lijn);padding-left:16px;margin-top:6px}
#page-av .av-bedrag{font-weight:700;white-space:nowrap;background:var(--groen-licht);padding:1px 7px;border-radius:6px}
#page-av .av-doc table{width:100%;border-collapse:collapse;margin:20px 0;font-size:17px}
#page-av .av-doc table th,#page-av .av-doc table td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--lijn)}
#page-av .av-doc table th{font:700 12.5px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--grijs)}
#page-av .av-doc table td:last-child{text-align:right;font-weight:700;white-space:nowrap}
#page-av .av-doc table tr:last-child td{border-bottom:0}
@media (max-width:1150px){
  #page-av .av-blad{grid-template-columns:1fr;gap:0;max-width:900px;margin:0 auto}
  #page-av .av-toc{position:static;max-height:none;overflow:visible;padding:26px 24px;background:var(--wit);border:1px solid var(--lijn);border-radius:18px}
  #page-av .av-toc ol{border-left:0;columns:2;column-gap:30px}
  #page-av .av-toc li{break-inside:avoid}
  #page-av .av-toc a{border-left:0;margin-left:0;border-radius:8px}
  #page-av .av-doc{margin-top:24px}
}
@media (max-width:760px){
  #page-av .av-blad{padding:0 16px 56px}
  #page-av .av-toc{padding:22px 20px}
  #page-av .av-toc ol{columns:1}
  #page-av .av-doc{padding:28px 20px 38px;font-size:17px;line-height:1.75}
  #page-av article{padding-top:40px}
  #page-av article + article{margin-top:40px}
  #page-av article h2{font-size:23px;margin-bottom:18px}
  #page-av article > ol > li{padding-left:44px;margin-bottom:22px}
  #page-av article > ol > li::before{width:28px;height:28px;line-height:26px;font-size:13px}
  #page-av .av-intro{font-size:18px}
}
@media print{
  #page-av .av-toc{display:none}
  #page-av .av-blad{display:block;padding:0}
  #page-av .av-doc{border:0;padding:0;font-size:10.5pt;line-height:1.55}
  #page-av article > ol > li{page-break-inside:avoid}
  #page-av article h2,#page-av article h3{page-break-after:avoid}
  #page-av .av-bedrag{background:none;padding:0}
}