.dhb-verschil{--nv-accent:#FF4C00;--nv-dark:#141313;--nb-accent:var(--nv-accent);--nb-dark:var(--nv-dark);--nv-bg:#F7FAF5;--nv-card-light:#FFFFFF;--nv-text:#2F2D2D;--nv-muted:#6F6A66;background:var(--nv-bg);font-family:'Poppins',sans-serif;padding:90px 24px 100px;box-sizing:border-box;}

/* Kopkleur vastzetten.
   Koppen hier zetten alleen een lettertype en erven hun kleur van de
   wrapper. Overerving heeft geen specificiteit, dus de Elementor-kit of
   het thema wint daarvan en kleurt de koppen ineens blauw. De wrapper
   staat er dubbel in, zodat deze regel zwaarder weegt dan de kit. De
   eigen kleuren hieronder hebben de wrapper ook gekregen en winnen weer
   van deze regel. */
.dhb-verschil.dhb-verschil h1,
.dhb-verschil.dhb-verschil h2,
.dhb-verschil.dhb-verschil h3,
.dhb-verschil.dhb-verschil h4,
.dhb-verschil.dhb-verschil h5,
.dhb-verschil.dhb-verschil h6 {
	color: inherit;
}



.dhb-verschil *,.dhb-verschil *::before,.dhb-verschil *::after{box-sizing:border-box;}
.dhb-verschil .nv-inner{max-width:1060px;margin:0 auto;}
.dhb-verschil .nv-tag{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--nv-dark);}
.dhb-verschil .nv-tag::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--nv-accent);box-shadow:0 0 8px rgba(255,76,0,0.6);}
.dhb-verschil .nv-header{text-align:center;margin-bottom:56px;}
.dhb-verschil .nv-header h2{font-family:'Korataki','Montserrat',sans-serif;font-size:clamp(30px,4.4vw,46px);line-height:1.15;color:var(--nv-dark);margin:14px 0 0;font-weight:700;}
.dhb-verschil .nv-header h2 .nv-dot{color:var(--nv-accent);}
.dhb-verschil .nv-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:28px;align-items:start;}
.dhb-verschil .nv-card-zelf{background:var(--nv-card-light);border:1px solid #E6ECE4;border-radius:22px;padding:38px 36px 42px;box-shadow:0 10px 30px rgba(20, 19, 19,0.05);}
.dhb-verschil .nv-card-zelf h3{font-family:'Montserrat',sans-serif;font-size:21px;font-weight:800;color:var(--nv-dark);margin:0 0 24px;}
.dhb-verschil .nv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;}
.dhb-verschil .nv-list li{display:flex;align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.5;color:var(--nv-muted);}
.dhb-verschil .nv-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:1px;}
.dhb-verschil .nv-icon svg{width:11px;height:11px;}
.dhb-verschil .nv-icon-x{background:#EEF1ED;}
.dhb-verschil .nv-icon-x svg{stroke:#8F8B88;}
.dhb-verschil .nv-card-dhb{position:relative;background:radial-gradient(circle at 92% 4%,rgba(255,76,0,0.16) 0%,transparent 45%),linear-gradient(150deg,#242424 0%,var(--nv-dark) 55%,#0F0E0E 100%);border-radius:22px;padding:42px 38px 44px;box-shadow:0 24px 60px rgba(20, 19, 19,0.28);}
.dhb-verschil .nv-badge{position:absolute;top:-14px;right:28px;background:var(--nv-accent);color:var(--nv-dark);font-family:'Montserrat',sans-serif;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:10px 18px;border-radius:100px;box-shadow:0 6px 18px rgba(255,76,0,0.35);}
.dhb-verschil .nv-card-dhb h3{font-family:'Montserrat',sans-serif;font-size:21px;font-weight:800;color:#FFFFFF;margin:0 0 24px;}
.dhb-verschil .nv-card-dhb .nv-list li{color:#DAE4E0;}
.dhb-verschil .nv-icon-check{background:var(--nv-accent);box-shadow:0 0 12px rgba(255,76,0,0.35);}
.dhb-verschil .nv-icon-check svg{stroke:var(--nv-dark);}
/* CTA: gedeeld DHB buttonsysteem; hier alleen layout */
.dhb-verschil .nv-cta{width:100%;margin-top:32px;justify-content:space-between;font-family:'Poppins',sans-serif;}
.dhb-verschil .nv-trust{margin:18px 0 0;text-align:center;font-size:12.5px;color:rgba(220,216,212,0.65);}
.dhb-verschil .nv-trust strong{color:var(--nv-accent);font-weight:600;}
@media(prefers-reduced-motion:reduce){.dhb-verschil .nv-cta{transition:none;}.dhb-verschil .nv-cta:hover{transform:none;}}
@media(max-width:860px){.dhb-verschil{padding:64px 18px 72px;}.dhb-verschil .nv-grid{grid-template-columns:1fr;gap:34px;}.dhb-verschil .nv-card-zelf,.dhb-verschil .nv-card-dhb{padding:32px 26px 36px;}.dhb-verschil .nv-header{margin-bottom:40px;}}

/* CTA in de nieuwe DHB-knopstijl: gradient pill met witte icooncirkel */
.dhb-verschil .nv-cta2,
.dhb-verschil .nv-cta2:hover,
.dhb-verschil .nv-cta2:focus,
.dhb-verschil .nv-cta2:visited{
  width:100%;margin-top:32px;
  display:flex;align-items:center;justify-content:center;gap:13px;
  padding:8px 8px 8px 28px;border-radius:999px;border:0;
  font-size:15.5px;font-weight:700;line-height:1;color:#fff!important;text-decoration:none;
  background:linear-gradient(135deg,#E8440A 0%,var(--nv-accent,#FF4C00) 55%,#FF6A2A 100%);
  box-shadow:0 10px 30px rgba(255,76,0,.3),inset 0 1px 0 rgba(255,255,255,.35);
  position:relative;isolation:isolate;overflow:hidden;
  transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease;
}
.dhb-verschil .nv-cta2 > span:first-child{position:relative;z-index:2;}
.dhb-verschil .nv-cta2::before{
  content:"";position:absolute;left:50%;top:50%;
  width:44px;height:44px;border-radius:50%;background:#141313;
  transform:translate(-50%,-50%) scale(0);
  transition:transform .55s cubic-bezier(.22,.61,.36,1);z-index:1;
}
.dhb-verschil .nv-cta2:hover::before{transform:translate(-50%,-50%) scale(16);}
.dhb-verschil .nv-cta2:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.45),0 0 0 1px rgba(255,76,0,.35);}
.dhb-verschil .nv-cta2 .circ{
  width:44px;height:44px;border-radius:50%;flex:none;
  display:grid;place-items:center;
  background:rgba(255,255,255,.95);color:#141313;
  position:relative;z-index:2;
  transition:transform .45s cubic-bezier(.34,1.56,.64,1),background-color .35s ease;
}
.dhb-verschil .nv-cta2 .circ svg{width:16px;height:16px;}
.dhb-verschil .nv-cta2:hover .circ{transform:rotate(45deg);background:var(--nv-accent,#FF4C00);}
@media(prefers-reduced-motion:reduce){
  .dhb-verschil .nv-cta2,.dhb-verschil .nv-cta2::before,.dhb-verschil .nv-cta2 .circ{transition:none;}
  .dhb-verschil .nv-cta2:hover{transform:none;}
}

/* Hele sectie 20% compacter */
.dhb-verschil{zoom:.8;}

/* SVG-gloed over de groene kaart, net als in de reviews-widget */
.dhb-verschil .nv-card-dhb{overflow:hidden;}
.dhb-verschil .nv-blob{
  position:absolute;inset:0;z-index:0;
  width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover;pointer-events:none;
  opacity:.6;
}
.dhb-verschil .nv-card-dhb > *:not(.nv-blob){position:relative;z-index:1;}

/* Het logo in de kop van de rechterkaart.
   Het staat in de regel mee als was het een woord, dus de hoogte bepaalt de
   maat en de breedte volgt. De kleine correctie onderaan zet het optisch op
   dezelfde lijn als de letters ernaast. */
.dhb-verschil .nv-card-dhb h3 .nv-logo{
	display:inline-block;
	height:48px;
	width:auto;
	vertical-align:-0.5em;
	margin:0 .1em;
}