.elementor-72 .elementor-element.elementor-element-3818e40{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:999;}.elementor-72 .elementor-element.elementor-element-c32c9d9{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-72 .elementor-element.elementor-element-2e8ee73{text-align:start;}.elementor-72 .elementor-element.elementor-element-2e8ee73 img{width:166px;}.elementor-72 .elementor-element.elementor-element-0290bf3{text-align:center;}.elementor-72 .elementor-element.elementor-element-0290bf3 img{height:100%;}.elementor-72 .elementor-element.elementor-element-e007e04{--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;--align-items:center;}.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-72 .elementor-element.elementor-element-7c7af4e .elementor-menu-toggle{margin:0 auto;}.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu .elementor-item{font-family:"MTC Ciscela", Sans-serif;font-size:18px;font-weight:300;}.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--main .elementor-item{color:#F3F3EA;fill:#F3F3EA;}.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--main .elementor-item:hover,
					.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-72 .elementor-element.elementor-element-7c7af4e .e--pointer-framed .elementor-item:before,
					.elementor-72 .elementor-element.elementor-element-7c7af4e .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-72 .elementor-element.elementor-element-7c7af4e .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-72 .elementor-element.elementor-element-7c7af4e .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-72 .elementor-element.elementor-element-7c7af4e .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-72 .elementor-element.elementor-element-7c7af4e .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-72 .elementor-element.elementor-element-7c7af4e .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-72 .elementor-element.elementor-element-7c7af4e .e--pointer-underline .elementor-item:after,
					 .elementor-72 .elementor-element.elementor-element-7c7af4e .e--pointer-overline .elementor-item:before,
					 .elementor-72 .elementor-element.elementor-element-7c7af4e .e--pointer-double-line .elementor-item:before,
					 .elementor-72 .elementor-element.elementor-element-7c7af4e .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--dropdown a, .elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--dropdown{background-color:var( --e-global-color-secondary );border-style:none;}.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--dropdown a:hover,
					.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--dropdown a:focus,
					.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--dropdown a.highlighted{background-color:#02010100;}.elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--dropdown .elementor-item, .elementor-72 .elementor-element.elementor-element-7c7af4e .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"proxima-nova", Sans-serif;font-size:15px;font-weight:300;text-transform:uppercase;letter-spacing:1px;}.elementor-72 .elementor-element.elementor-element-fb4ccfc{--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:center;--align-items:flex-end;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-72 .elementor-element.elementor-element-fd8dd80 .elementor-button{background-color:#DCD7C900;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:15px 25px 15px 25px;}.elementor-72 .elementor-element.elementor-element-fd8dd80 .elementor-button:hover, .elementor-72 .elementor-element.elementor-element-fd8dd80 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-primary );}.elementor-72 .elementor-element.elementor-element-fd8dd80 .elementor-button:hover svg, .elementor-72 .elementor-element.elementor-element-fd8dd80 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-72 .elementor-element.elementor-element-135130f.elementor-element{--align-self:center;}.elementor-72 .elementor-element.elementor-element-46166e2{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:999;}.elementor-72 .elementor-element.elementor-element-2976d3a{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;}.elementor-72 .elementor-element.elementor-element-7b6b02f{text-align:start;}.elementor-72 .elementor-element.elementor-element-7b6b02f img{width:166px;}.elementor-72 .elementor-element.elementor-element-79381a5{text-align:center;}.elementor-72 .elementor-element.elementor-element-79381a5 img{height:100%;}.elementor-72 .elementor-element.elementor-element-7eca34b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;}.elementor-widget-ucaddon_fullscreen_navigation_menu .ue_menu  div  div  ul  li a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_fullscreen_navigation_menu .ue_menu  div  div  ul ul  li a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_inner_menu{background-color:var( --e-global-color-accent );}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue-input-wrapper-align{justify-content:flex-start;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_inner_menu-box{transform:translate(0, 0px);}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_hamburger{background-color:#072EB800;padding:15px 15px 15px 15px;border-radius:0px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .outer-menu input:hover + .ue_hamburger{background-color:#2A2A2A00;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_hamburger,.elementor-72 .elementor-element.elementor-element-24b5f80 .checkbox-toggle{width:60px;height:60px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu_wrapper{height:60px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue-input-wrapper{width:60px;height:60px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .checkbox-toggle:checked + .ue_hamburger > div{color:var( --e-global-color-primary );}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_hamburger_custom_close i{color:var( --e-global-color-primary );}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_hamburger_custom_close svg{fill:var( --e-global-color-primary );}.elementor-72 .elementor-element.elementor-element-24b5f80 input:hover  + .ue_hamburger .ue_hamburger_custom_close i{color:var( --e-global-color-primary );}.elementor-72 .elementor-element.elementor-element-24b5f80 input:hover + .ue_hamburger .ue_hamburger_custom_close svg{fill:var( --e-global-color-primary );}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu > div > div{text-align:center;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu > div > div > div{justify-content:center;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu  div  div  ul  li a{font-family:"MTC Ciscela", Sans-serif;font-size:20px;font-weight:300;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu ul li a{color:var( --e-global-color-secondary );}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu ul li.current-menu-item > a{color:var( --e-global-color-secondary );}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu ul li{margin:2px 2px 2px 2px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu ul li  a:after{background-color:var( --e-global-color-secondary );}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu  div  div  ul ul  li a{font-family:"proxima-nova", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu ul ul li a{color:#ffffff;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu ul ul li a:after{background-color:#ffffff;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu ul ul li{margin:5px 2px 5px 2px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu-social-icons a{color:#ffffff;font-size:15px;margin:5px 5px 5px 5px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu-social-icons a svg{fill:#ffffff;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu-social-icons a:hover{color:#ffffff;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu-social-icons a:hover svg{fill:#ffffff;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu-social-icons img{width:15px;height:15px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu-social-icons{margin-top:20px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .collapsed i::before,.elementor-72 .elementor-element.elementor-element-24b5f80 .expanded i::before{font-size:14px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .uc-menu-item-pointer svg{width:14px;height:14px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .uc-menu-item-pointer{inset-inline-end:-15px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-ucaddon_fullscreen_navigation_menu .ue_menu  div  div  ul  li a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-ucaddon_fullscreen_navigation_menu .ue_menu  div  div  ul ul  li a{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-72 .elementor-element.elementor-element-3818e40{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-72 .elementor-element.elementor-element-46166e2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-2976d3a{--width:70%;}.elementor-72 .elementor-element.elementor-element-7eca34b{--width:30%;}.elementor-widget-ucaddon_fullscreen_navigation_menu .ue_menu  div  div  ul  li a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-ucaddon_fullscreen_navigation_menu .ue_menu  div  div  ul ul  li a{font-size:var( --e-global-typography-text-font-size );}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu  div  div  ul  li a{font-size:25px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu ul li{margin:15px 15px 15px 15px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .ue_menu  div  div  ul ul  li a{font-size:15px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .collapsed i::before,.elementor-72 .elementor-element.elementor-element-24b5f80 .expanded i::before{font-size:25px;}.elementor-72 .elementor-element.elementor-element-24b5f80 .uc-menu-item-pointer svg{width:25px;height:25px;}}@media(min-width:768px){.elementor-72 .elementor-element.elementor-element-c32c9d9{--width:20%;}.elementor-72 .elementor-element.elementor-element-e007e04{--width:64%;}.elementor-72 .elementor-element.elementor-element-fb4ccfc{--width:16%;}.elementor-72 .elementor-element.elementor-element-2976d3a{--width:20%;}.elementor-72 .elementor-element.elementor-element-7eca34b{--width:60%;}}/* Start custom CSS for container, class: .elementor-element-3818e40 *//* =========================================
   HOOMA HEADER
   Kleuren:
   Beige:       #f3f3ea
   Donkergroen: #2f3a2d
   Border:      #d1cbbf
========================================= */


/* =========================================
   1. ALGEMENE HEADER
========================================= */

.custom-header {
    background: transparent;
    border-bottom: 1px solid transparent;
    transition:
        background-color 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   2. HOOFDMENU — STANDAARD
========================================= */

.custom-header .elementor-nav-menu--main > .elementor-nav-menu > li > a {
    color: #f3f3ea !important;
    transition:
        color 0.35s ease,
        background-color 0.25s ease;
}


/* Hover en actief hoofdmenu */

.custom-header .elementor-nav-menu--main > .elementor-nav-menu > li > a:hover,
.custom-header .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a,
.custom-header .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > a {
    color: #f3f3ea !important;
}


/* =========================================
   3. HEADERKNOP — STANDAARD
========================================= */

.custom-header .elementor-button {
    color: #f3f3ea !important;
    border: 1px solid #f3f3ea !important;
    background: transparent !important;
    transition:
        color 0.35s ease,
        background-color 0.35s ease,
        border-color 0.35s ease;
}


/* Hover headerknop */

.custom-header .elementor-button:hover {
    color: #2f3a2d !important;
    border-color: #f3f3ea !important;
    background: #f3f3ea !important;
}


/* =========================================
   4. DROPDOWN — STANDAARD DONKERGROEN
========================================= */

.custom-header .elementor-nav-menu--dropdown,
.custom-header .elementor-nav-menu--main .sub-menu {
    background: #2f3a2d !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 10px 0 !important;
    box-shadow: 0 14px 35px rgba(20, 25, 20, 0.16);
}


/* Links in dropdown */

.custom-header .elementor-nav-menu--main .sub-menu a {
    color: #f3f3ea !important;
    background: transparent !important;
    border: none !important;
    padding: 12px 24px !important;
    white-space: nowrap;
    transition:
        color 0.25s ease,
        background-color 0.25s ease;
}


/* Hover en actief dropdownitem */

.custom-header .elementor-nav-menu--main .sub-menu a:hover,
.custom-header .elementor-nav-menu--main .sub-menu li.current-menu-item > a,
.custom-header .elementor-nav-menu--main .sub-menu li.current-menu-ancestor > a {
    color: #ffffff !important;
    background: rgba(243, 243, 234, 0.1) !important;
}


/* Pijltjes in dropdown */

.custom-header .elementor-nav-menu--main .sub-arrow {
    color: inherit !important;
    fill: currentColor !important;
}


/* =========================================
   5. HEADER BIJ SCROLL
========================================= */

.custom-header.elementor-sticky--effects {
    background: #f3f3ea !important;
    border-bottom: 1px solid #d1cbbf !important;
    box-shadow: 0 8px 24px rgba(47, 58, 45, 0.04);
}


/* Hoofdmenu bij scroll */

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main > .elementor-nav-menu > li > a {
    color: #2f3a2d !important;
}


/* Hover en actief hoofdmenu bij scroll */

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main > .elementor-nav-menu > li > a:hover,

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a,

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > a {
    color: #2f3a2d !important;
}


/* Headerknop bij scroll */

.custom-header.elementor-sticky--effects .elementor-button {
    color: #f3f3ea !important;
    border-color: #2f3a2d !important;
    background: #2f3a2d !important;
}


/* Headerknop hover bij scroll */

.custom-header.elementor-sticky--effects .elementor-button:hover {
    color: #2f3a2d !important;
    border-color: #2f3a2d !important;
    background: transparent !important;
}


/* Logo bij scroll */

.custom-header.elementor-sticky--effects .custom-header-logo img,
.custom-header.elementor-sticky--effects .elementor-widget-theme-site-logo img,
.custom-header.elementor-sticky--effects .elementor-widget-image img {
    filter:
        brightness(0)
        saturate(100%)
        invert(19%)
        sepia(9%)
        saturate(969%)
        hue-rotate(63deg)
        brightness(96%)
        contrast(87%);
}


/* =========================================
   6. DROPDOWN BIJ SCROLL — BEIGE
========================================= */

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main .sub-menu {
    background: #f3f3ea !important;
    border: 1px solid #d1cbbf !important;
    box-shadow: 0 14px 35px rgba(47, 58, 45, 0.12);
}


/* Dropdownlinks bij scroll */

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main .sub-menu a {
    color: #2f3a2d !important;
    background: transparent !important;
}


/* Hover en actief dropdownitem bij scroll */

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main .sub-menu a:hover,

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main .sub-menu li.current-menu-item > a,

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main .sub-menu li.current-menu-ancestor > a {
    color: #2f3a2d !important;
    background: rgba(47, 58, 45, 0.07) !important;
}


/* =========================================
   7. DONKERE HEADERPAGINA'S
   - Verblijfdetailpagina's
   - Contactpagina: page ID 416
========================================= */

body.single-verblijven .custom-header,
body.page-id-416 .custom-header {
    background: transparent !important;
}


/* Hoofdmenu start donker */

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li > a,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li > a {
    color: #2f3a2d !important;
}


/* Hover en actief hoofdmenu start donker */

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li > a:hover,

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a,

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > a,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li > a:hover,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > a {
    color: #2f3a2d !important;
}


/* Knop start donkergroen */

body.single-verblijven
.custom-header:not(.elementor-sticky--effects) .elementor-button,

body.page-id-416
.custom-header:not(.elementor-sticky--effects) .elementor-button {
    color: #f3f3ea !important;
    border-color: #2f3a2d !important;
    background: #2f3a2d !important;
}


/* Knophover start donker */

body.single-verblijven
.custom-header:not(.elementor-sticky--effects) .elementor-button:hover,

body.page-id-416
.custom-header:not(.elementor-sticky--effects) .elementor-button:hover {
    color: #2f3a2d !important;
    border-color: #2f3a2d !important;
    background: transparent !important;
}


/* Logo start donker */

body.single-verblijven
.custom-header:not(.elementor-sticky--effects) .custom-header-logo img,

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.elementor-widget-theme-site-logo img,

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.elementor-widget-image img,

body.page-id-416
.custom-header:not(.elementor-sticky--effects) .custom-header-logo img,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.elementor-widget-theme-site-logo img,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.elementor-widget-image img {
    filter:
        brightness(0)
        saturate(100%)
        invert(19%)
        sepia(9%)
        saturate(969%)
        hue-rotate(63deg)
        brightness(96%)
        contrast(87%) !important;
}


/* =========================================
   8. DONKERE HEADERPAGINA'S BIJ SCROLL
========================================= */

body.single-verblijven
.custom-header.elementor-sticky--effects,

body.page-id-416
.custom-header.elementor-sticky--effects {
    background: #f3f3ea !important;
    border-bottom: 1px solid #d1cbbf !important;
}


/* =========================================
   9. MOBIEL MENU
========================================= */

/* Mobiele dropdowncontainer */

.custom-header .elementor-nav-menu--dropdown {
    background: #2f3a2d !important;
}


/* Mobiele menulinks */

.custom-header .elementor-nav-menu--dropdown a {
    color: #f3f3ea !important;
    background: transparent !important;
    border: none !important;
}


/* Mobiele hover en actieve link */

.custom-header .elementor-nav-menu--dropdown a:hover,
.custom-header .elementor-nav-menu--dropdown li.current-menu-item > a,
.custom-header .elementor-nav-menu--dropdown li.current-menu-ancestor > a {
    color: #ffffff !important;
    background: rgba(243, 243, 234, 0.1) !important;
}


/* Mobiele submenu's */

.custom-header .elementor-nav-menu--dropdown .sub-menu {
    background: rgba(0, 0, 0, 0.1) !important;
}


/* Mobiele menutoggle standaard */

.custom-header .elementor-menu-toggle {
    color: #f3f3ea !important;
    background: transparent !important;
}


/* Mobiele menutoggle bij scroll */

.custom-header.elementor-sticky--effects .elementor-menu-toggle {
    color: #2f3a2d !important;
}


/* Mobiele menutoggle op donkere headerpagina's */

body.single-verblijven
.custom-header:not(.elementor-sticky--effects) .elementor-menu-toggle,

body.page-id-416
.custom-header:not(.elementor-sticky--effects) .elementor-menu-toggle {
    color: #2f3a2d !important;
}

/* =========================================
   10. TAALSWITCHER / GTRANSLATE
========================================= */

/* Basisstijl */
.custom-header .gtranslate_wrapper .glink {
    color: #f3f3ea !important;

    /* zelfde uitstraling als hoofdmenu */
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    text-decoration: none !important;
    transition: color 0.35s ease;
}


/* Hover + actieve taal */
.custom-header .gtranslate_wrapper .glink:hover,
.custom-header .gtranslate_wrapper .glink:focus,
.custom-header .gtranslate_wrapper .glink.gt-current-lang {
    color: #f3f3ea !important;
}


/* =========================================
   TAALSWITCHER BIJ SCROLL
========================================= */

.custom-header.elementor-sticky--effects
.gtranslate_wrapper .glink {
    color: #2f3a2d !important;
}

.custom-header.elementor-sticky--effects
.gtranslate_wrapper .glink:hover,

.custom-header.elementor-sticky--effects
.gtranslate_wrapper .glink:focus,

.custom-header.elementor-sticky--effects
.gtranslate_wrapper .glink.gt-current-lang {
    color: #2f3a2d !important;
}


/* =========================================
   TAALSWITCHER OP DONKERE HEADERPAGINA'S
========================================= */

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.gtranslate_wrapper .glink,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.gtranslate_wrapper .glink {
    color: #2f3a2d !important;
}


/* Hover + actief op donkere headerpagina's */
body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.gtranslate_wrapper .glink:hover,

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.gtranslate_wrapper .glink:focus,

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.gtranslate_wrapper .glink.gt-current-lang,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.gtranslate_wrapper .glink:hover,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.gtranslate_wrapper .glink:focus,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.gtranslate_wrapper .glink.gt-current-lang {
    color: #2f3a2d !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46166e2 *//* =========================================
   HOOMA HEADER
   Kleuren:
   Beige:       #f3f3ea
   Donkergroen: #2f3a2d
   Border:      #d1cbbf
========================================= */


/* =========================================
   1. ALGEMENE HEADER
========================================= */

.custom-header {
    background: transparent;
    border-bottom: 1px solid transparent;
    transition:
        background-color 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================
   2. HOOFDMENU — STANDAARD
========================================= */

.custom-header .elementor-nav-menu--main > .elementor-nav-menu > li > a {
    color: #f3f3ea !important;
    transition:
        color 0.35s ease,
        background-color 0.25s ease;
}


/* Hover en actief hoofdmenu */

.custom-header .elementor-nav-menu--main > .elementor-nav-menu > li > a:hover,
.custom-header .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a,
.custom-header .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > a {
    color: #f3f3ea !important;
}


/* =========================================
   3. HEADERKNOP — STANDAARD
========================================= */

.custom-header .elementor-button {
    color: #f3f3ea !important;
    border: 1px solid #f3f3ea !important;
    background: transparent !important;
    transition:
        color 0.35s ease,
        background-color 0.35s ease,
        border-color 0.35s ease;
}


/* Hover headerknop */

.custom-header .elementor-button:hover {
    color: #2f3a2d !important;
    border-color: #f3f3ea !important;
    background: #f3f3ea !important;
}


/* =========================================
   4. DROPDOWN — STANDAARD DONKERGROEN
========================================= */

.custom-header .elementor-nav-menu--dropdown,
.custom-header .elementor-nav-menu--main .sub-menu {
    background: #2f3a2d !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 10px 0 !important;
    box-shadow: 0 14px 35px rgba(20, 25, 20, 0.16);
}


/* Links in dropdown */

.custom-header .elementor-nav-menu--main .sub-menu a {
    color: #f3f3ea !important;
    background: transparent !important;
    border: none !important;
    padding: 12px 24px !important;
    white-space: nowrap;
    transition:
        color 0.25s ease,
        background-color 0.25s ease;
}


/* Hover en actief dropdownitem */

.custom-header .elementor-nav-menu--main .sub-menu a:hover,
.custom-header .elementor-nav-menu--main .sub-menu li.current-menu-item > a,
.custom-header .elementor-nav-menu--main .sub-menu li.current-menu-ancestor > a {
    color: #ffffff !important;
    background: rgba(243, 243, 234, 0.1) !important;
}


/* Pijltjes in dropdown */

.custom-header .elementor-nav-menu--main .sub-arrow {
    color: inherit !important;
    fill: currentColor !important;
}


/* =========================================
   5. HEADER BIJ SCROLL
========================================= */

.custom-header.elementor-sticky--effects {
    background: #f3f3ea !important;
    border-bottom: 1px solid #d1cbbf !important;
    box-shadow: 0 8px 24px rgba(47, 58, 45, 0.04);
}


/* Hoofdmenu bij scroll */

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main > .elementor-nav-menu > li > a {
    color: #2f3a2d !important;
}


/* Hover en actief hoofdmenu bij scroll */

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main > .elementor-nav-menu > li > a:hover,

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a,

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > a {
    color: #2f3a2d !important;
}


/* Headerknop bij scroll */

.custom-header.elementor-sticky--effects .elementor-button {
    color: #f3f3ea !important;
    border-color: #2f3a2d !important;
    background: #2f3a2d !important;
}


/* Headerknop hover bij scroll */

.custom-header.elementor-sticky--effects .elementor-button:hover {
    color: #2f3a2d !important;
    border-color: #2f3a2d !important;
    background: transparent !important;
}


/* Logo bij scroll */

.custom-header.elementor-sticky--effects .custom-header-logo img,
.custom-header.elementor-sticky--effects .elementor-widget-theme-site-logo img,
.custom-header.elementor-sticky--effects .elementor-widget-image img {
    filter:
        brightness(0)
        saturate(100%)
        invert(19%)
        sepia(9%)
        saturate(969%)
        hue-rotate(63deg)
        brightness(96%)
        contrast(87%);
}


/* =========================================
   6. DROPDOWN BIJ SCROLL — BEIGE
========================================= */

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main .sub-menu {
    background: #f3f3ea !important;
    border: 1px solid #d1cbbf !important;
    box-shadow: 0 14px 35px rgba(47, 58, 45, 0.12);
}


/* Dropdownlinks bij scroll */

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main .sub-menu a {
    color: #2f3a2d !important;
    background: transparent !important;
}


/* Hover en actief dropdownitem bij scroll */

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main .sub-menu a:hover,

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main .sub-menu li.current-menu-item > a,

.custom-header.elementor-sticky--effects
.elementor-nav-menu--main .sub-menu li.current-menu-ancestor > a {
    color: #2f3a2d !important;
    background: rgba(47, 58, 45, 0.07) !important;
}


/* =========================================
   7. DONKERE HEADERPAGINA'S
   - Verblijfdetailpagina's
   - Contactpagina: page ID 416
========================================= */

body.single-verblijven .custom-header,
body.page-id-416 .custom-header {
    background: transparent !important;
}


/* Hoofdmenu start donker */

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li > a,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li > a {
    color: #2f3a2d !important;
}


/* Hover en actief hoofdmenu start donker */

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li > a:hover,

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a,

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > a,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li > a:hover,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > a {
    color: #2f3a2d !important;
}


/* Knop start donkergroen */

body.single-verblijven
.custom-header:not(.elementor-sticky--effects) .elementor-button,

body.page-id-416
.custom-header:not(.elementor-sticky--effects) .elementor-button {
    color: #f3f3ea !important;
    border-color: #2f3a2d !important;
    background: #2f3a2d !important;
}


/* Knophover start donker */

body.single-verblijven
.custom-header:not(.elementor-sticky--effects) .elementor-button:hover,

body.page-id-416
.custom-header:not(.elementor-sticky--effects) .elementor-button:hover {
    color: #2f3a2d !important;
    border-color: #2f3a2d !important;
    background: transparent !important;
}


/* Logo start donker */

body.single-verblijven
.custom-header:not(.elementor-sticky--effects) .custom-header-logo img,

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.elementor-widget-theme-site-logo img,

body.single-verblijven
.custom-header:not(.elementor-sticky--effects)
.elementor-widget-image img,

body.page-id-416
.custom-header:not(.elementor-sticky--effects) .custom-header-logo img,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.elementor-widget-theme-site-logo img,

body.page-id-416
.custom-header:not(.elementor-sticky--effects)
.elementor-widget-image img {
    filter:
        brightness(0)
        saturate(100%)
        invert(19%)
        sepia(9%)
        saturate(969%)
        hue-rotate(63deg)
        brightness(96%)
        contrast(87%) !important;
}


/* =========================================
   8. DONKERE HEADERPAGINA'S BIJ SCROLL
========================================= */

body.single-verblijven
.custom-header.elementor-sticky--effects,

body.page-id-416
.custom-header.elementor-sticky--effects {
    background: #f3f3ea !important;
    border-bottom: 1px solid #d1cbbf !important;
}


/* =========================================
   9. MOBIEL MENU
========================================= */

/* Mobiele dropdowncontainer */

.custom-header .elementor-nav-menu--dropdown {
    background: #2f3a2d !important;
}


/* Mobiele menulinks */

.custom-header .elementor-nav-menu--dropdown a {
    color: #f3f3ea !important;
    background: transparent !important;
    border: none !important;
}


/* Mobiele hover en actieve link */

.custom-header .elementor-nav-menu--dropdown a:hover,
.custom-header .elementor-nav-menu--dropdown li.current-menu-item > a,
.custom-header .elementor-nav-menu--dropdown li.current-menu-ancestor > a {
    color: #ffffff !important;
    background: rgba(243, 243, 234, 0.1) !important;
}


/* Mobiele submenu's */

.custom-header .elementor-nav-menu--dropdown .sub-menu {
    background: rgba(0, 0, 0, 0.1) !important;
}


/* Mobiele menutoggle standaard */

.custom-header .elementor-menu-toggle {
    color: #f3f3ea !important;
    background: transparent !important;
}


/* Mobiele menutoggle bij scroll */

.custom-header.elementor-sticky--effects .elementor-menu-toggle {
    color: #2f3a2d !important;
}


/* Mobiele menutoggle op donkere headerpagina's */

body.single-verblijven
.custom-header:not(.elementor-sticky--effects) .elementor-menu-toggle,

body.page-id-416
.custom-header:not(.elementor-sticky--effects) .elementor-menu-toggle {
    color: #2f3a2d !important;
}

/* =========================================
   10. UNLIMITED ELEMENTS FULLSCREEN MENU
   Deze CSS staat op de hoogste headercontainer
========================================= */


/* Kleuren */
.elementor-72 .elementor-element.elementor-element-46166e2 {
    --hooma-header-light: #f3f3ea;
    --hooma-header-dark: #2f3a2d;
}


/* =========================================
   Z-INDEX EN KLIKBAARHEID
========================================= */

/* Volledige widget */
.elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu,
.elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .ue_menu_wrapper,
.elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .ue-input-wrapper-align,
.elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .ue-input-wrapper {
    position: relative !important;
    z-index: 10002 !important;
}

/* Hamburger boven de menu-overlay */
.elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .ue_hamburger {
    position: relative !important;
    z-index: 10006 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* De echte klikzone is de checkbox */
.elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .checkbox-toggle {
    position: absolute !important;
    z-index: 10007 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Fullscreen menu onder het kruisje */
.elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .ue_menu {
    z-index: 10000 !important;
}


/* =========================================
   STANDAARD HAMBURGER — LICHT
========================================= */

/* Middelste lijn */
.elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .ue_hamburger > div {
    background: var(--hooma-header-light) !important;
    background-color: var(--hooma-header-light) !important;
    border-color: var(--hooma-header-light) !important;
    color: var(--hooma-header-light) !important;
    box-shadow: none !important;

    transition:
        background-color 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease !important;
}

/* Bovenste en onderste lijn */
.elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .ue_hamburger > div::before,
.elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .ue_hamburger > div::after {
    background: var(--hooma-header-light) !important;
    background-color: var(--hooma-header-light) !important;
    border-color: var(--hooma-header-light) !important;
    color: var(--hooma-header-light) !important;
    box-shadow: none !important;

    transition:
        background-color 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease !important;
}


/* =========================================
   HAMBURGER BIJ SCROLL — DONKERGROEN
========================================= */

.elementor-72 .elementor-element.elementor-element-46166e2.elementor-sticky--effects
.ue-fullscreen-menu
.ue_hamburger > div {
    background: var(--hooma-header-dark) !important;
    background-color: var(--hooma-header-dark) !important;
    border-color: var(--hooma-header-dark) !important;
    color: var(--hooma-header-dark) !important;
}

.elementor-72 .elementor-element.elementor-element-46166e2.elementor-sticky--effects
.ue-fullscreen-menu
.ue_hamburger > div::before,

.elementor-72 .elementor-element.elementor-element-46166e2.elementor-sticky--effects
.ue-fullscreen-menu
.ue_hamburger > div::after {
    background: var(--hooma-header-dark) !important;
    background-color: var(--hooma-header-dark) !important;
    border-color: var(--hooma-header-dark) !important;
    color: var(--hooma-header-dark) !important;
}


/* =========================================
   DONKERE HEADERPAGINA'S
   Verblijfdetail + contactpagina
========================================= */

body.single-verblijven
.elementor-72 .elementor-element.elementor-element-46166e2:not(.elementor-sticky--effects)
.ue-fullscreen-menu
.ue_hamburger > div,

body.page-id-416
.elementor-72 .elementor-element.elementor-element-46166e2:not(.elementor-sticky--effects)
.ue-fullscreen-menu
.ue_hamburger > div {
    background: var(--hooma-header-dark) !important;
    background-color: var(--hooma-header-dark) !important;
    border-color: var(--hooma-header-dark) !important;
    color: var(--hooma-header-dark) !important;
}

body.single-verblijven
.elementor-72 .elementor-element.elementor-element-46166e2:not(.elementor-sticky--effects)
.ue-fullscreen-menu
.ue_hamburger > div::before,

body.single-verblijven
.elementor-72 .elementor-element.elementor-element-46166e2:not(.elementor-sticky--effects)
.ue-fullscreen-menu
.ue_hamburger > div::after,

body.page-id-416
.elementor-72 .elementor-element.elementor-element-46166e2:not(.elementor-sticky--effects)
.ue-fullscreen-menu
.ue_hamburger > div::before,

body.page-id-416
.elementor-72 .elementor-element.elementor-element-46166e2:not(.elementor-sticky--effects)
.ue-fullscreen-menu
.ue_hamburger > div::after {
    background: var(--hooma-header-dark) !important;
    background-color: var(--hooma-header-dark) !important;
    border-color: var(--hooma-header-dark) !important;
    color: var(--hooma-header-dark) !important;
}


/* =========================================
   OPEN MENU — VOLLEDIG LICHT KRUISJE
========================================= */

/* Middelste lijn verdwijnt */
.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.checkbox-toggle:checked
+ .ue_hamburger
> div {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--hooma-header-light) !important;
    box-shadow: none !important;
}

/* Beide diagonale lijnen licht */
.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.checkbox-toggle:checked
+ .ue_hamburger
> div::before,

.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.checkbox-toggle:checked
+ .ue_hamburger
> div::after {
    background: var(--hooma-header-light) !important;
    background-color: var(--hooma-header-light) !important;
    border-color: var(--hooma-header-light) !important;
    color: var(--hooma-header-light) !important;
    box-shadow: none !important;
}


/* ARIA-fallback wanneer Unlimited Elements
   de checked-state niet correct doorgeeft
*/
.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.ue_hamburger[aria-expanded="true"]
> div {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.ue_hamburger[aria-expanded="true"]
> div::before,

.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.ue_hamburger[aria-expanded="true"]
> div::after {
    background: var(--hooma-header-light) !important;
    background-color: var(--hooma-header-light) !important;
    border-color: var(--hooma-header-light) !important;
    color: var(--hooma-header-light) !important;
    box-shadow: none !important;
}


/* =========================================
   MOBIEL
========================================= */

@media (max-width: 767px) {

    .elementor-72 .elementor-element.elementor-element-46166e2 {
        z-index: 10001 !important;
    }

    .elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu,
    .elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .ue_menu_wrapper,
    .elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .ue-input-wrapper-align,
    .elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .ue-input-wrapper {
        z-index: 10002 !important;
    }

    .elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .ue_hamburger {
        z-index: 10006 !important;
        pointer-events: auto !important;
    }

    .elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .checkbox-toggle {
        z-index: 10007 !important;
        pointer-events: auto !important;
    }

    .elementor-72 .elementor-element.elementor-element-46166e2 .ue-fullscreen-menu .ue_menu {
        z-index: 10000 !important;
    }
}

/* =========================================
   11. OPEN MENU — CORRECT LICHT KRUISJE
========================================= */

/* Middelste hamburgerlijn verbergen */
.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.checkbox-toggle:checked
+ .ue_hamburger
> div,

.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.ue_hamburger[aria-expanded="true"]
> div {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;

    position: relative !important;
}


/* Beide lijnen zichtbaar, gecentreerd en licht */
.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.checkbox-toggle:checked
+ .ue_hamburger
> div::before,

.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.checkbox-toggle:checked
+ .ue_hamburger
> div::after,

.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.ue_hamburger[aria-expanded="true"]
> div::before,

.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.ue_hamburger[aria-expanded="true"]
> div::after {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;

    width: 100% !important;
    height: 2px !important;

    margin: 0 !important;

    background: var(--hooma-header-light) !important;
    background-color: var(--hooma-header-light) !important;
    border: 0 !important;
    box-shadow: none !important;

    transform-origin: center center !important;
}


/* Linkse diagonaal */
.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.checkbox-toggle:checked
+ .ue_hamburger
> div::before,

.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.ue_hamburger[aria-expanded="true"]
> div::before {
    transform: translateY(-50%) rotate(45deg) !important;
}


/* Rechtse diagonaal */
.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.checkbox-toggle:checked
+ .ue_hamburger
> div::after,

.elementor-72 .elementor-element.elementor-element-46166e2
.ue-fullscreen-menu
.ue_hamburger[aria-expanded="true"]
> div::after {
    transform: translateY(-50%) rotate(-45deg) !important;
}
/* =========================================
   DEFINITIEVE FIX: PLUS NAAR CORRECT KRUISJE
   Dit blok moet helemaal onderaan staan
========================================= */

/* Pluginrotatie van de volledige hamburger neutraliseren */
.custom-header
.ue-fullscreen-menu
.checkbox-toggle:checked
+ .ue_hamburger
> div,

.custom-header
.ue-fullscreen-menu
.ue_hamburger[aria-expanded="true"]
> div {
    position: relative !important;

    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    transform: none !important;
}


/* Beide lijnen op exact hetzelfde middelpunt plaatsen */
.custom-header
.ue-fullscreen-menu
.checkbox-toggle:checked
+ .ue_hamburger
> div::before,

.custom-header
.ue-fullscreen-menu
.checkbox-toggle:checked
+ .ue_hamburger
> div::after,

.custom-header
.ue-fullscreen-menu
.ue_hamburger[aria-expanded="true"]
> div::before,

.custom-header
.ue-fullscreen-menu
.ue_hamburger[aria-expanded="true"]
> div::after {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width: 30px !important;
    height: 2px !important;
    margin: 0 !important;

    background: #f3f3ea !important;
    background-color: #f3f3ea !important;
    border: 0 !important;
    box-shadow: none !important;

    transform-origin: center center !important;
}


/* Eerste diagonaal */
.custom-header
.ue-fullscreen-menu
.checkbox-toggle:checked
+ .ue_hamburger
> div::before,

.custom-header
.ue-fullscreen-menu
.ue_hamburger[aria-expanded="true"]
> div::before {
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
}


/* Tweede diagonaal */
.custom-header
.ue-fullscreen-menu
.checkbox-toggle:checked
+ .ue_hamburger
> div::after,

.custom-header
.ue-fullscreen-menu
.ue_hamburger[aria-expanded="true"]
> div::after {
    transform:
        translate(-50%, -50%)
        rotate(-45deg) !important;
}/* End custom CSS */