.elementor-216 .elementor-element.elementor-element-795adcd7{--display:flex;--min-height:1440px;--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;}.elementor-216 .elementor-element.elementor-element-795adcd7:not(.elementor-motion-effects-element-type-background), .elementor-216 .elementor-element.elementor-element-795adcd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Montserrat;font-size:var( --e-global-typography-primary-font-size );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 ), Montserrat;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-216 .elementor-element.elementor-element-6914d005{width:auto;max-width:auto;margin:101px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-216 .elementor-element.elementor-element-6914d005.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Montserrat;font-size:18px;font-weight:400;}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown a, .elementor-216 .elementor-element.elementor-element-6914d005 .elementor-menu-toggle{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-primary );}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown a:hover,
					.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown a:focus,
					.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-menu-toggle:hover,
					.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown a:hover,
					.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown a:focus,
					.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown .elementor-item, .elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Montserrat", Montserrat;font-weight:500;}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:22px;padding-bottom:22px;}#elementor-popup-modal-216{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-216 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-216 .dialog-close-button{display:flex;}#elementor-popup-modal-216 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-216 .dialog-close-button i{color:var( --e-global-color-accent );}#elementor-popup-modal-216 .dialog-close-button svg{fill:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu .elementor-item{font-size:14px;}}@media(max-width:767px){.elementor-216 .elementor-element.elementor-element-795adcd7{--min-height:762px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-216 .elementor-element.elementor-element-6914d005{margin:194px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:1;}.elementor-216 .elementor-element.elementor-element-6914d005.elementor-element{--align-self:center;--order:0;--flex-grow:0;--flex-shrink:0;}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu .elementor-item{font-size:24px;}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--main .elementor-item{padding-left:13px;padding-right:13px;}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown .elementor-item, .elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:20px;}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--dropdown a{padding-left:31px;padding-right:31px;padding-top:11px;padding-bottom:11px;}.elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-216 .elementor-element.elementor-element-6914d005 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-10px !important;}#elementor-popup-modal-216 .dialog-close-button{top:8%;font-size:25px;}body:not(.rtl) #elementor-popup-modal-216 .dialog-close-button{right:12%;}body.rtl #elementor-popup-modal-216 .dialog-close-button{left:12%;}}/* Start custom CSS for nav-menu, class: .elementor-element-6914d005 */<!-- Hoofdmenu -->
<ul class="custom-menu">
  <li class="menu-item">Home</li>
  <li class="menu-item has-submenu">
    Diensten
    <ul class="submenu">
      <li>Webdesign</li>
      <li>SEO</li>
      <li>Marketing</li>
    </ul>
  </li>
  <li class="menu-item has-submenu">
    Over Ons
    <ul class="submenu">
      <li>Team</li>
      <li>Missie & Visie</li>
    </ul>
  </li>
  <li class="menu-item">Contact</li>
</ul>

<!-- CSS -->
<style>
.custom-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: inherit;
}
.custom-menu > .menu-item {
    padding: 10px 20px;
    cursor: pointer;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
}

.custom-menu .submenu {
    display: none; /* standaard verborgen */
    list-style: disc;
    padding-left: 20px;
    font-size: 0.9em;
    margin: 5px 0;
}

.custom-menu .submenu li {
    padding: 3px 0;
}
</style>

<!-- JS -->
<script>
document.addEventListener('DOMContentLoaded', function() {
  const menuItems = document.querySelectorAll('.custom-menu .has-submenu');

  menuItems.forEach(item => {
    item.addEventListener('click', function(e) {
      e.stopPropagation();
      const submenu = item.querySelector('.submenu');
      if (submenu) {
        submenu.style.display = (submenu.style.display === 'block') ? 'none' : 'block';
      }
    });
  });
});
</script>/* End custom CSS */