.fixed-height {
  height: 100px; /* Stel de vaste hoogte in */
  width: auto; /* Zorgt ervoor dat de breedte zich aanpast om de aspectratio te behouden */
}

.bg-secondary {
    --si-bg-opacity: 1;
    background-color: #f3f6ff;
}

.img,figure {
    max-width: 100%;
    /* height:auto; */
    vertical-align: middle
}

#subscribe::before {
    content: "";
    display: block;
    height: 0;
    /*margin-top: -70px; !* Aanpassen op basis van de hoogte van je navbar *!*/
    padding-top: 70px; /* Dezelfde waarde als margin-top maar dan positief */
    visibility: hidden;
}

.button-container {
    display: flex;
    justify-content: space-between; /* Dit zorgt voor ruimte tussen de knoppen */
    align-items: center; /* Dit zorgt ervoor dat de knoppen op dezelfde lijn staan */
}

.button-container .btn {
    margin: 0 10px; /* Voegt 10px marge toe aan de linker- en rechterkant van elke knop */
}

.hero-heading {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  line-height: 1.2;
}

/* --- Logo wall --- */
.brand-swiper { padding: 8px 0; }
.brand-swiper .swiper-wrapper { align-items: center; }
.brand-swiper .swiper-slide { width: auto; padding: 0 16px; } /* ruimte tussen logo's */

.brand-logo {
  max-height: 48px;
  width: auto;
  display: block;
  opacity: 0.9;
  filter: grayscale(100%);
  transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}
.brand-logo:hover { opacity: 1; filter: grayscale(0%); transform: translateY(-1px); }

@media (max-width: 576px) {
  .brand-swiper .swiper-slide { padding: 0 12px; }
  .brand-logo { max-height: 40px; }
}

/* Collapse toggle button text (Toon/Verberg) */
.collapse-toggle .when-open { display: none; }
.collapse-toggle[aria-expanded="true"] .when-open { display: inline; }
.collapse-toggle[aria-expanded="true"] .when-closed { display: none; }