/* Copyright Bereich */
#copyright {
    background: #D8807A; /* Hintergrundfarbe */
    color: #ccc;
    padding: 50px 0; /* Vertikale Polsterung */
    font-size: 12px;
    line-height: 28px;
    max-width: 1450px; /* Maximale Breite wie bei anderen Abschnitten */
    margin: 50px auto 0; /* Abstand oben und zentriert */
    border-radius: 20px; /* Abgerundete Ecken */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); /* Schatten */
    text-align: center; /* Zentriert den gesamten Inhalt */
}

/* Copyright-Text */
#copyright p {
    margin: 0; /* Kein zusätzlicher Abstand */
}

/* Horizontales Menü Styling */
#copyright .menu-horizontal {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 15px; /* Abstand zwischen Menüpunkten */
    justify-content: center; /* Menü horizontal zentriert */
    flex-wrap: wrap; /* Menü bricht in mehrere Zeilen um, falls nötig */
}

/* Menüeinträge */
#copyright .menu-horizontal li {
    display: inline;
}

/* Links Styling */
#copyright .menu-horizontal a {
    text-decoration: none; /* Entfernt Unterstreichung */
    color: #fff; /* Farbe der Links */
    font-weight: bold; /* Fettgedruckt */
    transition: color 0.3s ease; /* Weicher Hover-Effekt */
}

#copyright .menu-horizontal a:hover {
    color: #ffddc1; /* Hover-Farbe */
}

/* Mobile Ansicht */
@media (max-width: 991px) {
    #copyright p {
        float: none !important;
        text-align: center;
        margin-bottom: 10px; /* Abstand unterhalb des Textes */
    }

    #copyright .menu-horizontal {
        flex-wrap: wrap; /* Menüzeilen umbrechen bei schmalen Geräten */
        gap: 10px; /* Weniger Abstand zwischen Einträgen */
    }
}