.elementor-607 .elementor-element.elementor-element-233785c{--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;--justify-content:center;--padding-top:40px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;--z-index:100;}.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-607 .elementor-element.elementor-element-233785c{--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:28px;--padding-bottom:0px;--padding-left:28px;--padding-right:28px;}}/* Start custom CSS for container, class: .elementor-element-233785c */header {
    height: 0!important;
}

/* Menu standaard dicht, puur via CSS — actief vóór de eerste render */
body:not(.elementor-editor-active) #Hamburger-container:not(.active) #Hamburger-menu {
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media only screen and (max-width: 1024px) {
    
div#Hamburger-container,
div#Hamburger-container > .e-child {
    transition: 0.3s ease!important;
}

div#Hamburger-container.active > .e-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 20px!important;
  box-shadow: 0px 4px 36.9px 0px rgba(0, 0, 0, 0.25);
}

div#Hamburger-container.active {
    padding: 0;
}    
    
    
/* Inner Elementor-nav altijd renderen, anders valt er niks te meten */
#Nav-items .elementor-nav-menu--dropdown {
  display: flex !important;
}

/* Elke lijn transformeert vanuit zijn eigen middelpunt */
#Hamburger-icon .line {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform-box: fill-box;
  transform-origin: center;
}

/* Active: middelste fadet weg, boven- en onderlijn schuiven naar
   het midden en draaien tot een kruisje */
#Hamburger-icon.active .line-middle {
  opacity: 0;
}

#Hamburger-icon.active .line-top {
  transform: translateY(8px) rotate(45deg);
}

#Hamburger-icon.active .line-bottom {
  transform: translateY(-8px) rotate(-45deg);
}

#Hamburger-menu {
  transition: height 0.3s ease, padding 0.3s ease !important;
}
#Hamburger-container:not(.active) #Hamburger-menu {
  padding-top: 0;
  padding-bottom: 0;
}
#Hamburger-menu > .elementor-element {
  flex-shrink: 0;
}
#Hamburger-menu {
  min-height: 0 !important;
}
}/* End custom CSS */