.elementor-kit-7{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#555555;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-color-bdc271a:#EFECEA;--e-global-color-e22afce:#000000;--e-global-color-a203b3f:#3E3E3E00;--e-global-color-754bc46:#B2B2B2;--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-7 a{color:var( --e-global-color-text );}.elementor-kit-7 h1{color:var( --e-global-color-e22afce );font-family:"miller-banner", Sans-serif;font-size:66px;line-height:80px;}.elementor-kit-7 h2{color:var( --e-global-color-text );font-family:"miller-banner", Sans-serif;font-size:36px;line-height:43px;}.elementor-kit-7 h3{color:var( --e-global-color-text );font-family:"Open Sans", Sans-serif;font-size:16px;text-transform:uppercase;line-height:22px;letter-spacing:0.8px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:600;color:var( --e-global-color-e22afce );background-color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:10px 25px 10px 25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@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 *//* Standaardstijlen voor de knop (verberg deze) */
.projectloop .buttoncpt {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}

/* Laat de knop zien en verschuif naar beneden tijdens het hoveren over de container */
.projectloop:hover .buttoncpt {
  opacity: 1;
  transform: translateY(-40px); /* Aangepast naar -40px omhoog te verplaatsen */
}

/* Voeg animatie toe aan de knop */
.projectloop .buttoncpt {
  /* Andere eigenschappen hierboven */
  transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}

/* Laat tekst erboven omhoog schuiven tijdens het hoveren over de container */
.projectloop .titellaura,
.projectloop .titelproject {
  transform: translateY(0);
  transition: transform 0.3s ease;
}

/* Laat tekst erboven omhoog schuiven tijdens het hoveren over de container */
.projectloop:hover .titellaura,
.projectloop:hover .titelproject {
  transform: translateY(-60px);
  transition: transform 0.3s ease;
}

.projectloop {
  /* Andere stijlen voor .projectloop */
  transition: filter 0.3s ease-in-out; /* Voeg een overgang toe voor een soepele animatie */
}/* End custom CSS */