.elementor-249 .elementor-element.elementor-element-b6bdf3a{--display:flex;--position:fixed;--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;--justify-content:space-between;--align-items:center;--padding-top:3em;--padding-bottom:0em;--padding-left:5em;--padding-right:5em;top:0px;--z-index:999;}.elementor-249 .elementor-element.elementor-element-b6bdf3a.e-con{--align-self:center;}body:not(.rtl) .elementor-249 .elementor-element.elementor-element-b6bdf3a{left:0px;}body.rtl .elementor-249 .elementor-element.elementor-element-b6bdf3a{right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-249 .elementor-element.elementor-element-7ae0f00{text-align:left;}.elementor-249 .elementor-element.elementor-element-7ae0f00 img{width:158px;}.elementor-249 .elementor-element.elementor-element-00b86d8{width:var( --container-widget-width, 565px );max-width:565px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:565px;--container-widget-flex-grow:0;}.elementor-249 .elementor-element.elementor-element-613f1a8{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-249 .elementor-element.elementor-element-64adcc7 .elementor-button{background-color:#F0DE3C;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;fill:#000000;color:#000000;border-radius:100px 100px 100px 100px;padding:0px 0px 0px 0px;}.elementor-249 .elementor-element.elementor-element-64adcc7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-249 .elementor-element.elementor-element-64adcc7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-249 .elementor-element.elementor-element-64adcc7 .elementor-button .elementor-button-content-wrapper{gap:22px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-249 .elementor-element.elementor-element-9f82947 .elementor-icon-wrapper{text-align:center;}.elementor-249 .elementor-element.elementor-element-9f82947 .elementor-icon-wrapper svg{width:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-249 .elementor-element.elementor-element-613f1a8{--width:130px;}}@media(max-width:767px){.elementor-249 .elementor-element.elementor-element-b6bdf3a{--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:1em;--padding-bottom:1em;--padding-left:2em;--padding-right:2em;}.elementor-249 .elementor-element.elementor-element-7ae0f00{width:var( --container-widget-width, 131px );max-width:131px;--container-widget-width:131px;--container-widget-flex-grow:0;text-align:left;}.elementor-249 .elementor-element.elementor-element-7ae0f00 img{width:130px;}.elementor-249 .elementor-element.elementor-element-613f1a8{--width:50%;--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;--justify-content:flex-end;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-249 .elementor-element.elementor-element-64adcc7 .elementor-button{font-size:14px;}.elementor-249 .elementor-element.elementor-element-9f82947{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;}.elementor-249 .elementor-element.elementor-element-9f82947 .elementor-icon{font-size:21px;}.elementor-249 .elementor-element.elementor-element-9f82947 .elementor-icon svg{height:21px;}}/* Start custom CSS */.contact-btn{
    display: flex;
    align-items: center;
}

.contact-btn .elementor-button-text {
  margin-top: 1px;
  margin-bottom: -1px;
  margin-right: -110px;
  margin-left: 35px;
  transition: all 0.3s ease;
  padding: 13px 0 13px 13px;
}

.contact-btn.projecten-btn .elementor-button-text {
  margin-right: -148px;
}

/* Hover state (desktop) */
.contact-btn:hover .elementor-button-text {
  margin-right: -13px;
  margin-left: 0;
}

/* Klik/animatie state (JS voegt deze class toe) */
.contact-btn.play .elementor-button-text {
  margin-right: -13px;
  margin-left: 0;
}

@media (max-width: 600px) {
  .contact-btn .elementor-button-text { margin-right: -104px; }
  .contact-btn.projecten-btn .elementor-button-text { margin-right: -140px; }
  .contact-btn.play .elementor-button-text {
    margin-right: -13px;
    margin-left: 0;
  }
}


.contact-btn .elementor-button{
    overflow: hidden;
}

.contact-btn .elementor-button-icon {
  background-color: #F0DE3C;
  z-index: 100;
  padding: 13px 13px 13px 0;
  animation: wave-hand 1.5s ease-in-out infinite,
             pause 1s step-end infinite;
  transform-origin: 60% 60%;
}

.contact-btn:hover .elementor-button-icon {
  animation-play-state: paused; /* stopt zwaaien bij hover */
}

@keyframes wave-hand {
  0% { transform: rotate(0deg); }
  10% { transform: rotate(14deg); }
  20% { transform: rotate(-8deg); }
  30% { transform: rotate(14deg); }
  40% { transform: rotate(-4deg); }
  50% { transform: rotate(10deg); }
  60% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); } /* extra stilstaand deel */
}
@keyframes pause {
  from { }
  to { }
}

.circle-button .elementor-button-icon{
    width: 11px;
    height: 11px
}

.circle-button .elementor-button-content-wrapper{
    align-items: center;
}

.circle-button svg circle {
  transition: transform 0.3s ease, fill 0.3s ease;
  transform-origin: center;
  fill: transparent;
}

.circle-button:hover svg circle {
  transform: scale(0.6); /* maakt hem kleiner */
  fill: black;
}/* End custom CSS */