/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/



/* Afbeelding blok */
.stretchen-img {
    width: 100%;
    height: auto;
}

.hs-img {
    width: 100%;
	max-width: 900px;
    height: 500px;
    object-fit: cover;
	border-radius: 10px;
}

.centreren-img, .centreren-button-container {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.design-img {
/* Eventuele gemeenschappelijke stijlen voor de afbeelding */
	border-radius: 10px;
}

.bm-header-cta-container {
    display: flex;
    flex-direction: row;
    align-items: center;	
    gap: 10px;
}

.cta-container {
    display: flex;
    gap: 10px;
}

.cta-space {
	margin-top: 2.4rem;
}

.pri-cta, .sec-cta {
    padding: 5px 28px;
	transition: background-color 0.2s, color 0.2s;
	font-weight: 700;
	border-radius: 10px;
}

.pri-cta {
    background-color: #ffed02;
	border: 3px solid #ffed02;
    color: #000;
}

a.pri-cta.sccta {
	text-decoration: none;
}

.sec-cta {
    background-color: #000;
	border: 3px solid #000;
    color: #fff;
}

.bm-pri-i, .bm-sec-i {
    transition: transform 0.3s ease-in-out;
}

.pri-cta:hover .bm-pri-i, .sec-cta:hover .bm-sec-i {
    transform: translateX(5px);
}


.bm-pri-i {
	margin-left: 1.2rem;
}

.bm-sec-i {
	margin-left: 1.2rem;
}

/* Embed code */
.embed-container { 
    position: relative; 
    overflow: hidden;
    padding-top: 56.25%; /* voor 16:9 verhouding */
    height: 100%;
    width: 100%;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Team */
.bm-teamleden-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}

/* Tekst */
/* Standaard styling voor de tekstcontainer */
.bm-t-container {
    /* Andere stijlen die je mogelijk al hebt ingesteld. */
}

.bm-t-heading {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 30px;
}

.bm-t-container h3 {
	color: #000 !important;
}

/* Als centreren is ingeschakeld */
.bm-t-center {
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
}

.bm-t-center a {
	font-weight: 600;
	text-decoration: underline;
}

/* Als smalle tekst is ingeschakeld */
.bm-t-small {
    max-width: 690px;
}

/* Stijlen om de knoppen te centreren wanneer tekst gecentreerd is */
.bm-t-center .cta-container {
    text-align: center; /* dit is om de knoppen te centreren */
}

/*2 columns*/
.bm-t-container.bm-t-two-columns {
    display: flex;
	width:100%;
	gap:80px;
}

.bm-t-two-columns .bm-t-text {
    width: 100%;
    max-width: 732px;
}

.bm-t-two-columns h3 {
    width: 100%;
    max-width: 468px;
}

/* Tekst met afbeelding */
.dl-t-img-breed {
    max-width: revert!important;
}

img.icon {
    width: 48px!important;
    height: 48px!important;
    object-fit: cover!important;
}

.icon-info-container {
    display: grid!important;
    gap: 20px!important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))!important;
}

.dl-t-img {
    height: 100%;
    width: 100%;
    max-width: 490px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.t-img-order .dr-t-img img.t-img.ti-design {
    max-width: 540px;
}

/* Basisopmaak voor de container */
.brxe-container.c-t-img {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

/* Standaard opmaak voor afbeeldingen */
.dr-t-img img.t-img {
    width: 100%;
}

/* Als huisstijl is ingeschakeld */
.dr-t-img img.t-img.ti-design {
    width: 100%;
    height: 440px;
    object-fit: cover;
	border-radius: 10px;
}

/* Standaard order voor kinderelementen */
.brxe-container.c-t-img .dl-t-img {
    order: 0;
}
.brxe-container.c-t-img .dr-t-img {
    order: 1;
}

/* Wanneer de volgorde is veranderd */
.brxe-container.c-t-img.t-img-order .dl-t-img {
    order: 1;
}
.brxe-container.c-t-img.t-img-order .dr-t-img {
    order: 0;
}

/* Zoekresultaten */
.bm-search-results {
    margin: 20px 0;
    padding: 0;
}

.bm-search-result {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

.bm-search-result-image {
    flex: 1 1 100px;
    margin-right: 20px;
}

.bm-search-result-image img {
    max-width: 100%;
    height: auto;
}

.bm-search-result-content {
    flex: 1 1 calc(100% - 120px);
}

.bm-search-result-content h3 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}

.bm-search-excerpt {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

/* Overzicht */

img.postit-img {
    position: absolute;
    width: 75px;
    z-index: 10;
    top: -10px;
    left: -10px;
}

.bm-ovz-block {
    position: relative;
	height: 100%;
}



.postit-label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

.bm-ovz-container {
    display: grid;
	width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.bm-wovz {
    padding: 3rem;
    background-color: #000;
	height: 100%;
    border-radius: 10px;
}


.bm-ovz-content {
    width: 100%;
    max-width: 250px;
}

.bm-ovz-title {
	color: #fff;
}

.ovz-cta.ter-cta {
    color: #fff;
	font-weight: 600;
	transition: color 0.3s ease;
}

.ter-cta {
    display: inline-block;
    margin-top: 5px; /* wat ruimte tussen de titel en de knop */
}

.overzicht-img {
	transition: filter 0.3s ease;
    width: 100%;
    height: 300px;
    object-fit: cover;
    filter: brightness(80%);
    object-position: center;
    border-radius: 10px;
	margin-bottom: 2rem;
}

.bm-ovz-block:hover .overzicht-img {
	filter: brightness(100%);
}

.bm-ovz-block:hover .ovz-cta.ter-cta {
	color: #ffed02;
}

.ovz-sec-cta {
    padding: 5px 28px;
	transition: background-color 0.2s, color 0.2s;
	font-weight: 700;
	border-radius: 10px;
}

.ovz-sec-cta {
    color: #000;
}

.cta-container.ovz-ctas.cta-space {
    width: 100%;
    display: flex;
    justify-content: center;
}

.ovz-sec-cta i.bm-sec-i {
    transition: transform 0.3s ease; 
}

.ovz-sec-cta:hover i.bm-sec-i {
    transform: translateX(5px); 
}

/* Infoblok */

li::marker {
    color: #ffed02;
}

.cb-infoblok::after {
    content: '';
    position: absolute;
    bottom: -70px;
    left: 10%;
    width: 0;
    height: 0;
    border: 70px solid transparent;
    border-top-color: #000;
    border-bottom: 0;
    border-right: 0;
    margin-left: -10px;
}

/* CTA */

.cta-cta i.fas.fa-arrow-right {
    transition: transform 0.3s ease-in-out;
}

.cta-cta:hover i.fas.fa-arrow-right {
    transform: translateX(5px);
}

@media only screen and (max-width: 600px) {
  .bm-header-cta-container .pri-cta {
    font-size: 32px;
	width: 100%;
  }
	.bm-header-cta-container {
		width: 100%;
		text-align: center;
	}
}

/* testimonials */
.tsm-quote {
    font-size: 16px;
	padding:clamp(2.2rem, calc(2.2rem + ((1vw - 0.48rem) * 0.8654)), 4rem);
	border-radius: 10px;
	background-color: #fff;
}

p.tsm-name {
    font-size: 16px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 0px;
}

p.tsm-function {
    font-size: 16px;
    margin: 0;
    font-style: italic;
}

/*Happy customers*/

.bm-review-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.bm-review-quote {
    font-size: 16px;
    padding: clamp(2.2rem, calc(2.2rem + ((1vw - 0.48rem) * 0.8654)), 4rem);
    border-radius: 10px;
    background-color: #fff;
}

.bm-review-name {
    font-size: 16px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 0px;
}

.bm-review-function {
    font-size: 20px;
    margin: 0;
    font-style: italic;
}

.bm-ster{
	color:#FFED02;
	margin-bottom:1.5rem;
}

/*Menu*/
li.lang-item-first {
    align-self: center;
}

li.lang-item-first a img{
	height:auto!important;
	width:20px!important;
}

/* splide */

.splide__arrow--prev {
    left: 0.2em !important;
}

.splide__arrow--next {
    right: 0.2em !important;
}

.splide__arrow {
    background: #fff !important;
}

/* language */

.lang-item {
list-style: none;
}

/* mobiel menu */
#mob-pri-cta {
	font-size: 24px ;
}

@media only screen and (max-width: 767px) {
	li.lang-item-first a img{
		height:auto!important;
		width:30px!important;
	}
	.bm-t-container h1 {
		font-size: 22px;
	}
	img.brxe-witwui.brxe-image {
    	height: 225px !important;
	}
	.workshop-card{
		flex-direction:column!important;
	}
	.brxe-rbiraa.brxe-code {
		width: 100%!important;
		justify-items: center!important;
	}
	.workshop-date-wrap {
		border-right:none!important;
/* 		border-bottom: 1px solid #cccccc; */
		width: 100%!important;
		justify-content: center!important;
	}
	.bm-t-container.bm-t-two-columns{
		flex-direction:column;
		gap:10px!important;
	}
	.workshop-item{
		flex-direction:column;
	}
	.d-hero-workshop-r.brxe-div {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))!important;
	}
	
}

/* home btn */
li#menu-item-2945 {
    margin-top: 7px;
}

/* nieuwsbrief modal */
.x-modal_container {
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.bm-t-container h1 {
hyphens: auto;
}

/* Your Guides */

img.guides-image-thumb {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 100px;
}

.guides-wrapper {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.guides-item {
    background-color: #f1f3f4;
    padding: clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 1.0417)), 3rem);
    border-radius: 20px;
}

.guides-info {
    font-size: 16px;
}

.guides-experience {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 2rem;
	color: #A1A1A1;
}

.guides-name {
    font-size: 20px;
    margin-top: 3rem;
    font-weight: 800;
}


.featured-card{
	    min-width: 443px !important;
    max-width: 443px !important;
}

@media only screen and (max-width: 1088px) {
	.cards-container{
		grid-template-columns: 1fr;
		align-items: center !important;
	}
	.featured-card{
		max-width: unset !important;
	}
	
	.cards-container:not(.alt){
		scale: 1.0 !important;
	}
	
	.workshop-card.brxe-div{
		width:100%;
	}
}

/* Patch omdat bricks queryloop niet werkt? */
.cards-container:not(.alt) > .featured-card:not(:first-child) {
  display: none;
}

.featured-card .workshop-title{
	margin-top: 0 !important;
}

.cards-container.alt{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  
  &> .featured-card{
    display:flex;
    flex-direction:column;
    height:100%;
  
  }
}

.workshop-thumbnail{
  height:50% !important;
}

.cards-container:not(.alt){
	scale: 1.2;
}

.cards-container.alt > .featured-card .workshop-thumbnail > img{
  height:260px !important;
  object-fit: cover;
}


/* grid  */

.new-workshop-title{
  font-weight: bold;
margin-bottom: 1rem;
}

.new-workshop-content{
  padding-top:zzpx;
}

.new-workshop-location{
	display: flex;
    background-color: #fff;
    align-self: flex-start;
    color: #000;
    padding: 3px 20px;
    border-radius: 50px;
    font-size: 12px;
	margin-bottom: 1rem;
}

.new-workshop-description{
  font-size:16px;
}

.new-card-container{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:20px;
  color: white;
}

.new-card-item .ter-cta {
	color: #ffed02;
}


.new-card-item{
  background-color: black;
  padding:20px;
  border-radius: 10px;
  height:100%;
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  height:450px
}


.featured-card{
  background-color:black;
  color:white;
  border-radius: 15px;
    padding:20px;
}

.workshop-date-alt{
  color:black;
}

.workshop-location, .workshop-description{
  color:white !important;
}

.workshop-card{
  background-color: black !important;
  color:white;
 border-radius: 15px; 
	padding: 0rem 3rem;
}

