.elementor-kit-20{--e-global-color-primary:#E6EAF4;--e-global-color-secondary:#F3EADC;--e-global-color-text:#1D1E20;--e-global-color-accent:#FF7500;--e-global-color-c0ebbfb:#FAF9F8;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-20 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 */html, body { 
    overflow-x: hidden;
}

 Alleen voor top-level menu items 
.black-hover > a.elementor-item {
  display: inline-block;
  position: relative;
}

.black-hover > a.elementor-item:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #000 !important;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.black-hover > a.elementor-item:hover:after,
.black-hover > a.elementor-item.active:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.dark-section a {
  color: #ffffff !important;
}
.dark-section a:hover {
  color: #FAF9F8 !important;
}

.light-section a {
  color: #1D1E20 !important;
}
.light-section a:hover {
  color: #00000 !important;
}

.dark-section a,
.light-section a {
  position: relative;
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 100% 0.5px;
  background-position: 0 100%;
  transition: background-size 0.3s ease-out;
}

.dark-section a:hover,
.light-section a:hover {
  background-size: 0% 0.5px;
}

.strong-getest {
  font-weight: 700;
}


.aff-product {
    overflow: hidden; /* Voorkomt dat de afbeelding uit de container gaat */
}

.affiliate-img {
    transition: transform 0.3s ease-in-out; /* Soepele overgang */
}

.aff-product:hover .affiliate-img {
    transform: scale(1.1); /* Zoomt de afbeelding 10% in */
}

/* Underline effect */
.aff-kop {
    display: inline-block;
    position: relative;
}

.aff-kop::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px; /* Onder de tekst */
    width: 0; /* Start zonder breedte */
    height: 0.5px; /* Dikte van de lijn */
    background-color: #101828; /* Kleur van de underline */
    transition: width 0.3s ease-in-out; /* Soepele animatie */
}

.aff-product:hover .aff-kop::after {
    width: 100%; /* Laat de lijn vloeiend verschijnen */
}/* End custom CSS */