/* ==========================================================================
   1. HAUPTMENÜ (Zentrierung & Abstände oben - Ausrichtung für 7 Punkte)
   ========================================================================== */
.nav, .navbar, .menu, #nature-navigation {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important; /* Erlaubt sauberes Umbrechen auf Handys */
    margin-bottom: 40px !important;
    list-style: none;
    padding-left: 90px !important; /* Auf 90px verringert, da "Startseite" das Menü verlängert hat */
}

/* Abstand zwischen den Menüpunkten, damit alles in eine Zeile passt */
.nav li, .menu li {
    margin: 0 10px !important;
}

/* ==========================================================================
   2. FOOTER / FUSSZEILE (Zentrierung & schwarzes/blaues Design unten)
   ========================================================================== */
/* Zwingt den gesamten Bereich um bottom-b in die Mitte */
footer, .container-footer, .footer, [class*="bottom-"] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* Formatiert das neue Footer-Modul auf weißem Grund */
.mein-custom-footer {
    width: 100% !important;
    text-align: center !important;
    padding: 30px 0;
}

/* Rechtliche Links in eurem Vereins-Dunkelblau */
.mein-custom-footer .footer-links a {
    color: #003366 !important; 
    text-decoration: underline !important;
    font-weight: bold;
}

.mein-custom-footer .footer-links span {
    color: #333333 !important;
}

/* Copyright Hinweistext */
.mein-custom-footer .footer-copyright {
    color: #555555 !important; 
    font-size: 13px;
    margin: 5px 0 15px 0;
}

/* Social Media Icons */
.mein-custom-footer .footer-icons {
    display: flex !important;
    justify-content: center !important;
    gap: 20px;
}

.mein-custom-footer .footer-icons svg {
    width: 35px;
    height: 35px;
    fill: #003366 !important; /* Icons in eurem Vereins-Blau */
    transition: transform 0.2s ease-in-out;
}

/* Kleiner Animationseffekt beim Drüberfahren mit der Maus */
.mein-custom-footer .footer-icons a:hover svg {
    transform: scale(1.1); 
}