.elementor-2778 .elementor-element.elementor-element-5611c1cc{--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;}.elementor-2778 .elementor-element.elementor-element-5611c1cc:not(.elementor-motion-effects-element-type-background), .elementor-2778 .elementor-element.elementor-element-5611c1cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8ad5e49 );}.elementor-2778 .elementor-element.elementor-element-12d225e4{margin:05px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2778 .elementor-element.elementor-element-12d225e4 img{max-width:246px;height:50px;object-fit:contain;object-position:center left;}.elementor-2778 .elementor-element.elementor-element-5b6d7969{--display:flex;}.elementor-2778 .elementor-element.elementor-element-5c693536 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:9px 0px 0px 15px;}.elementor-2778 .elementor-element.elementor-element-6cb990ad{padding:7px 0px 7px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2778 .elementor-element.elementor-element-6cb990ad .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-2778 .elementor-element.elementor-element-6cb990ad .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-2778 .elementor-element.elementor-element-6cb990ad .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-90b970c );}.elementor-2778 .elementor-element.elementor-element-6cb990ad .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-90b970c );}.elementor-2778 .elementor-element.elementor-element-6cb990ad .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}@media(max-width:1024px){.elementor-2778 .elementor-element.elementor-element-5611c1cc{--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;--justify-content:center;}.elementor-2778 .elementor-element.elementor-element-5b6d7969{--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;--flex-wrap:nowrap;}.elementor-2778 .elementor-element.elementor-element-6cb990ad{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-2778 .elementor-element.elementor-element-6cb990ad.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-2778 .elementor-element.elementor-element-5611c1cc{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2778 .elementor-element.elementor-element-5b6d7969{--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;--align-items:center;--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-2778 .elementor-element.elementor-element-5c693536 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2778 .elementor-element.elementor-element-6cb990ad{padding:0px 0px 0px 0px;}}/* Start custom CSS */:root {
  --line: rgba(242, 247, 255, 0.92);
  --line-soft: rgba(242, 247, 255, 0.68);


  --waves-left-offset: -280px;
  --waves-width: min(62vw, 960px);
  --waves-mobile-left-offset: -190px;
  --waves-mobile-width: min(88vw, 560px);

  --waves-dot-opacity: 0.42;
  --waves-dot-opacity-mobile: 0.28;
  --waves-dot-size: 13px 13px;
  --waves-dot-radius: 0.8px;
  --waves-dot-fade-radius: 0.9px;
}

/* Geef je hero section/container in Elementor de class: hero */
.hero {
  position: relative;
  min-height: 75vh;
  overflow: hidden;
  isolation: isolate;
  
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.left-waves {
  position: absolute;
  inset: 0 auto 0 var(--waves-left-offset);
  width: var(--waves-width);
  height: 100%;
  overflow: hidden;
}

.left-waves::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    circle at center,
    rgba(232, 238, 255, 0.35) var(--waves-dot-radius),
    transparent var(--waves-dot-fade-radius)
  );
  background-size: var(--waves-dot-size);
  opacity: var(--waves-dot-opacity);
  mix-blend-mode: screen;
  transform: translateZ(0);
}

.left-waves svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.22));
}

/* Alle overige content in hero komt automatisch boven de achtergrond */
.hero > *:not(.hero-bg) {
  position: relative;
  z-index: 2;
}

@media (max-width: 900px) {
  .left-waves {
    inset: 0 auto 0 var(--waves-mobile-left-offset);
    width: var(--waves-mobile-width);
  }

  .left-waves::before {
    opacity: var(--waves-dot-opacity-mobile);
  }
}




/* WPML MENU SWITCHER FIXED   */

/* --- WPML switcher in Elementor: compact + pijltje rechts naast vlag --- */

/* 1) Hele switcher: niet oprekken */
.wpml-elementor-ls,
.wpml-elementor-ls .wpml-ls {
  width: auto !important;
}

/* 2) Legacy dropdown wrapper: haal vaste breedte weg */
.wpml-elementor-ls .wpml-ls-legacy-dropdown {
  width: auto !important;
  min-width: unset !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 3) Toggle (het klikbare deel): vlag + pijltje naast elkaar */
.wpml-elementor-ls .wpml-ls-legacy-dropdown > ul > li > a.wpml-ls-item-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;            /* ruimte tussen vlag en pijltje */
  padding: 0 12px 0 0 !important; /* rechts ruimte reserveren voor pijltje */
  background: transparent !important;
}

/* 4) Het pijltje: niet absoluut, maar gewoon ernaast */
.wpml-elementor-ls .wpml-ls-legacy-dropdown > ul > li > a.wpml-ls-item-toggle::after {
  position: static !important;
  margin-left: 6px !important;
  margin-top:3px;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  display: inline-block !important;
}

/* 5) Vlag netjes als blokje */
.wpml-elementor-ls .wpml-ls-flag {
  display: block;
}

/* Pijltje wit maken */
.wpml-elementor-ls 
.wpml-ls-legacy-dropdown 
> ul > li > a.wpml-ls-item-toggle::after {
    border-top-color: #ffffff !important; /* standaard WPML pijltje */
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Witte rand / omlijning van WPML toggle volledig verwijderen */
.wpml-elementor-ls 
.wpml-ls-legacy-dropdown 
> ul > li > a.wpml-ls-item-toggle {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}/* End custom CSS */