.elementor-kit-6{--e-global-color-primary:#141A24;--e-global-color-secondary:#EC2024;--e-global-color-text:#141A24;--e-global-color-accent:#141A24;--e-global-color-73c63d3:#FFFFFF;--e-global-color-ff0d004:#F3F3F4;--e-global-color-67c75a3:#2BABE3;--e-global-color-cfc3b6a:#FFC800;--e-global-color-ddf15f7:#1E2127;--e-global-typography-primary-font-family:"Bebas Neue";--e-global-typography-primary-font-size:5vw;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:0.9em;--e-global-typography-primary-letter-spacing:-0.01em;--e-global-typography-secondary-font-family:"Bebas Neue";--e-global-typography-secondary-font-size:5vw;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-line-height:0.9em;--e-global-typography-secondary-letter-spacing:-0.01em;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:-0.05em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-decoration:underline;--e-global-typography-accent-line-height:1.6em;--e-global-typography-accent-letter-spacing:-0.05em;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );--e-page-transition-entrance-animation:e-page-transition-slide-out-down;--e-page-transition-exit-animation:e-page-transition-fade-in-up;--e-page-transition-animation-duration:500ms;--e-preloader-animation:bounce;--e-preloader-animation-duration:1500ms;--e-preloader-width:400px;}.elementor-kit-6 e-page-transition{background-color:#141A24;}.elementor-kit-6 a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:"Bebas Neue", Sans-serif;font-size:3.9vw;font-weight:800;line-height:0.9em;letter-spacing:-0.01em;}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-family:"Bebas Neue", Sans-serif;font-size:1.91em;font-weight:800;line-height:0.9em;letter-spacing:-0.01em;}.elementor-kit-6 h5{color:var( --e-global-color-primary );font-family:"Bebas Neue", Sans-serif;font-size:1.18em;font-weight:800;line-height:0.9em;letter-spacing:-0.01em;}.elementor-kit-6 h6{color:var( --e-global-color-primary );font-family:"Bebas Neue", Sans-serif;font-size:1.18em;font-weight:800;line-height:0.9em;letter-spacing:-0.01em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw;}.e-con{--container-max-width:100vw;--container-default-padding-top:0px;--container-default-padding-right:64px;--container-default-padding-bottom:0px;--container-default-padding-left:64px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1367px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-6 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw;}.e-con{--container-max-width:100vw;}}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-6 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw;}.e-con{--container-max-width:100vw;}}@media(max-width:767px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-6 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw;}.e-con{--container-max-width:100vw;}}/* Start custom CSS *//* Root overflow fix: geen horizontale scroll, wél geen clipping voor fixed */
html { overflow-y: auto !important; }
body {
  overflow-x: clip !important;     /* vervangt hidden, maar zonder clipping-context */
  overflow-y: visible !important;  /* haalt 'auto' weg zodat fixed niet wordt geclipt */
}

/* Sticky nav */
.header-2 {
 transform: translatey(-180px);
 -moz-transition: all .3s ease!important;
 -webkit-transition: all .3s ease!important;
 transition: all .3s ease!important;
 width: 100%!important;
}

.elementor-sticky--effects.header-2  {
 height: auto!important;
 transform: translatey(0px);
}

.elementor-sticky--effects.header-1 {
 display: none!important;
}
a.elementor-item.text-anim {
  display: inline-grid;
  grid-auto-flow: row;
  align-items: center;
  justify-items: start;
  position: relative;
  overflow: hidden;
}

a.elementor-item.text-anim > span {
  grid-area: 1 / 1;
  transition: transform 0.35s ease;
  will-change: transform;
  white-space: nowrap;
}

/* Startposities */
a.elementor-item.text-anim .text-original { transform: translateX(0%); }
a.elementor-item.text-anim .text-hover { transform: translateX(150%); 
}

/* Hover/focus animatie */
a.elementor-item.text-anim:hover .text-original,
a.elementor-item.text-anim:focus-visible .text-original {
  transform: translateX(-150%);
}
a.elementor-item.text-anim:hover .text-hover,
a.elementor-item.text-anim:focus-visible .text-hover {
  transform: translateX(0%);
}

/* Link hover */
.vertical-hover .elementor-heading-title,
.vertical-hover .elementor-heading-title a {
    font-family: "Bebas Neue", Sans-serif !important;
    text-decoration: none;
    display: inline-grid;
    grid-auto-flow: row;
    align-items: center;
    justify-items: start;
    position: relative;
    overflow: hidden;
    padding-right: 2em;
}

.vertical-hover .original-hover,
.vertical-hover .duplicate-hover {
    grid-area: 1 / 1;
    transition: transform 0.35s ease;
    will-change: transform;
    white-space: nowrap;
    position: relative;
}

/*.vertical-hover::after {*/
/*    content: "\e09f";*/
/*    font-family: "Font Awesome 6 Pro";*/
/*    font-weight: 900;*/
/*    font-size: 1.5vw;*/
/*    position: absolute;*/
/*    right: 30px;*/
/*    top: 0;*/
/*    line-height: 1;*/
/*}*/

.vertical-hover .original-hover { transform: translateY(0%); }
.vertical-hover .duplicate-hover { transform: translateY(100%); }

.vertical-hover:hover .original-hover { transform: translateY(-100%); }
.vertical-hover:hover .duplicate-hover { transform: translateY(0%); }

.circle-blend {
    position: absolute;
    bottom: -30vh;
    left: -10vw;
    z-index: 2;
    mix-blend-mode: overlay;
}
.dappr-dots {
    position: absolute;
    left: -64px;
    bottom: 0;
    height: 530px;
    z-index: -1;
}

/* Op de rij met je kolommen */
.equalize-row {
  align-items: stretch !important;
}

/* Directe kolommen in die rij */
.equalize-row > .e-con {
  flex: 1 1 0;
  min-width: 0;                 /* <<< laat tekst/inhoud netjes afbreken */
  display: flex;
  flex-direction: column;
}

/* (optioneel) als een kolom of inner container overflow:hidden had */
.equalize-row > .e-con,
.equalize-row > .e-con > .e-con {
  overflow: visible;            /* voorkomt afkapping van grote headings */
}

/* (optioneel) mooier afbreken van extreem lange woorden */
.equalize-row h1, 
.equalize-row h2, 
.equalize-row h3, 
.equalize-row p {
  word-wrap: break-word;
  overflow-wrap: anywhere;
  hyphens: auto;
}

/* Container blijft 100vw zoals je wilde */
.auto-playwide {
  width: 100vw;
  padding: 0;           /* voorkom extra zwarte randen */
  overflow: visible;
}

/* Video-wrapper: start 80vw, heeft hoogte via aspect-ratio, en is clip-box */
.auto-playwide .video {
  width: 80vw !important;
  margin: 0 auto;
  aspect-ratio: 16 / 9;        /* bepaalt de hoogte */
  position: relative;
  overflow: hidden;            /* randjes wegknippen bij groei */
  transition: width 700ms ease;
}

/* In view → soepel naar 100vw */
.auto-playwide .video.in-view {
  width: 100vw !important;
}

/* Iframe (of <video>) vult de wrapper 1:1 */
.auto-playwide .video iframe,
.auto-playwide .video video {
  position: absolute;
  inset: 0;                    /* top/right/bottom/left: 0 */
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

.content-scroll, .overlay-zoom { transition: none !important; }

.contact-button {
    width: fit-content;
}
.contact-button i,
.contact-button svg {
    position: absolute;
    top: 50%;
    right: 30px;
    font-size: 20px !important;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    transition: transform 0.35s ease;
}
.contact-button:hover i,
.contact-button:hover svg {
    transform: translateY(-50%) rotate(45deg);
}

.horizontal-card {
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(14px) saturate(120%);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
    isolation: isolate;
    position: relative;
}
.horizontal-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
    linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0) 40%),
    radial-gradient(80% 60% at 50% -20%, rgba(255,255,255,0.08), rgba(255,255,255,0) 60%);
    mix-blend-mode: screen;
    opacity: .9;
}
.horizontal-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);
}


