/** footer styles */

footer {
    height: var(--footer-height);
    background-color: var(--primary-color);
    border: 1px solid var(--secondary-color);
    border-radius: var(--box-border-radius);
    color: var(--secondary-font-color);
    margin: 16px;
    @media (max-width: 768px) {
        padding: 0px; /* Adjust the padding for smaller screens */
        margin: 8px; /* Adjust the margin for smaller screens */
    }
}

footer a {
    text-decoration: none; /* Entfernt die Unterstreichung */
    color: var(--secondary-font-color); /* Setzt die Schriftfarbe */
}
footer a:hover {
    text-decoration: underline; /* Unterstreichung beim Überfahren mit der Maus */
    font-weight: bold; /* Macht den Text fett */
}