.cards-container{
    gap: 20px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100px !important;
    justify-content: center !important;
}

.featured-card{
  height:100%;
  & img{
    border-radius:15px;
  }
  display:flex;
  flex-direction: column;
}


.tn-training-datums {
    font-size: 16px;
    display: flex;
    flex-direction: column;
}
.tn-training-taal-switch {
    font-size: 16px;
}

.tn-training-taal-switch {
    margin-top: 10px;
}

.tn-training-taal-cta {
    text-decoration: underline;
}


.tn-training-datum {
    font-weight: 600;
}

.tn-training-tijd {
    margin-left: 20px;
}

.tn-training-datumblok {
    display: flex;
    flex-direction: column;
}

.tno-training-kaart .ter-cta {
	color: #ffed02;
}

/* Trainingen pagina - filter */
.tno-filter {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-self: center;
	flex-flow: wrap;
	margin-bottom: 3rem;
}

button.tno-filter-btn {
    background-color: #FFF785;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    padding: 5px 20px;
    border-radius: 50px;
	cursor: pointer !important;

}

button.tno-filter-btn.active {
    background-color: #000;
    color: #FFF785;
}

/* Training detail pagina */

p.tn-training-vertaling-label {
    font-size: 16px;
    font-style: italic;
}

a.tn-training-vertaling-link {
    font-size: 16px;
    text-decoration: underline;
}

.bm-t-two-columns .bm-t-heading {
    max-width: 500px;
}

.tno-filter-btn-training {
    background-color: #FFF785;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    padding: 5px 20px;
    border-radius: 50px;
	cursor: pointer !important;

}

.tno-filter-training {
    display: flex;
    flex-flow: wrap;
    gap: 10px;
    margin-bottom: 4rem;
}

p.bt-hero-workshop-info-tekst{
	font-size:16px;
}


/* Nieuwsbrief */
div#brxe-czfrgh {
    font-size: 18px;
    text-align-last: center;
}

h2#brxe-fppxoz {
    text-align: center;
}



/*NIEUWE HOMEPAGINA STYLING — COMPLEET (basis + v5-fixes)*/
/* Werkt met alle nbb-secties, inclusief de NIEUWE team- en testimonials-blokken. */
/* De oude .bm-/#testimonial-slider override is hier bewust WEGGELATEN: niet meer nodig. */

/* =========================================================
   NOBLAHBLAH — HOMEPAGE V5 (scoped huisstijl)
   ---------------------------------------------------------
   - Alle classes geprefixed met .nbb- (geen botsing met .bm-/.tn-)
   - Fonts worden geërfd van het Bricks-theme (custom_font_1130).
     Display-impact via font-weight + letter-spacing i.p.v. Archivo Black.
   - Kleur-tokens staan in :root maar worden ALLEEN toegepast binnen
     .nbb-* secties. Wil je dit later site-breed? Vervang dan de
     bestaande #ffed02 e.d. door deze tokens (zie implementatie-gids).
   ========================================================= */

:root{
  --nbb-yellow:#FFE800;
  --nbb-yellow-soft:#FFF6A8;
  --nbb-black:#0A0A0A;
  --nbb-ink:#111;
  --nbb-white:#FFFFFF;
  --nbb-cream:#FAF8F2;
  --nbb-gray-50:#F5F4EE;
  --nbb-gray-100:#E9E7DD;
  --nbb-gray-300:#B8B5A8;
  --nbb-gray-500:#6B6960;
  --nbb-gray-700:#3A3933;
  --nbb-red:#FF3D2E;
  --nbb-peach:#FFB8B0;
  --nbb-sky:#B0E5FF;
  --nbb-mint:#C8FFB0;
  --nbb-lilac:#E2B0FF;
  --nbb-shadow:0 1px 0 0 rgba(0,0,0,.06), 0 8px 24px -8px rgba(0,0,0,.10);
  --nbb-shadow-lg:0 24px 60px -20px rgba(0,0,0,.25);
}

/* ---------- BASE / LAYOUT ---------- */
.nbb-section,.nbb-hero,.nbb-stats,.nbb-masterclass,.nbb-bigcta{
  /* display-koppen: zwaar gewicht i.p.v. apart font */
}
.nbb-section h1,.nbb-section h2,.nbb-section h3,.nbb-section h4,
.nbb-hero h1,.nbb-hero h2,.nbb-hero h3,
.nbb-stats .nbb-stat-num,.nbb-masterclass h2,.nbb-bigcta h2,
.nbb-display{
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.02;
  margin:0;
}
.nbb-container{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:640px){.nbb-container{padding:0 20px}}

.nbb-section{padding:120px 0}
@media(max-width:780px){.nbb-section{padding:80px 0}}

.nbb-head{max-width:780px;margin-bottom:64px}
.nbb-head--action{
  display:flex;justify-content:space-between;align-items:flex-end;
  max-width:none;gap:32px;flex-wrap:wrap;
}
.nbb-head--action > div{max-width:780px}

.nbb-tag{
  display:inline-block;
  font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  color:var(--nbb-red);margin-bottom:16px;
}
.nbb-section h2{font-size:clamp(36px,5vw,64px);line-height:1.02}
.nbb-y{background:var(--nbb-yellow);padding:0 8px;box-shadow:0 0 0 4px var(--nbb-yellow)}
.nbb-lede{
  font-size:18px;color:var(--nbb-gray-700);margin-top:20px;max-width:600px;line-height:1.6;
}
.nbb-link{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:700;font-size:14px;
  border-bottom:2px solid var(--nbb-black);padding-bottom:2px;white-space:nowrap;
}
.nbb-link svg{width:14px;height:14px}
.nbb-link:hover{color:var(--nbb-red);border-color:var(--nbb-red)}

/* ---------- BUTTONS ---------- */
.nbb-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:16px 26px;border-radius:999px;
  font-weight:700;font-size:15px;border:none;cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.nbb-btn svg{width:16px;height:16px;transition:transform .2s ease}
