.elementor-kit-5{--e-global-color-primary:#1E1125;--e-global-color-secondary:#FFF6ED;--e-global-color-text:#63576A;--e-global-color-accent:#61CE70;--e-global-color-5af754e:#A440C7;--e-global-color-df87b6e:#EA7F1C;--e-global-color-56501da:#00B422;--e-global-color-9252023:#4051E9;--e-global-color-f8cf10d:#FFFFFF00;--e-global-color-108a522:#4972C7;--e-global-typography-primary-font-family:"Zen Dots";--e-global-typography-primary-font-size:62px;--e-global-typography-secondary-font-family:"Zen Dots";--e-global-typography-secondary-font-size:34px;--e-global-typography-text-font-family:"Play";--e-global-typography-text-font-size:1em;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Play";--e-global-typography-accent-font-size:1em;--e-global-typography-accent-font-weight:600;--e-global-typography-81b67ad-font-family:"Zen Dots";--e-global-typography-81b67ad-font-size:16px;--e-global-typography-137decc-font-family:"Play";--e-global-typography-137decc-font-size:0.9rem;--e-global-typography-137decc-font-weight:400;--e-global-typography-7718a8d-font-family:"Zen Dots";--e-global-typography-7718a8d-font-size:20px;--e-global-typography-0ae2dd7-font-family:"Zen Dots";--e-global-typography-0ae2dd7-font-size:1.1em;--e-global-typography-0ae2dd7-font-weight:500;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-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 p{margin-block-end:0px;}.elementor-kit-5 a{color:var( --e-global-color-secondary );}.elementor-kit-5 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-5 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:"Play", Sans-serif;font-size:0.9em;font-weight:400;border-radius:36px 36px 36px 36px;padding:14px 35px 14px 35px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1260px;}.e-con{--container-max-width:1260px;}.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-kit-5{--e-global-typography-primary-font-size:3.3em;--e-global-typography-text-font-size:1em;--e-global-typography-137decc-font-size:0.9em;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-5 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:2.3em;--e-global-typography-secondary-font-size:1.7em;--e-global-typography-81b67ad-font-size:1.7em;--e-global-typography-7718a8d-font-size:1.7em;--e-global-typography-0ae2dd7-font-size:1.1em;--e-global-typography-0ae2dd7-line-height:1.1em;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-5 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*Gradient knoppen*/

.elementor-button {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #8248C8, #484FDE, #3E65B7, #428B6F);
  color: #FDF6EE;
  z-index: 1;
}

.elementor-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF6ED; /* effen hoverkleur */
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: -1;
  transition: color 0.8s ease;
}

.elementor-button:hover::after {
  opacity: 1;
  color:#1C1224 !important;
}

.elementor-button:hover {
  color: #1C1224; /* tekstkleur bij hover */
}

/*Gradient knoppen licht*/
.knop-licht .elementor-button  {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #8248C8, #484FDE, #3E65B7, #428B6F);
  color: #FDF6EE;
  z-index: 1;
   border: 2px solid transparent;
   transition: color 0.5s ease, border-color 0.5s ease;
}

.knop-licht .elementor-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF6ED; /* effen hoverkleur */
  opacity: 0;
  transition: opacity 0.5s ease;

  
}

.knop-licht .elementor-button:hover::after {
  opacity: 1;
  color:#1C1224 !important;
}

.knop-licht .elementor-button:hover {
  color: #1C1224; /* tekstkleur bij hover */
  border-color: #1C1224;
  
}

/*Gradient knoppen licht 2*/
.knop-licht2 .elementor-button  {
  position: relative;
  overflow: hidden;
  background:#FFF6ED; 
  color: #1E1125;
  z-index: 1;
   border: 1px solid #1E1125;
   transition: color 0.5s ease, border-color 0.5s ease;
}

.knop-licht2 .elementor-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #8248C8, #484FDE, #3E65B7, #428B6F);  /* effen hoverkleur */
  opacity: 0;
  transition: opacity 0.5s ease;

  
}

.knop-licht2 .elementor-button:hover::after {
  opacity: 1;
  color:#1C1224 !important;
}

.knop-licht2 .elementor-button:hover {
  color: #FFF6ED; /* tekstkleur bij hover */
  border-color: transparent !important;
  
}




/* Inkomende animaties */
/*Fadein*/
@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-10px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translate3d(-200px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.fadeInLeft {
  opacity: 0;
  transform: translate3d(-200px, 0, 0);
  animation: fadeLeft 5s ease forwards;
}


@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(500px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,150px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

/*SlideIn*/
@keyframes slideLeft {
  from {
    transform: translateX(-100px);
  }
  to {
    transform: translateX(0);
  }
}

.elementor-element.slideInLeft {
  animation: slideLeft 1s ease-out forwards;
}

@keyframes slideRight {
    from {
        transform: translate3d(40px,0,0)
    }

    to {
        transform: none
    }
}

.elementor-element.slideInRight {
    animation-name: slideRight
}

@keyframes slideUp {
    from {
        transform: translate3d(0,150px,0)
    }

    to {
        transform: none
    }
}

.elementor-element.slideInUp {
    animation-name: slideUp
}

@keyframes slideDown {
    from {
        transform: translate3d(0,-40px,0)
    }

    to {
        transform: none
    }
}

.elementor-element .slideInDown {
    animation-name: slideDown
}

/*LOGOSLIDER*/

.logoslider {
  position: relative;
  overflow: hidden;
}

.logoslider::before,
.logoslider::after {
  content: "";
  position: absolute;
  top: 0;
  width: 150px;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  background: linear-gradient(to right, #FFF6ED, transparent); /* pas dit aan aan je achtergrondkleur */
}

.logoslider::after {
  right: 0;
  transform: rotate(180deg);
}

.logoslider img {
  height: 80px !important;
}

@media screen and (max-width: 1024px) {
  .logoslider img {
    max-height: 60px;
  }
}


/*ZIJMENU STYLING HOVER EN ACTIEF*/
/* Baseline: alle menu-items */
.zijmenu .elementor-nav-menu--main .elementor-item {
    position: relative;
    display: inline-block;
}

/* Onzichtbare lijn (default) */
.zijmenu .elementor-nav-menu--main .elementor-item::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background-color: currentColor;
    transition: width 0.3s ease;
}

/* Hover effect op menu-items */
.zijmenu .elementor-nav-menu--main .elementor-item:hover::after {
    width: 100%;
}

/* Actieve item underline */
.zijmenu .elementor-nav-menu--main .elementor-item.elementor-item-active::after,
.zijmenu .elementor-nav-menu--main .elementor-item.current-menu-item::after,
.zijmenu .elementor-nav-menu--main .elementor-item.current_page_item::after {
    width: 100%;
}

/* Verberg actieve underline zodra een ander menu-item wordt gehoverd */
.zijmenu .elementor-nav-menu--main:hover .elementor-item.elementor-item-active::after,
.zijmenu .elementor-nav-menu--main:hover .elementor-item.current-menu-item::after,
.zijmenu .elementor-nav-menu--main:hover .elementor-item.current_page_item::after {
    width: 0%;
}

.afbeelding-hoek-rechtsboven {
  clip-path: polygon(0 0, calc(100% - 120px) 0, 100% 120px, 100% 100%, 0% 100%);
}

@media screen and (max-width: 1024px) {
  .afbeelding-hoek-rechtsboven {
    clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0% 100%);
  }
}/* End custom CSS */