:root {
  --yellow: #ffe99e;
  --text: #000;
  --blue: #388bff;
  --red: #ec2a28;
  --font-main: Karla, sans-serif;
  --font-extra: "Dela Gothic One", sans-serif;
}

::-moz-selection { /* Code for Firefox */
  color: #FFF;
  background: #000;
}

::selection {
  color: #FFF;
  background: #000;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}


@media screen and (max-width: 991px) {
 
}

@media screen and (max-width: 767px) {
  
}

@media screen and (max-width: 479px) {

}

/*
 * Desktop: schakel Webflow "Section Hide" scroll-animaties uit.
 * Die draaien enkel op breakpoint "main" (≥992px) en laten secties
 * vervagen/verschuiven achter de fullscreen footer.
 */
@media screen and (min-width: 992px) {
  .main-wrapper,
  .main-wrapper > section {
    opacity: 1 !important;
    transform: none !important;
  }

  .image-cover-parallax {
    transform: none !important;
  }

  .footer {
    min-height: auto;
  }
}

/*
 * Newsletter / Brevo-formulier (section-contact)
 * .contact-right had height: 100vh — op kortere schermen duwde de
 * introtekst het Brevo-blok onder de vouw / buiten de container.
 * Laat de kolom meegroeien en forceer zichtbaarheid van .sib-form.
 */
.section-contact {
  overflow: visible;
}

.section-contact .contact-right {
  height: auto;
  min-height: 100vh;
  overflow: visible;
}

.section-contact .sib-form,
.section-contact #sib-form-container,
.section-contact #sib-container,
.section-contact #sib-form {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
}

.section-contact .sib-form {
  width: 100%;
  text-align: left;
}