.nbb-btn:hover svg{transform:translateX(3px)}
.nbb-btn--primary{background:var(--nbb-black);color:var(--nbb-white)}
.nbb-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(0,0,0,.3)}
.nbb-btn--secondary{background:transparent;color:var(--nbb-black);border:2px solid var(--nbb-black)}
.nbb-btn--secondary:hover{background:var(--nbb-black);color:var(--nbb-white)}
.nbb-btn--yellow{background:var(--nbb-yellow);color:var(--nbb-black)}
.nbb-btn--yellow:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(0,0,0,.3)}

/* ====================== HERO ====================== */
.nbb-hero{position:relative;padding:64px 0 0;overflow:hidden;background:var(--nbb-cream)}
.nbb-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
@media(max-width:980px){.nbb-hero-grid{grid-template-columns:1fr;gap:40px}}

.nbb-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--nbb-black);color:var(--nbb-yellow);
  padding:8px 14px;border-radius:999px;
  font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.nbb-eyebrow .nbb-dot{
  width:8px;height:8px;border-radius:50%;background:var(--nbb-yellow);
  box-shadow:0 0 0 0 var(--nbb-yellow);animation:nbb-pulse 1.8s infinite;
}
@keyframes nbb-pulse{
  0%{box-shadow:0 0 0 0 rgba(255,232,0,.7)}
  100%{box-shadow:0 0 0 12px rgba(255,232,0,0)}
}
.nbb-hero h1{font-size:clamp(48px,7vw,96px);margin-top:24px}
.nbb-strike{position:relative;display:inline-block;color:var(--nbb-gray-500)}
.nbb-strike::after{
  content:"";position:absolute;left:-4%;right:-4%;top:50%;
  height:10px;background:var(--nbb-red);transform:rotate(-3deg);
}
.nbb-hero-sub{font-size:clamp(17px,1.5vw,20px);color:var(--nbb-gray-700);max-width:560px;margin-top:24px;line-height:1.55}
.nbb-hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.nbb-hero-meta{display:flex;align-items:center;gap:18px;margin-top:36px;font-size:13px;color:var(--nbb-gray-700)}
.nbb-avatars{display:flex}
.nbb-avatars span{
  width:34px;height:34px;border-radius:50%;
  background:var(--nbb-gray-100);border:2px solid var(--nbb-cream);margin-left:-10px;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;
}
.nbb-avatars span:first-child{margin-left:0;background:var(--nbb-yellow)}
.nbb-avatars span:nth-child(2){background:var(--nbb-peach)}
.nbb-avatars span:nth-child(3){background:var(--nbb-sky)}
.nbb-avatars span:nth-child(4){background:var(--nbb-mint)}
.nbb-avatars span:nth-child(5){background:var(--nbb-gray-300)}
.nbb-stars{color:#FFB400;letter-spacing:1px}

.nbb-hero-visual{
  position:relative;aspect-ratio:1/1.05;background:var(--nbb-yellow);
  border-radius:24px;padding:32px;overflow:hidden;box-shadow:var(--nbb-shadow-lg);
}
.nbb-hero-visual::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 80% 10%, rgba(0,0,0,.05), transparent 40%),
    repeating-linear-gradient(45deg, transparent 0 20px, rgba(0,0,0,.025) 20px 21px);
}
.nbb-bubble{
  position:absolute;background:var(--nbb-black);color:var(--nbb-white);
  padding:14px 18px;border-radius:18px;font-size:14px;font-weight:600;
  box-shadow:var(--nbb-shadow);max-width:230px;
}
.nbb-bubble.b1{top:8%;left:8%}
.nbb-bubble.b2{top:38%;right:6%;background:var(--nbb-white);color:var(--nbb-black)}
.nbb-bubble.b3{bottom:18%;left:14%;background:var(--nbb-red);color:var(--nbb-white)}
.nbb-bubble::after{content:"";position:absolute;width:18px;height:18px;background:inherit;bottom:-6px;left:24px;transform:rotate(45deg)}
.nbb-bubble.b2::after{right:24px;left:auto}
.nbb-hero-visual-title{
  position:absolute;bottom:32px;left:32px;right:32px;
  font-weight:800;letter-spacing:-.02em;font-size:clamp(28px,4vw,46px);line-height:.95;
}
.nbb-hero-visual-title em{font-style:normal;text-decoration:line-through;text-decoration-thickness:6px;color:rgba(0,0,0,.4)}

.nbb-trust{margin-top:80px;padding:28px 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.nbb-trust-inner{display:flex;align-items:center;gap:48px;flex-wrap:wrap;justify-content:space-between}
.nbb-trust-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--nbb-gray-500);white-space:nowrap}
.nbb-trust-logos{display:flex;align-items:center;gap:48px;flex-wrap:wrap;opacity:.7}
.nbb-trust-logos span{font-weight:800;font-size:18px;color:var(--nbb-gray-700);letter-spacing:-.02em}

/* ====================== AGENDA (donker) ====================== */
.nbb-agenda{background:var(--nbb-black);color:var(--nbb-white);position:relative;overflow:hidden}
.nbb-agenda::before{content:"";position:absolute;width:500px;height:500px;background:var(--nbb-yellow);border-radius:50%;top:-100px;right:-150px;opacity:.12;filter:blur(80px);pointer-events:none}
.nbb-agenda::after{content:"";position:absolute;width:380px;height:380px;background:var(--nbb-red);border-radius:50%;bottom:-80px;left:-100px;opacity:.10;filter:blur(80px);pointer-events:none}
.nbb-agenda-inner{position:relative;z-index:1}
.nbb-agenda .nbb-tag{color:var(--nbb-yellow)}
.nbb-agenda h2 .nbb-y{color:var(--nbb-black)}
.nbb-agenda .nbb-lede{color:var(--nbb-gray-300)}
.nbb-agenda .nbb-link{color:var(--nbb-yellow);border-color:var(--nbb-yellow)}
.nbb-agenda .nbb-link:hover{color:var(--nbb-white);border-color:var(--nbb-white)}

