.elementor-31 .elementor-element.elementor-element-ba65786{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;--z-index:200;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );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-31 .elementor-element.elementor-element-2d11625.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-2d11625{text-align:start;}.elementor-31 .elementor-element.elementor-element-2d11625 img{width:200px;}.elementor-widget-text-editor{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 );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-6cd66a7 > .elementor-widget-container{padding:0px 40px 0px 0px;}.elementor-31 .elementor-element.elementor-element-6cd66a7{font-family:var( --e-global-typography-e9f7b68-font-family ), Sans-serif;font-size:var( --e-global-typography-e9f7b68-font-size );font-weight:var( --e-global-typography-e9f7b68-font-weight );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );color:#EAE8E4;}.elementor-31 .elementor-element.elementor-element-03de984 > .elementor-widget-container{padding:0px 40px 0px 0px;}.elementor-31 .elementor-element.elementor-element-03de984{font-family:var( --e-global-typography-e9f7b68-font-family ), Sans-serif;font-size:var( --e-global-typography-e9f7b68-font-size );font-weight:var( --e-global-typography-e9f7b68-font-weight );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-a29aeb9 > .elementor-widget-container{padding:0px 40px 0px 0px;}.elementor-31 .elementor-element.elementor-element-a29aeb9{font-family:var( --e-global-typography-e9f7b68-font-family ), Sans-serif;font-size:var( --e-global-typography-e9f7b68-font-size );font-weight:var( --e-global-typography-e9f7b68-font-weight );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-31 .elementor-element.elementor-element-95dabbf .elementor-button{background-color:var( --e-global-color-primary );font-family:"Helvetica Now Extended", Sans-serif;font-size:0.95rem;font-weight:600;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:30px 30px 30px 30px;padding:5px 15px 5px 15px;}.elementor-31 .elementor-element.elementor-element-95dabbf.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-63def98{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;--z-index:200;}.elementor-31 .elementor-element.elementor-element-45f34b0.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-45f34b0{text-align:start;}.elementor-31 .elementor-element.elementor-element-45f34b0 img{width:200px;}.elementor-31 .elementor-element.elementor-element-b88d784{z-index:99999;}.elementor-31 .elementor-element.elementor-element-4a47331 .e-off-canvas__content{background-color:var( --e-global-color-accent );}.elementor-31 .elementor-element.elementor-element-4a47331{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:0;}.elementor-31 .elementor-element.elementor-element-3e683a3{--display:flex;}.elementor-31 .elementor-element.elementor-element-3e683a3:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-3e683a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-31 .elementor-element.elementor-element-76cebfa{--display:flex;}.elementor-31 .elementor-element.elementor-element-0089b8a{color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-a337989{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:20%;--margin-left:0%;--margin-right:0%;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-8fd9981 > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-8fd9981 .elementor-heading-title{font-family:"Helvetica Now Extended", Sans-serif;font-size:40px;font-weight:500;font-style:normal;line-height:78px;letter-spacing:1px;word-spacing:5px;}.elementor-31 .elementor-element.elementor-element-7419eab > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-7419eab .elementor-heading-title{font-family:"Helvetica Now Extended", Sans-serif;font-size:40px;font-weight:500;font-style:normal;line-height:78px;letter-spacing:1px;word-spacing:5px;}.elementor-31 .elementor-element.elementor-element-006e27f > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-006e27f .elementor-heading-title{font-family:"Helvetica Now Extended", Sans-serif;font-size:40px;font-weight:500;font-style:normal;line-height:78px;letter-spacing:1px;word-spacing:5px;}.elementor-31 .elementor-element.elementor-element-7fd5b81 .elementor-heading-title{font-family:"Helvetica Now Extended", Sans-serif;font-size:40px;font-weight:500;font-style:normal;line-height:78px;letter-spacing:1px;word-spacing:5px;}.elementor-31 .elementor-element.elementor-element-9b5ee26{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;--z-index:300;}.elementor-31 .elementor-element.elementor-element-9b5ee26:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-9b5ee26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-ebf4bdc.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-ebf4bdc{text-align:start;}.elementor-31 .elementor-element.elementor-element-ebf4bdc img{width:200px;}.elementor-31 .elementor-element.elementor-element-4a91f30 > .elementor-widget-container{padding:0px 40px 0px 0px;}.elementor-31 .elementor-element.elementor-element-4a91f30{font-family:var( --e-global-typography-e9f7b68-font-family ), Sans-serif;font-size:var( --e-global-typography-e9f7b68-font-size );font-weight:var( --e-global-typography-e9f7b68-font-weight );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );color:var( --e-global-color-accent );}.elementor-31 .elementor-element.elementor-element-81c8d64 > .elementor-widget-container{padding:0px 40px 0px 0px;}.elementor-31 .elementor-element.elementor-element-81c8d64{font-family:var( --e-global-typography-e9f7b68-font-family ), Sans-serif;font-size:var( --e-global-typography-e9f7b68-font-size );font-weight:var( --e-global-typography-e9f7b68-font-weight );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );color:var( --e-global-color-accent );}.elementor-31 .elementor-element.elementor-element-db39e17 > .elementor-widget-container{padding:0px 40px 0px 0px;}.elementor-31 .elementor-element.elementor-element-db39e17{font-family:var( --e-global-typography-e9f7b68-font-family ), Sans-serif;font-size:var( --e-global-typography-e9f7b68-font-size );font-weight:var( --e-global-typography-e9f7b68-font-weight );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );color:var( --e-global-color-accent );}.elementor-31 .elementor-element.elementor-element-ef9e5ac .elementor-button{background-color:var( --e-global-color-accent );font-family:"Helvetica Now Extended", Sans-serif;font-size:0.95rem;font-weight:600;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;padding:5px 15px 5px 15px;}.elementor-31 .elementor-element.elementor-element-ef9e5ac.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-bad3e79{z-index:99999;}.elementor-31 .elementor-element.elementor-element-2f08a6f .e-off-canvas__content{background-color:var( --e-global-color-accent );}.elementor-31 .elementor-element.elementor-element-2f08a6f{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:0;}.elementor-31 .elementor-element.elementor-element-c07aa8a{--display:flex;}.elementor-31 .elementor-element.elementor-element-c07aa8a:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-c07aa8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-31 .elementor-element.elementor-element-d6a52c7{--display:flex;}.elementor-31 .elementor-element.elementor-element-04d43c2{color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-64a4836{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:20%;--margin-left:0%;--margin-right:0%;}.elementor-31 .elementor-element.elementor-element-2a040c9 > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-2a040c9 .elementor-heading-title{font-family:"Helvetica Now Extended", Sans-serif;font-size:40px;font-weight:500;font-style:normal;line-height:78px;letter-spacing:1px;word-spacing:5px;}.elementor-31 .elementor-element.elementor-element-5b01b82 > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-5b01b82 .elementor-heading-title{font-family:"Helvetica Now Extended", Sans-serif;font-size:40px;font-weight:500;font-style:normal;line-height:78px;letter-spacing:1px;word-spacing:5px;}.elementor-31 .elementor-element.elementor-element-29bbe2b > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-29bbe2b .elementor-heading-title{font-family:"Helvetica Now Extended", Sans-serif;font-size:40px;font-weight:500;font-style:normal;line-height:78px;letter-spacing:1px;word-spacing:5px;}.elementor-31 .elementor-element.elementor-element-1a2312d .elementor-heading-title{font-family:"Helvetica Now Extended", Sans-serif;font-size:40px;font-weight:500;font-style:normal;line-height:78px;letter-spacing:1px;word-spacing:5px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-31 .elementor-element.elementor-element-6cd66a7{font-size:var( --e-global-typography-e9f7b68-font-size );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );}.elementor-31 .elementor-element.elementor-element-03de984{font-size:var( --e-global-typography-e9f7b68-font-size );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );}.elementor-31 .elementor-element.elementor-element-a29aeb9{font-size:var( --e-global-typography-e9f7b68-font-size );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-31 .elementor-element.elementor-element-4a91f30{font-size:var( --e-global-typography-e9f7b68-font-size );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );}.elementor-31 .elementor-element.elementor-element-81c8d64{font-size:var( --e-global-typography-e9f7b68-font-size );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );}.elementor-31 .elementor-element.elementor-element-db39e17{font-size:var( --e-global-typography-e9f7b68-font-size );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-31 .elementor-element.elementor-element-6cd66a7{font-size:var( --e-global-typography-e9f7b68-font-size );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );}.elementor-31 .elementor-element.elementor-element-03de984{font-size:var( --e-global-typography-e9f7b68-font-size );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );}.elementor-31 .elementor-element.elementor-element-a29aeb9{font-size:var( --e-global-typography-e9f7b68-font-size );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-31 .elementor-element.elementor-element-63def98{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-31 .elementor-element.elementor-element-45f34b0.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-b88d784.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-4a47331{--e-off-canvas-width:100vw;--e-off-canvas-height:100vh;}.elementor-31 .elementor-element.elementor-element-76cebfa{--justify-content:center;--padding-top:80px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-a337989{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-31 .elementor-element.elementor-element-9b5ee26{--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-31 .elementor-element.elementor-element-ebf4bdc.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-4a91f30{font-size:var( --e-global-typography-e9f7b68-font-size );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );}.elementor-31 .elementor-element.elementor-element-81c8d64{font-size:var( --e-global-typography-e9f7b68-font-size );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );}.elementor-31 .elementor-element.elementor-element-db39e17{font-size:var( --e-global-typography-e9f7b68-font-size );line-height:var( --e-global-typography-e9f7b68-line-height );letter-spacing:var( --e-global-typography-e9f7b68-letter-spacing );}.elementor-31 .elementor-element.elementor-element-bad3e79.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-2f08a6f{--e-off-canvas-width:100vw;--e-off-canvas-height:100vh;}.elementor-31 .elementor-element.elementor-element-d6a52c7{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-04d43c2 > .elementor-widget-container{padding:40px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-64a4836{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for text-editor, class: .elementor-element-6cd66a7 */.elementor-31 .elementor-element.elementor-element-6cd66a7 {
  display: inline-block; /* Zorg dat de tekst binnen de container blijft */
  position: relative; /* Voor animatie binnen de container */
  transition: transform 0.4s ease-out; /* Verander de duur naar 0.4s */
}

