body {
    background: url('../files/image/3dsechseckdunkel.jpg') center/cover no-repeat fixed;
    color: #f5f5f5; /* Helle Schriftfarbe für dunklen Hintergrund */
    transition: background 0.3s, color 0.3s;
}

body.dark-mode {
    background: #1f1f1f !important;
    color: #eee; /* etwas dunkleres Weiß für Augenfreundlichkeit */
}

.navbar-dark .nav-link.active {
    font-weight: bold;
    text-decoration: underline;
}

.navbar-dark .nav-link {
    color: #f5f5f5; /* Links in heller Farbe */
}

.navbar-dark .nav-link:hover {
    color: #ffd700; /* Goldfarbe beim Hover */
}

footer img {
    transition: transform 0.2s ease;
}

footer img:hover {
    transform: scale(1.1);
}