.elementor-1659 .elementor-element.elementor-element-25ccbf5{--display:flex;--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;--justify-content:space-between;--align-items:center;--padding-top:25px;--padding-bottom:25px;--padding-left:30px;--padding-right:30px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1659 .elementor-element.elementor-element-286bcc2 .elementor-icon-wrapper{text-align:center;}.elementor-1659 .elementor-element.elementor-element-286bcc2 .elementor-icon{font-size:220px;}.elementor-1659 .elementor-element.elementor-element-286bcc2 .elementor-icon svg{height:220px;}.elementor-1659 .elementor-element.elementor-element-e6b891c{--display:flex;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.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-1659 .elementor-element.elementor-element-343ebb3 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-a-font-family ), Sans-serif;font-size:var( --e-global-typography-a-font-size );font-weight:var( --e-global-typography-a-font-weight );line-height:var( --e-global-typography-a-line-height );letter-spacing:var( --e-global-typography-a-letter-spacing );}.elementor-1659 .elementor-element.elementor-element-343ebb3 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-6aaeec5 );fill:var( --e-global-color-6aaeec5 );padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-1659 .elementor-element.elementor-element-343ebb3 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-1659 .elementor-element.elementor-element-343ebb3 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-1659 .elementor-element.elementor-element-343ebb3 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-1659 .elementor-element.elementor-element-343ebb3 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-1659 .elementor-element.elementor-element-343ebb3 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-1659 .elementor-element.elementor-element-343ebb3 .e--pointer-underline .elementor-item:after,
					 .elementor-1659 .elementor-element.elementor-element-343ebb3 .e--pointer-overline .elementor-item:before,
					 .elementor-1659 .elementor-element.elementor-element-343ebb3 .e--pointer-double-line .elementor-item:before,
					 .elementor-1659 .elementor-element.elementor-element-343ebb3 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-1659 .elementor-element.elementor-element-343ebb3{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-1659 .elementor-element.elementor-element-343ebb3 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-1659 .elementor-element.elementor-element-cd4ef6a .elementor-button{background-color:#FFFFFF66;font-family:var( --e-global-typography-a-font-family ), Sans-serif;font-size:var( --e-global-typography-a-font-size );font-weight:var( --e-global-typography-a-font-weight );line-height:var( --e-global-typography-a-line-height );letter-spacing:var( --e-global-typography-a-letter-spacing );fill:var( --e-global-color-6aaeec5 );color:var( --e-global-color-6aaeec5 );transition-duration:0.4s;border-style:solid;border-width:1.5px 1.5px 1.5px 40px;border-color:var( --e-global-color-6aaeec5 );}.elementor-1659 .elementor-element.elementor-element-cd4ef6a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-1659 .dialog-widget-content{animation-duration:1.2s;background-color:var( --e-global-color-primary );box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1659{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1659 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-1659 .dialog-close-button{display:flex;top:30px;font-size:1.25rem;}body:not(.rtl) #elementor-popup-modal-1659 .dialog-close-button{right:calc(max(60px, 100vw - 1400px) / 2);}body.rtl #elementor-popup-modal-1659 .dialog-close-button{left:calc(max(60px, 100vw - 1400px) / 2);}#elementor-popup-modal-1659 .dialog-close-button i{color:var( --e-global-color-6aaeec5 );}#elementor-popup-modal-1659 .dialog-close-button svg{fill:var( --e-global-color-6aaeec5 );}@media(max-width:1024px){.elementor-1659 .elementor-element.elementor-element-25ccbf5{--padding-top:25px;--padding-bottom:25px;--padding-left:20px;--padding-right:20px;}.elementor-1659 .elementor-element.elementor-element-286bcc2 .elementor-icon{font-size:150px;}.elementor-1659 .elementor-element.elementor-element-286bcc2 .elementor-icon svg{height:150px;}.elementor-1659 .elementor-element.elementor-element-343ebb3 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-a-font-size );line-height:var( --e-global-typography-a-line-height );letter-spacing:var( --e-global-typography-a-letter-spacing );}.elementor-1659 .elementor-element.elementor-element-cd4ef6a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1659 .elementor-element.elementor-element-cd4ef6a .elementor-button{font-size:var( --e-global-typography-a-font-size );line-height:var( --e-global-typography-a-line-height );letter-spacing:var( --e-global-typography-a-letter-spacing );}body:not(.rtl) #elementor-popup-modal-1659 .dialog-close-button{right:calc(max(60px, 100vw - 680px) / 2);}body.rtl #elementor-popup-modal-1659 .dialog-close-button{left:calc(max(60px, 100vw - 680px) / 2);}}@media(max-width:767px){.elementor-1659 .elementor-element.elementor-element-25ccbf5{--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-1659 .elementor-element.elementor-element-343ebb3 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-a-font-size );line-height:var( --e-global-typography-a-line-height );letter-spacing:var( --e-global-typography-a-letter-spacing );}.elementor-1659 .elementor-element.elementor-element-cd4ef6a .elementor-button{font-size:var( --e-global-typography-a-font-size );line-height:var( --e-global-typography-a-line-height );letter-spacing:var( --e-global-typography-a-letter-spacing );}body:not(.rtl) #elementor-popup-modal-1659 .dialog-close-button{right:calc(max(60px, 100vw - 315px) / 2);}body.rtl #elementor-popup-modal-1659 .dialog-close-button{left:calc(max(60px, 100vw - 315px) / 2);}}/* Start custom CSS for icon, class: .elementor-element-286bcc2 */.elementor-1659 .elementor-element.elementor-element-286bcc2 {
    transition: all 0.4s ease-in-out;
}

.elementor-1659 .elementor-element.elementor-element-286bcc2:hover {
    transform: scale(0.9);
}

.elementor-1659 .elementor-element.elementor-element-286bcc2 .elementor-icon-wrapper {
    display: flex;
}

.elementor-1659 .elementor-element.elementor-element-286bcc2 svg {
    height: auto !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-343ebb3 */.elementor-1659 .elementor-element.elementor-element-343ebb3 {
  width: 100%;
}

/* Reset */
.elementor-1659 .elementor-element.elementor-element-343ebb3 ul,
.elementor-1659 .elementor-element.elementor-element-343ebb3 li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  position: relative !important;
}

.elementor-1659 .elementor-element.elementor-element-343ebb3 .elementor-nav-menu,
.elementor-1659 .elementor-element.elementor-element-343ebb3 .sub-menu {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Submenu's als accordion tonen, niet als absolute dropdown */
.elementor-1659 .elementor-element.elementor-element-343ebb3 .sub-menu {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  display: block !important;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.45s ease, opacity 0.3s ease;
}

/* Open submenu */
.elementor-1659 .elementor-element.elementor-element-343ebb3 li.open > .sub-menu {
  max-height: 1200px;
  opacity: 1;
}

/* Alle links */
.elementor-1659 .elementor-element.elementor-element-343ebb3 .elementor-nav-menu a {
  color: #ffffff !important;
  text-decoration: none !important;
  border: none !important;
  background: transparent !important;
  font-weight: 600 !important;
}

/* Parent items: tekst links, pijl rechts */
.elementor-1659 .elementor-element.elementor-element-343ebb3 .menu-item-has-children > a {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
}

/* Submenu indicator / klikzone */
.elementor-1659 .elementor-element.elementor-element-343ebb3 .sub-arrow {
  margin-left: auto !important;
  padding: 8px 0 8px 24px !important;
  cursor: pointer !important;
}

/* Hoofditems: Aanbod, Inspiratie, Realisaties... */
.elementor-1659 .elementor-element.elementor-element-343ebb3 .elementor-nav-menu > li > a {
  padding: 10px 0 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
}

/* Tweede niveau: Ramen, Deuren, Woonuitbreidingen... */
.elementor-1659 .elementor-element.elementor-element-343ebb3 .elementor-nav-menu > li > .sub-menu > li > a {
  padding: 7px 0 7px 18px !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  color: #ffffff !important;
}

/* Derde niveau: PVC, Aluminium, Hout... */
.elementor-1659 .elementor-element.elementor-element-343ebb3 .elementor-nav-menu .sub-menu .sub-menu a {
  padding: 6px 0 6px 36px !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  color: #ffffff !important;
  opacity: 0.9;
}

/* Gesloten: pijl naar rechts */
.elementor-1659 .elementor-element.elementor-element-343ebb3 .menu-item-has-children > a .sub-arrow i,
.elementor-1659 .elementor-element.elementor-element-343ebb3 .menu-item-has-children > a .sub-arrow svg {
  transform: rotate(0deg) !important;
  transition: transform 0.3s ease !important;
}

/* Open: pijl naar beneden */
.elementor-1659 .elementor-element.elementor-element-343ebb3 li.open > a .sub-arrow i,
.elementor-1659 .elementor-element.elementor-element-343ebb3 li.open > a .sub-arrow svg {
  transform: rotate(90deg) !important;
}

.elementor-1659 .elementor-element.elementor-element-343ebb3 .menu-item.menu-item-has-children > a {
    padding-right: 20px;
}

.elementor-1659 .elementor-element.elementor-element-343ebb3 .menu-item.menu-item-has-children > a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    left: unset;
    width: 0.66rem;
    height: 0.66rem;
    background-color: transparent !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.217" height="7.304" viewBox="0 0 12.217 7.304"><path data-name="Path 419" d="m11.285 1.176-5.294 4.2-5.031-4.2" fill="none" stroke="%23FFFFFF" stroke-width="3"/></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    transform: translate(0, -50%);
    transition: all 0.6s ease-in-out;
    pointer-events: none;
}

.elementor-1659 .elementor-element.elementor-element-343ebb3 .menu-item.menu-item-has-children.open > a:after {
    transform: translate(0, -50%) rotate(180deg);
}

.elementor-1659 .elementor-element.elementor-element-343ebb3 .menu-item.menu-item-has-children > a .sub-arrow  svg {
    display: none;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cd4ef6a */.elementor-1659 .elementor-element.elementor-element-cd4ef6a {
    width: fit-content;
    z-index: 1;
}

.elementor-1659 .elementor-element.elementor-element-cd4ef6a a.elementor-button {
    min-height: 40px;
}

.elementor-1659 .elementor-element.elementor-element-cd4ef6a a.elementor-button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 39px;
    width: 0;
    height: 100%;
    background-color: white;
    z-index: -1;
    transition: all 0.4s ease-in-out;
}

.elementor-1659 .elementor-element.elementor-element-cd4ef6a a.elementor-button:hover:before {
    width: calc(100% - 39px);
}

.elementor-1659 .elementor-element.elementor-element-cd4ef6a a.elementor-button .elementor-button-text {
    transition: all 0.4s ease-in-out;
}

.elementor-1659 .elementor-element.elementor-element-cd4ef6a a.elementor-button:hover .elementor-button-text {
    color: #002958;
}/* End custom CSS */