.elementor-24 .elementor-element.elementor-element-a0c2292{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-9d65395{--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;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:999;}.elementor-24 .elementor-element.elementor-element-9d65395:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-9d65395 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181E2900;}.elementor-24 .elementor-element.elementor-element-2395ea1 > .elementor-widget-container{background-color:#0000000A;margin:0px 0px 0px -10px;padding:2px 5px 2px 5px;border-radius:5px 5px 5px 5px;}.elementor-24 .elementor-element.elementor-element-2395ea1{text-align:left;}.elementor-24 .elementor-element.elementor-element-2395ea1 img{width:200px;max-width:200px;border-radius:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-c91c890 .elementor-icon-wrapper{text-align:center;}.elementor-24 .elementor-element.elementor-element-c91c890.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-24 .elementor-element.elementor-element-c91c890.elementor-view-framed .elementor-icon, .elementor-24 .elementor-element.elementor-element-c91c890.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-24 .elementor-element.elementor-element-c91c890.elementor-view-framed .elementor-icon, .elementor-24 .elementor-element.elementor-element-c91c890.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-24 .elementor-element.elementor-element-c91c890 .elementor-icon{font-size:30px;}.elementor-24 .elementor-element.elementor-element-c91c890 .elementor-icon svg{height:30px;}.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-24 .elementor-element.elementor-element-9d65395{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-24 .elementor-element.elementor-element-2395ea1{width:auto;max-width:auto;text-align:center;}.elementor-24 .elementor-element.elementor-element-2395ea1 img{max-width:100px;}.elementor-24 .elementor-element.elementor-element-c91c890 .elementor-icon{font-size:25px;}.elementor-24 .elementor-element.elementor-element-c91c890 .elementor-icon svg{height:25px;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-9d65395{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-24 .elementor-element.elementor-element-2395ea1{text-align:center;}.elementor-24 .elementor-element.elementor-element-2395ea1 img{max-width:125px;}.elementor-24 .elementor-element.elementor-element-c91c890 .elementor-icon-wrapper{text-align:left;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-2395ea1 *//* Standaard grootte logo */
.logo {
  transition: transform 0.3s ease;
  transform: scale(1); /* origineel formaat */
}

/* Bij scrollen: kleiner logo */
.elementor-sticky--effects .logo {
  transform: scale(0.9); /* 70% formaat */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d65395 *//* ===================================
   TRANSPARANTE STICKY HEADER
   ================================ */

/* Reset alle mogelijke conflicterende styles */
.transparent-header {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

/* Zorg dat header transparant blijft als sticky geactiveerd is maar nog niet gescrolled */
.transparent-header.elementor-sticky {
  background-color: transparent !important;
  box-shadow: none !important;
}

.transparent-header.elementor-sticky--active:not(.elementor-sticky--effects) {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Alleen wanneer EFFECTIEF gescrolled is: groene achtergrond */
.transparent-header.elementor-sticky--effects,
.transparent-header.elementor-sticky.elementor-sticky--effects,
.transparent-header.elementor-sticky--active.elementor-sticky--effects {
 background-color: transparent !important;
  background-image: none !important;
  padding: 0px 0;
  padding-left: 20px;
  padding-right: 20px;
}

/* ===================================
   RESPONSIVE AANPASSINGEN
   ================================ */

/* Tablet en kleiner (1024px en onder) */
@media (max-width: 1024px) {
  .transparent-header.elementor-sticky--effects,
  .transparent-header.elementor-sticky.elementor-sticky--effects,
  .transparent-header.elementor-sticky--active.elementor-sticky--effects {
    padding: 10px 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Mobile (767px en onder) */
@media (max-width: 767px) {
  .transparent-header.elementor-sticky--effects,
  .transparent-header.elementor-sticky.elementor-sticky--effects,
  .transparent-header.elementor-sticky--active.elementor-sticky--effects {
    padding: 10px 0;
    padding-left: 35px;
    padding-right: 35px;
  }
}

/* ===================================
   EXTRA: Logo & content aanpassingen
   ================================ */

/* Optioneel: Logo grootte aanpassen bij scroll */
.transparent-header.elementor-sticky--effects .elementor-nav-menu--logo img {
  max-height: 50px;
  transition: max-height 0.3s ease;
}

/* Optioneel: Menu items kleur aanpassen */
.transparent-header:not(.elementor-sticky--effects) .elementor-nav-menu > li > a {
  /* Kleur voor transparante staat - pas aan naar wens */
  color: #ffffff;
}

.transparent-header.elementor-sticky--effects .elementor-nav-menu > li > a {
  /* Kleur voor groene staat - pas aan naar wens */
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0c2292 *//* Zeer specifieke .elementor-24 .elementor-element.elementor-element-a0c2292 voor transparant */
.transparent-header:not(.elementor-sticky--effects),
.transparent-header.elementor-sticky:not(.elementor-sticky--effects) {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Alleen met effects class: groen */
.transparent-header.elementor-sticky--effects {
  background-color: #70a472 !important;
  padding: 0px 0;
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 1024px) {
  .transparent-header.elementor-sticky--effects {
    padding: 10px 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .transparent-header.elementor-sticky--effects {
    padding: 10px 0;
    padding-left: 35px;
    padding-right: 35px;
  }
}/* End custom CSS */