html {
    scroll-behavior: smooth;
}

/* Wrapper heeft geen speciale styling nodig */
.sections-wrapper {
  position: relative;
}

/* Elke sectie plakt aan de bovenkant */
.sticky-section {
  position: sticky;
  top: 0;
  min-height: 100dvh;
  width: 100%;
  overflow: hidden;
  will-change: transform;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);

  /* Elke sectie schuift BOVEN de vorige */
  /* z-index wordt via CSS nth-child oplopend gezet */
}

/* Oplopende z-index zodat elke volgende sectie bovenop de vorige schuift */
.sticky-section:nth-child(1) { z-index: 1; }
.sticky-section:nth-child(2) { z-index: 2; }
.sticky-section:nth-child(3) { z-index: 3; }
.sticky-section:nth-child(4) { z-index: 4; }
.sticky-section:nth-child(5) { z-index: 5; }

/* Elke sectie zijn eigen achtergrondkleur — pas aan naar jouw design */
#hero-video  { background-color: #0a0a0a; }   /* donker */
#textual     { background-color: #FDFDFD; }   /* licht grijs */
#services    { background-color: #1a1a2e; }   /* donkerblauw */
#counters    { background-color: #E40040; }   /* rood */
#contact     { background-color: #FDFDFD; }   /* bijna zwart */

/* Verwijder de zijwaartse beperking van de hoofdhouders */
.entry-content.is-layout-constrained {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none !important;
}

