/* Footer‑Grundlayout */
footer {
    position: relative;
    width: 100%;
    background: #333d43;
    text-align: center;
    padding: 10px 0;

    /* Berechnet die Resthöhe: 100% Bildschirmhöhe minus geschätzte Inhaltshöhe */
    margin-top: calc(100vh - 200px);
}

footer a {
    color: white;
    text-decoration: none;
    margin: 0 12px;
    transition: color 0.2s ease; /* Farbwechsel */
}

footer a:hover,
footer a:focus {
    color: #0066cc;
}