footer {
    text-align: center;
    padding-block: 1.5rem;

    a {
        --link-color: var(--muted);
        font-size: 1.25rem;
        font-weight: 400;
        font-family: 'Roboto', sans-serif;
    }
}

footer > p {
    display: block;
    margin-inline: auto;

    letter-spacing: -0.01em;
    font-size: 1rem;
    color: var(--muted);
}

.footer-nav {
    display: flex;
    justify-content: center;
    gap: 2rem; /* Abstand zwischen Links */
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0; /* leichter Abstand nach dem Text */
}

@media (max-width: 500px) {
    .footer-nav {
        flex-direction: column;
        gap: 0.5rem;
    }
}