/* Pseudo-element voor de vallende cirkel */
.elementor-31 .elementor-element.elementor-element-6cd66a7::before {
  content: ''; /* Zorg dat het pseudo-element zichtbaar is */
  position: absolute;
  left: -15px; /* Plaats de cirkel links van de tekst */
  top: 50%; /* Begin op de hoogte van de tekst */
  width: 8px; /* Grootte van de cirkel */
  height: 8px;
  background-color: #EAE8E4; /* Kleur van de cirkel */
  border-radius: 50%; /* Maak het een cirkel */
  opacity: 0; /* Begin onzichtbaar */
  transform: translateY(-30px); /* Begin de cirkel 30px boven de tekst */
  transition: transform 0.4s ease-out, opacity 0.4s ease-out; /* Verander de overgang naar 0.4s */
}

.elementor-31 .elementor-element.elementor-element-6cd66a7:hover::before {
  opacity: 1; /* Maak de cirkel zichtbaar */
  animation: fallAndBounce 0.4s ease-out forwards; /* Verander de animatieduur naar 0.4s */
}

/* Animatie voor de tekst */
.elementor-31 .elementor-element.elementor-element-6cd66a7:hover {
  animation: pressEffect 0.4s ease-in-out forwards; /* Verander de animatieduur naar 0.4s */
}

