document.addEventListener('DOMContentLoaded',function(){ // Set SP anchor IDs on containers var idMap={'c83334b':'sp-klarheit','b3d3bb4':'sp-umsatz','be23885':'sp-fuehrung','489ebe9':'sp-systeme'}; Object.entries(idMap).forEach(function(e){var el=document.querySelector('[data-id="'+e[0]+'"]');if(el)el.id=e[1];}); // Pain Point Card → Superpower mapping const map={ '506785e':'#sp-systeme', 'f4a273a':'#sp-fuehrung', '3cddf07':'#sp-umsatz', '7fd970c':'#sp-klarheit' }; // Add click handlers Object.entries(map).forEach(function(entry){ var cardId=entry[0], target=entry[1]; var card=document.querySelector('[data-id="'+cardId+'"]'); if(card){ card.addEventListener('click',function(){ var el=document.querySelector(target); if(el) el.scrollIntoView({behavior:'smooth',block:'start'}); }); card.setAttribute('role','link'); card.setAttribute('tabindex','0'); card.addEventListener('keydown',function(e){ if(e.key==='Enter'){ var el=document.querySelector(target); if(el) el.scrollIntoView({behavior:'smooth',block:'start'}); } }); } }); // Scroll Reveal for Bridge var observer=new IntersectionObserver(function(entries){ entries.forEach(function(entry){ if(entry.isIntersecting){ entry.target.classList.add('revealed'); } }); },{threshold:0.3}); document.querySelectorAll('.bridge-quote-main,.bridge-quote-sub').forEach(function(el){ observer.observe(el); }); }); /* Counter Animation */ window.addEventListener('load', function(){ function animateCounter(el, target, suffix) { var start = 0; var duration = 2000; var startTime = null; function step(timestamp) { if (!startTime) startTime = timestamp; var progress = Math.min((timestamp - startTime) / duration, 1); var eased = 1 - Math.pow(1 - progress, 3); var current = Math.round(eased * target); el.textContent = current + (suffix || ''); if (progress < 1) requestAnimationFrame(step); } requestAnimationFrame(step); } var counterObserver = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting && !entry.target.dataset.counted) { entry.target.dataset.counted = '1'; var ids = {'st1_n': [24, '+'], 'st2_n': [8, '+'], 'st3_n': [100, '+']}; Object.entries(ids).forEach(function(pair) { var heading = document.querySelector('[data-id="' + pair[0] + '"] .elementor-heading-title'); if (heading) animateCounter(heading, pair[1][0], pair[1][1]); }); } }); }, {threshold: 0.5}); var statsContainer = document.querySelector('[data-id="sp_stats"]'); if (statsContainer) counterObserver.observe(statsContainer); });