.elementor-3456 .elementor-element.elementor-element-792047bb{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;--z-index:99999;}.elementor-3456 .elementor-element.elementor-element-792047bb:not(.elementor-motion-effects-element-type-background), .elementor-3456 .elementor-element.elementor-element-792047bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.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-3456 .elementor-element.elementor-element-16bf025a.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-3456 .elementor-element.elementor-element-16bf025a{text-align:left;}.elementor-3456 .elementor-element.elementor-element-16bf025a 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-3456 .elementor-element.elementor-element-718d612 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 40px 0px 0px;}.elementor-3456 .elementor-element.elementor-element-718d612{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 );color:var( --e-global-color-accent );}.elementor-3456 .elementor-element.elementor-element-534dc74 > .elementor-widget-container{padding:0px 40px 0px 0px;}.elementor-3456 .elementor-element.elementor-element-534dc74{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 );color:var( --e-global-color-accent );}.elementor-3456 .elementor-element.elementor-element-3a81008 > .elementor-widget-container{padding:0px 40px 0px 0px;}.elementor-3456 .elementor-element.elementor-element-3a81008{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 );color:var( --e-global-color-accent );}.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-3456 .elementor-element.elementor-element-6a5906ea .elementor-button{background-color:var( --e-global-color-accent );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 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;padding:5px 15px 5px 15px;}.elementor-3456 .elementor-element.elementor-element-6a5906ea.elementor-element{--align-self:center;}.elementor-3456 .elementor-element.elementor-element-51380336{--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-3456 .elementor-element.elementor-element-51380336:not(.elementor-motion-effects-element-type-background), .elementor-3456 .elementor-element.elementor-element-51380336 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3456 .elementor-element.elementor-element-4b58196a.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-3456 .elementor-element.elementor-element-4b58196a{text-align:left;}.elementor-3456 .elementor-element.elementor-element-4b58196a img{width:200px;}.elementor-3456 .elementor-element.elementor-element-53a4db{z-index:99999;}.elementor-3456 .elementor-element.elementor-element-365eaab8 .e-off-canvas__content{background-color:var( --e-global-color-accent );}.elementor-3456 .elementor-element.elementor-element-365eaab8{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:0;}.elementor-3456 .elementor-element.elementor-element-7cdd7fb2{--display:flex;}.elementor-3456 .elementor-element.elementor-element-7cdd7fb2:not(.elementor-motion-effects-element-type-background), .elementor-3456 .elementor-element.elementor-element-7cdd7fb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3456 .elementor-element.elementor-element-21b45ccf{--display:flex;}.elementor-3456 .elementor-element.elementor-element-7890b1f4{color:var( --e-global-color-primary );}.elementor-3456 .elementor-element.elementor-element-6a4c7cdb{--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-3456 .elementor-element.elementor-element-497c26d8 > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );}.elementor-3456 .elementor-element.elementor-element-497c26d8 .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-3456 .elementor-element.elementor-element-411ba28 > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );}.elementor-3456 .elementor-element.elementor-element-411ba28 .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-3456 .elementor-element.elementor-element-1f245156 > .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );}.elementor-3456 .elementor-element.elementor-element-1f245156 .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-3456 .elementor-element.elementor-element-430c667a .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-3456 .elementor-element.elementor-element-718d612{font-size:var( --e-global-typography-e9f7b68-font-size );}.elementor-3456 .elementor-element.elementor-element-534dc74{font-size:var( --e-global-typography-e9f7b68-font-size );}.elementor-3456 .elementor-element.elementor-element-3a81008{font-size:var( --e-global-typography-e9f7b68-font-size );}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3456 .elementor-element.elementor-element-6a5906ea .elementor-button{font-size:var( --e-global-typography-e9f7b68-font-size );}}@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-3456 .elementor-element.elementor-element-718d612{font-size:var( --e-global-typography-e9f7b68-font-size );}.elementor-3456 .elementor-element.elementor-element-534dc74{font-size:var( --e-global-typography-e9f7b68-font-size );}.elementor-3456 .elementor-element.elementor-element-3a81008{font-size:var( --e-global-typography-e9f7b68-font-size );}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3456 .elementor-element.elementor-element-6a5906ea .elementor-button{font-size:var( --e-global-typography-e9f7b68-font-size );}.elementor-3456 .elementor-element.elementor-element-51380336{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3456 .elementor-element.elementor-element-4b58196a.elementor-element{--align-self:center;}.elementor-3456 .elementor-element.elementor-element-53a4db.elementor-element{--align-self:center;}.elementor-3456 .elementor-element.elementor-element-53a4db{z-index:99999;}.elementor-3456 .elementor-element.elementor-element-365eaab8{--e-off-canvas-width:100vw;--e-off-canvas-height:100vh;}.elementor-3456 .elementor-element.elementor-element-21b45ccf{--justify-content:center;--padding-top:80px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-3456 .elementor-element.elementor-element-6a4c7cdb{--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-718d612 */.elementor-3456 .elementor-element.elementor-element-718d612 {
  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-3456 .elementor-element.elementor-element-718d612::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-3456 .elementor-element.elementor-element-718d612: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-3456 .elementor-element.elementor-element-718d612: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-3456 .elementor-element.elementor-element-718d612: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-534dc74 */.elementor-3456 .elementor-element.elementor-element-534dc74 {
  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-3456 .elementor-element.elementor-element-534dc74::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-3456 .elementor-element.elementor-element-534dc74: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-3456 .elementor-element.elementor-element-534dc74: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-3456 .elementor-element.elementor-element-534dc74: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-3a81008 */.elementor-3456 .elementor-element.elementor-element-3a81008 {
  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-3456 .elementor-element.elementor-element-3a81008::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-3456 .elementor-element.elementor-element-3a81008: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-3456 .elementor-element.elementor-element-3a81008: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-3456 .elementor-element.elementor-element-3a81008: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 Fonts CSS */@font-face {
	font-family: 'Helvetica Now Extended';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-83-Heavy-Extended.eot');
	src: url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-83-Heavy-Extended.eot?#iefix') format('embedded-opentype'),
		url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-83-Heavy-Extended.woff2') format('woff2'),
		url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-83-Heavy-Extended.woff') format('woff'),
		url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-83-Heavy-Extended.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Now Extended';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
@font-face {
	font-family: 'Helvetica Now Extended';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-75-Bold.eot');
	src: url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-75-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-75-Bold.woff2') format('woff2'),
		url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-75-Bold-1.woff') format('woff'),
		url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-75-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Helvetica Now Extended';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-55-Roman.eot');
	src: url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-55-Roman.eot?#iefix') format('embedded-opentype'),
		url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-55-Roman.woff2') format('woff2'),
		url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-55-Roman.woff') format('woff'),
		url('https://zeeuwsweb.nl/wp-content/uploads/2025/01/Helvetica-Neue-LT-Std-55-Roman.ttf') format('truetype');
}
/* End Custom Fonts CSS */