.nbb-agenda-filters{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}
.nbb-agenda-filter{
  background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--nbb-white);
  padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;
}
.nbb-agenda-filter:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}
.nbb-agenda-filter.active{background:var(--nbb-yellow);color:var(--nbb-black);border-color:var(--nbb-yellow)}

.nbb-agenda-list{background:var(--nbb-white);border-radius:24px;overflow:hidden;box-shadow:0 24px 80px -20px rgba(0,0,0,.5)}
.nbb-agenda-item{
  display:grid;grid-template-columns:120px 1fr auto auto;align-items:center;gap:32px;
  padding:24px 32px;border-bottom:1px solid rgba(0,0,0,.06);transition:background .15s ease;cursor:pointer;color:var(--nbb-ink);
}
.nbb-agenda-item:last-child{border-bottom:none}
.nbb-agenda-item:hover{background:var(--nbb-cream)}
@media(max-width:780px){
  .nbb-agenda-item{grid-template-columns:80px 1fr;gap:20px;padding:20px}
  .nbb-agenda-meta-cell,.nbb-agenda-action{grid-column:2;justify-self:start;margin-top:8px}
  .nbb-agenda-action{margin-top:12px}
}
.nbb-agenda-date{background:var(--nbb-yellow);border-radius:14px;padding:14px 8px;text-align:center;font-weight:800;line-height:1}
.nbb-agenda-date.urgent{background:var(--nbb-red);color:var(--nbb-white)}
.nbb-agenda-date.online{background:var(--nbb-black);color:var(--nbb-yellow)}
.nbb-agenda-date .day{font-size:32px;display:block}
.nbb-agenda-date .month{font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-top:6px;display:block}
.nbb-agenda-date .year{font-size:10px;opacity:.7;margin-top:2px;display:block}
.nbb-agenda-body h3{font-size:20px;line-height:1.1;font-weight:800;letter-spacing:-.01em}
.nbb-agenda-tags{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}
.nbb-agenda-tag{font-size:12px;font-weight:600;color:var(--nbb-gray-500);display:inline-flex;align-items:center;gap:6px}
.nbb-agenda-tag svg{width:13px;height:13px}
.nbb-agenda-meta-cell{text-align:right}
.nbb-agenda-meta-cell .price{font-weight:800;font-size:18px}
.nbb-agenda-meta-cell .spots{font-size:12px;color:var(--nbb-gray-500);margin-top:4px;display:flex;align-items:center;gap:6px;justify-content:flex-end}
.nbb-agenda-meta-cell .spots .dotmark{width:8px;height:8px;border-radius:50%;background:#3DD66B}
.nbb-agenda-meta-cell .spots.few .dotmark{background:#FF9500}
.nbb-agenda-meta-cell .spots.full .dotmark{background:var(--nbb-red)}
.nbb-agenda-action{background:var(--nbb-black);color:var(--nbb-white);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s ease, transform .15s ease}
.nbb-agenda-action svg{width:14px;height:14px}
.nbb-agenda-item:hover .nbb-agenda-action{background:var(--nbb-yellow);color:var(--nbb-black);transform:rotate(-45deg)}
.nbb-agenda-foot{display:flex;justify-content:space-between;align-items:center;margin-top:24px;flex-wrap:wrap;gap:16px;font-size:14px;color:var(--nbb-gray-300)}
.nbb-agenda-foot a{color:var(--nbb-yellow);font-weight:700;border-bottom:2px solid rgba(255,232,0,.4)}
.nbb-agenda-foot a:hover{border-color:var(--nbb-yellow)}
.nbb-agenda-item[hidden]{display:none}

/* ====================== TRAININGEN (BENTO) ====================== */
.nbb-trainings{background:var(--nbb-cream);position:relative}
.nbb-bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(280px,auto);gap:16px}
@media(max-width:980px){.nbb-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}}
@media(max-width:560px){.nbb-bento{grid-template-columns:1fr}}
.nbb-tcard{
  position:relative;border-radius:24px;padding:36px;display:flex;flex-direction:column;overflow:hidden;
  border:1px solid rgba(0,0,0,.06);background:var(--nbb-white);transition:transform .25s ease, box-shadow .25s ease;cursor:pointer;
}
.nbb-tcard:hover{transform:translateY(-6px);box-shadow:var(--nbb-shadow-lg)}
.nbb-tcard.span-3{grid-column:span 3}
.nbb-tcard.span-2{grid-column:span 2}
.nbb-tcard.span-4{grid-column:span 4}
.nbb-tcard.span-6{grid-column:span 6}
@media(max-width:980px){
  .nbb-tcard.span-3,.nbb-tcard.span-2,.nbb-tcard.span-4,.nbb-tcard.span-6{grid-column:span 1}
  .nbb-tcard.span-6{grid-column:span 2}
}
@media(max-width:560px){.nbb-tcard.span-6{grid-column:span 1}}
.nbb-tcard.featured{background:var(--nbb-yellow);border-color:var(--nbb-black)}
.nbb-tcard.dark{background:var(--nbb-black);color:var(--nbb-white);border-color:var(--nbb-black)}
.nbb-tcard.peach{background:var(--nbb-peach)}
.nbb-tcard.sky{background:var(--nbb-sky)}
.nbb-tcard.mint{background:var(--nbb-mint)}
.nbb-tcard.lilac{background:var(--nbb-lilac)}
.nbb-tcard .pattern{position:absolute;inset:0;pointer-events:none;opacity:.5}
.nbb-tcard.featured .pattern{background:repeating-linear-gradient(45deg,transparent 0 24px,rgba(0,0,0,.04) 24px 25px)}
.nbb-tcard.dark .pattern{background:radial-gradient(circle at 110% -20%, rgba(255,232,0,.15), transparent 50%);opacity:1}
.nbb-tcard.peach .pattern,.nbb-tcard.sky .pattern,.nbb-tcard.mint .pattern,.nbb-tcard.lilac .pattern{background:repeating-linear-gradient(-45deg,transparent 0 18px,rgba(0,0,0,.025) 18px 19px)}
.nbb-tcard .glyph{position:absolute;font-weight:800;line-height:.85;letter-spacing:-.04em;pointer-events:none;opacity:.95}
.nbb-tcard.featured .glyph{bottom:-20px;right:-10px;font-size:clamp(180px,18vw,280px);color:rgba(0,0,0,.08)}
.nbb-tcard.dark .glyph{bottom:-30px;right:-20px;font-size:clamp(180px,18vw,300px);color:rgba(255,232,0,.08)}
.nbb-tcard:not(.featured):not(.dark) .glyph{bottom:-10px;right:-10px;font-size:clamp(120px,12vw,180px);color:rgba(0,0,0,.07)}
.nbb-tcard-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1;margin-bottom:24px}
.nbb-tcard-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.7);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.nbb-tcard.featured .nbb-tcard-pill{background:var(--nbb-black);color:var(--nbb-yellow)}
.nbb-tcard.dark .nbb-tcard-pill{background:var(--nbb-yellow);color:var(--nbb-black)}
.nbb-tcard-pill .pdot{width:6px;height:6px;border-radius:50%;background:currentColor}
.nbb-tcard-duration{font-size:12px;font-weight:600;color:var(--nbb-gray-700);display:flex;align-items:center;gap:6px;position:relative;z-index:1}
.nbb-tcard.dark .nbb-tcard-duration{color:var(--nbb-gray-300)}
.nbb-tcard-duration svg{width:14px;height:14px}
.nbb-tcard h3{font-size:clamp(24px,2.2vw,32px);line-height:1.02;font-weight:800;letter-spacing:-.02em;position:relative;z-index:1}
.nbb-tcard.featured h3,.nbb-tcard.dark h3{font-size:clamp(32px,3vw,48px)}
.nbb-tcard .tdesc{font-size:14px;color:var(--nbb-gray-700);margin-top:14px;line-height:1.55;position:relative;z-index:1;max-width:520px}
.nbb-tcard.dark .tdesc{color:var(--nbb-gray-300)}
.nbb-tlearn{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px;position:relative;z-index:1}
.nbb-tlearn li{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;line-height:1.4}
.nbb-tlearn .check{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--nbb-black);color:var(--nbb-yellow);display:flex;align-items:center;justify-content:center;margin-top:1px}
.nbb-tcard.dark .nbb-tlearn .check{background:var(--nbb-yellow);color:var(--nbb-black)}
.nbb-tlearn .check svg{width:11px;height:11px}
.nbb-tcard-foot{margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;gap:16px}
.nbb-tcard-from{font-size:12px;font-weight:600;color:var(--nbb-gray-700)}
.nbb-tcard.dark .nbb-tcard-from{color:var(--nbb-gray-300)}
.nbb-tcard-from b{font-weight:800;font-size:18px;display:block;margin-top:2px;color:var(--nbb-black)}
.nbb-tcard.dark .nbb-tcard-from b{color:var(--nbb-white)}
.nbb-tcard-cta{display:inline-flex;align-items:center;gap:8px;background:var(--nbb-black);color:var(--nbb-white);padding:11px 16px;border-radius:999px;font-size:13px;font-weight:700;transition:gap .15s ease}
.nbb-tcard.featured .nbb-tcard-cta{background:var(--nbb-black);color:var(--nbb-yellow)}
.nbb-tcard.dark .nbb-tcard-cta{background:var(--nbb-yellow);color:var(--nbb-black)}
.nbb-tcard-cta svg{width:13px;height:13px;transition:transform .2s ease}
.nbb-tcard:hover .nbb-tcard-cta{gap:12px}
.nbb-tcard:hover .nbb-tcard-cta svg{transform:translateX(3px)}
.nbb-tcard.span-6 .tcard-inner-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;position:relative;z-index:1;height:100%}
@media(max-width:980px){.nbb-tcard.span-6 .tcard-inner-grid{grid-template-columns:1fr;gap:24px}}
.nbb-tcard.span-6 .nbb-tcard-foot{padding-top:0;margin-top:24px}

