/* Footer Styles - matching index.html */
:root {
    --primary: #374151;
    --primary-light: #6b7280;
    --secondary: #9ca3af;
    --accent: #3b82f6;
    --dark: #1f2937;
}

.footer {
    background: var(--dark);
    color: var(--secondary);
    text-align: center;
    padding: 2rem 0;
    min-height: 105px;
    display: flex;
    align-items: center;
}

.footer a {
    color: var(--accent);
    text-decoration: none;
}

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

.footer p {
    margin: 0;
}

/* Carousel Controls - bessere Sichtbarkeit */
.carousel-control-prev,
.carousel-control-next {
    opacity: 1 !important;
    width: 50px !important;
}

.carousel-control-prev {
    left: -60px !important;
}

.carousel-control-next {
    right: -60px !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem !important;
    height: 3rem !important;
    background-color: rgba(55, 65, 81, 0.8);
    border-radius: 50%;
    padding: 0.75rem;
    transition: background-color 0.3s ease;
}

.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
    background-color: var(--accent);
}

/* Responsive: Bei kleinen Bildschirmen über dem Content */
@media (max-width: 768px) {
    .carousel-control-prev {
        left: 0 !important;
    }
    
    .carousel-control-next {
        right: 0 !important;
    }
}