/* Van der Lugt: aanvulling op de bestaande stijl (zelfde tokens, zelfde vormtaal). */

/* ---------- formulieren: kort en duidelijk ---------- */
.vdl-opt{font:400 12.5px/1 var(--f-body);color:var(--body)!important;margin-left:4px}
.bxdh-s2-veld textarea{min-height:76px}
.vdl-fr{margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--hairline);display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start}
.vdl-fr>svg{grid-row:1/3;margin-top:3px}
.vdl-fr blockquote{margin:0;font:400 14.5px/1.55 var(--f-body);color:var(--ink);text-wrap:pretty}
.vdl-fr figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:400 13px/1.3 var(--f-body);color:var(--body)}
.vdl-fr .bx-sterren{color:#F5B301;display:inline-flex;gap:1px}

/* hero op mobiel: titel, formulier en dan pas de uitleg */
@media(max-width:767px){
  .bxdh-s2-kruimels{display:none}
  .bxdh-s2-grid{gap:0}
  .bxdh-s2-wrap{padding-top:calc(var(--bx-nav-h,0px) + 18px)}
  .bxdh-s2-eyebrow{margin-bottom:10px}
  .bxdh-s2-goog{order:3;margin:14px 0 0;padding:8px 12px;min-height:0}
  .bxdh-s2-paneel{order:4;margin-top:18px}
  .bxdh-s2-intro{order:5;margin-top:22px}
  .vdl-meta{order:6}
  .bxdh-s2-velden{grid-template-columns:1fr 1fr;gap:12px}
  .bxdh-s2-veld input,.bxdh-s2-veld select{min-height:48px;padding:12px 13px}
  .bxdh-s2-paneelSub{font-size:14px}
  .vdl-hero-solo .bxdh-s2-intro{order:3;margin-top:14px}
  .vdl-hero-solo .bxdh-s2-goog{order:4}
}
@media(max-width:359px){.bxdh-s2-velden{grid-template-columns:1fr}}
.vdl-hero-solo .bxdh-s2-grid{grid-template-columns:minmax(0,860px)}
.vdl-hero-solo .bxdh-s2-intro{max-width:64ch}
.vdl-meta span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.vdl-meta{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font:400 14px/1.4 var(--f-body);color:var(--on-dark-mute)}
.vdl-meta i{color:var(--brand-on-dark)}

/* cookiebanner op mobiel: compact, zelfde keuzes, minder hoog */
@media(max-width:760px){
  html body #bx-cc{padding:0 10px 10px}
  html body #bx-cc .bx-main{padding:14px 14px 12px;gap:10px}
  html body #bx-cc .bx-brand{display:none}
  html body #bx-cc .bx-txt{min-width:0;flex-basis:100%}
  html body #bx-cc .bx-txt h3{font-size:14px;margin-bottom:2px}
  html body #bx-cc .bx-txt p{font-size:12px;line-height:1.45}
  html body #bx-cc .bx-btns{gap:8px;flex-wrap:nowrap}
  html body #bx-cc .bx-btns button{padding:10px 8px;font-size:13px;flex:1 1 0}
  html body #bx-cc .bx-b-text{flex-basis:auto;order:0}
  html body #bx-cc .bx-vendor{padding:6px 14px;font-size:10px}
}

/* ---------- secties ---------- */
.vdl-sec{padding-block:clamp(52px,7vw,104px);background:var(--canvas)}
.vdl-zacht{background:var(--surface-soft)}
.vdl-kb:nth-of-type(even){background:var(--surface-soft)}
.vdl-kop-rij{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;margin-bottom:clamp(26px,3vw,42px)}
.vdl-kop-rij>div{max-width:720px}
.vdl-btn-rand{display:inline-flex;align-items:center;gap:9px;min-height:52px;padding:13px 22px;border-radius:var(--r-btn);border:1px solid var(--hairline-strong);font:600 15px/1.2 var(--f-body);color:var(--ink);background:var(--canvas);transition:border-color .25s,color .25s}
.vdl-btn-rand:hover{border-color:var(--brand-on-light);color:var(--brand-on-light)}
.vdl-klein{margin-top:18px;font:400 13.5px/1.55 var(--f-body);color:var(--body)}
.vdl-klein a{text-decoration:underline;text-underline-offset:2px}

/* lopende tekst */
.vdl-proza{display:grid;grid-template-columns:minmax(0,760px);gap:clamp(28px,4vw,64px)}
.vdl-proza--met-foto,.vdl-proza--zij{grid-template-columns:minmax(0,1fr) minmax(0,40%);align-items:start}
.vdl-proza h2,.vdl-art-tekst h2{font:var(--wt-head) clamp(24px,2.4vw,34px)/1.15 var(--f-head);letter-spacing:var(--ls-head);color:var(--ink);margin:clamp(30px,3vw,44px) 0 14px;text-wrap:balance}
.vdl-proza>div>h2:first-of-type,.vdl-proza .bxdu-s1-label+h2,.vdl-art-tekst section:first-of-type h2{margin-top:0}
.vdl-proza h3,.vdl-art-tekst h3{font:var(--wt-head) 20px/1.25 var(--f-head);color:var(--ink);margin:26px 0 10px}
.vdl-proza p,.vdl-art-tekst p{font:400 clamp(15.5px,1.1vw,17px)/1.72 var(--f-body);color:var(--body);margin-top:14px;text-wrap:pretty}
.vdl-proza p:first-child,.vdl-art-tekst h2+p{margin-top:0}
.vdl-proza a,.vdl-art-tekst a,.vdl-dienstlink a{color:var(--brand-on-light);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.vdl-proza strong,.vdl-art-tekst strong{color:var(--ink)}
.vdl-sec-foto{position:sticky;top:110px}
.vdl-sec-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-img)}
.vdl-lijst{margin:18px 0 4px;display:flex;flex-direction:column;gap:10px}
.vdl-lijst li{display:flex;gap:12px;align-items:flex-start;font:400 clamp(15px,1.05vw,16.5px)/1.6 var(--f-body);color:var(--ink)}
.vdl-lijst li i{color:var(--brand-on-light);margin-top:3px}
.vdl-tip{margin:22px 0 6px;padding:18px 20px;border-radius:var(--r-card);background:var(--primary-soft);color:var(--on-primary-soft)}
.vdl-tip b{display:flex;align-items:center;gap:8px;font:600 14px/1.3 var(--f-body);color:var(--brand-on-light)}
.vdl-tip p{margin-top:8px!important;color:var(--ink)!important}
.vdl-wijken{font-size:15px!important}
.vdl-zijkaart{position:sticky;top:110px;padding:clamp(22px,2.2vw,30px);border-radius:var(--r-card);background:var(--canvas);border:1px solid var(--hairline);display:flex;flex-direction:column;gap:4px}
.vdl-zijkaart b{font:var(--wt-head) 20px/1.25 var(--f-head);color:var(--ink);margin-bottom:8px}
.vdl-zijkaart a{text-decoration:none!important;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--hairline);font:500 15.5px/1.35 var(--f-body);color:var(--ink)}
.vdl-zijkaart a:hover{color:var(--brand-on-light)}
.vdl-zijkaart p{margin-top:12px;display:flex;align-items:center;gap:8px;font:400 14px/1.4 var(--f-body);color:var(--body)}
.vdl-zacht .vdl-zijkaart{background:var(--canvas)}