/* ====================== AANPAK / USPs ====================== */
.nbb-aanpak{background:var(--nbb-black);color:var(--nbb-white);position:relative;overflow:hidden}
.nbb-aanpak::before{content:"";position:absolute;width:600px;height:600px;background:var(--nbb-yellow);border-radius:50%;top:-300px;right:-200px;opacity:.08;filter:blur(80px)}
.nbb-aanpak h2 .nbb-y{color:var(--nbb-black)}
.nbb-aanpak .nbb-lede{color:var(--nbb-gray-300)}
.nbb-aanpak .nbb-tag{color:var(--nbb-yellow)}
.nbb-aanpak .nbb-head{position:relative;z-index:1}
.nbb-usps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1}
@media(max-width:900px){.nbb-usps{grid-template-columns:1fr}}
.nbb-usp{background:var(--nbb-black);padding:48px 36px;position:relative}
.nbb-usp-num{font-weight:800;font-size:80px;line-height:1;color:var(--nbb-yellow);opacity:.15}
.nbb-usp h3{font-size:26px;margin-top:24px;color:var(--nbb-white);font-weight:800;letter-spacing:-.02em}
.nbb-usp p{font-size:15px;color:var(--nbb-gray-300);margin-top:16px;line-height:1.6}
.nbb-usp-tag{display:inline-block;background:rgba(255,232,0,.15);color:var(--nbb-yellow);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;margin-top:20px;letter-spacing:.04em}

/* ====================== STATS ====================== */
.nbb-stats{background:var(--nbb-yellow);padding:80px 0}
.nbb-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px}
@media(max-width:760px){.nbb-stats-grid{grid-template-columns:repeat(2,1fr);gap:32px}}
.nbb-stat-num{font-weight:800;letter-spacing:-.02em;font-size:clamp(48px,5vw,72px);line-height:1;display:flex;align-items:baseline;gap:4px}
.nbb-stat-num sup{font-size:.4em;margin-left:2px}
.nbb-stat-label{font-size:14px;font-weight:600;margin-top:12px;color:var(--nbb-gray-700)}

