/* Start FooterFrame2.css */

/* Zorg ervoor dat de footer vast aan de onderkant staat */
.fixed-footer-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #1E6E68; /* Zelfde kleur als header */
    z-index: 1000;
    height: auto; /* Zorg ervoor dat de hoogte automatisch wordt aangepast aan de inhoud */
}

/* Stijl voor de navbar binnen de footer */
.fixed-footer-container .navbar {
    background-color: #1E6E68; /* Zelfde kleur als header */
    margin-bottom: 0;
    padding: 5px 10px; /* Verklein de padding om minder ruimte in te nemen */
}

/* Stijl voor links in de footer */
.fixed-footer-container .navbar-brand,
.fixed-footer-container .navbar-nav .nav-link {
    color: #ffffff; /* Witte tekstkleur */
   
}

.fixed-footer-container .navbar-brand:hover,
.fixed-footer-container .navbar-nav .nav-link:hover {
    color: #ffffff; /* Witte tekstkleur bij hover */
}

/* Voor de centrale links in de footer */
.fixed-footer-container .mx-auto {
    display: flex;
    justify-content: center;
}

/* Voor de rechter uitgelijnde links */
.fixed-footer-container .ms-auto {
    margin-left: auto;
}

/* Zorg ervoor dat het hamburger-menu goed werkt */
.navbar-toggler {
    border: none;
    background-color: transparent;
}

/* Optionele responsieve aanpassing voor kleine schermen */
@media (max-width: 768px) {
    .fixed-footer-container .navbar-nav {
        flex-direction: column; /* Links onder elkaar op kleine schermen */
        align-items: center; /* Centraal uitlijnen op kleinere schermen */
    }

    /* Verklein de lettergrootte voor kleine schermen */
    .fixed-footer-container .navbar-nav .nav-link {
        font-size: 14px;
    }
}