.footer {
    display: flex;
    justify-content: space-between; /* Verteilte Links gleichmäßig */
    align-items: center; /* Zentriert die Links vertikal */
    text-align: center;
    font-size: 1.2rem;
    color: rgb(88, 88, 88);
    padding: 1rem;
    margin-top: auto; /* Lässt den Footer nach unten verschieben */
    width: 100%; /* Stellt sicher, dass der Footer den gesamten Bildschirm breit ist */
    box-sizing: border-box; /* Verhindert Überlaufprobleme */
    overflow: hidden; /* Verhindert, dass der Footer nach rechts überläuft */
}

.Impressum, .Datenschutz, .ABGs {
    text-decoration: none;
    color: rgb(88, 88, 88);
    margin: 0.5rem;
    padding: 0.5rem;
    display: inline-block;
    border-radius: 5px;
    
}

.footer div {
    flex-grow: 1; /* Jeder Div wächst gleichmäßig */
    display: flex;
    justify-content: center; /* Zentriert die Links horizontal in jedem Div */
    align-items: center; /* Zentriert die Links vertikal */
    margin: 0.5rem; /* Abstand zwischen den Links */
}

.footer a {
    text-decoration: none;
    color: rgb(88, 88, 88);
    padding: 0.5rem;
    display: block;
    border-radius: 5px;
}
  

.Impressum:hover, .Datenschutz:hover, .ABGs:hover {
    background-color: white;
    text-decoration: underline;
    color: rgb(88, 88, 88);
}

.Impressumintern {
    display: flex; /* Flexbox aktivieren */
    flex-direction: column; /* Elemente vertikal anordnen */
    align-items: center; /* Zentrierung horizontal */
    justify-content: center; /* Zentrierung vertikal */
    margin-top: 2rem;
    padding: 2rem 1rem;
    flex-wrap: wrap; /* Umbruch bei kleinen Bildschirmgrößen */
    gap: 1rem; /* Abstand zwischen den Elementen */
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 600px; /* Maximale Breite */
    margin-left: auto; /* Zentrierung durch Auto-Margins */
    margin-right: auto;
    text-align: center; /* Textzentrierung */
}

.ImpressumUberschrift {
    font-size: 2em;
    text-align: center; /* Text im Header zentrieren */
}

.ImpressumText {
    font-size: 1em;
    text-align: center; /* Text zentrieren */
}

@media (max-width: 960px) {
    
    .footer {
        justify-content: space-between; /* Links gleichmäßig verteilen */
        font-size: 1rem; /* Kleinere Schriftgröße */
        align-items: center; /* Zentriert die Links vertikal */
    }

    .footer div {
        flex: none; /* Keine Verteilung mehr, die div-Elemente sind statisch */
        margin: 0 0.5rem; /* Gleicher Abstand links und rechts */
    }



    .footer a {
        padding: 0.5rem; /* Gleiche Polsterung für alle Links */
    }

}