Männerballett (de Brechstangen)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Prinzengarde

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Goldstückchen

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Minigarde

Unsere Minigarde ist eine fröhliche und energiegeladene Gruppe von Tänzerinnen im Alter von 5 bis 11 Jahren. Einmal pro Woche treffen sich die Kinder, um gemeinsam zu tanzen, neue Schritte auszuprobieren und jede Menge Spaß zu haben. Mit viel Geduld und guter Laune zeigen die Trainerinnen den Kids spielerisch die ersten Gardeschritte und zaubern gemeinsam Choreografien. Dabei geht es nicht nur ums Tanzen, die Kinder haben die Möglichkeit, sich auszupowern, neue Freunde zu finden und gemeinsam etwas Tolles auf die Beine zu stellen.

<script> (function(){ const SLIDE_DURATION = 10000; // 10 Sekunden const TRANSITION_MS = 1000; // muss zur CSS-Transition passen (1s) const slider = document.querySelector('.veranstaltung-slider'); if (!slider) return; const slides = Array.from(slider.querySelectorAll('.veranstaltung-slide')); let current = 0; function showNextSlide() { const curr = slides[current]; curr.classList.remove('active'); curr.classList.add('exit'); curr.setAttribute('aria-hidden','true'); current = (current + 1) % slides.length; const next = slides[current]; // Stelle sicher, dass next auf der rechten Seite startet (link:100%) next.style.left = '100%'; // Force reflow (damit Browser die Änderung wahrnimmt) next.getBoundingClientRect(); next.classList.add('active'); next.setAttribute('aria-hidden','false'); // Nach Übergang: bereinigen, alle nicht-aktiven slides nach rechts verschieben setTimeout(() => { slides.forEach((s, i) => { if (i !== current) { s.classList.remove('exit'); s.style.left = '100%'; s.style.opacity = '0'; } }); }, TRANSITION_MS + 50); } // start Intervall let interval = setInterval(showNextSlide, SLIDE_DURATION); // Optional: Pause on hover slider.addEventListener('mouseenter', () => clearInterval(interval)); slider.addEventListener('mouseleave', () => { clearInterval(interval); interval = setInterval(showNextSlide, SLIDE_DURATION); }); })(); </script>