.elementor-256 .elementor-element.elementor-element-2c7e638{--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-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-256 .elementor-element.elementor-element-2b4e83d{text-align:start;}.elementor-256 .elementor-element.elementor-element-2b4e83d img{width:36%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-256 .elementor-element.elementor-element-45daa54 .elementor-nav-menu .elementor-item{font-family:"Bebas Neue", Sans-serif;font-weight:500;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-256 .elementor-element.elementor-element-2b4e83d img{width:100%;max-width:100%;}}

/* Start custom CSS for container, class: .elementor-element-2c7e638 *//* =========================
   HEADER BASE
========================= */

.elementor-256 .elementor-element.elementor-element-2c7e638{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;

  background: transparent;
  transition: 
    background .4s cubic-bezier(.4,0,.2,1),
    backdrop-filter .4s cubic-bezier(.4,0,.2,1),
    border-color .4s cubic-bezier(.4,0,.2,1);
}

/* Inner container */
.elementor-256 .elementor-element.elementor-element-2c7e638 .e-con-inner,
.elementor-256 .elementor-element.elementor-element-2c7e638 .elementor-container{
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
  height: 80px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* =========================
   MENU LINKS
========================= */

.elementor-256 .elementor-element.elementor-element-2c7e638 .elementor-nav-menu a{
  position: relative;
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: .2em;
  font-size: 16px;

  color: rgba(180,190,210,0.8);
  transition: color .3s ease;
}

/* Hover kleur */
.elementor-256 .elementor-element.elementor-element-2c7e638 .elementor-nav-menu a:hover{
  color: rgb(0,111,255);
}

/* Animated underline */
.elementor-256 .elementor-element.elementor-element-2c7e638 .elementor-nav-menu a::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 2px;
  background: rgb(0,111,255);
  transition: width .3s cubic-bezier(.4,0,.2,1);
}

.elementor-256 .elementor-element.elementor-element-2c7e638 .elementor-nav-menu a:hover::after{
  width: 100%;
}
/* =========================
   SCROLL STATE
========================= */

.elementor-256 .elementor-element.elementor-element-2c7e638.scrolled{
  background: rgba(16,19,24,0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(39,44,53,0.6);
}
@media (max-width: 767px){

  .elementor-256 .elementor-element.elementor-element-2c7e638 .e-con-inner,
  .elementor-256 .elementor-element.elementor-element-2c7e638 .elementor-container{
    height: 70px;
    padding: 0 20px;
  }

  .elementor-256 .elementor-element.elementor-element-2c7e638 .elementor-menu-toggle{
    color: #fff;
  }

}
/* =========================
   HEADER BASIS
========================= */

.elementor-256 .elementor-element.elementor-element-2c7e638{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  transition: background .4s ease, backdrop-filter .4s ease;
}

/* Scroll state */
.site-header.scrolled{
  background: rgba(16,19,24,0.95) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(39,44,53,0.6);
}
/* Verwijder alle underlines */
.site-header .elementor-nav-menu a{
  text-decoration: none !important;
}

/* Verwijder eventuele ::after lijn */
.site-header .elementor-nav-menu a::after{
  display: none !important;
}
/* =========================
   MOBILE HAMBURGER POSITION
========================= */

@media (max-width: 767px){

  .site-header .elementor-menu-toggle{
    margin-left: auto !important;
    z-index: 9999;
  }

}
/* =========================
   FULLSCREEN MOBILE MENU
========================= */

@media (max-width: 767px){

  /* Maak dropdown fullscreen */
  .site-header .elementor-nav-menu--dropdown{
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(16,19,24,0.95) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    padding: 0 !important;
    border: 0 !important;
  }

  /* Vertical menu layout */
  .site-header .elementor-nav-menu--dropdown ul{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 32px !important;
  }

  /* Menu links groot maken */
  .site-header .elementor-nav-menu--dropdown a{
    font-family: "Bebas Neue", sans-serif !important;
    font-size: 32px !important;
    letter-spacing: .3em !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: color .3s ease;
  }

  .site-header .elementor-nav-menu--dropdown a:hover{
    color: rgb(0,111,255) !important;
  }

}
@media (max-width: 767px){
  .site-header .elementor-nav-menu--dropdown{
    z-index: 9998 !important;
  }

  .site-header{
    z-index: 9999;
  }
}
/* =========================
   MOBILE HEADER FIX
========================= */

@media (max-width: 767px){

  /* Zorg dat header 1 rij wordt */
  .site-header .elementor-container{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  /* Logo kolom niet 100% breed */
  .site-header .elementor-column:first-child{
    width: auto !important;
    flex: 0 0 auto !important;
  }

  /* Menu kolom naar rechts */
  .site-header .elementor-column:last-child{
    width: auto !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }

}
@media (max-width: 767px){

  .site-header img{
    height: 28px !important;
    width: auto !important;
  }

}
/* =========================
   MENU TOGGLE ICON WHITE
========================= */

/* Hamburger + close icon */
.site-header .elementor-menu-toggle{
  color: #ffffff !important;
}

/* SVG lijnen (belangrijk!) */
.site-header .elementor-menu-toggle svg{
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Hover */
.site-header .elementor-menu-toggle:hover{
  color: #ffffff !important;
  opacity: 0.8;
}
/* =========================
   STOP SCROLL WHEN MENU OPEN
========================= */

body.elementor-nav-menu--dropdown-active{
  overflow: hidden !important;
  height: 100vh !important;
  position: fixed !important;
  width: 100% !important;
}
/* =========================
   MOBILE MENU CLICK STYLE FIX
========================= */

@media (max-width: 767px){

  .site-header .elementor-nav-menu--dropdown a{
    background: transparent !important;
    -webkit-tap-highlight-color: transparent;
  }

  .site-header .elementor-nav-menu--dropdown a:active,
  .site-header .elementor-nav-menu--dropdown a:focus{
    background: transparent !important;
    outline: none !important;
  }

}
/* Alleen mobiel tonen */
.vk-mobile-nav { display: none; }
@media (max-width: 767px){
  .vk-mobile-nav { display: block; }
}

/* Burger rechtsboven (wit) */
.vk-burger{
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 99999;

  width: 48px;
  height: 48px;
  border: 1px solid rgba(39,44,53,0.60);
  border-radius: 12px;
  background: rgba(16,19,24,0.60);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff; /* icon wit */
  cursor: pointer;

  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}

.vk-burger:active{ transform: scale(0.98); }
.vk-burger:focus{ outline: none; }

/* icons */
.vk-icon{
  width: 24px;
  height: 24px;
  display: block;
}
.vk-icon--close{ display: none; }

/* Toggle icon state */
.vk-mobile-nav.is-open .vk-icon--open{ display: none; }
.vk-mobile-nav.is-open .vk-icon--close{ display: block; }

/* Overlay fullscreen */
.vk-mobile-overlay{
  position: fixed;
  inset: 0;
  z-index: 99990;

  background: rgba(0,0,0,0.80);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.vk-mobile-nav.is-open .vk-mobile-overlay{
  display: flex;
}

/* Menu links (zoals jouw voorbeeld) */
.vk-mobile-menu{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}

.vk-mobile-link{
  font-family: "Bebas Neue", sans-serif; /* pas aan naar jouw font-display */
  font-size: 32px;
  letter-spacing: .30em;
  text-transform: uppercase;
  color: #F2F2F2;
  text-decoration: none;

  -webkit-tap-highlight-color: transparent;
  background: transparent !important;

  transition: color .2s ease;
}

.vk-mobile-link:active,
.vk-mobile-link:focus{
  outline: none;
  background: transparent !important;
}

.vk-mobile-link:hover{
  color: rgb(0,111,255);
}

/* Scroll lock */
html.vk-no-scroll,
body.vk-no-scroll{
  overflow: hidden !important;
  height: 100%;
}

/* Anti "mini wit randje" bij sideways scroll */
html, body{
  overflow-x: clip;
}/* End custom CSS */