// Initialisierung der Slider-Logik let currentSlide = 0; const slides = document.querySelectorAll("#sliderContent .slide"); const totalSlides = slides.length; // Funktion zum Wechseln der Slides function changeSlide() { // Alle Slides unsichtbar machen for (let i = 0; i < totalSlides; i++) { slides[i].style.display = 'none'; } // Nächsten Slide sichtbar machen slides[currentSlide].style.display = 'block'; // Slide wechseln currentSlide = (currentSlide + 1) % totalSlides; } // Slider alle 5 Sekunden wechseln setInterval(changeSlide, 3000); // Initialer Aufruf für den ersten Slide changeSlide(); // Zentrierung des Sliders innerhalb des Containers const slider = document.getElementById("slider"); slider.style.width = '100%'; slider.style.height = 'auto'; slider.style.backgroundColor = 'white'; // Weißer Hintergrund slider.style.color = '#777777'; // Schriftfarbe auf #777777 setzen slider.style.textAlign = 'center'; slider.style.fontWeight = 'bold'; // Text fett // Vertikale Zentrierung des Textes im Slider const sliderContent = document.getElementById("sliderContent"); sliderContent.style.display = 'flex'; sliderContent.style.alignItems = 'center'; // Vertikale Zentrierung sliderContent.style.justifyContent = 'center'; // Horizontale Zentrierung sliderContent.style.height = 'auto'; // Setzt die Höhe des Containers auf 100% // Gelbe Sterne vor und hinter jedem Text (immer nur ein Stern) const stars = document.querySelectorAll(".stars"); stars.forEach(star => { star.style.color = 'yellow'; // Gelbe Farbe für die Sterne star.style.fontSize = '20px'; // Schriftgröße für die Sterne });