/* stappen, varianten, foto's */
.vdl-stappen{margin-top:clamp(26px,3vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;counter-reset:s}
.vdl-stappen li{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r-card);background:var(--canvas);border:1px solid var(--hairline)}
.vdl-stappen li>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--on-brand);font:var(--wt-head) 17px/1 var(--f-head)}
.vdl-stappen b{font:var(--wt-head) 18px/1.25 var(--f-head);color:var(--ink)}
.vdl-stappen p{margin-top:6px;font:400 15px/1.6 var(--f-body);color:var(--body)}
.vdl-varianten{margin-top:clamp(26px,3vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.vdl-varianten li{padding:24px;border-radius:var(--r-card);background:var(--canvas);border:1px solid var(--hairline)}
.vdl-varianten li>span{width:46px;height:46px;border-radius:var(--r-card);display:grid;place-items:center;background:var(--primary-soft);color:var(--brand-on-light);margin-bottom:16px}
.vdl-varianten b{font:var(--wt-head) 19px/1.25 var(--f-head);color:var(--ink)}
.vdl-varianten p{margin-top:8px;font:400 15px/1.6 var(--f-body);color:var(--body)}
.vdl-fotorij{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vdl-fotorij img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-img)}

/* vergunningband en chips */
.vdl-vgband{margin-top:clamp(28px,3vw,40px);display:flex;align-items:center;flex-wrap:wrap;gap:14px 16px;padding:clamp(20px,2.4vw,28px);border-radius:var(--r-card);background:var(--surface-deep);color:var(--on-dark)}
.vdl-vgband>div{flex:1 1 360px;display:flex;flex-direction:column;gap:6px}
.vdl-vgband b{font:var(--wt-head) 20px/1.25 var(--f-head)}
.vdl-vgband span{font:400 14.5px/1.55 var(--f-body);color:var(--on-dark-mute)}
.vdl-vgband .vdl-btn-rand{background:transparent;color:var(--on-dark);border-color:var(--divider-dark)}
.vdl-vgband .vdl-btn-rand:hover{color:var(--on-dark);border-color:var(--on-dark)}
.vdl-vgband .bxc-c1-btn--prim:hover{background:var(--paper);color:var(--ink)}
.vdl-chips{margin-top:clamp(22px,2.4vw,32px);display:flex;flex-wrap:wrap;gap:10px}
.vdl-chips a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:11px 16px;border-radius:var(--r-btn);background:var(--canvas);border:1px solid var(--hairline);font:500 15px/1.2 var(--f-body);color:var(--ink);transition:border-color .25s,color .25s}
.vdl-chips a:hover{border-color:var(--brand-on-light);color:var(--brand-on-light)}
.vdl-chips a i{color:var(--brand-on-light)}

