.elementor-1448 .elementor-element.elementor-element-476cafc{--display:flex;--min-height:16vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1448 .elementor-element.elementor-element-e0779ad{--display:flex;--min-height:14vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;}.elementor-1448 .elementor-element.elementor-element-c4cb2fd{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:25px;--margin-right:0px;}.elementor-1448 .elementor-element.elementor-element-4725dea{--display:flex;}.elementor-1448 .elementor-element.elementor-element-4725dea.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1448 .elementor-element.elementor-element-625c2f6{width:100%;max-width:100%;}.elementor-1448 .elementor-element.elementor-element-625c2f6 > .elementor-widget-container{padding:0px 46px 0px 1px;}.elementor-1448 .elementor-element.elementor-element-625c2f6.elementor-element{--align-self:flex-end;}.elementor-1448 .elementor-element.elementor-element-625c2f6 .elementor-menu-toggle{margin:0 auto;}.elementor-1448 .elementor-element.elementor-element-625c2f6 .elementor-nav-menu .elementor-item{font-family:"DM Sans", DM-sans;font-size:16px;font-weight:500;line-height:7px;letter-spacing:0.03em;}.elementor-1448 .elementor-element.elementor-element-625c2f6 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:33px;padding-right:33px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1448 .elementor-element.elementor-element-c4cb2fd{--width:25%;}.elementor-1448 .elementor-element.elementor-element-4725dea{--width:70.604%;}}/* Start custom CSS for nav-menu, class: .elementor-element-625c2f6 *//* =========================================
   OFF WE WENT² - HOOFDNAVIGATIE
   ========================================= */


/* -----------------------------------------
   GEWONE MENU-ITEMS
   Alles behalve Contact/mailto
   ----------------------------------------- */

.elementor-nav-menu--main
.elementor-item:not([href^="mailto:"]) {
    position: relative;
}


/* Turquoise underline - standaard verborgen */
.elementor-nav-menu--main
.elementor-item:not([href^="mailto:"])::after {
    content: "";
    position: absolute;

    left: 50%;
    bottom: 4px;

    width: 60%;
    height: 2px;

    background-color: #76CCCF;

    transform: translateX(-50%) scaleX(0);
    transform-origin: center;

    transition: transform 0.2s ease-out;
}


/* Alleen zichtbaar bij hover */
.elementor-nav-menu--main
.elementor-item:not([href^="mailto:"]):hover::after {
    transform: translateX(-50%) scaleX(1);
}


/* Actieve pagina blijft óók zonder underline */
.elementor-nav-menu--main
.elementor-item.elementor-item-active:not([href^="mailto:"])::after {
    transform: translateX(-50%) scaleX(0);
}


/* Actieve pagina krijgt underline pas bij hover */
.elementor-nav-menu--main
.elementor-item.elementor-item-active:not([href^="mailto:"]):hover::after {
    transform: translateX(-50%) scaleX(1);
}


/* =========================================
   CONTACT BUTTON
   ========================================= */

.elementor-nav-menu--main
a[href^="mailto:"] {
    background-color: #000000;
    color: #FFFFFF !important;

    border: 1px solid #000000;
    border-radius: 8px;

    padding: 10px 18px !important;

    transition: transform 0.2s ease-out;
}


/* Contact hover: alleen lift */
.elementor-nav-menu--main
a[href^="mailto:"]:hover {
    background-color: #000000;
    color: #FFFFFF !important;

    transform: translateY(-2px);
}


/* Contact krijgt nooit underline */
.elementor-nav-menu--main
a[href^="mailto:"]::before,
.elementor-nav-menu--main
a[href^="mailto:"]::after {
    content: none !important;
    display: none !important;
}


/* Keyboard focus */
.elementor-nav-menu--main
a[href^="mailto:"]:focus-visible {
    outline: 2px solid #76CCCF;
    outline-offset: 3px;
}
/* Extra ruimte tussen laatste gewone menu-item en Contact */
@media (min-width: 768px) {
    .elementor-nav-menu--main .elementor-nav-menu > li:last-child {
        margin-left: 22px !important;
    }
}/* End custom CSS */