/* ========================
   FOOTER-GRUNDSTYLES
======================== */
footer {
    left: 0;
    width: 100%;           /* volle Breite */
    background-color: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(3px);
    color: #f8f8f8;
    padding: 10px 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

/* ZENTRALER BEREICH */
.footer-center {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* FOOTER OBERE ZEILE */
.footer-top .footer-cell-1 { flex: 2; }
.footer-top .footer-cell-2 { flex: 1; }
.footer-top .footer-cell-3 { flex: 1; }

.footer-cell {
    padding: 10px;
    min-width: 150px;
    box-sizing: border-box;
}

/* ===== SPEZIFISCHE LINK-FARBEN NUR IM FOOTER-TOP ===== */
.footer-top .footer-cell a {
    color: #f8f8f8; /* Standardfarbe */
    text-decoration: none;
    transition: color 0.3s;
}

.footer-top .footer-cell a:hover {
    color: #4a4a4a; /* Hover-Farbe */
}

/* TRENNLINIE */
.footer-separator {
    border: none;
    border-top: 1px solid rgba(255,255,255,0.2);
    width: 90%;
    margin: 10px auto;
}

/* FOOTER BOTTOM: ICONS */
.footer-bottom .footer-center {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

.footer-icons {
    display: flex;
    gap: 20px;
}

/* ICONS: Standard & Hover */
.footer-icon {
    display: inline-flex;
    transition: transform 0.3s, color 0.3s;
    color: #f8f8f8; /* Standardfarbe */
}

.footer-icon svg {
    width: 25px;
    height: 25px;
}

.footer-icon:hover {
    color: #1c4ccb; /* Hover-Farbe */
    transform: scale(1.1);
}

/* LINK-STYLES ALLGEMEIN (SICHERHEIT) */
.footer-center a {
    text-decoration: none;
    margin: 0 10px;
    transition: color 0.3s;
}