/* === Stijlen voor het hoofdmenu === */
.navbar {
    background-color: #003580 !important;

    /* Nieuwe achtergrondkleur voor het hoofdmenu */
}

.navbar-nav .nav-link {
    color: #ffffff !important;

    /* Witte tekstkleur */
    padding: 1rem 1rem !important;

    /* Padding aanpassen om de hoogte te vergroten */
}

.navbar-nav .nav-link:hover {
    color: #cccccc !important;

    /* Kleur bij hover */
}

/* === Stijlen voor het submenu === */
.navbar-nav .dropdown-menu {
    background-color: #003580 !important;

    /* Nieuwe achtergrondkleur voor het submenu */
    border: none !important;

    /* Geen rand */
    white-space: normal !important;

    /* Zorgen dat de tekst niet op één regel blijft */
    word-break: break-word !important;

    /* Woorden afbreken indien nodig */
}

.navbar-nav .dropdown-menu .dropdown-item {
    color: #ffffff !important;

    /* Witte tekstkleur voor submenu items */
    padding: 0.5rem 1rem !important;

    /* Padding aanpassen */
}

.navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: #0056b3 !important;

    /* Donkerdere kleur bij hover */
    color: #ffffff !important;

    /* Tekstkleur bij hover */
}

/* === Verbeterde contrast voor knoppen === */
.btn {
    background-color: #f58b00;

    /* Donkerdere oranje kleur voor beter contrast */
    color: #ffffff;

    /* Witte tekst blijft goed leesbaar */
    border: 2px solid white;
    text-shadow: none;

    /* Geen schaduw voor leesbaarheid */
}

.btn:hover {
    background-color: #e67e00;

    /* Nog donkerder bij hover */
}

/* === Verbeterde kleur van links === */
a {
    color: #007bff;

    /* Blauwe kleur voor beter contrast */
}

a:hover {
    color: #0056b3;

    /* Donkerblauw bij hover */
}

/* === Verbeterde contrast voor headers en tekst === */
h2,
p {
    color: #003580;

    /* Donkerblauwe kleur voor betere leesbaarheid */
}

/* === Custom CSS for the sticky column === */
.position-sticky {
    position: sticky;
    top: 20px;

    /* Beginpositie van de sticky kolom */
    overflow: visible;

    /* Zorg ervoor dat de inhoud zichtbaar blijft */
    margin-bottom: 100px;

    /* Voeg wat extra ruimte toe aan de onderkant van de kolom om vroegtijdig stoppen te voorkomen */
    z-index: 1000;

    /* Voeg een hoge z-index toe om ervoor te zorgen dat het boven andere elementen blijft */
}

/* Extra ruimte aan de onderkant van de container om sticky element te laten stoppen */
.container-sticky {
    padding-bottom: 150px;

    /* Voeg extra padding toe aan de onderkant van de container */
}

/* Specifieke aanpassing voor links in de footer */
.footer a {
    padding: 10px 15px;

    /* Minder padding om de layout niet te verstoren */
    margin: 2px 0;

    /* Verminderde marge tussen de links */
    font-size: 16px;

    /* De tekstgrootte blijft goed zichtbaar */
    text-decoration: none;

    /* Geen onderlijning voor links */
}

.footer .contact-info a {
    display: inline-block;
    padding: 10px;

    /* Verklein de padding om de tikbare ruimte te vergroten zonder de layout aan te tasten */
    margin: 5px 0;
    font-size: 16px;
    text-decoration: none;
    color: #fff;

    /* Zorg dat de tekstkleur consistent blijft */
}

.footer {
    padding: 20px 0;

    /* Zorg dat de footer zelf consistent blijft qua padding */
}