/* Hamburger button */
.hamburger {
    /*position: fixed;*/
    /*top: 70px;*/
    /*right: 60px;*/
    /*z-index: 1001;*/
    /*background: none;*/
    /*border: none;*/
    /*padding: 0;*/
    cursor: pointer;
}

.hamburger span {
    /*display: block;*/
    /*width: 32px;*/
    /*height: 3px;*/
    /*margin-bottom: 6px;*/
    /*border-radius: 3px;*/
    background-color: #fff; /* pas aan naar wens */
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.4);*/
}

/* Cirkel overlay */
.circle-overlay {
    position: fixed;
    background: var(--red, #141A24); /* fallback rood */
    border-radius: 50%;
    transform: scale(0);
    transition: transform 0.6s ease;
    z-index: 1000;
    pointer-events: none;
    will-change: transform;
}

/* Actieve staat: cirkel klapt uit over het scherm */
.circle-overlay.active {
    transform: scale(1);
}


/* Optioneel: scroll lock styling */
body.no-scroll {
    overflow: hidden;
}

@media only screen and (min-width: 2000px) {
    .horizontal-card {
        width: 960px;
    }
}

@keyframes float-diagonal {
    0% {
        transform: translate(0, 0) scale(1);
    }
    25% {
        transform: translate(20px, -20px) scale(1.1);
    }
    50% {
        transform: translate(40px, -40px) scale(1);
    }
    75% {
        transform: translate(20px, -20px) scale(0.9);
    }
    100% {
        transform: translate(0, 0) scale(1);
    }
}
/* keyframes */
@keyframes floatDurf {
  0% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(-55%);
  }
  100% {
    transform: translateY(-50%);
  }
}
/* keyframes */
@keyframes floatDenk {
  0% {
    transform: translateY(-30%);
  }
  50% {
    transform: translateY(-35%);
  }
  100% {
    transform: translateY(-30%);
  }
}
/* keyframes */
@keyframes floatDoe {
  0% {
    transform: translateY(15%);
  }
  50% {
    transform: translateY(20%);
  }
  100% {
    transform: translateY(15%);
  }
}/* End custom CSS */