.elementor-606 .elementor-element.elementor-element-7b48b0d{--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:40px 40px;--row-gap:40px;--column-gap:40px;--overlay-opacity:0.5;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10%;--padding-bottom:20%;--padding-left:5%;--padding-right:5%;}.elementor-606 .elementor-element.elementor-element-7b48b0d::before, .elementor-606 .elementor-element.elementor-element-7b48b0d > .elementor-background-video-container::before, .elementor-606 .elementor-element.elementor-element-7b48b0d > .e-con-inner > .elementor-background-video-container::before, .elementor-606 .elementor-element.elementor-element-7b48b0d > .elementor-background-slideshow::before, .elementor-606 .elementor-element.elementor-element-7b48b0d > .e-con-inner > .elementor-background-slideshow::before, .elementor-606 .elementor-element.elementor-element-7b48b0d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-606 .elementor-element.elementor-element-1fa88a2{text-align:center;}.elementor-606 .elementor-element.elementor-element-1fa88a2 .elementor-heading-title{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 );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-accent );}.elementor-606 .elementor-element.elementor-element-f62df72{text-align:center;}.elementor-606 .elementor-element.elementor-element-f62df72 .elementor-heading-title{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 );}.elementor-606 .elementor-element.elementor-element-e61d279{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-606 .elementor-element.elementor-element-59f8f66{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;--e-icon-list-icon-size:18px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-606 .elementor-element.elementor-element-59f8f66.elementor-element{--align-self:center;}.elementor-606 .elementor-element.elementor-element-59f8f66 .elementor-icon-list-icon i{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-606 .elementor-element.elementor-element-59f8f66 .elementor-icon-list-icon svg{fill:var( --e-global-color-text );transition:fill 0.3s;}.elementor-606 .elementor-element.elementor-element-59f8f66 .elementor-icon-list-icon{padding-inline-end:8px;}.elementor-606 .elementor-element.elementor-element-59f8f66 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-606 .elementor-element.elementor-element-59f8f66 .elementor-icon-list-item > a{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 );}.elementor-606 .elementor-element.elementor-element-59f8f66 .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-606 .elementor-element.elementor-element-87d8ae3{--grid-columns:4;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-606 .elementor-element.elementor-element-7b48b0d{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-606 .elementor-element.elementor-element-1fa88a2 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-606 .elementor-element.elementor-element-f62df72 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-606 .elementor-element.elementor-element-e61d279{--padding-top:0%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-606 .elementor-element.elementor-element-59f8f66{width:100%;max-width:100%;--e-icon-list-icon-size:20px;}.elementor-606 .elementor-element.elementor-element-59f8f66 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-606 .elementor-element.elementor-element-59f8f66 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-606 .elementor-element.elementor-element-87d8ae3{--grid-columns:2;}}@media(max-width:767px){.elementor-606 .elementor-element.elementor-element-7b48b0d::before, .elementor-606 .elementor-element.elementor-element-7b48b0d > .elementor-background-video-container::before, .elementor-606 .elementor-element.elementor-element-7b48b0d > .e-con-inner > .elementor-background-video-container::before, .elementor-606 .elementor-element.elementor-element-7b48b0d > .elementor-background-slideshow::before, .elementor-606 .elementor-element.elementor-element-7b48b0d > .e-con-inner > .elementor-background-slideshow::before, .elementor-606 .elementor-element.elementor-element-7b48b0d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:top right;background-repeat:no-repeat;background-size:4.7rem auto;}.elementor-606 .elementor-element.elementor-element-7b48b0d{--overlay-opacity:1;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-606 .elementor-element.elementor-element-1fa88a2 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-606 .elementor-element.elementor-element-f62df72 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-606 .elementor-element.elementor-element-59f8f66{--e-icon-list-icon-size:12px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);}.elementor-606 .elementor-element.elementor-element-59f8f66 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-606 .elementor-element.elementor-element-59f8f66 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-606 .elementor-element.elementor-element-87d8ae3{--grid-columns:1;}}/* Start custom CSS *//* Glans-effect op 1 woord */
.shimmer{
  position: relative;
  display: inline-block;
  overflow: hidden; /* houdt de glans binnen het woord */
}

/* De "glansbaan" */
.shimmer::after{
  content: "";
  position: absolute;
  top: -20%;
  left: -120%;
  width: 80%;
  height: 140%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.85) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-15deg);
  animation: shimmer-sweep 1.6s ease-in-out infinite;
  mix-blend-mode: screen; /* maakt het meer "glans" dan een witte strook */
  pointer-events: none;
}

@keyframes shimmer-sweep{
  0%   { left: -120%; opacity: 0; }
  10%  { opacity: 1; }
  50%  { opacity: 1; }
  100% { left: 140%; opacity: 0; }
}

/* Respecteer users die motion uit hebben staan */
@media (prefers-reduced-motion: reduce){
  .shimmer::after{ animation: none; }
}

/* Zet op je Icon List widget: class "dots-pop" */
.dots-pop .elementor-icon-list-icon svg,
.dots-pop .elementor-icon-list-icon i {
  transform-origin: 50% 50%;
  transform: translateZ(0) scale(0.92) rotate(-6deg);
  opacity: 0;
  will-change: transform, opacity;
}

/* Start animatie zodra JS .is-inview toevoegt */
.dots-pop.is-inview .elementor-icon-list-icon svg,
.dots-pop.is-inview .elementor-icon-list-icon i {
  animation: dotPop 520ms cubic-bezier(.2, 1.15, .3, 1) both;
}

/* Subtiele pop: grow + rotate terug */
@keyframes dotPop {
  0%   { opacity: 0; transform: scale(0.92) rotate(-6deg); }
  55%  { opacity: 1; transform: scale(1.05) rotate(2deg); }
  100% { opacity: 1; transform: scale(1) rotate(0deg); }
}

/* Stagger: per list item een klein delay */
.dots-pop.is-inview .elementor-icon-list-item:nth-child(1) .elementor-icon-list-icon svg,
.dots-pop.is-inview .elementor-icon-list-item:nth-child(1) .elementor-icon-list-icon i { animation-delay: 0ms; }

.dots-pop.is-inview .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon svg,
.dots-pop.is-inview .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon i { animation-delay: 70ms; }

.dots-pop.is-inview .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon svg,
.dots-pop.is-inview .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon i { animation-delay: 140ms; }

.dots-pop.is-inview .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon svg,
.dots-pop.is-inview .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon i { animation-delay: 210ms; }

.dots-pop.is-inview .elementor-icon-list-item:nth-child(5) .elementor-icon-list-icon svg,
.dots-pop.is-inview .elementor-icon-list-item:nth-child(5) .elementor-icon-list-icon i { animation-delay: 280ms; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .dots-pop .elementor-icon-list-icon svg,
  .dots-pop .elementor-icon-list-icon i {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

/* Parent */
.lineup-tentacles{
  position: relative;
  overflow: visible;
}

/* Content altijd boven de tentakels */
.lineup-tentacles .lineup-content{
  position: relative;
  z-index: 2;
}

/* SVG moet schalen */
.lineup-tentacles .tentacle-left svg,
.lineup-tentacles .tentacle-right svg{
  display:block;
  width:100%;
  height:auto;
}

/* Basis */
.lineup-tentacles .tentacle-left,
.lineup-tentacles .tentacle-right{
  position:absolute;
  z-index:0;
  pointer-events:none;
  will-change: transform, opacity;
  opacity:0;
  transform: translateZ(0);
}

/* LEFT — jouw perfecte positie behouden */
.lineup-tentacles .tentacle-left{
  left: clamp(-320px, -22vw, -140px);
  bottom: clamp(-10px, -1vw, 70px);
  width: clamp(180px, 20vw, 300px);

  /* start: komt nóg verder van links + klein rotate */
  transform: translate3d(clamp(-120px, -8vw, -60px), 0, 0) rotate(-10deg) scale(0.98);
}

/* RIGHT — zichtbaar maar nog steeds off-canvas */
.lineup-tentacles .tentacle-right{
  right: clamp(24px, 6vw, 120px); /* minder negatief = komt terug in beeld */
  top: clamp(10px, 4vw, 120px);
  width: clamp(180px, 24vw, 480px);

  transform: translate3d(clamp(120px, 8vw, 60px), 0, 0) rotate(10deg) scale(0.98);
}


/* In view */
.lineup-tentacles.is-inview .tentacle-left,
.lineup-tentacles.is-inview .tentacle-right{
  opacity:1;
  transform: translate3d(0,0,0) rotate(0deg) scale(1);
  transition: transform 1100ms cubic-bezier(.22,1,.25,1), opacity 700ms ease;
}

/* Stagger */
.lineup-tentacles.is-inview .tentacle-left{ transition-delay: 120ms; }
.lineup-tentacles.is-inview .tentacle-right{ transition-delay: 220ms; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .lineup-tentacles .tentacle-left,
  .lineup-tentacles .tentacle-right{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}
/* Roze tentakel extra verkleinen op kleinere schermen */
@media (max-width: 1200px){
  .lineup-tentacles .tentacle-left{
    width: clamp(120px, 18vw, 220px);
    left: clamp(-260px, -26vw, -140px); /* iets minder ver naar binnen */
  }
}

@media (max-width: 768px){
  .lineup-tentacles .tentacle-left{
    width: clamp(90px, 26vw, 180px);
    left: clamp(-180px, -22vw, -80px);
  }
}
/* === MOBILE OPTIMALISATIE (tentakels) === */
@media (max-width: 768px){

  /* LEFT (roze) — subtiel, meer off-canvas */
  .lineup-tentacles .tentacle-left{
    width: clamp(30px, 2vw, 5px);
    left: clamp(-190px, -84vw, -90px);
    bottom: clamp(30px, 1vw, 9px);
    z-index: 0!important;
    opacity: 0!important;
  }

  /* RIGHT (blauw) — kleiner + lager, nog steeds “vanuit rechts” */
  .lineup-tentacles .tentacle-right{
    width: clamp(270px, 98vw, 140px);
    right: clamp(-260px, -46vw, -120px);
    top: clamp(40px, 8vw, 110px);
    opacity: 0!important;
  }

  /* Animatie iets subtieler op mobiel (minder “swing”) */
  .lineup-tentacles .tentacle-left{
    transform: translate3d(clamp(-70px, -10vw, -40px), 0, 0) rotate(-6deg) scale(0.99);
  }
  .lineup-tentacles .tentacle-right{
    transform: translate3d(clamp(70px, 10vw, 40px), 0, 0) rotate(6deg) scale(0.99);
  }

}

.sparkle-word{
  position: relative;
  display: inline-block;
  /* beetje ruimte zodat particles minder snel afkappen */
  padding: 0 .08em;
}

.sparkle-burst{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: 9999;
}

.sparkle-particle{
  position: absolute;
  left: 0;
  top: 0;
  width: var(--size, 18px);
  height: var(--size, 18px);
  transform: translate(-50%, -50%);
  opacity: 0;
  will-change: transform, opacity;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  filter: drop-shadow(0 6px 10px rgba(0,0,0,.18));
}

@keyframes melonBurst {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(var(--rot, 0deg)) scale(.65);
  }
  12% { opacity: 1; }
  100% {
    opacity: 0;
    transform:
      translate(calc(-50% + (var(--dx, 0px))), calc(-50% + (var(--dy, 0px))))
      rotate(calc(var(--rot, 0deg) + var(--spin, 180deg)))
      scale(var(--endScale, 1));
  }
}/* End custom CSS */