/* kennisbank */
.vdl-kaarten{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.vdl-kaart{display:flex;flex-direction:column;border-radius:var(--r-card);overflow:hidden;background:var(--canvas);border:1px solid var(--hairline);transition:border-color .25s,transform .25s}
.vdl-kaart:hover{border-color:var(--hairline-strong);transform:translateY(-2px)}
.vdl-kaart-foto img{width:100%;aspect-ratio:16/10;object-fit:cover}
.vdl-kaart-tekst{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px}
.vdl-kaart-tekst small{font:600 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-on-light)}
.vdl-kaart-tekst b{font:var(--wt-head) 19px/1.25 var(--f-head);color:var(--ink);text-wrap:balance}
.vdl-kaart-tekst span{font:400 14.5px/1.55 var(--f-body);color:var(--body)}
.vdl-hubs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.vdl-hub{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;padding:12px 18px 12px 12px;border-radius:var(--r-card);background:var(--canvas);border:1px solid var(--hairline);color:var(--ink);transition:border-color .25s}
.vdl-hub:hover{border-color:var(--brand-on-light)}
.vdl-hub img{width:72px;height:72px;object-fit:cover;border-radius:var(--r-img)}
.vdl-hub b{display:block;font:var(--wt-head) 18px/1.25 var(--f-head)}
.vdl-hub small{display:block;margin-top:4px;font:400 13.5px/1.45 var(--f-body);color:var(--body)}
.vdl-hub i{color:var(--brand-on-light)}
.vdl-hub--vg{grid-template-columns:1fr auto;padding:20px 22px;background:var(--surface-deep);border-color:var(--surface-deep);color:var(--on-dark)}
.vdl-hub--vg small{color:var(--on-dark-mute)}
.vdl-hub--vg i{color:var(--brand-on-dark)}
.vdl-dienstlink{margin-top:28px;font:400 16px/1.6 var(--f-body);color:var(--body)}

