*{box-sizing:border-box;margin:0;padding:0}
:root{--d:#0E1218;--d2:#161C25;--lijn-d:#252F3C;--p:#7B34C9;--pd:#5E22A0;--o:#F5A11E;--g:#1E9E3E;
 --tekst:#141A21;--zacht:#5A6472;--lijn:#E5E8EE;--pap:#fff;--pap2:#F6F7FA}
body{font-family:Inter,system-ui,sans-serif;color:var(--tekst);background:var(--pap);line-height:1.6}
a{text-decoration:none;color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
@media(max-width:600px){.wrap{padding:0 16px}}
h1,h2,h3,h4{font-family:Manrope,sans-serif;letter-spacing:-.5px;line-height:1.15}
h1{font-size:clamp(32px,4.4vw,52px);font-weight:800}
h2{font-size:clamp(26px,3vw,36px);font-weight:800;margin-bottom:10px}
h3{font-size:19px;font-weight:700}
.sub{color:var(--zacht);font-size:17px;max-width:640px}
.knop{display:inline-flex;align-items:center;gap:9px;border-radius:12px;padding:15px 24px;font-weight:700;font-size:16px;transition:.15s}
.k-groen{background:var(--g);color:#fff}.k-groen:hover{background:#177D31}
.k-paars{background:var(--p);color:#fff}.k-paars:hover{background:var(--pd)}
.k-wit{background:#fff;color:var(--tekst);border:1.5px solid var(--lijn)}
.k-rand{border:1.5px solid rgba(255,255,255,.35);color:#fff}

/* topbalk + navigatie */
.top{background:var(--d);color:#C9D1DC;font-size:13.5px;padding:9px 0}
.top .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.top b{color:#fff}
.nav{background:var(--d);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--lijn-d)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px}
.logo{display:flex;align-items:center;gap:10px;font-family:Manrope;font-weight:800;font-size:20px;color:#fff;letter-spacing:-.6px}
.logo i{width:38px;height:38px;border-radius:10px;background:var(--o);display:grid;place-items:center;font-style:normal;font-size:20px}
.menu{display:flex;gap:26px;font-size:15.5px;font-weight:600;color:#DDE3EB}
.menu a:hover{color:var(--o)}
.nav-acties{display:flex;gap:10px;align-items:center}

/* hero */
.hero{position:relative;background:var(--d);overflow:hidden}
.hero .foto{position:absolute;inset:0;background:url(../fotos/opt_services_2.webp) center/cover;opacity:.32}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(14,18,24,.96) 0%,rgba(14,18,24,.72) 48%,rgba(14,18,24,.35) 100%)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center;padding:62px 24px 68px}
.hero h1,.hero p{color:#fff}
.label{display:inline-flex;align-items:center;gap:8px;background:rgba(123,52,201,.2);border:1px solid rgba(123,52,201,.55);color:#D9C3F5;
 font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:7px 13px;border-radius:999px;margin-bottom:18px}
.hero .lead{font-size:18.5px;color:#C7CFDA!important;margin:14px 0 26px;max-width:540px}
.hero-knoppen{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.usps{display:flex;gap:10px 26px;flex-wrap:wrap;color:#B9C2CE;font-size:14.5px;font-weight:600}
.usps span:before{content:"✓";color:var(--o);font-weight:900;margin-right:8px}

/* formulierkaart */
.kaart{background:#fff;border-radius:20px;padding:26px 24px;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.stappen{display:flex;gap:8px;margin-bottom:18px}
.stap{flex:1;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:#9AA3B0}
.stap b{width:25px;height:25px;border-radius:50%;background:#EEF0F4;color:#9AA3B0;display:grid;place-items:center;font-size:12.5px}
.stap.aan{color:var(--tekst)}.stap.aan b{background:var(--p);color:#fff}
.kaart h3{margin-bottom:4px}
.kaart .mini{font-size:14px;color:var(--zacht);margin-bottom:16px}
.opties{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.optie{border:1.6px solid var(--lijn);border-radius:12px;padding:14px 8px;text-align:center;font-weight:600;font-size:14.5px;cursor:pointer}
.optie span{display:block;font-size:23px;margin-bottom:5px}
.optie.sel{border-color:var(--p);background:#F7F1FF}
.kenteken{background:#FCD116;border:2px solid #E0B800;border-radius:10px;padding:13px;text-align:center;font-weight:800;letter-spacing:3px;font-size:20px;margin-bottom:14px}
.vol{width:100%;justify-content:center}
.kaart .trust{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--zacht);margin-top:14px}

/* balk met usp's */
.balk{background:var(--d2);color:#C9D1DC;padding:18px 0;font-size:14.5px;font-weight:600}
.balk .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.balk b{color:#fff}

/* secties */
.sectie{padding:66px 0}
.sectie.grijs{background:var(--pap2)}
.kop{text-align:center;margin-bottom:34px}
.kop .sub{margin:0 auto}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dienst{background:#fff;border:1px solid var(--lijn);border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(16,20,27,.05);display:flex;flex-direction:column}
.dienst img{width:100%;height:172px;object-fit:cover;display:block}
.dienst .inh{padding:20px 20px 22px;display:flex;flex-direction:column;gap:9px;flex:1}
.dienst p{font-size:15px;color:var(--zacht);flex:1}
.prijs{font-family:Manrope;font-weight:800;color:var(--p);font-size:19px}
.prijs small{color:var(--zacht);font-weight:600;font-size:13px}

/* stappen hoe het werkt */
.stap-kaart{background:#fff;border:1px solid var(--lijn);border-radius:18px;padding:26px 22px}
.stap-kaart .nr{width:42px;height:42px;border-radius:12px;background:var(--p);color:#fff;display:grid;place-items:center;font-family:Manrope;font-weight:800;font-size:19px;margin-bottom:14px}
.stap-kaart p{font-size:15px;color:var(--zacht);margin-top:7px}

/* prijstabel */
.tabel{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(16,20,27,.06)}
.tabel th{background:var(--d);color:#fff;text-align:left;padding:15px 18px;font-size:15px}
.tabel td{padding:15px 18px;border-top:1px solid var(--lijn);font-size:15.5px}
.tabel td:last-child{font-weight:700;white-space:nowrap}
.tabel tr:nth-child(even) td{background:#FAFBFC}
.vergelijk{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.vergelijk div{border-radius:16px;padding:22px}
.wij{background:#F1FBF3;border:1px solid #BFE6C8}
.dealer{background:#FBF2F2;border:1px solid #EFD2D2}
.vergelijk h4{font-family:Manrope;font-size:17px;margin-bottom:10px}
.vergelijk li{font-size:15px;margin-left:18px;margin-bottom:5px;color:var(--zacht)}

/* merken */
.merken{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.merk{background:#fff;border:1px solid var(--lijn);border-radius:12px;padding:12px;text-align:center;font-size:13px;font-weight:600}
.merk img{height:34px;object-fit:contain;display:block;margin:0 auto 6px;filter:grayscale(1);opacity:.8}

/* regio */
.regio{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 24px;font-size:15px}
.regio a{color:var(--zacht)}
.regio a:hover{color:var(--p)}

/* faq */
.faq{max-width:840px;margin:0 auto}
.vraag{background:#fff;border:1px solid var(--lijn);border-radius:14px;padding:18px 20px;margin-bottom:12px}
.vraag h4{font-family:Manrope;font-size:16.5px;margin-bottom:6px}
.vraag p{font-size:15px;color:var(--zacht)}

/* cta */
.cta{background:linear-gradient(120deg,var(--pd) 0%,var(--p) 100%);color:#fff;border-radius:22px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap}
.cta h2,.cta p{color:#fff}
.cta p{opacity:.9;margin-top:6px}

/* footer */
.foot{background:var(--d);color:#94A0B0;padding:52px 0 26px;font-size:14.5px;margin-top:66px}
.foot .kolommen{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.foot h5{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.9px;margin-bottom:12px}
.foot li{list-style:none;margin-bottom:7px}
.foot a:hover{color:var(--o)}
.foot .onder{border-top:1px solid var(--lijn-d);margin-top:34px;padding-top:18px;font-size:13px;color:#6D7888;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

@media(max-width:900px){
 .hero .wrap{grid-template-columns:1fr;padding:34px 20px 40px}
 .nav .wrap{height:64px}
 .nav-acties .knop{padding:11px 14px;font-size:15px}
 .top{font-size:12.5px;padding:8px 0}
 .top .wrap span:last-child{display:none}
 .hamb{display:grid!important}
 h1{font-size:30px}
 .hero .lead{font-size:16.5px}
 .kaart{padding:20px 16px}
 .grid3,.grid4,.vergelijk,.foot .kolommen,.regio{grid-template-columns:1fr 1fr}
 .merken{grid-template-columns:repeat(4,1fr)}
 .menu{display:none}
}
@media(max-width:600px){
 .nav-acties .knop span{display:none}
 .knop{padding:13px 18px;font-size:15px}
 .grid3,.grid4,.vergelijk,.foot .kolommen,.regio{grid-template-columns:1fr}
 .balk .wrap{gap:8px}
 .cta{padding:26px}
}
.hamb{display:none;place-items:center;width:44px;height:44px;border-radius:10px;background:#1C2430;color:#fff;border:0;font-size:20px;cursor:pointer}
/* vaste balk onderin op mobiel */
.mobbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;box-shadow:0 -4px 22px rgba(0,0,0,.16);padding:9px 10px calc(9px + env(safe-area-inset-bottom));gap:8px}
.mobbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;padding:13px 6px;font-weight:700;font-size:15px;color:#fff}
.mobbar .b1{background:var(--g)}.mobbar .b2{background:#25D366}.mobbar .b3{background:var(--p)}
@media(max-width:900px){.mobbar{display:flex}body{padding-bottom:78px}}

/* spoedbalk bovenaan */
.spoed{background:#B3261E;color:#fff;padding:10px 0;font-size:14.5px}
.spoed .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.spoed .knop{padding:9px 16px;font-size:14.5px}
@media(max-width:700px){.spoed .knop{display:none}.spoed{font-size:13px;text-align:center}.spoed .wrap{justify-content:center}}

/* formulierkaart altijd donkere tekst, ook in een donkere kop */
.kaart,.kaart h3,.kaart .optie,.kaart .mini,.kaart .stap{color:var(--tekst)}
.kaart .knop{color:#fff}
.kaart .stap:not(.aan){color:#9AA3B0}
.kaart .mini,.kaart .trust{color:var(--zacht)}

/* ---------- paginakop (merk-, stads- en dienstpagina's) ---------- */
.kruimel{font-size:14px;color:#9AA3B0;padding:14px 0}
.kruimel a{color:#9AA3B0}
.paginakop{background:var(--d);color:#fff;position:relative;overflow:hidden}
.paginakop .foto{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.3}
.paginakop::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(14,18,24,.95) 0%,rgba(14,18,24,.7) 55%,rgba(14,18,24,.4) 100%)}
.paginakop .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:44px 24px 52px}
.paginakop h1,.paginakop p{color:#fff}
.inhoud{display:grid;grid-template-columns:1fr 330px;gap:40px;align-items:start;padding:52px 24px}
.tekst h2{margin-top:30px}
.tekst h2:first-child{margin-top:0}
.tekst p{margin-bottom:14px;color:#3C4552}
.tekst ul{margin:0 0 18px 20px}
.tekst li{margin-bottom:8px;color:#3C4552}
.tekst h3{margin-top:22px;margin-bottom:6px}
.tekst img{max-width:100%;height:auto;border-radius:14px}
.zij{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
.zijkaart{background:#fff;border:1px solid var(--lijn);border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(16,20,27,.06)}
.zijkaart h4{font-family:Manrope;font-size:16px;margin-bottom:10px}
.zijkaart ul{margin:0;padding:0}
.zijkaart li{list-style:none;font-size:14.5px;color:var(--zacht);margin-bottom:8px}
.zijkaart a{color:var(--p);font-weight:600}
@media(max-width:900px){.inhoud{grid-template-columns:1fr;padding:34px 16px}.zij{position:static}.paginakop .wrap{grid-template-columns:1fr;padding:30px 20px 36px}}

/* ---------- WPBakery-inhoud netjes in het nieuwe ontwerp ---------- */
.tekst .vc_row{padding:0!important;margin:0 0 6px!important;background:transparent!important}
.tekst .vc_column-inner,.tekst .wpb_wrapper,.tekst [class*="vc_custom_"]{background:transparent!important;padding:0!important}
.tekst .wpb_text_column{margin-bottom:10px!important}
.tekst .vc_col-sm-4,.tekst .vc_col-sm-6,.tekst .vc_col-sm-3{width:100%!important;float:none!important}
.tekst .vc_empty_space{height:10px!important}
.tekst table{margin:10px 0 18px}
.tekst .vc-hoverbox-wrapper,.tekst .wpb_single_image{margin-bottom:14px}
.tekst *[style*="color"]{color:inherit!important}
.tekst a{color:var(--p)!important;font-weight:600}
.tekst .tabel td:last-child{font-weight:700}

/* ---------- aanvraagformulier in de nieuwe kleuren ---------- */
#askw{--r:var(--p)!important;--rd:var(--pd)!important;--g:var(--g)!important;border:0!important;box-shadow:none!important;max-width:100%!important;padding:0!important}
.kaart-form{background:#fff;border-radius:20px;padding:22px 20px;box-shadow:0 30px 70px rgba(0,0,0,.45)}
#askw .aw-btn{background:var(--p)!important;border-radius:12px!important}
#askw .aw-btn:hover{background:var(--pd)!important}
#askw .aw-opt.sel{border-color:var(--p)!important;background:#F7F1FF!important}
#askw .aw-dot.on b{background:var(--p)!important}
#askw .aw-dot.done b{background:var(--g)!important}
#askw input:focus,#askw textarea:focus{border-color:var(--p)!important;box-shadow:0 0 0 3px rgba(123,52,201,.18)!important}
#askw h3{font-family:Manrope!important}
.paginakop .kaart-form,.hero .kaart-form{margin:0}
/* oude zwevende knoppen van het vorige ontwerp verbergen (de nieuwe balk staat onderin) */
.askd #ask-fab,.askd #ask-bar,.askd .sticky-mobile-contact,.askd .whatsappKnop{display:none!important}

/* ---------- oude WPBakery-rijen binnen de kolom houden ---------- */
.tekst .vc_row[data-vc-full-width],.tekst .vc_row.vc_row-has-fill,.tekst .vc_row-full-width{
  width:auto!important;left:auto!important;right:auto!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;position:relative!important}
/* donkere waas van oude rijen binnen die rij houden (anders dekt hij de hele pagina) */
.tekst .bg-overlay,.tekst [class*="bg-overlay"]{position:relative!important}
.tekst .bg-overlay:before,.tekst [class*="bg-overlay"]:before{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:transparent!important}
.tekst .vc_row{display:block!important}
.tekst .vc_column_container{padding:0!important}
/* knoppen uit de oude opmaak in de nieuwe stijl */
.tekst .vc_btn3,.tekst .vc_general.vc_btn3,.tekst a.vc_btn3{background:var(--g)!important;color:#fff!important;border:0!important;border-radius:12px!important;
  font-family:Inter!important;font-weight:700!important;text-transform:none!important;padding:14px 22px!important;box-shadow:none!important;letter-spacing:0!important}
.tekst .vc_btn3:hover{background:#177D31!important}
/* themaknoppen (ins-button) in dezelfde stijl */
.tekst .ins-button,.tekst a.ins-button{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;
  background:var(--g)!important;border:0!important;border-radius:12px!important;padding:14px 22px!important;
  font-family:Inter,sans-serif!important;font-weight:700!important;font-size:16px!important;letter-spacing:0!important;
  text-transform:none!important;box-shadow:none!important;line-height:1.2!important}
.tekst .ins-button,.tekst .ins-button *{color:#fff!important}
.tekst .ins-button:hover{background:#177D31!important}
/* koppen altijd in de nieuwe letter */
.tekst h1,.tekst h2,.tekst h3,.tekst h4,.tekst .section-heading-title,.tekst .vc_custom_heading{
  font-family:Manrope,sans-serif!important;color:#0E1218!important;letter-spacing:-.4px!important}
.tekst h2{font-size:clamp(23px,2.6vw,30px)!important;margin-top:30px!important}
.tekst h3{font-size:19px!important}
.tekst .wpb_text_column p:empty,.tekst p:empty{display:none}
/* oude losse contactblokjes in de tekst verbergen */
.tekst .automerk_header,.tekst .rcblock-contact{display:none!important}

/* ---------- laatste correcties ---------- */
.nav .menu a{color:#EDF0F4!important;font-family:Inter,sans-serif!important;font-weight:600!important}
.nav .menu a:hover{color:var(--o)!important}
.knop,.knop *{font-family:Inter,sans-serif!important}
.k-groen,.k-groen *{color:#fff!important}
.k-paars,.k-paars *{color:#fff!important}
.k-wit,.k-wit *{color:var(--tekst)!important}
.k-rand,.k-rand *{color:#fff!important}
.zijkaart,.zijkaart h4,.zijkaart li,.zijkaart a{font-family:Inter,sans-serif!important}
.zijkaart h4{font-family:Manrope,sans-serif!important;color:#0E1218!important}
.tekst h4,.tekst h5,.tekst h6{font-family:Manrope,sans-serif!important;color:#0E1218!important}
.tekst strong,.tekst b{font-family:Inter,sans-serif!important;color:#0E1218}
.foot,.foot *{font-family:Inter,sans-serif!important}
.foot .logo{font-family:Manrope,sans-serif!important}
.spoed,.spoed *,.top,.top *{font-family:Inter,sans-serif!important}
.spoed .knop,.spoed .knop *{color:#fff!important}

/* ---------- herofoto netjes binnen de hero houden ---------- */
.hero,.paginakop{position:relative!important;isolation:isolate}
.hero > .foto,.paginakop > .foto{position:absolute!important;top:0;left:0;right:0;bottom:0;z-index:0!important}
.hero > .wrap,.paginakop > .wrap{position:relative!important;z-index:2!important}
.hero::after,.paginakop::after{z-index:1!important}
/* koppen buiten de tekst ook in de nieuwe letter */
body.askd h1,body.askd h2,body.askd h3,body.askd h4,body.askd h5{font-family:Manrope,sans-serif!important}
body.askd .kop h2,body.askd .sectie h2{color:#0E1218!important}
body.askd{color:var(--tekst)!important}
body.askd p,body.askd li{color:var(--tekst)}

/* ---------- kaartjes: kopgrootte en prijzen ---------- */
body.askd .dienst h3,body.askd .stap-kaart h3,body.askd .vraag h4,body.askd .zijkaart h4{font-size:19px!important;line-height:1.25!important;margin:0 0 4px!important}
body.askd .dienst p,body.askd .stap-kaart p{font-size:15px!important;line-height:1.6!important}
body.askd .prijs,body.askd .prijs *{font-family:Manrope,sans-serif!important}
body.askd .prijs{font-size:18px!important;color:var(--p)!important}
body.askd .prijs small{font-size:13px!important;color:var(--zacht)!important;font-weight:600!important}
body.askd .dienst .inh{gap:6px!important}
body.askd .usps span,body.askd .balk span,body.askd .kop .sub{font-family:Inter,sans-serif!important}
body.askd .lead,body.askd .sub{font-family:Inter,sans-serif!important}
body.askd .cta h2{color:#fff!important}
body.askd .cta p{color:#fff!important;opacity:.92}

/* ---------- merkenoverzicht ---------- */
body.askd .merkgrid ul{list-style:none;margin:6px 0 20px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 22px}
body.askd .merkgrid li{margin:0;font-size:15px}
body.askd .merkgrid a{font-weight:600}
@media(max-width:900px){body.askd .merkgrid ul{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body.askd .merkgrid ul{grid-template-columns:1fr}}

/* ---------- mobiel: niets breder dan het scherm ---------- */
body.askd{overflow-x:hidden;max-width:100vw}
body.askd img,body.askd video,body.askd iframe{max-width:100%;height:auto}
/* rasters mogen krimpen (anders duwt de brede inhoud de kolom op) */
body.askd .hero .wrap>*,body.askd .paginakop .wrap>*,body.askd .inhoud>*{min-width:0}
body.askd .kaart,body.askd .kaart-form,body.askd .zijkaart,body.askd .tekst{min-width:0;max-width:100%}
body.askd #askw,body.askd #askw *{max-width:100%}
/* brede tabellen krijgen hun eigen schuifbalk in plaats van de pagina */
body.askd .tekst table{display:block;overflow-x:auto;max-width:100%}
/* restant van de oude schuifbanner uit het thema verbergen */
body.askd .tekst rs-module-wrap,body.askd .tekst rs-module,body.askd .tekst rs-mask-wrap,
body.askd .tekst .rev_slider_wrapper,body.askd .tekst .rev_slider{display:none!important}
/* ---------- uitklapmenu op mobiel ---------- */
@media(max-width:900px){
 body.askd .nav .wrap{position:relative}
 body.askd .hamb{display:grid!important;position:relative;z-index:61}
 body.askd .menu.open{display:flex!important;flex-direction:column;gap:0;
   position:absolute;top:100%;left:50%;transform:translateX(-50%);width:100vw;max-width:100vw;z-index:60;
   background:var(--d2);border-top:1px solid var(--lijn-d);
   padding:6px 16px 14px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
 body.askd .menu.open a{display:block;padding:15px 2px;font-size:16.5px;border-bottom:1px solid var(--lijn-d)}
 body.askd .menu.open a:last-child{border-bottom:0}
}
@media(max-width:900px){
 body.askd .hero .wrap,body.askd .paginakop .wrap{grid-template-columns:1fr!important;gap:26px}
 body.askd .hero .wrap{padding:30px 16px 36px}
 body.askd .paginakop .wrap{padding:24px 16px 32px}
 body.askd .inhoud{grid-template-columns:1fr!important;padding:30px 16px;gap:26px}
 body.askd .sectie .wrap[style*="grid-template-columns"]{display:block!important}
 body.askd .sectie .wrap[style*="grid-template-columns"] img{margin-bottom:18px}
 body.askd .cta{padding:26px;text-align:left}
}
@media(max-width:600px){
 body.askd h1{font-size:27px;line-height:1.2}
 body.askd h2{font-size:23px}
 body.askd .hero .lead,body.askd .paginakop .lead{font-size:16px}
 body.askd .label{font-size:11.5px;letter-spacing:.3px;padding:6px 10px;white-space:normal}
 body.askd .hero-knoppen{display:grid;grid-template-columns:1fr;gap:10px}
 body.askd .hero-knoppen .knop{justify-content:center;width:100%}
 body.askd .usps{gap:8px 18px;font-size:13.5px}
 body.askd .kaart,body.askd .kaart-form{padding:18px 14px;border-radius:16px}
 body.askd .opties{grid-template-columns:1fr 1fr;gap:8px}
 body.askd .tekst table td,body.askd .tekst table th{padding:11px 12px;font-size:14px}
 body.askd .zijkaart{padding:16px}
 body.askd .foot{padding:36px 0 22px}
 body.askd .spoed{font-size:12.5px;line-height:1.45}
 body.askd .mobbar a{font-size:14px;padding:12px 4px}
}