/* ====================== TESTIMONIALS ====================== */
.nbb-testi{background:var(--nbb-cream)}
.nbb-testi-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
@media(max-width:900px){.nbb-testi-grid{grid-template-columns:1fr}}
.nbb-testi-card{background:var(--nbb-white);border:1px solid rgba(0,0,0,.08);border-radius:24px;padding:40px;position:relative}
.nbb-testi-card.big{background:var(--nbb-black);color:var(--nbb-white);border-color:var(--nbb-black)}
.nbb-testi-quote{font-weight:800;letter-spacing:-.01em;font-size:clamp(22px,2.2vw,32px);line-height:1.2}
.nbb-testi-card.big .nbb-testi-quote{font-size:clamp(28px,3vw,42px)}
.nbb-testi-quote .nbb-y{background:var(--nbb-yellow);color:var(--nbb-black);padding:0 6px;box-shadow:0 0 0 3px var(--nbb-yellow)}
.nbb-testi-author{display:flex;align-items:center;gap:14px;margin-top:32px}
.nbb-testi-avatar{width:48px;height:48px;border-radius:50%;background:var(--nbb-yellow);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:var(--nbb-black)}
.nbb-testi-name{font-weight:700;font-size:15px}
.nbb-testi-role{font-size:13px;color:var(--nbb-gray-500)}
.nbb-testi-card.big .nbb-testi-role{color:var(--nbb-gray-300)}
.nbb-testi-logo{position:absolute;top:32px;right:32px;font-weight:800;font-size:14px;color:var(--nbb-gray-300)}

/* ====================== TEAM ====================== */
.nbb-team{background:var(--nbb-white)}
.nbb-team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:900px){.nbb-team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.nbb-team-grid{grid-template-columns:1fr}}
.nbb-team-card{background:var(--nbb-cream);border-radius:18px;padding:24px;text-align:center;border:1px solid rgba(0,0,0,.06);transition:transform .2s ease}
.nbb-team-card:hover{transform:translateY(-4px)}
.nbb-team-photo{width:100%;aspect-ratio:1;border-radius:14px;background:var(--nbb-yellow);margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:48px;overflow:hidden;object-fit:cover}
img.nbb-team-photo{display:block}
.nbb-team-card:nth-child(2) .nbb-team-photo{background:var(--nbb-peach)}
.nbb-team-card:nth-child(3) .nbb-team-photo{background:var(--nbb-sky)}
.nbb-team-card:nth-child(4) .nbb-team-photo{background:var(--nbb-mint)}
.nbb-team-card:nth-child(5) .nbb-team-photo{background:var(--nbb-lilac)}
.nbb-team-name{font-weight:800;letter-spacing:-.02em;font-size:18px}
.nbb-team-spec{font-size:13px;color:var(--nbb-gray-500);margin-top:6px}

