/* ======================================================== FOOTER ======================================================== */

.footer {
        padding: 20px;
        color: #fff;
        background: #353538;
        text-align: center;
        border-top: 1px solid #000;
        border-bottom: 4px solid #d72222;
}

.footer-container {
        max-width: 800px;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
}

.footer-nav ul,
.social-icons {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
        padding: 0;
        list-style: none;
}

.footer-nav a,
.footer-social a {
        color: #fff;
        font-size: 14px;
        font-weight: 300;
        transition: 0.2s ease;
}

.footer-nav a:hover,
.footer-social a:hover {
        color: #ff0000;
}

/* Hauptnavigation im Footer nebeneinander ausrichten */
.footer-nav ul {
  display: flex !important;
  flex-direction: row; /* Zwingt die Links nebeneinander */
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 20px;
}

/* Optional: Social-Media Icons ebenfalls nebeneinander ausrichten */
.footer-social ul {
  display: flex !important;
  flex-direction: row; /* Zwingt die Links nebeneinander */
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 15px 0 0 0;
  gap: 15px;
}