.elementor-kit-11{--e-global-color-primary:#263637;--e-global-color-secondary:#CAC8A9;--e-global-color-text:#1A2425;--e-global-color-accent:#263637;--e-global-color-86b4fcd:#02010100;--e-global-color-fce4bf7:#E2E1CE;--e-global-typography-primary-font-family:"Quattrocento";--e-global-typography-primary-font-size:4em;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-primary-word-spacing:0em;--e-global-typography-secondary-font-family:"Quattrocento";--e-global-typography-secondary-font-size:3.2em;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-secondary-word-spacing:0em;--e-global-typography-text-font-family:"Quattrocento Sans";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0em;--e-global-typography-accent-font-family:"Quattrocento Sans";--e-global-typography-accent-font-size:28px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0em;--e-global-typography-accent-word-spacing:0em;--e-global-typography-500544d-font-family:"Poppins";--e-global-typography-500544d-font-size:18px;--e-global-typography-500544d-font-weight:400;--e-global-typography-500544d-text-transform:none;--e-global-typography-500544d-font-style:normal;--e-global-typography-500544d-text-decoration:none;--e-global-typography-500544d-line-height:1.4em;--e-global-typography-500544d-letter-spacing:0px;--e-global-typography-500544d-word-spacing:0px;background-color:var( --e-global-color-secondary );}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 a{color:var( --e-global-color-accent );}.elementor-kit-11 a:hover{color:var( --e-global-color-primary );}.elementor-kit-11 h4{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-11{--e-global-typography-primary-font-size:7vw;--e-global-typography-secondary-font-size:5vw;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-11{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:40px;--e-global-typography-text-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --white:#ffffff; --secondary:#cac8a9; }
/* Start custom CSS *//* 1. Registreer de custom property als animeerbaar */
@property --shimmer-pos {
  syntax: '<percentage>';
  initial-value: -150%;
  inherits: false;
}

/* 2. De animatie definitie */
@keyframes shimmer-slide {
  0%   { --shimmer-pos: -150%; }
  75%  { --shimmer-pos: -150%; }
  100% { --shimmer-pos: 250%; }
}

/* 3. Pas toe op de knop */
.elementor-42 .elementor-element.elementor-element-3cb8980e
  .is-type-button.ehp-header__button--primary {

  background-color: transparent !important;
  background-image: linear-gradient(
    105deg,
    #CAC8A9 calc(var(--shimmer-pos) - 40%),
    #E2E1CE var(--shimmer-pos),
    #f0efe3 calc(var(--shimmer-pos) + 10%),
    #E2E1CE calc(var(--shimmer-pos) + 20%),
    #CAC8A9 calc(var(--shimmer-pos) + 60%)
  );

  animation: shimmer-slide 8s linear infinite;
  overflow: hidden;
}

/* 4. Stop de animatie bij hover/focus */
.elementor-42 .elementor-element.elementor-element-3cb8980e
  .is-type-button.ehp-header__button--primary:hover,
.elementor-42 .elementor-element.elementor-element-3cb8980e
  .is-type-button.ehp-header__button--primary:focus {
  background-image: none !important;
  background-color: #E2E1CE !important;
  animation-play-state: paused;
}/* End custom CSS */