.elementor-5 .elementor-element.elementor-element-8003385{--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;}.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-5 .elementor-element.elementor-element-5abafd1 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-5 .elementor-element.elementor-element-e994478{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-5 .elementor-element.elementor-element-6174a03{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.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-5 .elementor-element.elementor-element-9138eec > .elementor-widget-container{margin:115px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5 .elementor-element.elementor-element-9138eec .elementor-nav-menu .elementor-item{font-family:"Manrope", Sans-serif;font-weight:600;}.elementor-5 .elementor-element.elementor-element-9138eec .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-5 .elementor-element.elementor-element-9138eec .elementor-nav-menu--main .elementor-item:hover,
					.elementor-5 .elementor-element.elementor-element-9138eec .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-5 .elementor-element.elementor-element-9138eec .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-5 .elementor-element.elementor-element-9138eec .elementor-nav-menu--main .elementor-item:focus{color:#19833A;fill:#19833A;}.elementor-5 .elementor-element.elementor-element-9138eec .elementor-nav-menu--dropdown .elementor-item, .elementor-5 .elementor-element.elementor-element-9138eec .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-5 .elementor-element.elementor-element-9f47d02 .elementor-repeater-item-c00fbc8.elementor-social-icon{background-color:#02010100;}.elementor-5 .elementor-element.elementor-element-9f47d02 .elementor-repeater-item-c00fbc8.elementor-social-icon i{color:#19833A;}.elementor-5 .elementor-element.elementor-element-9f47d02 .elementor-repeater-item-c00fbc8.elementor-social-icon svg{fill:#19833A;}.elementor-5 .elementor-element.elementor-element-9f47d02 .elementor-repeater-item-5786701.elementor-social-icon{background-color:#02010100;}.elementor-5 .elementor-element.elementor-element-9f47d02 .elementor-repeater-item-5786701.elementor-social-icon i{color:#19833A;}.elementor-5 .elementor-element.elementor-element-9f47d02 .elementor-repeater-item-5786701.elementor-social-icon svg{fill:#19833A;}.elementor-5 .elementor-element.elementor-element-9f47d02 .elementor-repeater-item-bb4121d.elementor-social-icon{background-color:#19833A00;}.elementor-5 .elementor-element.elementor-element-9f47d02 .elementor-repeater-item-bb4121d.elementor-social-icon i{color:#19833A;}.elementor-5 .elementor-element.elementor-element-9f47d02 .elementor-repeater-item-bb4121d.elementor-social-icon svg{fill:#19833A;}.elementor-5 .elementor-element.elementor-element-9f47d02{--grid-template-columns:repeat(0, auto);--grid-column-gap:0px;--grid-row-gap:0px;}.elementor-5 .elementor-element.elementor-element-9f47d02 .elementor-widget-container{text-align:center;}.elementor-5 .elementor-element.elementor-element-9f47d02 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5 .elementor-element.elementor-element-245841a{--display:flex;--min-height:100vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-5 .elementor-element.elementor-element-245841a:not(.elementor-motion-effects-element-type-background), .elementor-5 .elementor-element.elementor-element-245841a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;background:url("https://t-recsmedia.nl/wp-content/uploads/2025/07/playback.png") 50% 50%;background-size:cover;}.elementor-5 .elementor-element.elementor-element-6baa59d .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-size:40px;font-weight:500;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5 .elementor-element.elementor-element-12398b60{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:100px;--margin-bottom:0px;--margin-left:250px;--margin-right:0px;--padding-top:0px;--padding-bottom:9px;--padding-left:0px;--padding-right:0px;}.elementor-5 .elementor-element.elementor-element-12398b60:not(.elementor-motion-effects-element-type-background), .elementor-5 .elementor-element.elementor-element-12398b60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-5 .elementor-element.elementor-element-563d1305{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-5 .elementor-element.elementor-element-1154844 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-5:not(.elementor-motion-effects-element-type-background), body.elementor-page-5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-5 .elementor-element.elementor-element-8003385{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-5 .elementor-element.elementor-element-5abafd1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5 .elementor-element.elementor-element-5abafd1{z-index:9999;}.elementor-5 .elementor-element.elementor-element-5abafd1 .elementor-button{font-size:26px;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5 .elementor-element.elementor-element-245841a{--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-5 .elementor-element.elementor-element-12398b60{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-5 .elementor-element.elementor-element-8003385{--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-5 .elementor-element.elementor-element-9138eec > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5 .elementor-element.elementor-element-245841a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5 .elementor-element.elementor-element-12398b60{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-5 .elementor-element.elementor-element-e994478{--width:100%;}.elementor-5 .elementor-element.elementor-element-6174a03{--width:250px;}.elementor-5 .elementor-element.elementor-element-245841a{--width:100%;}.elementor-5 .elementor-element.elementor-element-12398b60{--width:calc(100% - 250px);}.elementor-5 .elementor-element.elementor-element-563d1305{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5 .elementor-element.elementor-element-245841a{--width:100%;}.elementor-5 .elementor-element.elementor-element-12398b60{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-8003385 */.elementor-5 .elementor-element.elementor-element-8003385{
    position: fixed;
    top: 0;
    z-index: 1001;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e95ce4 */.logo-menu img {
    max-width: 200px; /* Pas grootte van logo aan */
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-9138eec */.custom-nav {
    text-align: left;
    width: 100%;
    margin-top: auto;
}

.custom-nav a {
    color: white;
    text-decoration: none;
    padding: 10px 0;
    display: block;
}

.custom-nav a:hover {
    color: #FF6600; /* Oranje hover kleur */
}

.custom-nav li{
    border-bottom: solid 2px #19833a;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-9f47d02 */.social-icons-bottom {
    margin-top: auto; /* Zorgt dat de iconen onderaan blijven */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6174a03 *//* Desktopstijl blijft hetzelfde */
.custom-sidebar {
    position: fixed;
    left: 0;
    top: 0 !important;
    height: 100vh;
    width: 250px;
    background: #000;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    transition: transform 0.3s ease-in-out;
    z-index: 1000;
    transform: translateX(-100%); /* VERBERG standaard */
    inset-inline-start: 0 !important;
}

.custom-sidebar.active {
    transform: translateX(0); /* TOON sidebar */
}

/* Verberg sidebar standaard op mobiel */
@media (max-width: 1024px) {
    .menu-toggle {
        position: fixed;
        top: 20px;
        left: 20px;
        z-index: 1100;
        background: #000;
        color: #fff;
        padding: 10px 15px;
        cursor: pointer;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6baa59d */.elementor-5 .elementor-element.elementor-element-6baa59d{
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-245841a *//* 1) Container direct beeldvullend en stabiel */
.elementor-5 .elementor-element.elementor-element-245841a {
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100); /* stabiele mobiele hoogte */
  overflow: hidden;

  /* achtergrond (fallback/poster) meteen goed */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Gebruik moderne viewport units als beschikbaar (fix voor mobiel UI-bars) */
@supports (height: 100svh) {
  .elementor-5 .elementor-element.elementor-element-245841a { height: 100svh; }
}

/* 2) Elementor’s interne video wrapper altijd laten vullen */
.elementor-5 .elementor-element.elementor-element-245841a .elementor-background-video-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* 3) De eigenlijke <video> op “cover” vanaf eerste frame */
.elementor-5 .elementor-element.elementor-element-245841a .elementor-background-video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;        /* vult het kader meteen */
  object-position: center;  /* horizontaal/verticaal gecentreerd */
}

/* 4) Specifiek voor mobiel: dwing direct 100vw x 100vh af */
@media (max-width: 767px) {
  .elementor-5 .elementor-element.elementor-element-245841a {
    width: 100vw;
    height: 100vh; /* meteen volle hoogte op first paint */
  }
  .elementor-5 .elementor-element.elementor-element-245841a .elementor-background-video-container,
  .elementor-5 .elementor-element.elementor-element-245841a .elementor-background-video-container video {
    width: 100%;
    height: 100%;
  }
}/* End custom CSS */