.elementor-kit-6{--e-global-color-primary:#2A2A2A;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#7C7C83;--e-global-color-accent:#D5D5D5;--e-global-typography-primary-font-family:"Satoshi";--e-global-typography-primary-font-size:12vw;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-letter-spacing:-0.0255em;--e-global-typography-secondary-font-family:"Instrument Serif";--e-global-typography-secondary-font-size:12vw;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-font-style:oblique;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Satoshi";--e-global-typography-text-font-size:1.3vw;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Satoshi";--e-global-typography-accent-font-size:3.9vw;--e-global-typography-accent-font-weight:500;--e-global-typography-de1d174-font-family:"Satoshi";--e-global-typography-de1d174-font-size:1.5vw;--e-global-typography-de1d174-font-weight:500;--e-global-typography-8e54036-font-family:"Satoshi";--e-global-typography-8e54036-font-size:2.6vw;--e-global-typography-8e54036-font-weight:500;--e-global-typography-c282f4e-font-family:"Satoshi";--e-global-typography-c282f4e-font-size:1.25vw;--e-global-typography-c282f4e-font-weight:500;--e-global-typography-cb69d66-font-family:"Satoshi";--e-global-typography-cb69d66-font-size:1.05vw;--e-global-typography-cb69d66-font-weight:500;--e-global-typography-68a6f13-font-family:"Instrument Serif";--e-global-typography-68a6f13-font-size:5vw;--e-global-typography-68a6f13-font-style:oblique;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:84vw;}.e-con{--container-max-width:84vw;--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-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 */.letter-animation {
    font-family: 'Satoshi';
    font-weight: 500;
    font-size: 1.65vw;
    line-height: 1.35em;
    text-decoration: none;
    letter-spacing: -0.025em;
    height: 1.35em;
    display: block;
    overflow: hidden;
    
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.letter-animation-black {
    color: #2a2a2a;
}

.letter-animation-white {
    color: #ffffff;
}


.letter-animation:hover .letter,
.letter-animation.play .letter {
  transform: translateY(-100%);
}
.letter-animation-black .block:last-child {
  color: #2a2a2a;
}
.letter-animation-white .block:last-child {
  color: #ffffff;
}


.letter-animation .letter {
  display: inline-block;
  transition: transform 0.45s cubic-bezier(0.76, 0, 0.24, 1);
}

.letter:nth-child(1)  { transition-delay: 0s; }
.letter:nth-child(2)  { transition-delay: 0.01s; }
.letter:nth-child(3)  { transition-delay: 0.02s; }
.letter:nth-child(4)  { transition-delay: 0.03s; }
.letter:nth-child(5)  { transition-delay: 0.04s; }
.letter:nth-child(6)  { transition-delay: 0.05s; }
.letter:nth-child(7)  { transition-delay: 0.06s; }
.letter:nth-child(8)  { transition-delay: 0.07s; }
.letter:nth-child(9)  { transition-delay: 0.08s; }
.letter:nth-child(10) { transition-delay: 0.09s; }
.letter:nth-child(11) { transition-delay: 0.10s; }
.letter:nth-child(12) { transition-delay: 0.11s; }
.letter:nth-child(13) { transition-delay: 0.12s; }
.letter:nth-child(14) { transition-delay: 0.13s; }
.letter:nth-child(15) { transition-delay: 0.14s; }
.letter:nth-child(16) { transition-delay: 0.15s; }
.letter:nth-child(17) { transition-delay: 0.16s; }
.letter:nth-child(18) { transition-delay: 0.17s; }
.letter:nth-child(19) { transition-delay: 0.18s; }
.letter:nth-child(20) { transition-delay: 0.19s; }
.letter:nth-child(21) { transition-delay: 0.20s; }



.zoom-wrapper {
  overflow: hidden;
  display: block;
  position: relative;
}

.zoom-image {
  transition: transform 0.3s;
  display: block;
  width: 100%;
  height: auto;
}

/* Alleen op schermen breder dan 1024px (desktop) */
@media (min-width: 1025px) {
  .hover-container:hover .zoom-image {
    transform: scale(1.04);
  }
}

/* Hover effect */
.hover-container:hover .elementor-icon {
  background-color: #fff !important;
  transform: rotate(90deg); /* draaien */
}

.hover-container:hover .elementor-icon svg {
  fill: #2A2A2A !important;
}



.animate-grow {
  width: 0;
  animation: growWidth 0.35s ease-out forwards;
  animation-play-state: paused; /* belangrijk: wacht op JS */
  overflow: hidden;
  animation-delay: 0.15s;
}

@keyframes growWidth {
  from { width: 0; }
  to { width: 155px; }
}




.fade-in-up {
  opacity: 0;
  transform: translateY(40px);
  transition:
    opacity 0.8s ease-out,
    transform 0.8s ease-out;
  will-change: opacity, transform;
}

/* Zodra .visible wordt toegevoegd via JS */
.fade-in-up.visible {
  opacity: 1;
  transform: translateY(0);
}


/*fadeinup*/

@keyframes newFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0); /* Less movement than default */
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.animated.fadeInUp {
    animation-name: newFadeInUp !important; /* Ensure this takes precedence */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://svenclaessen.nl/wp-content/uploads/2025/10/Satoshi-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://svenclaessen.nl/wp-content/uploads/2025/10/Satoshi-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://svenclaessen.nl/wp-content/uploads/2025/10/Satoshi-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://svenclaessen.nl/wp-content/uploads/2025/10/Satoshi-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://svenclaessen.nl/wp-content/uploads/2025/10/Satoshi-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */