.slider-container {
            position: relative;
            overflow: hidden; /* Verhindert Überlappungen */
            max-width: 100%; /* Responsive Breite */
        }

        .slider {
            display: flex;
            transition: transform 0.5s ease-in-out; /* Smooth Slide */
        }

        .slider-card {
            flex: 0 0 auto; /* Stellt sicher, dass alle Karten nebeneinander sind */
            margin: 0 10px; /* Abstand zwischen den Karten */
        }

        
        .slider-controls {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
        }

        .slider-controls button {
            background-color: transparent; /* Kein Hintergrund */
            border: none; /* Entfernt den Rahmen */
            color: black; /* Stellt sicher, dass der Pfeil in Schwarz ist */
            cursor: pointer; /* Ändert den Mauszeiger zu einer Hand bei Hover */
            font-size: 6rem; /* Vergrößert den Pfeil */
            padding: 0; /* Kein zusätzliches Padding */
            line-height: 1; /* Stellt sicher, dass der Pfeil nicht zu viel Platz einnimmt */
        }

        .slider-controls button:hover {
            opacity: 0.7; /* Optional: Verlangt den Pfeil bei Hover für eine visuelle Indikation */
        }
        
        #sliderIndicators {
            display: flex;
            justify-content: center;
            margin-top: 10px;
        }

        #sliderIndicators button {
            background-color: rgba(0, 0, 0, 0.5);
            border: none;
            border-radius: 50%;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            cursor: pointer;
        }

        #sliderIndicators button.active {
            background-color: black;
        }