// Counter Animation beim Scrollen class CounterAnimation { constructor() { this.counters = document.querySelectorAll('.nefino-stat-number[data-target]'); this.animated = new Set(); this.init(); } init() { const options = { threshold: 0.5, rootMargin: '0px' }; this.observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting && !this.animated.has(entry.target)) { this.animateCounter(entry.target); this.animated.add(entry.target); } }); }, options); this.counters.forEach(counter => { this.observer.observe(counter); }); } animateCounter(element) { const target = element.getAttribute('data-target'); if (target === 'infinite') { element.style.opacity = '0'; setTimeout(() => { element.style.transition = 'opacity 0.5s ease'; element.style.opacity = '1'; element.textContent = '∞'; }, 300); return; } const targetNumber = parseInt(target); const suffix = element.getAttribute('data-suffix') || ''; const duration = 2000; const steps = 60; const increment = targetNumber / steps; const stepDuration = duration / steps; let current = 0; element.textContent = '0'; const timer = setInterval(() => { current += increment; if (current >= targetNumber) { current = targetNumber; clearInterval(timer); } let displayValue; if (targetNumber >= 1000) { displayValue = Math.floor(current).toLocaleString('de-DE'); } else { displayValue = Math.floor(current); } element.textContent = displayValue + suffix; }, stepDuration); } } // Initialisierung if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => { new CounterAnimation(); }); } else { new CounterAnimation(); }