/* Zorg dat de individuele secties de volledige breedte pakken */
#hero-video, 
section.alignfull {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Behoud de interne padding voor de tekstinhoud zodat die niet tegen de rand plak */
.wp-block-cover__inner-container,
.entry-content > *:not(.alignfull) {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

.no-scroll{overflow:hidden}@media (min-width:821px){.hide-desktop{display:none!important}}@media (max-width:820px){.hide-mobile{display:none!important}}.position-relative{position:relative}.position-absolute{position:absolute}.position-static{position:static}.d-none{display:none}.d-inline-block{display:inline-block}.d-block{display:block}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:32px}.gap-40{gap:40px}.gap-48{gap:48px}.gap-80{gap:80px;gap:var(--wp--preset--spacing--80-40,80px)}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-stretch{align-items:stretch}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-nowrap{white-space:nowrap}.w-100{width:100%}.h-100{height:100%}.m-0{margin:0}.p-0{padding:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.stretched-link-wrapper { position:relative; }
.stretched-link-wrapper a[href]:before, .stretched-link[href]:before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; }
.stretched-link-wrapper a { text-decoration:none; color:inherit; }

.column-vertical-center { display:flex; flex-direction:column; justify-content:space-between; }

.count_number em,
.textual em { font-style:normal; }
p.has-heading-sm-font-size em { color:#E40040; }

@media (min-width: 1391px) {
    :root {
        --wp--style--global--content-size:1152px;
		--wp--style--global--wide-size:1152px;
    }	
}

@media (max-width: 1024px) and (min-width:821px) {
    :root {
        --wp--style--global--content-size:90vw;
		--wp--style--global--wide-size:90vw;
    }
}

@media (max-width: 820px) {
    :root {
        --wp--style--global--content-size:100vw;
		--wp--style--global--wide-size:100vw;
    }
}

* { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
:focus { outline:none; }
:where(.wp-site-blocks :focus) { outline-width:2px; outline-style:solid; }
a { text-decoration-thickness:1px !important; text-underline-offset:8px; }
img, svg { vertical-align:middle; border:none; max-width:100%; height:auto; }
hr { border:0; border-bottom:1px solid #DCDCDC; }
embed, iframe, object, video { max-width:100%; }
b, strong, label, th { font-weight:600; }

h1, h2, h3, h4, h5, h6 { margin-top:0; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { color:inherit; }

ol, ul { padding-inline-start:20px; }
ul li::marker, ol li::marker { color:#E40040; }
blockquote, caption, figcaption, h1, h2, h3, h4, h5, h6, p { text-wrap:pretty; }

.more-link { display:block; }
.conversal, .conversal a { font-weight:inherit; text-decoration:none !important; color:inherit; }
nav ul { list-style:none; padding-left:0; }
nav ul .nav-button,
button { 
    font-family: var(--wp--preset--font-family--satoshi);
}

table { width:100%; border-collapse:collapse; }
table thead { border:none !important; }
table th, table td { padding:20px !important; text-align:left; border:none !important; border-bottom:1px solid #EFEFEF !important; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {
	display:block;
	width:100%;
	margin:0;
	padding:18px 20px;
	background:#FDFDFD;
	color:#191919;
	border:1px solid #DCDCDC;
	border-radius:0px;
	font-size:16px;
	resize:none;
	box-shadow:0px 4px 20px 0px rgba(16, 24, 40, 0.04);
}
select { 	
	padding-right:40px; 
	background:url(../images/select.svg) no-repeat center right 15px #FDFDFD; 
	-webkit-appearance:none;
	   		appearance:none;
}
select::-ms-expand { display:none; }

.wpforms-container .wpforms-field-label { margin-bottom:5px; color:#191919; font-weight:600; }
.wpforms-container .wpforms-field-label-inline { font-size:16px; }
.wpforms-submit { padding:18px 24px; background:#E40040; border:2px solid #E40040; color:#FDFDFD; transition:all 0.3s; font-family:inherit; font-size:18px; line-height:1; font-weight:600; border-radius:0px; cursor:pointer; }
.wpforms-submit:hover { background-color:#FDFDFD; color:#E40040; border: 2px solid var(--wp--preset--color--primary) }

form { accent-color:#E40040; }
form input:focus-visible, form textarea:focus-visible { outline-color:#E40040; }

.wpforms-container ul { padding-left:0; }
.wpforms-container ul li { margin-bottom:5px; }
.wpforms-container .wpforms-field-label-inline a { text-decoration:underline; }
.wpforms-field input[type=checkbox], .wpforms-field input[type=radio] { width:20px; height:20px; position:relative; top:4px; }

.swp-rnk-preview { margin-top:8px; }
.socials ul { list-style:none; }
.socials ul li a { text-decoration:none; width:24px; display:block; }
.socials ul li a:hover img { opacity:0.8; }
.socials ul li a .dashicons { font-size:24px; }
.socials ul li a svg path { transition:fill .23s ease-in-out; }
.socials ul li a:hover svg path { fill:#FDFDFD; }
.socials ul li a:hover svg path[id="back"] { fill:#E40040; }

.notification-banner { margin:0; padding:20px 32px; position:relative; background:#E40040; }
.notification-banner p { font-size:14px; margin:0; color:#fdfdfd; }
.notification-banner p a { color:inherit; text-decoration:underline; }
.notification-banner .btn-close { padding:0; position:absolute; right:16px; top:50%; transform:translateY(-50%); border:0; cursor:pointer; width:16px; height:16px; mask:url(../images/close.svg); background:#fdfdfd; }

body { position:relative; overflow-x:hidden; }
/* #header { padding-top:24px; padding-bottom:24px; padding-left:0; padding-right:40px; position:absolute; top:0; left:0; width:100%; z-index:9; opacity:0; } */
#header { padding-top:24px; padding-bottom:24px; padding-left:0; padding-right:40px; position:fixed; top:0; left:0; width:100%; z-index:9999; opacity:0; background-color:transparent; transition:all 0.3s ease-in-out; }
.page-id-494 #header, .page-id-29 #header, .page-id-3 #header, .page-id-116 #header { opacity:1; background-color:transparent; transition:all 0.3s ease-in-out; }
#header {
    --services-color: #fdfdfd;
    --button-bg: #E40040;
    --button-border: #E40040;
    --button-color: #FDFDFD;
    --button-hover-bg: transparent;
    --button-hover-border: #FDFDFD;
    --button-hover-color: #FDFDFD;
}

#header.navbar-on-dark {
    --services-color: #fdfdfd;
    --button-bg: #E40040;
    --button-border: #E40040;
    --button-color: #FDFDFD;
    --button-hover-bg: transparent;
    --button-hover-border: #FDFDFD;
    --button-hover-color: #FDFDFD;
}

#header.navbar-on-light {
    --services-color: #E40040;
    --button-bg: #E40040;
    --button-border: #E40040;
    --button-color: #FDFDFD;
    --button-hover-bg: transparent;
    --button-hover-border: #E40040;
    --button-hover-color: #E40040;
}

#header.navbar-on-red {
    --services-color: #FDFDFD;
    --button-bg: #FDFDFD;
    --button-border: #FDFDFD;
    --button-color: #E40040;
    --button-hover-bg: transparent;
    --button-hover-border: #FDFDFD;
    --button-hover-color: #FDFDFD;
}
#header .site-logo { padding:25px; background:#E40040; }
#header .site-logo path { fill:#FDFDFD; }
#header .main-menu { gap:32px; }
#header nav ul { margin:0; padding:0; display:flex; gap:40px; align-items:center; }
#header nav ul li { margin:0; padding:0; position:relative; }
#header nav ul li a { margin:0; padding:0; font-size:18px; font-weight:600; color:#FDFDFD; }
#header nav ul li:hover a { text-decoration:underline; }
/* #header nav ul li.nav-button {
	background-color: var(--wp--preset--color--primary);
    border-radius: 0px;
    border-color: var(--wp--preset--color--primary);
    border-width: 1px;
    border-style: solid;
    color: var(--wp--preset--color--white);
    font-family: inherit;
    font-size: var(--wp--preset--font-size--text-base);
    font-style: normal;
    font-weight: 600;
    letter-spacing: inherit;
    line-height: 1;
    padding-top: 18px;
    padding-right: 24px;
    padding-bottom: 18px;
    padding-left: 24px;
    text-decoration: none;
    text-transform: none;
}
#header nav ul li.nav-button:hover,
#header nav ul li.nav-button:hover a:hover{
	text-decoration: none;
	background-color: var(--wp--preset--color--primary-hover);
	border-color: var(--wp--preset--color--primary-hover);
} */

/* First nav item (Services): color follows detected background mode. */
#header.sticky nav ul li:first-child > a,
#header.sticky nav ul li:first-child:hover > a,
#header.sticky nav ul li:first-child.current-menu-item > a {
    color: var(--services-color) !important;
    text-decoration-color: currentColor !important;
}

.overlay-menu .site-logo { width:160px; padding:15px; background:#E40040; }
.overlay-menu .site-logo path { fill:#FDFDFD; }
.overlay-menu nav { margin:50px 0; }
.overlay-menu nav ul { margin:0; padding:0; display:block; }
.overlay-menu nav ul li { margin:0 0 16px; padding:0; display:block; position:relative; }
.overlay-menu nav ul li:last-child { margin-bottom:0; }
.overlay-menu nav ul li a { margin:0; padding:0; font-size:18px; color:#191919; }
.overlay-menu nav ul li.current-menu-item a { color:#E40040; text-decoration:underline; }

#menu-toggle { padding:0; border:0; cursor:pointer; width:32px; height:21px; mask:url(../images/menu.svg); background:#fdfdfd; font-size:0; }
.overlay-menu { padding:0; position:fixed; width:100%; height:100%; top:0; left:0; z-index:10; background:#fdfdfd; }
.overlay-menu .overlay-menu-inner { padding:16px; }
.overlay-menu .overlay-close { padding:0; border:0; cursor:pointer; width:24px; height:24px; mask:url(../images/menuClose.svg); background:#191919; font-size:0; }
.overlay-slidedown { visibility:hidden; transform:translateY(-100%); transition:transform .4s ease-in-out,visibility 0s .4s; }
.overlay-slidedown.open { visibility:visible; transform:translateY(0); transition:transform .4s ease-in-out; }
.logged-in .overlay-menu { top:32px; }
@media screen and (max-width: 782px) {
    .logged-in .overlay-menu { top:46px; }
	#header nav { display:none; }	
	#header { padding-top:16px; padding-bottom:16px; padding-right:16px; }	
	#header .site-logo { padding:15px; width:160px; }
	body .has-dark-to-light-gradient-background { background:rgba(0,0,0,0.7) !important; }
	#services { background:url(/wp-content/uploads/2026/06/poster.jpg) no-repeat right center; background-size:cover; }
	#services video { display:none !important; }
}
@media (min-width: 782px) {
    #menu-toggle { display:none; }
}
@media screen and (min-width: 783px) {
	#header.sticky { padding-top:24px; padding-bottom:24px; position:fixed; background: transparent;}
	#header.sticky nav ul li a { color:#191919; }
	#header.sticky nav ul li:last-child a {
        padding:16px 24px;
        background:var(--button-bg);
        color:var(--button-color);
        border:2px solid var(--button-border);
        text-decoration:none !important;
    }
	#header.sticky nav ul li:last-child a:hover {
        background:var(--button-hover-bg);
        color:var(--button-hover-color);
        border:2px solid var(--button-hover-border);
    }
	/* #header.sticky .site-logo { background:none; } */
	/* #header.sticky .site-logo path { fill:#E40040; } */
}

/* .header_static #header { position:static; background:#191919; } */

section { height:auto !important; }

details { position:relative; padding:0 0 24px; border-bottom:1px solid rgba(253, 253, 253, 0.4); }
details summary { cursor:pointer; padding-right:30px; font-size:40px; font-weight:600; background:url(../images/down.svg) no-repeat right center; }
details summary::-webkit-details-marker,
details summary::marker { display:none !important; content:none !important; }
details[open] summary { background-image:url(../images/up.svg); }

/* Specifiek voor Safari binnen het WordPress details-blok */
.wp-block-details summary::-webkit-details-marker {
  display: none !important;
}

/* Voor de overige browsers */
.wp-block-details summary {
  list-style: none !important;
  list-style-type: none !important;
}

.wp-block-media-text { gap:80px; }
.wp-block-media-text .wp-block-media-text__media { overflow:hidden; }
.wp-block-media-text .wp-block-media-text__content { padding:0 !important; }
.wp-block-media-text.alignfull .wp-block-media-text__content { margin-right:21.4%; }
.wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content { margin-right:auto; margin-left:21.4%; }

.glass-effect {
	border: none;
	background: rgba(253, 253, 253, 0.16);
	backdrop-filter: blur(12px);
	transition:all 0.3s;
}

.glass-effect.has-link:hover { background: rgba(253, 253, 253, 0.64); }
.glass-effect.has-link:hover h4 { color: #191919 !important; }
.glass-effect.has-link:hover .count_number { color: #E40040 !important; }
.glass-effect.has-link:hover .has-text-align-right,
.glass-effect.has-link:hover .is-content-justification-right { border-color: #DCDCDC !important; }
.glass-effect.has-link .is-style-simple .wp-element-button:after { background: #fff !important; }
.glass-effect.has-link:hover p,
.glass-effect.has-link:hover .wp-element-button { color: rgba(25, 25, 25, 0.8) !important; }
.glass-effect.has-link:hover .is-style-simple .wp-element-button:after { background: #E40040 !important; }


@media screen and (max-width: 782px) {
	.wp-block-media-text { gap:32px; }
	.wp-block-media-text .wp-block-media-text__content { margin-left:auto !important; margin-right:auto !important; }
	details summary { font-size:24px; }
	.wpforms-container .wpforms-field-label-inline { font-size:14px; }
}

.wp-block-embed .wp-block-embed__wrapper { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.wp-block-embed .wp-block-embed__wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.wp-block-query .wp-block-post-title a { display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.wp-block-query .wp-block-post-excerpt .wp-block-post-excerpt__excerpt { display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* Buttons */
.wp-element-button { transition:all 0.3s; box-sizing: border-box; }
/* .wp-element-button:hover { background-color:#191919; border-color:#191919; } */
.wp-element-button:hover { background-color:#FDFDFD; border: 2px solid#E40040; color:#E40040; }



.is-style-outline .wp-element-button { padding:18px 24px; background-color:transparent; border-color:#E40040; color:#E40040; }
.is-style-outline .wp-element-button:hover { background-color:#E40040; border-color:#E40040; color:#FDFDFD; }

.is-style-simple .wp-element-button:after { content:''; display:inline-block; width:25px; height:13px; margin-left:12px; background:#E40040; mask:url(../images/arrow.svg); vertical-align:middle; }
.is-style-simple .wp-element-button { padding:0; background:none; border:none; color:rgba(25, 25, 25, 0.8); font-weight:400; }
.is-style-simple .wp-element-button:hover { color:#E40040; }

#footer { padding-top:32px; padding-bottom:32px; background:url(/wp-content/uploads/2026/05/13d99be35fb21aad4b6298728e5ddef2313c8ba9-1024x683.jpg) no-repeat center center; background-size:cover; position:relative; }
#footer:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(228, 0, 64, 0.72); z-index:0; }
#footer > * { position:relative; z-index:1; }

#disclaimer { display:flex; justify-content:space-between; align-items:center; font-size:16px; }
#disclaimer .col { display:flex; gap:16px; }
#disclaimer a, #disclaimer p { color:#FDFDFD; margin:0; }
#disclaimer a:hover { text-decoration:underline; }

@media screen and (max-width: 782px) {
	#footer { padding-top:32px; padding-bottom:32px; }
	#disclaimer { display:block; text-align:center; font-size:14px; }
	#disclaimer .col { display:block; }
	#disclaimer p { margin:0 10px 0 0; display:inline-block; }
	#disclaimer .conversal { margin:20px 0 0; display:block; }
}

.vertical_sep { position:relative; }
.vertical_sep:before { content:''; position:absolute; top:0; left:50%; width:1px; height:100%; background:#DCDCDC; z-index:-1; }
@media screen and (max-width: 782px) {
	.vertical_sep:before { display:none; }
}

/* Capsule */
.home .wp-block-cover.reveal video.wp-block-cover__video-background,
.page .wp-block-cover.reveal video.wp-block-cover__video-background {
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:220px;
    height:0px;
    border-radius:999px;
    overflow:hidden;
}

.home .wp-block-cover.reveal.active video.wp-block-cover__video-background,
.page .wp-block-cover.reveal.active video.wp-block-cover__video-background {    	
    animation:expand 2.5s cubic-bezier(.77,0,.18,1) forwards;
}

.home .wp-block-cover.reveal .position-relative h1,
.page .wp-block-cover.reveal .position-relative h1 { visibility:hidden; }

@keyframes expand{
    0%{
        width:220px;
        height:90px;
        border-radius:999px;
    }

    60%{
        width:220px;
        height:100dvh;
        border-radius:999px;
    }

    100%{
        width:100vw;
        height:100dvh;
        border-radius:0;
    }
}