.elementor-11364 .elementor-element.elementor-element-ec4d603{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-11364 .elementor-element.elementor-element-d7c0c5a{width:var( --container-widget-width, 92% );max-width:92%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 15px 0px 0px;--container-widget-width:92%;--container-widget-flex-grow:0;font-family:"NeuzeitGro", Sans-serif;font-size:30px;font-weight:900;line-height:1em;color:var( --e-global-color-secondary );}.elementor-11364 .elementor-element.elementor-element-3f61b79{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:030px;--padding-bottom:030px;--padding-left:0px;--padding-right:0px;}.elementor-11364 .elementor-element.elementor-element-6e8e202{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:0px;}.elementor-11364 .elementor-element.elementor-element-0f15c0d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11364 .elementor-element.elementor-element-b34d827{width:100%;max-width:100%;font-family:"NeuzeitGro", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-11364 .elementor-element.elementor-element-0bc00d1 img{width:420px;}.elementor-11364 .elementor-element.elementor-element-aae912b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11364 .elementor-element.elementor-element-bf84cc9 .elementor-heading-title{font-family:var( --e-global-typography-a9fa0b2-font-family ), Sans-serif;font-size:var( --e-global-typography-a9fa0b2-font-size );font-weight:var( --e-global-typography-a9fa0b2-font-weight );line-height:var( --e-global-typography-a9fa0b2-line-height );}.elementor-11364 .elementor-element.elementor-element-a2fd27c{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11364 .elementor-element.elementor-element-3346019 .elementor-button{background-color:#F0F0F0;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-11364 .elementor-element.elementor-element-0b825a3 .elementor-button{background-color:#F0F0F0;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-11364 .elementor-element.elementor-element-460b47c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:030px;--padding-bottom:030px;--padding-left:0px;--padding-right:0px;}.elementor-11364 .elementor-element.elementor-element-4d27169{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:150px;}.elementor-11364 .elementor-element.elementor-element-4d27169.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11364 .elementor-element.elementor-element-168a36b img{width:420px;}.elementor-11364 .elementor-element.elementor-element-2fd514b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11364 .elementor-element.elementor-element-5d62ec7{width:100%;max-width:100%;font-family:"NeuzeitGro", Sans-serif;font-weight:400;color:var( --e-global-color-text );}@media(min-width:768px){.elementor-11364 .elementor-element.elementor-element-ec4d603{--content-width:1080px;}.elementor-11364 .elementor-element.elementor-element-3f61b79{--content-width:1080px;}.elementor-11364 .elementor-element.elementor-element-0f15c0d{--width:510px;}.elementor-11364 .elementor-element.elementor-element-460b47c{--content-width:1080px;}.elementor-11364 .elementor-element.elementor-element-2fd514b{--width:510px;}}@media(max-width:1024px) and (min-width:768px){.elementor-11364 .elementor-element.elementor-element-ec4d603{--content-width:100%;}}@media(max-width:1024px){.elementor-11364 .elementor-element.elementor-element-ec4d603{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--padding-top:30px;--padding-bottom:30px;--padding-left:65px;--padding-right:65px;}.elementor-11364 .elementor-element.elementor-element-ec4d603.e-con{--align-self:flex-start;}.elementor-11364 .elementor-element.elementor-element-d7c0c5a{width:100%;max-width:100%;padding:0px 0px 0px 0px;font-size:30px;line-height:1.1em;}.elementor-11364 .elementor-element.elementor-element-d7c0c5a.elementor-element{--align-self:flex-start;}.elementor-11364 .elementor-element.elementor-element-3f61b79{--padding-top:0px;--padding-bottom:030px;--padding-left:15px;--padding-right:15px;}.elementor-11364 .elementor-element.elementor-element-6e8e202{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:50px;}.elementor-11364 .elementor-element.elementor-element-0f15c0d{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-11364 .elementor-element.elementor-element-0bc00d1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 015px;}.elementor-11364 .elementor-element.elementor-element-0bc00d1.elementor-element{--align-self:flex-start;}.elementor-11364 .elementor-element.elementor-element-aae912b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:65px;--padding-right:15px;}.elementor-11364 .elementor-element.elementor-element-bf84cc9 .elementor-heading-title{font-size:var( --e-global-typography-a9fa0b2-font-size );line-height:var( --e-global-typography-a9fa0b2-line-height );}.elementor-11364 .elementor-element.elementor-element-460b47c{--padding-top:0px;--padding-bottom:030px;--padding-left:15px;--padding-right:15px;}.elementor-11364 .elementor-element.elementor-element-4d27169{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:00px 00px;--row-gap:00px;--column-gap:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:100px;}.elementor-11364 .elementor-element.elementor-element-168a36b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 15px 0px 0px;}.elementor-11364 .elementor-element.elementor-element-168a36b.elementor-element{--align-self:flex-start;}.elementor-11364 .elementor-element.elementor-element-2fd514b{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}}@media(max-width:767px){.elementor-11364 .elementor-element.elementor-element-ec4d603{--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-11364 .elementor-element.elementor-element-d7c0c5a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:22px;line-height:1.1em;}.elementor-11364 .elementor-element.elementor-element-3f61b79{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-11364 .elementor-element.elementor-element-6e8e202{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11364 .elementor-element.elementor-element-0f15c0d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11364 .elementor-element.elementor-element-0bc00d1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11364 .elementor-element.elementor-element-0bc00d1 img{width:100%;height:100%;}.elementor-11364 .elementor-element.elementor-element-aae912b{--padding-top:30px;--padding-bottom:030px;--padding-left:15px;--padding-right:0px;}.elementor-11364 .elementor-element.elementor-element-bf84cc9 .elementor-heading-title{font-size:var( --e-global-typography-a9fa0b2-font-size );line-height:var( --e-global-typography-a9fa0b2-line-height );}.elementor-11364 .elementor-element.elementor-element-a2fd27c{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11364 .elementor-element.elementor-element-460b47c{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-11364 .elementor-element.elementor-element-4d27169{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11364 .elementor-element.elementor-element-168a36b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11364 .elementor-element.elementor-element-168a36b img{width:100%;height:100%;}.elementor-11364 .elementor-element.elementor-element-2fd514b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS *//*
===========================================================
SCROLL FADE BACKGROUND STAGE (Elementor + Vimeo + Images)
===========================================================

Hoe het werkt:
- Jij maakt meerdere Elementor containers met classes: bgvid-section scroll-section.
- Elke bgvid-section heeft OF een Vimeo background video, OF een background image.
- Dit script bouwt 1 vaste full-screen "stage" (#video-stage) en maakt per sectie een layer.
- Tijdens scroll wordt steeds de juiste layer actief en fade de volgende eroverheen.
- Tekst en content blijven normaal scrollen.
- Belangrijk: #video-stage wordt door JS naar direct onder <body> verplaatst,
  zodat fixed gedrag nooit breekt door Elementor wrappers.

Belangrijk voor layout:
- Maak bovenaan de pagina een container met een HTML widget met:
  <div id="video-stage"></div>
- Die container mag blijven staan, maar #video-stage wordt verplaatst.
*/

/* Placeholder container neemt geen ruimte in */
.video-stage-holder {
  height: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
}

/* Fullscreen stage - hoogte via --stage-vh om witte balken/gaten te voorkomen */
#video-stage {
  position: fixed !important;
  inset: 0;
  width: 100%;
  height: var(--stage-vh, 100vh);
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
  background: #000;
  opacity: 1;
  transition: opacity 0.35s ease;
}

/* Elke layer fade met opacity */
#video-stage .stage-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.65s ease;
  background: #000;
}

#video-stage .stage-layer.is-active {
  opacity: 1;
}

/* Vimeo iframe wordt door JS op exact cover-formaat gezet */
#video-stage .stage-layer iframe.stage-vimeo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background: #000;
  max-width: none !important;
  max-height: none !important;
}

/* Image layers cover */
#video-stage .stage-layer.is-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Alleen de bgvid-secties boven de stage, niet een algemene .scroll-section */
.bgvid-section.scroll-section {
  position: relative;
  z-index: 5;
}

/* Zodra stage klaar is, originele sectie achtergronden verbergen */
.bg-stage-ready .bgvid-section {
  background-image: none !important;
  background-color: transparent !important;
}

/* Verberg originele Elementor background video output binnen bgvid-section */
.bg-stage-ready .bgvid-section .elementor-background-video-container,
.bg-stage-ready .bgvid-section .elementor-background-video-embed,
.bg-stage-ready .bgvid-section iframe,
.bg-stage-ready .bgvid-section video {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Content na de achtergronden, moet boven de stage liggen */
.after-video {
  position: relative;
  z-index: 10;
  background: #fff;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'NeuzeitGro';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://fokkema.resetwebstudio.nl/wp-content/uploads/2026/01/font.woff2') format('woff2'),
		url('https://fokkema.resetwebstudio.nl/wp-content/uploads/2026/01/font.woff') format('woff');
}
@font-face {
	font-family: 'NeuzeitGro';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://fokkema.resetwebstudio.nl/wp-content/uploads/2026/01/font-1.woff2') format('woff2'),
		url('https://fokkema.resetwebstudio.nl/wp-content/uploads/2026/01/font-1.woff') format('woff');
}
@font-face {
	font-family: 'NeuzeitGro';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://fokkema.resetwebstudio.nl/wp-content/uploads/2026/01/font-2.woff2') format('woff2'),
		url('https://fokkema.resetwebstudio.nl/wp-content/uploads/2026/01/font-2.woff') format('woff');
}
/* End Custom Fonts CSS */