/* Nasci Diensten Banner (ndb) */
.ndb{
  position:relative;
  min-height:var(--ndb-hoogte,clamp(380px,46vh,500px));
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  border-radius:0 0 var(--ndb-radius,16px) var(--ndb-radius,16px);
  color:#fff;
  padding:150px 24px 76px;
  text-align:center;
  font-family:'Satoshi',ui-sans-serif,system-ui,sans-serif;
  /* full width: breek uit de content-container van het thema */
  width:auto;max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.ndb *{margin:0;padding:0;box-sizing:border-box;}

/* parent-sectie mag geen witruimte toevoegen */
.elementor-widget-nasci_diensten_banner{width:100%;}
section.elementor-section:has(.ndb){padding:0;}
.e-con:has(.elementor-widget-nasci_diensten_banner){padding:0;}

.ndb-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center 30%;
  max-width:none!important;max-height:none!important;
  animation:ndb-kenburns 24s ease-in-out infinite alternate;
}
.ndb--still .ndb-bg{animation:none;}
@keyframes ndb-kenburns{from{transform:scale(1);}to{transform:scale(1.08);}}

.ndb::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:
    radial-gradient(45% 55% at 88% 10%,color-mix(in srgb,var(--ndb-accent,#90E509) 16%,transparent),transparent 60%),
    radial-gradient(40% 50% at 8% 90%,color-mix(in srgb,var(--ndb-accent,#90E509) 10%,transparent),transparent 58%),
    linear-gradient(180deg,var(--ndb-ov1,rgba(8,31,26,.78)) 0%,var(--ndb-ov2,rgba(12,39,33,.62)) 45%,var(--ndb-ov3,rgba(8,31,26,.88)) 100%);
}
/* zachte overgang naar de pagina eronder */
.ndb::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:90px;z-index:2;
  background:linear-gradient(180deg,transparent,rgba(8,31,26,.55));
  pointer-events:none;
}
.ndb-inner{position:relative;z-index:3;max-width:860px;margin:0 auto;}

.ndb h1{
  margin-top:0;
  font-family:'Aloevera','Satoshi',ui-sans-serif,system-ui,sans-serif;
  font-weight:800;
  font-size:clamp(44px,7vw,84px);
  line-height:1.02;letter-spacing:-.01em;
  color:#fff;
  text-shadow:0 2px 28px rgba(0,0,0,.4);
}

.ndb-sub{
  margin:16px auto 0;max-width:620px;
  font-size:clamp(15px,1.4vw,17px);line-height:1.6;
  color:rgba(255,255,255,.72);
}

/* glassy breadcrumb-pill */
.ndb-crumbs{
  margin-top:24px;
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 18px;border-radius:999px;
  background:rgba(8,31,26,.45);
  border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  font-size:12.5px;font-weight:600;color:rgba(255,255,255,.65);
}
.ndb-crumbs a{color:rgba(255,255,255,.65);text-decoration:none;transition:color .18s ease;}
.ndb-crumbs a:hover{color:#fff;background:transparent;}
.ndb-crumbs svg{width:11px;height:11px;color:var(--ndb-accent,#90E509);opacity:.9;flex:none;}
.ndb-crumbs b{color:#fff;font-weight:700;}

@media (prefers-reduced-motion:reduce){
  .ndb-bg{animation:none;}
}