/* ====================== BLOG ====================== */
.nbb-blog{background:var(--nbb-cream)}
.nbb-blog-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
@media(max-width:980px){.nbb-blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.nbb-blog-grid{grid-template-columns:1fr}}
.nbb-blog-card{background:var(--nbb-white);border:1px solid rgba(0,0,0,.08);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease, box-shadow .25s ease;cursor:pointer}
.nbb-blog-card:hover{transform:translateY(-6px);box-shadow:var(--nbb-shadow-lg)}
.nbb-blog-card.featured{grid-row:span 2;background:var(--nbb-black);color:var(--nbb-white);border-color:var(--nbb-black)}
@media(max-width:980px){.nbb-blog-card.featured{grid-row:auto;grid-column:span 2}}
@media(max-width:640px){.nbb-blog-card.featured{grid-column:auto}}
.nbb-blog-cover{aspect-ratio:16/10;background:var(--nbb-yellow);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.nbb-blog-cover.cover-2{background:var(--nbb-peach)}
.nbb-blog-cover.cover-3{background:var(--nbb-sky)}
.nbb-blog-cover.cover-4{background:var(--nbb-mint)}
.nbb-blog-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nbb-blog-cover::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 16px,rgba(0,0,0,.025) 16px 17px)}
.nbb-blog-cover-icon{font-weight:800;font-size:clamp(60px,8vw,120px);line-height:1;color:rgba(0,0,0,.85);transform:rotate(-4deg);position:relative;z-index:1}
.nbb-blog-card.featured .nbb-blog-cover{aspect-ratio:16/11}
.nbb-blog-body{padding:28px 28px 32px;display:flex;flex-direction:column;flex:1}
.nbb-blog-card.featured .nbb-blog-body{padding:40px}
.nbb-blog-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--nbb-gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap}
.nbb-blog-card.featured .nbb-blog-meta{color:var(--nbb-gray-300)}
.nbb-blog-cat{display:inline-block;background:var(--nbb-yellow);color:var(--nbb-black);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em}
.nbb-blog-card h3{font-size:22px;line-height:1.15;margin-top:16px;font-weight:800;letter-spacing:-.02em}
.nbb-blog-card.featured h3{font-size:clamp(28px,3vw,40px);line-height:1.05}
.nbb-blog-excerpt{font-size:14px;color:var(--nbb-gray-700);margin-top:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nbb-blog-card.featured .nbb-blog-excerpt{color:var(--nbb-gray-300);-webkit-line-clamp:4}
.nbb-blog-foot{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;align-items:center}
.nbb-blog-author{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
.nbb-blog-author-avatar{width:32px;height:32px;border-radius:50%;background:var(--nbb-yellow);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--nbb-black)}
.nbb-blog-arrow{width:36px;height:36px;border-radius:50%;background:var(--nbb-cream);color:var(--nbb-black);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}
.nbb-blog-arrow svg{width:14px;height:14px}
.nbb-blog-card.featured .nbb-blog-arrow{background:var(--nbb-yellow);color:var(--nbb-black)}
.nbb-blog-card:hover .nbb-blog-arrow{transform:rotate(-45deg)}

/* ====================== MASTERCLASS ====================== */
.nbb-masterclass{background:var(--nbb-black);color:var(--nbb-white);padding:0}
.nbb-mc-inner{display:grid;grid-template-columns:1.2fr 1fr;align-items:stretch;min-height:480px}
@media(max-width:900px){.nbb-mc-inner{grid-template-columns:1fr}}
.nbb-mc-left{padding:80px 64px;display:flex;flex-direction:column;justify-content:center}
@media(max-width:600px){.nbb-mc-left{padding:60px 24px}}
.nbb-mc-right{background:var(--nbb-yellow);color:var(--nbb-black);padding:64px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.nbb-mc-right::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 24px,rgba(0,0,0,.03) 24px 25px)}
.nbb-mc-badge{display:inline-block;background:var(--nbb-yellow);color:var(--nbb-black);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.nbb-mc-left h2{font-size:clamp(40px,5vw,68px);margin-top:24px;font-weight:800;letter-spacing:-.02em}
.nbb-mc-left p{color:var(--nbb-gray-300);font-size:17px;margin-top:20px;max-width:480px}
.nbb-mc-headline{font-weight:800;letter-spacing:-.02em;font-size:clamp(56px,8vw,120px);line-height:.9;text-align:center;position:relative;z-index:1}
.nbb-mc-door{display:inline-block;background:var(--nbb-black);color:var(--nbb-yellow);padding:0 12px;transform:rotate(-2deg)}

/* ====================== BIG CTA ====================== */
.nbb-bigcta{padding:120px 0;background:var(--nbb-cream)}
.nbb-bigcta-inner{background:var(--nbb-yellow);border-radius:32px;padding:80px 64px;text-align:center;position:relative;overflow:hidden;border:2px solid var(--nbb-black);box-shadow:8px 8px 0 0 var(--nbb-black)}
@media(max-width:600px){.nbb-bigcta-inner{padding:60px 24px}}
.nbb-bigcta h2{font-size:clamp(40px,5vw,72px);font-weight:800;letter-spacing:-.02em}
.nbb-bigcta p{font-size:18px;color:var(--nbb-gray-700);margin:24px auto 36px;max-width:520px}
.nbb-bigcta .nbb-btn{font-size:16px;padding:18px 32px}

/* ---------- klikbare kaarten (link-reset) ---------- */
a.nbb-tcard,a.nbb-blog-card,a.nbb-agenda-item{color:inherit;text-decoration:none}
a.nbb-tcard:hover,a.nbb-blog-card:hover{color:inherit}

/* =========================================================
   V5 FIXES (revisie) — laad dit NA de regels hierboven
   ========================================================= */

/* 1. donkere blokken: forceer witte koppen/tekst.
   je theme/bricks zet expliciete kop-kleuren, daardoor verloor
   de geërfde witte tekst. !important is hier bewust (scoped op .nbb-). */
.nbb-agenda .nbb-head h2,
.nbb-agenda .nbb-head .nbb-lede,
.nbb-aanpak .nbb-head h2,
.nbb-aanpak .nbb-head .nbb-lede,
.nbb-aanpak .nbb-usp h3,
.nbb-mc-left h2{color:var(--nbb-white) !important}
.nbb-mc-left p{color:var(--nbb-gray-300) !important}
.nbb-tcard.dark h3,
.nbb-tcard.dark .tdesc,
.nbb-tcard.dark .nbb-tcard-from b{color:var(--nbb-white) !important}
.nbb-testi-card.big .nbb-testi-quote,
.nbb-testi-card.big .nbb-testi-name{color:var(--nbb-white) !important}
.nbb-blog-card.featured h3{color:var(--nbb-white) !important}

/* tekst die juist donker moet blijven (op licht/geel vlak) */
.nbb-agenda-item h3{color:var(--nbb-ink) !important}
.nbb-mc-headline{color:var(--nbb-black) !important}
.nbb-mc-door{color:var(--nbb-yellow) !important}
.nbb-tcard.featured h3,
.nbb-bigcta h2,
.nbb-stat-num,.nbb-stat-label{color:var(--nbb-black) !important}

/* 2. hero-visual als afbeelding (vervangt het gele blok) */
.nbb-hero-visual.has-img{padding:0;background:var(--nbb-gray-100)}
.nbb-hero-visual-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nbb-hero-visual.has-img::before{display:none}

/* 3. "vertrouwd door": titel erboven + logo-slider (marquee) */
.nbb-trust{text-align:center}
.nbb-trust .nbb-trust-label{display:block;margin-bottom:20px;color:var(--nbb-gray-500)}
.nbb-trust-slider{overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.nbb-trust-track{display:inline-flex;gap:64px;width:max-content;animation:nbb-marquee 30s linear infinite;will-change:transform}
.nbb-trust:hover .nbb-trust-track{animation-play-state:paused}
.nbb-trust-track span{font-weight:800;font-size:18px;color:var(--nbb-gray-700);letter-spacing:-.02em;white-space:nowrap;opacity:.7}
@keyframes nbb-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.nbb-trust-track{animation:none;flex-wrap:wrap;justify-content:center}}

/* 4. consistente ruimte tussen de blokken + box-sizing */
.nbb-hero,.nbb-section,.nbb-stats,.nbb-masterclass,.nbb-bigcta{display:block;width:100%;box-sizing:border-box}
.nbb-hero *,.nbb-section *,.nbb-stats *,.nbb-masterclass *,.nbb-bigcta *{box-sizing:border-box}
/* val terug op nette afstand mocht een theme-reset de padding wegdrukken */
.nbb-section{padding-block:clamp(72px,9vw,120px)}
.nbb-stats{padding-block:80px}
.nbb-bigcta{padding-block:clamp(80px,10vw,120px)}