#heroMaxHeight{
	height: 100vh !important; 
  height: calc(var(--vh, 1vh) * 100) !important;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
}
html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: auto;
}

/* Voor Webkit browsers zoals Chrome, Safari en Edge */
::-webkit-scrollbar {
    width: 10px; /* Breedte van de scrollbar */
    height: 10px; /* Hoogte van de scrollbar voor horizontale scrollbars */
}

::-webkit-scrollbar-track {
    background: transparent; /* Achtergrond van de scrollbar track */
    border-radius: 10px; /* Afronden van hoeken */
}

::-webkit-scrollbar-thumb {
    background: #7188c3; /* Kleur van de scrollbar */
    border-radius: 10px; /* Afronden van hoeken */
    border: 3px solid #7188c3; /* Voeg een rand toe om de thumb */
}

::-webkit-scrollbar-thumb:hover {
    background: #3c528b; /* Kleur van de scrollbar bij hover */
}

/* Voor Firefox */
* {
    scrollbar-width: thin; /* Dikte van de scrollbar */
    scrollbar-color: #7188c3 transparent; /* Kleur van de scrollbar en track */
}

/* Voor oudere versies van Internet Explorer en Edge */
body {
    -ms-overflow-style: scrollbar; /* Zorgt ervoor dat aangepaste scrollbars worden weergegeven */
}