.footer {
    color: white;
    background-color: #702903; /* Hintergrundfarbe mit Transparenz */
    padding: 20px;
    text-align: center;
    font-size: 25px;
}

.footer a {
    color: white;
    text-decoration: none;
}

.footer a:hover {
    color: black;
    transition: 100ms;
}
/* Stile für die Social-Media-Buttons im Footer */
.footer-social-buttons {
    margin-top: 20px;
}

.footer-social-button {
    display: inline-block;
    color: #fff;
    background-color: #333; /* Dunkler Hintergrund für Buttons */
    border-radius: 5px;
    padding: 10px 15px;
    margin: 5px;
    text-decoration: none;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.footer-social-button:hover {
    background-color: #555; /* Etwas hellere Farbe beim Hover */
}

.footer-social-button i {
    margin-right: 8px; /* Abstand zwischen Icon und Text */
}

/* Stile für einzelne Social-Media-Buttons im Footer */
.footer-social-button.facebook-button {
    background-color: #3b5998; /* Facebook Blau */
}

.footer-social-button.x-button {
    background-color: #000; /* X (ehemals Twitter) Schwarz */
}

.footer-social-button.x-button:hover {
    background-color: #fff2; /* X (ehemals Twitter) Schwarz */
}

.footer-social-button.linkedin-button {
    background-color: #0077b5; /* LinkedIn Blau */
}

.footer-social-button.whatsapp-button {
 background-color: #128C7E; /* WhatsApp Grün */
}