/* artikel */
.vdl-art{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:clamp(32px,4.4vw,72px);align-items:start}
.vdl-art-tekst{max-width:760px}
.vdl-art-tekst section{scroll-margin-top:120px}
.vdl-art-tekst section+section{margin-top:clamp(30px,3vw,44px)}
.vdl-inhoud{margin-bottom:clamp(30px,3vw,44px);padding:20px 22px;border-radius:var(--r-card);background:var(--surface-soft)}
.vdl-inhoud b{font:600 13px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-on-light)}
.vdl-inhoud ol{margin-top:12px;display:flex;flex-direction:column;gap:8px;list-style:decimal;padding-left:20px}
.vdl-inhoud li{font:400 15.5px/1.45 var(--f-body);color:var(--ink)}
.vdl-inhoud a{text-decoration:none!important;color:var(--ink)!important}
.vdl-inhoud a:hover{color:var(--brand-on-light)!important}
.vdl-art-zij{position:sticky;top:100px;display:flex;flex-direction:column;gap:14px}
.vdl-art-zij .bxdh-s2-paneel{border:1px solid var(--hairline);box-shadow:0 24px 60px -40px rgba(0,0,0,.35)}
.vdl-art-zij .bxdh-s2-velden{grid-template-columns:1fr 1fr}
.vdl-zij-dienst{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:16px 20px;border-radius:var(--r-card);background:var(--surface-deep);color:var(--on-dark)}
.vdl-zij-dienst small{grid-column:1;font:600 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-on-dark)}
.vdl-zij-dienst b{grid-column:1;font:var(--wt-head) 18px/1.3 var(--f-head)}
.vdl-zij-dienst i{grid-row:1/3;grid-column:2;color:var(--brand-on-dark)}
.vdl-tussen{margin:clamp(30px,3vw,44px) 0;display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;padding:20px 22px;border-radius:var(--r-card);background:var(--surface-deep);color:var(--on-dark)}
.vdl-tussen>div{flex:1 1 300px;display:flex;flex-direction:column;gap:4px}
.vdl-tussen b{font:var(--wt-head) 19px/1.25 var(--f-head)}
.vdl-tussen span{font:400 14.5px/1.5 var(--f-body);color:var(--on-dark-mute)}
.vdl-tussen .bxc-c1-btn--prim:hover{background:var(--paper);color:var(--ink)}
.vdl-bronnen{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.vdl-bronnen a{font:400 14.5px/1.5 var(--f-body);color:var(--brand-on-light);text-decoration:underline;text-underline-offset:2px;word-break:break-word}

/* reviews */
.vdl-waarom{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.vdl-waarom>div{padding:24px;border-radius:var(--r-card);background:var(--canvas);border:1px solid var(--hairline)}
.vdl-waarom span{width:46px;height:46px;border-radius:var(--r-card);display:grid;place-items:center;background:var(--primary-soft);color:var(--brand-on-light);margin-bottom:16px}
.vdl-waarom b{font:var(--wt-head) 19px/1.25 var(--f-head);color:var(--ink)}
.vdl-waarom p{margin-top:8px;font:400 15px/1.62 var(--f-body);color:var(--body)}
.vdl-muur{margin-top:clamp(26px,3vw,40px);columns:3 320px;column-gap:16px}
.vdl-rk{break-inside:avoid;margin-bottom:16px;padding:22px;border-radius:var(--r-card);background:var(--canvas);border:1px solid var(--hairline)}
.vdl-rk header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.vdl-rk header .vdl-av{display:grid;margin:0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--brand-on-light);font:var(--wt-head) 18px/1 var(--f-head)}
.vdl-rk header b{display:block;font:600 15.5px/1.3 var(--f-body);color:var(--ink)}
.vdl-rk header span{display:flex;align-items:center;gap:8px;font:400 13px/1.3 var(--f-body);color:var(--body);margin-top:3px}
.vdl-rk .bx-sterren{color:#F5B301;display:inline-flex;gap:1px}
.vdl-rk>p{margin-top:14px;font:400 15.5px/1.62 var(--f-body);color:var(--ink)}
.vdl-reactie{margin-top:16px;padding:14px 16px;border-radius:var(--r-input);background:var(--surface-soft)}
.vdl-reactie b{font:600 13px/1.3 var(--f-body);color:var(--brand-on-light)}
.vdl-reactie p{margin-top:6px;font:400 14.5px/1.6 var(--f-body);color:var(--body)}

/* extra voettekst */
.vdl-voet{background:var(--surface-deep);border-bottom:1px solid var(--divider-dark)}
.vdl-voet-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);padding-bottom:clamp(36px,4vw,56px)!important}
.vdl-voet-wrap>div{display:flex;flex-wrap:wrap;gap:10px 18px;align-content:flex-start}
.vdl-voet-wrap b{flex-basis:100%;font:600 13px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark);margin-bottom:4px}
.vdl-voet-wrap a{font:400 14.5px/1.5 var(--f-body);color:var(--on-dark-mute)}
.vdl-voet-wrap a:hover{color:var(--brand-on-dark)}

