footer a {
    color: #ff8c42;
}

footer a:hover {
    text-decoration: underline;
}

footer {
    background-color: #333;
    text-align: center;
    padding: 20px 0;
    font-size: 0.9rem;
}

.footer-logo img {
    max-width: 120px; /* Maximale Breite des Logos */
    height: auto; /* Proportionale Skalierung */
    display: block;
    margin: 0 auto; /* Logo zentrieren */
}

/* Copyright-Text in Weiß */
footer p.copyright {
    color: #ffffff; /* Weiß für den Copyright-Text */
    margin: 10px 0; /* Abstände oben und unten */
    font-size: 0.85rem; /* Schriftgröße etwas kleiner */
}

/* Footer-Links in Orange */
footer p.links a {
    color: #ff8c42; /* Orange für die Links */
    text-decoration: none; /* Keine Unterstreichung */
    margin: 0 5px; /* Kleiner Abstand zwischen den Links */
    font-weight: bold; /* Links fetter hervorheben */
}

/* Trennzeichen (|) in Orange */
footer p.links {
    color: #ff8c42; /* Orange für den Strich und Links */
    margin: 5px 0; /* Abstände oben und unten */
}

/* Hover-Effekt für Links */
footer p.links a:hover {
    text-decoration: underline;
}