.elementor-kit-9{--e-global-color-primary:#000000;--e-global-color-secondary:#ADC0D2;--e-global-color-accent:#BDBFF0;--e-global-color-text:#2D2D2D;--e-global-color-c9828c1:#EAFC88;--e-global-color-d663b02:#FFFFFF;--e-global-color-06d622a:#F8F8F8;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-size:72px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-letter-spacing:-5px;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-d663b02 );color:var( --e-global-color-primary );font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;letter-spacing:-0.5px;overscroll-behavior:none;}.elementor-kit-9 e-page-transition{background-color:#FFFFFF;}.elementor-kit-9 a{color:var( --e-global-color-primary );font-family:"Open Sans", Sans-serif;font-size:16px;}.elementor-kit-9 h1{color:#000000;font-family:"Open Sans", Sans-serif;font-size:72px;font-weight:800;text-transform:none;letter-spacing:-0.5px;}.elementor-kit-9 h2{color:#000000;font-family:"Open Sans", Sans-serif;font-size:35px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.video-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
  transition: all 0.3s ease;
  overflow: hidden; /* voorkomt horizontale scroll */
}

.video {
  width: 100%;
  height: auto;
  border-radius: 8px;
  transition: 
    filter 0.3s ease, 
    opacity 0.3s ease,
    transform 0.3s ease;
  cursor: pointer;
  overflow: hidden; /* zoom blijft binnen video */
}

.video-grid.highlight .video {
  filter: brightness(0.5) blur(2px);
  opacity: 0.8;
  transform: scale(0.95);
}

.video-grid.highlight .video.hovered {
  filter: none;
  opacity: 1;
  transform: scale(1.05);
  z-index: 10;
  transition: transform 0.5s ease;
}/* End custom CSS */