/* vergunningcheck */
.vc{padding:clamp(22px,2.6vw,34px);border-radius:var(--r-card);background:var(--canvas);border:1px solid var(--hairline);scroll-margin-top:120px}
.vc-stap-info{display:flex;align-items:center;justify-content:space-between;font:600 13px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-on-light)}
.vc-terug{display:inline-flex;align-items:center;gap:6px;font:500 14px/1 var(--f-body);letter-spacing:0;text-transform:none;color:var(--body);min-height:40px}
.vc-balk{margin:14px 0 24px;height:4px;border-radius:4px;background:var(--hairline);overflow:hidden}
.vc-balk span{display:block;height:100%;width:0;background:var(--brand);transition:width .35s}
.vc [hidden]{display:none!important}
.vc-vraag{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.vc-vraag legend{font:var(--wt-head) clamp(21px,2vw,28px)/1.2 var(--f-head);color:var(--ink);margin-bottom:12px;padding:0;text-wrap:balance}
.vc-vraag label{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 16px;border-radius:var(--r-input);border:1px solid var(--hairline-strong);font:500 16px/1.4 var(--f-body);color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}
.vc-vraag label:hover{border-color:var(--brand-on-light)}
.vc-vraag input{width:20px;height:20px;accent-color:var(--brand);flex:0 0 auto}
.vc-vraag label:has(input:checked){border-color:var(--brand);background:var(--primary-soft)}
.vc-gem{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.vc-uitleg{font:400 15px/1.6 var(--f-body);color:var(--body);margin-bottom:8px}
.vc-uit{padding:clamp(20px,2.4vw,28px);border-radius:var(--r-card);background:var(--surface-soft);scroll-margin-top:130px}
.vc-uit h3{font:var(--wt-head) clamp(22px,2.2vw,30px)/1.2 var(--f-head);color:var(--ink)}
.vc-uit p{margin-top:12px;font:400 16px/1.65 var(--f-body);color:var(--body)}
.vc-uit p a{color:var(--brand-on-light);text-decoration:underline;text-underline-offset:2px}
.vc-uit .bxc-c1-btn{margin-top:18px;white-space:normal;text-align:center}
.vc-knoppen{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.vc-knoppen .bxc-c1-btn,.vc-knoppen .vdl-btn-rand{margin-top:0}
.vc-klein{margin-top:18px;font:400 13px/1.55 var(--f-body);color:var(--body)}
.vc-klein a{text-decoration:underline}

/* ---------- breakpoints ---------- */
@media(max-width:991px){
  .vdl-art,.vdl-proza--met-foto,.vdl-proza--zij{grid-template-columns:minmax(0,1fr)}
  .vdl-art-zij,.vdl-sec-foto,.vdl-zijkaart{position:static}
  .vdl-sec-foto img{aspect-ratio:16/10}
  .vdl-voet-wrap{grid-template-columns:1fr}
}
@media(max-width:767px){
  .vdl-fotorij{grid-template-columns:1fr 1fr}
  .vdl-fotorij img:last-child{display:none}
  .vdl-kop-rij .vdl-btn-rand{display:none}
  .vdl-hub{grid-template-columns:60px 1fr auto}
  .vdl-hub img{width:60px;height:60px}
  .vdl-tussen .bxc-c1-btn,.vdl-vgband .bxc-c1-btn,.vdl-vgband .vdl-btn-rand{flex:1 1 100%}
}

/* onderdelen die niet op elke bestaande pagina in de stijl zitten */
.vdl-sec .bxdu-s1-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.vdl-sec .bxdu-s1-label{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-on-light);margin-bottom:14px}
.vdl-sec .bxdu-s1-label::before{content:"";width:26px;height:2px;background:var(--brand-on-light)}
.vdl-sec .bxdu-s1-titel{display:block;font:var(--wt-head) clamp(28px,3.4vw,52px)/1.1 var(--f-head);letter-spacing:var(--ls-head);color:var(--ink);text-wrap:pretty}
.vdl-sec .bxdu-s1-tekst{margin-top:16px;font:400 clamp(15px,1.15vw,17px)/1.65 var(--f-body);color:var(--body);text-wrap:pretty}
.vdl-sec .bxdu-s1-label+h2,.vdl-proza .bxdu-s1-label{display:flex}
.vdl-vgband .bxc-c1-btn,.vdl-tussen .bxc-c1-btn,.vc-uit .bxc-c1-btn{font:600 clamp(15px,1.1vw,17px)/1.2 var(--f-body);display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:15px 28px;border-radius:var(--r-btn);background:var(--brand-btn,var(--brand));color:var(--on-brand);transition:background .3s,color .3s}
.vdl-vgband .bxc-c1-btn i,.vdl-tussen .bxc-c1-btn i,.vc-uit .bxc-c1-btn i{transform:rotate(-45deg)}
.bx-sterren{display:inline-flex;gap:1px}

/* ---------- oranje: alleen voor de actie ---------- */
:root{--vdl-or:#D4520A;--vdl-or-h:#B84607;--vdl-ster:#F5B301}
form.form button[type="submit"],.bxn-h1-cta,.vdl-btn-or,.bxc-c1-btn--prim,.bxdh-s2-btn--prim{background:var(--vdl-or)!important;color:#fff!important;border-color:var(--vdl-or)!important}
form.form button[type="submit"]:hover,.bxn-h1-cta:hover,.vdl-btn-or:hover,.bxc-c1-btn--prim:hover,.bxdh-s2-btn--prim:hover{background:var(--vdl-or-h)!important;color:#fff!important}
form.form button[type="submit"]{font-weight:700}
.bxn-h1-cta i,.bxn-h1-cta svg{color:#fff}
.vdl-btn-or,.vdl-btn-tel{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:14px 24px;border-radius:var(--r-btn);font:700 16px/1.2 var(--f-body);transition:background .25s,border-color .25s,color .25s}
.vdl-btn-or i{transform:rotate(-45deg)}
.vdl-btn-tel{border:1px solid var(--hairline-strong);color:var(--ink);background:var(--canvas)}
.vdl-btn-tel:hover{border-color:var(--ink)}
.vdl-btn-tel i{color:var(--brand-on-light)}
.bx-sterren{color:var(--vdl-ster)!important}

/* ---------- Google-reviews prominent ---------- */
.vdl-revband{background:var(--canvas);border-bottom:1px solid var(--hairline);padding-block:clamp(22px,2.6vw,34px)}
.vdl-revband-in{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr);gap:clamp(18px,2.4vw,32px);align-items:stretch}
.vdl-revband-score{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;align-content:center;gap:4px 12px;padding:18px 20px;border-radius:var(--r-card);background:var(--surface-soft);color:var(--ink)}
.vdl-revband-score>svg{grid-row:1/3;align-self:center}
.vdl-revband-cijfer{font:var(--wt-head) 40px/1 var(--f-head)}
.vdl-revband-score .bx-sterren{grid-column:2}
.vdl-revband-tekst{grid-column:1/-1;margin-top:6px;font:500 14.5px/1.3 var(--f-body)}
.vdl-revband-link{grid-column:1/-1;display:inline-flex;align-items:center;gap:6px;font:600 14px/1.3 var(--f-body);color:var(--brand-on-light)}
.vdl-revband-rij{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vdl-rkaart{margin:0;display:flex;flex-direction:column;gap:12px;padding:18px 20px;border-radius:var(--r-card);border:1px solid var(--hairline);background:var(--canvas)}
.vdl-rkaart-kop{display:flex;align-items:center;justify-content:space-between}
.vdl-rkaart blockquote{margin:0;font:400 15px/1.6 var(--f-body);color:var(--ink);flex:1}
.vdl-rkaart figcaption,.vdl-quote figcaption{display:flex;align-items:center;gap:10px}
.vdl-rkaart figcaption b{display:block;font:600 14.5px/1.3 var(--f-body);color:var(--ink)}
.vdl-rkaart figcaption small{display:block;font:400 12.5px/1.3 var(--f-body);color:var(--body)}
.vdl-av{width:36px;height:36px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--brand-on-light);font:var(--wt-head) 16px/1 var(--f-head)}
.vdl-quote{margin:clamp(30px,3vw,44px) 0;padding:clamp(22px,2.6vw,32px);border-radius:var(--r-card);background:var(--surface-deep);color:var(--on-dark)}
.vdl-quote-kop{display:flex;align-items:center;gap:10px;font:600 14px/1 var(--f-body);color:var(--on-dark-mute)}
.vdl-quote blockquote{margin:16px 0 18px;font:var(--wt-head) clamp(19px,1.7vw,24px)/1.4 var(--f-head);color:var(--on-dark);text-wrap:pretty}
.vdl-quote figcaption b{font:600 15px/1.3 var(--f-body)}
.vdl-quote figcaption small{font:400 13.5px/1.3 var(--f-body);color:var(--on-dark-mute)}
.vdl-quote .vdl-av{background:color-mix(in srgb,var(--paper) 14%,transparent);color:var(--on-dark)}

/* ---------- CTA-kaart ---------- */
.vdl-cta{margin-top:clamp(36px,4vw,56px);display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);border-radius:var(--r-card);overflow:hidden;background:var(--canvas);border:1px solid var(--hairline);box-shadow:0 30px 70px -50px rgba(0,0,0,.45)}
.vdl-sec>.bxdu-s1-wrap>.vdl-cta:first-child{margin-top:0}
.vdl-cta-foto{margin:0;position:relative;min-height:260px}
.vdl-cta-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vdl-cta-foto figcaption{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--r-chip);background:rgba(16,17,19,.78);color:#fff;font:500 12.5px/1.2 var(--f-body)}
.vdl-cta-tekst{padding:clamp(24px,3vw,40px)}
.vdl-cta-label{font:600 12.5px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--vdl-or)}
.vdl-cta h2{margin:10px 0 0!important;font:var(--wt-head) clamp(24px,2.4vw,34px)/1.15 var(--f-head)!important;color:var(--ink);text-wrap:balance}
.vdl-cta ul{margin-top:18px;display:flex;flex-direction:column;gap:9px}
.vdl-cta li{display:flex;align-items:flex-start;gap:10px;font:500 15.5px/1.45 var(--f-body);color:var(--ink)}
.vdl-cta li i{color:var(--vdl-or);margin-top:2px}
.vdl-cta-knoppen{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.vdl-cta-rev{margin-top:18px!important;padding-top:16px;border-top:1px solid var(--hairline);display:flex;align-items:flex-start;gap:10px;font:400 14px/1.5 var(--f-body)!important;color:var(--body)!important}
.vdl-cta-rev .bx-sterren{flex:0 0 auto;margin-top:3px}
.vdl-cta-rev b{color:var(--ink);font-weight:600;white-space:nowrap}
.vdl-cta--smal{grid-template-columns:minmax(0,36%) minmax(0,1fr)}
.vdl-art-tekst .vdl-cta a{text-decoration:none}
.vdl-art-tekst .vdl-cta .vdl-btn-or{color:#fff!important}
.vdl-art-tekst .vdl-cta .vdl-btn-tel{color:var(--ink)!important}

/* ---------- het korte antwoord ---------- */
.vdl-art-tekst section.vdl-kort{padding:clamp(20px,2.4vw,28px);border-radius:var(--r-card);background:var(--primary-soft)}
.vdl-art-tekst section.vdl-kort h2{font-size:clamp(20px,1.8vw,24px);margin:0 0 10px}
.vdl-art-tekst section.vdl-kort p{color:var(--ink);font-size:clamp(16px,1.15vw,17.5px)}

/* ---------- echt werk ---------- */
.vdl-donker{background:var(--surface-deep)}
.vdl-donker .bxdu-s1-titel{color:var(--on-dark)!important}
.vdl-donker .bxdu-s1-tekst{color:var(--on-dark-mute)!important}
.vdl-donker .bxdu-s1-label{color:var(--brand-on-dark)!important}
.vdl-donker .bxdu-s1-label::before{background:var(--brand-on-dark)!important}
.vdl-donker .vdl-btn-rand{background:transparent;color:var(--on-dark);border-color:var(--divider-dark)}
.vdl-echt{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.vdl-echt figure{margin:0;display:flex;flex-direction:column;gap:8px}
.vdl-echt img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-img)}
.vdl-echt figcaption{font:400 13px/1.45 var(--f-body);color:var(--on-dark-mute)}
.vdl-midden{text-align:center;margin-top:24px}
.vdl-midden .vdl-btn-rand svg{width:18px;height:18px}

/* ---------- belbalk mobiel ---------- */
.vdl-mbalk{display:none}
@media(max-width:767px){
  .vdl-mbalk{display:grid;grid-template-columns:auto 1fr;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--canvas);border-top:1px solid var(--hairline);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:6px 8px;transform:translateY(110%);transition:transform .25s;box-shadow:0 -10px 30px -18px rgba(0,0,0,.35)}
  .vdl-mbalk.zicht{transform:none}
  .vdl-mbalk a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 16px;border-radius:var(--r-btn);font:700 15.5px/1 var(--f-body)}
  .vdl-mbalk-tel{border:1px solid var(--hairline-strong);color:var(--ink)}
  .vdl-mbalk-tel i{color:var(--brand-on-light)}
  .vdl-mbalk-or{background:var(--vdl-or);color:#fff}
  .vdl-mbalk-or i{transform:rotate(-45deg)}
  .vdl-mbalk-rev{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:center;gap:6px;font:400 12px/1 var(--f-body);color:var(--body)}
  .vdl-mbalk-rev b{color:var(--ink)}
  .vdl-mbalk-rev svg{width:11px;height:11px}
  body{padding-bottom:0}
}

/* ---------- breakpoints nieuwe onderdelen ---------- */
@media(max-width:991px){
  .vdl-revband-in{grid-template-columns:1fr}
  .vdl-revband-rij{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(270px,82%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .vdl-rkaart{scroll-snap-align:start}
  .vdl-revband-score{grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;padding:14px 16px}
  .vdl-revband-score>svg{grid-row:1/3}
  .vdl-revband-cijfer{font-size:30px}
  .vdl-revband-tekst{grid-column:2/-1;margin-top:0}
  .vdl-revband-link{grid-column:3;grid-row:1;justify-self:end}
  .vdl-echt{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vdl-cta,.vdl-cta--smal{grid-template-columns:1fr}
  .vdl-cta-foto{min-height:200px;aspect-ratio:16/9}
}
@media(max-width:575px){
  .vdl-echt{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vdl-cta-knoppen a{flex:1 1 100%}
  .vdl-revband-score .bx-sterren{display:none}
}