/* Animatie voor de tekstbeweging */
@keyframes pressEffect {
  0% {
    transform: translateY(0); /* Beginpositie (tekst is op normale positie) */
  }
  50% {
    transform: translateY(3px); /* Beweeg de tekst een beetje naar beneden */
  }
  100% {
    transform: translateY(0); /* Breng de tekst weer terug naar de originele positie */
  }
}

/* Animatie voor de cirkelbeweging (vallen en verdwijnen als hover eindigt) */
@keyframes fallAndBounce {
  0% {
    transform: translateY(-30px); /* Cirkel begint 30px boven de tekst */
  }
  50% {
    transform: translateY(0); /* Cirkel valt precies op de middenlijn van de tekst */
  }
  100% {
    transform: translateY(-3px); /* Cirkel eindigt 3px boven de middenlijn van de tekst */
  }
}

/* Cirkel verkleinen en verdwijnen wanneer de hover stopt */
.elementor-31 .elementor-element.elementor-element-6cd66a7:not(:hover)::before {
  opacity: 0; /* Verberg de cirkel als de hover eindigt */
  transform: translateY(-30px) scale(0); /* Verklein de cirkel en verplaats omhoog vanaf de hogere positie */
  transition: transform 0.4s ease-out, opacity 0.4s ease-out; /* Verander de overgang naar 0.4s */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-03de984 */.elementor-31 .elementor-element.elementor-element-03de984 {
  display: inline-block; /* Zorg dat de tekst binnen de container blijft */
  position: relative; /* Voor animatie binnen de container */
  transition: transform 0.4s ease-out; /* Verander de duur naar 0.4s */
}

/* Pseudo-element voor de vallende cirkel */
.elementor-31 .elementor-element.elementor-element-03de984::before {
  content: ''; /* Zorg dat het pseudo-element zichtbaar is */
  position: absolute;
  left: -15px; /* Plaats de cirkel links van de tekst */
  top: 50%; /* Begin op de hoogte van de tekst */
  width: 8px; /* Grootte van de cirkel */
  height: 8px;
  background-color: #EAE8E4; /* Kleur van de cirkel */
  border-radius: 50%; /* Maak het een cirkel */
  opacity: 0; /* Begin onzichtbaar */
  transform: translateY(-30px); /* Begin de cirkel 30px boven de tekst */
  transition: transform 0.4s ease-out, opacity 0.4s ease-out; /* Verander de overgang naar 0.4s */
}

.elementor-31 .elementor-element.elementor-element-03de984:hover::before {
  opacity: 1; /* Maak de cirkel zichtbaar */
  animation: fallAndBounce 0.4s ease-out forwards; /* Verander de animatieduur naar 0.4s */
}

/* Animatie voor de tekst */
.elementor-31 .elementor-element.elementor-element-03de984:hover {
  animation: pressEffect 0.4s ease-in-out forwards; /* Verander de animatieduur naar 0.4s */
}

/* Animatie voor de tekstbeweging */
@keyframes pressEffect {
  0% {
    transform: translateY(0); /* Beginpositie (tekst is op normale positie) */
  }
  50% {
    transform: translateY(3px); /* Beweeg de tekst een beetje naar beneden */
  }
  100% {
    transform: translateY(0); /* Breng de tekst weer terug naar de originele positie */
  }
}

/* Animatie voor de cirkelbeweging (vallen en verdwijnen als hover eindigt) */
@keyframes fallAndBounce {
  0% {
    transform: translateY(-30px); /* Cirkel begint 30px boven de tekst */
  }
  50% {
    transform: translateY(0); /* Cirkel valt precies op de middenlijn van de tekst */
  }
  100% {
    transform: translateY(-3px); /* Cirkel eindigt 3px boven de middenlijn van de tekst */
  }
}

/* Cirkel verkleinen en verdwijnen wanneer de hover stopt */
.elementor-31 .elementor-element.elementor-element-03de984:not(:hover)::before {
  opacity: 0; /* Verberg de cirkel als de hover eindigt */
  transform: translateY(-30px) scale(0); /* Verklein de cirkel en verplaats omhoog vanaf de hogere positie */
  transition: transform 0.4s ease-out, opacity 0.4s ease-out; /* Verander de overgang naar 0.4s */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a29aeb9 */.elementor-31 .elementor-element.elementor-element-a29aeb9 {
  display: inline-block; /* Zorg dat de tekst binnen de container blijft */
  position: relative; /* Voor animatie binnen de container */
  transition: transform 0.4s ease-out; /* Verander de duur naar 0.4s */
}

/* Pseudo-element voor de vallende cirkel */
.elementor-31 .elementor-element.elementor-element-a29aeb9::before {
  content: ''; /* Zorg dat het pseudo-element zichtbaar is */
  position: absolute;
  left: -15px; /* Plaats de cirkel links van de tekst */
  top: 50%; /* Begin op de hoogte van de tekst */
  width: 8px; /* Grootte van de cirkel */
  height: 8px;
  background-color: #EAE8E4; /* Kleur van de cirkel */
  border-radius: 50%; /* Maak het een cirkel */
  opacity: 0; /* Begin onzichtbaar */
  transform: translateY(-30px); /* Begin de cirkel 30px boven de tekst */
  transition: transform 0.4s ease-out, opacity 0.4s ease-out; /* Verander de overgang naar 0.4s */
}

.elementor-31 .elementor-element.elementor-element-a29aeb9:hover::before {
  opacity: 1; /* Maak de cirkel zichtbaar */
  animation: fallAndBounce 0.4s ease-out forwards; /* Verander de animatieduur naar 0.4s */
}

/* Animatie voor de tekst */
.elementor-31 .elementor-element.elementor-element-a29aeb9:hover {
  animation: pressEffect 0.4s ease-in-out forwards; /* Verander de animatieduur naar 0.4s */
}

/* Animatie voor de tekstbeweging */
@keyframes pressEffect {
  0% {
    transform: translateY(0); /* Beginpositie (tekst is op normale positie) */
  }
  50% {
    transform: translateY(3px); /* Beweeg de tekst een beetje naar beneden */
  }
  100% {
    transform: translateY(0); /* Breng de tekst weer terug naar de originele positie */
  }
}

/* Animatie voor de cirkelbeweging (vallen en verdwijnen als hover eindigt) */
@keyframes fallAndBounce {
  0% {
    transform: translateY(-30px); /* Cirkel begint 30px boven de tekst */
  }
  50% {
    transform: translateY(0); /* Cirkel valt precies op de middenlijn van de tekst */
  }
  100% {
    transform: translateY(-3px); /* Cirkel eindigt 3px boven de middenlijn van de tekst */
  }
}

/* Cirkel verkleinen en verdwijnen wanneer de hover stopt */
.elementor-31 .elementor-element.elementor-element-a29aeb9:not(:hover)::before {
  opacity: 0; /* Verberg de cirkel als de hover eindigt */
  transform: translateY(-30px) scale(0); /* Verklein de cirkel en verplaats omhoog vanaf de hogere positie */
  transition: transform 0.4s ease-out, opacity 0.4s ease-out; /* Verander de overgang naar 0.4s */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4a91f30 */.elementor-31 .elementor-element.elementor-element-4a91f30 {
  display: inline-block; /* Zorg dat de tekst binnen de container blijft */
  position: relative; /* Voor animatie binnen de container */
  transition: transform 0.4s ease-out; /* Verander de duur naar 0.4s */
}

/* Pseudo-element voor de vallende cirkel */
.elementor-31 .elementor-element.elementor-element-4a91f30::before {
  content: ''; /* Zorg dat het pseudo-element zichtbaar is */
  position: absolute;
  left: -15px; /* Plaats de cirkel links van de tekst */
  top: 50%; /* Begin op de hoogte van de tekst */
  width: 8px; /* Grootte van de cirkel */
  height: 8px;
  background-color: #2D2D2D; /* Kleur van de cirkel */
  border-radius: 50%; /* Maak het een cirkel */
  opacity: 0; /* Begin onzichtbaar */
  transform: translateY(-30px); /* Begin de cirkel 30px boven de tekst */
  transition: transform 0.4s ease-out, opacity 0.4s ease-out; /* Verander de overgang naar 0.4s */
}

.elementor-31 .elementor-element.elementor-element-4a91f30:hover::before {
  opacity: 1; /* Maak de cirkel zichtbaar */
  animation: fallAndBounce 0.4s ease-out forwards; /* Verander de animatieduur naar 0.4s */
}

/* Animatie voor de tekst */
.elementor-31 .elementor-element.elementor-element-4a91f30:hover {
  animation: pressEffect 0.4s ease-in-out forwards; /* Verander de animatieduur naar 0.4s */
}

/* Animatie voor de tekstbeweging */
@keyframes pressEffect {
  0% {
    transform: translateY(0); /* Beginpositie (tekst is op normale positie) */
  }
  50% {
    transform: translateY(3px); /* Beweeg de tekst een beetje naar beneden */
  }
  100% {
    transform: translateY(0); /* Breng de tekst weer terug naar de originele positie */
  }
}

/* Animatie voor de cirkelbeweging (vallen en verdwijnen als hover eindigt) */
@keyframes fallAndBounce {
  0% {
    transform: translateY(-30px); /* Cirkel begint 30px boven de tekst */
  }
  50% {
    transform: translateY(0); /* Cirkel valt precies op de middenlijn van de tekst */
  }
  100% {
    transform: translateY(-3px); /* Cirkel eindigt 3px boven de middenlijn van de tekst */
  }
}

/* Cirkel verkleinen en verdwijnen wanneer de hover stopt */
.elementor-31 .elementor-element.elementor-element-4a91f30:not(:hover)::before {
  opacity: 0; /* Verberg de cirkel als de hover eindigt */
  transform: translateY(-30px) scale(0); /* Verklein de cirkel en verplaats omhoog vanaf de hogere positie */
  transition: transform 0.4s ease-out, opacity 0.4s ease-out; /* Verander de overgang naar 0.4s */
}
@media (max-width: 768px) {
    .elementor-31 .elementor-element.elementor-element-4a91f30 {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-81c8d64 */.elementor-31 .elementor-element.elementor-element-81c8d64 {
  display: inline-block; /* Zorg dat de tekst binnen de container blijft */
  position: relative; /* Voor animatie binnen de container */
  transition: transform 0.4s ease-out; /* Verander de duur naar 0.4s */
}

/* Pseudo-element voor de vallende cirkel */
.elementor-31 .elementor-element.elementor-element-81c8d64::before {
  content: ''; /* Zorg dat het pseudo-element zichtbaar is */
  position: absolute;
  left: -15px; /* Plaats de cirkel links van de tekst */
  top: 50%; /* Begin op de hoogte van de tekst */
  width: 8px; /* Grootte van de cirkel */
  height: 8px;
  background-color: #2D2D2D; /* Kleur van de cirkel */
  border-radius: 50%; /* Maak het een cirkel */
  opacity: 0; /* Begin onzichtbaar */
  transform: translateY(-30px); /* Begin de cirkel 30px boven de tekst */
  transition: transform 0.4s ease-out, opacity 0.4s ease-out; /* Verander de overgang naar 0.4s */
}

.elementor-31 .elementor-element.elementor-element-81c8d64:hover::before {
  opacity: 1; /* Maak de cirkel zichtbaar */
  animation: fallAndBounce 0.4s ease-out forwards; /* Verander de animatieduur naar 0.4s */
}

/* Animatie voor de tekst */
.elementor-31 .elementor-element.elementor-element-81c8d64:hover {
  animation: pressEffect 0.4s ease-in-out forwards; /* Verander de animatieduur naar 0.4s */
}

/* Animatie voor de tekstbeweging */
@keyframes pressEffect {
  0% {
    transform: translateY(0); /* Beginpositie (tekst is op normale positie) */
  }
  50% {
    transform: translateY(3px); /* Beweeg de tekst een beetje naar beneden */
  }
  100% {
    transform: translateY(0); /* Breng de tekst weer terug naar de originele positie */
  }
}

/* Animatie voor de cirkelbeweging (vallen en verdwijnen als hover eindigt) */
@keyframes fallAndBounce {
  0% {
    transform: translateY(-30px); /* Cirkel begint 30px boven de tekst */
  }
  50% {
    transform: translateY(0); /* Cirkel valt precies op de middenlijn van de tekst */
  }
  100% {
    transform: translateY(-3px); /* Cirkel eindigt 3px boven de middenlijn van de tekst */
  }
}

/* Cirkel verkleinen en verdwijnen wanneer de hover stopt */
.elementor-31 .elementor-element.elementor-element-81c8d64:not(:hover)::before {
  opacity: 0; /* Verberg de cirkel als de hover eindigt */
  transform: translateY(-30px) scale(0); /* Verklein de cirkel en verplaats omhoog vanaf de hogere positie */
  transition: transform 0.4s ease-out, opacity 0.4s ease-out; /* Verander de overgang naar 0.4s */
}
@media (max-width: 768px) {
    .elementor-31 .elementor-element.elementor-element-81c8d64 {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-db39e17 */.elementor-31 .elementor-element.elementor-element-db39e17 {
  display: inline-block; /* Zorg dat de tekst binnen de container blijft */
  position: relative; /* Voor animatie binnen de container */
  transition: transform 0.4s ease-out; /* Verander de duur naar 0.4s */
}

/* Pseudo-element voor de vallende cirkel */
.elementor-31 .elementor-element.elementor-element-db39e17::before {
  content: ''; /* Zorg dat het pseudo-element zichtbaar is */
  position: absolute;
  left: -15px; /* Plaats de cirkel links van de tekst */
  top: 50%; /* Begin op de hoogte van de tekst */
  width: 8px; /* Grootte van de cirkel */
  height: 8px;
  background-color: #2D2D2D; /* Kleur van de cirkel */
  border-radius: 50%; /* Maak het een cirkel */
  opacity: 0; /* Begin onzichtbaar */
  transform: translateY(-30px); /* Begin de cirkel 30px boven de tekst */
  transition: transform 0.4s ease-out, opacity 0.4s ease-out; /* Verander de overgang naar 0.4s */
}

.elementor-31 .elementor-element.elementor-element-db39e17:hover::before {
  opacity: 1; /* Maak de cirkel zichtbaar */
  animation: fallAndBounce 0.4s ease-out forwards; /* Verander de animatieduur naar 0.4s */
}

/* Animatie voor de tekst */
.elementor-31 .elementor-element.elementor-element-db39e17:hover {
  animation: pressEffect 0.4s ease-in-out forwards; /* Verander de animatieduur naar 0.4s */
}

/* Animatie voor de tekstbeweging */
@keyframes pressEffect {
  0% {
    transform: translateY(0); /* Beginpositie (tekst is op normale positie) */
  }
  50% {
    transform: translateY(3px); /* Beweeg de tekst een beetje naar beneden */
  }
  100% {
    transform: translateY(0); /* Breng de tekst weer terug naar de originele positie */
  }
}

/* Animatie voor de cirkelbeweging (vallen en verdwijnen als hover eindigt) */
@keyframes fallAndBounce {
  0% {
    transform: translateY(-30px); /* Cirkel begint 30px boven de tekst */
  }
  50% {
    transform: translateY(0); /* Cirkel valt precies op de middenlijn van de tekst */
  }
  100% {
    transform: translateY(-3px); /* Cirkel eindigt 3px boven de middenlijn van de tekst */
  }
}

/* Cirkel verkleinen en verdwijnen wanneer de hover stopt */
.elementor-31 .elementor-element.elementor-element-db39e17:not(:hover)::before {
  opacity: 0; /* Verberg de cirkel als de hover eindigt */
  transform: translateY(-30px) scale(0); /* Verklein de cirkel en verplaats omhoog vanaf de hogere positie */
  transition: transform 0.4s ease-out, opacity 0.4s ease-out; /* Verander de overgang naar 0.4s */
}
@media (max-width: 768px) {
    .elementor-31 .elementor-element.elementor-element-db39e17 {
        display: none !important;
    }
}/* End custom CSS */