.elementor-52 .elementor-element.elementor-element-3a33fcf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-theme-site-logo .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-52 .elementor-element.elementor-element-3fad0fa{width:var( --container-widget-width, 19.33% );max-width:19.33%;--container-widget-width:19.33%;--container-widget-flex-grow:0;}.elementor-52 .elementor-element.elementor-element-3fad0fa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-52 .elementor-element.elementor-element-b89946a{--display:flex;}.elementor-52 .elementor-element.elementor-element-ba414ac{--display:flex;}.elementor-52 .elementor-element.elementor-element-a219de3.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-a219de3 */<style>
  /* Basisstijlen voor het hamburger-menu */
  .hamburger-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #f9f9f9; /* Achtergrondkleur van het menu */
  }

  /* Stijl voor het hamburger-icoon */
  .hamburger-icon {
    display: none; /* Verborgen op desktop */
    flex-direction: column;
    cursor: pointer;
  }

  .hamburger-icon span {
    width: 25px;
    height: 3px;
    background-color: #333; /* Kleur van de strepen */
    margin: 4px 0;
    transition: 0.4s; /* Soepele overgang voor animatie */
  }

  /* Menu-items */
  .menu-items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* Horizontaal menu op desktop */
  }

  .menu-items li {
    margin: 0 10px;
  }

  .menu-items li a {
    text-decoration: none;
    color: #333; /* Tekstkleur */
    font-size: 16px;
    font-weight: bold;
    transition: color 0.3s ease;
  }

  .menu-items li a:hover {
    color: #0073e6; /* Kleur bij hover */
  }

  .menu-items li a.donate-button {
    background-color: #0073e6; /* Achtergrondkleur van de knop */
    color: #fff; /* Tekstkleur van de knop */
    padding: 10px 20px;
    border-radius: 5px;
  }

  .menu-items li a.donate-button:hover {
    background-color: #005bb5; /* Kleur bij hover */
  }

  /* Responsive stijlen voor mobiele apparaten */
  @media (max-width: 768px) {
    .hamburger-icon {
      display: flex; /* Toon het hamburger-icoon op mobiel */
    }

    .menu-items {
      display: none; /* Verberg het menu standaard op mobiel */
      flex-direction: column;
      width: 100%;
      background-color: #f9f9f9;
      position: absolute;
      top: 50px; /* Afstand vanaf de bovenkant */
      left: 0;
      padding: 10px 0;
    }

    .menu-items li {
      margin: 10px 0;
      text-align: center;
    }

    .menu-items.active {
      display: flex; /* Toon het menu wanneer actief */
    }
  }
</style>/* End custom CSS */