Contact

document.addEventListener('DOMContentLoaded', function() { const label = document.getElementById('stickyLabel'); const sections = [ { id: 'section-kontakt', label: 'Kontakt', color: '#ffffff' }, { id: 'section-formular', label: 'Ein gemeinsames Projekt?', color: '#ffffff' }, { id: 'section-header', label: 'Für Sie erreichbar', color: '#ffffff' }, { id: 'section-anfahrt', label: 'Hier finden Sie uns', color: '#a2915f' }, { id: 'anfahrt', label: 'Anfahrt', color: '#ffffff' }, { id: 'section-projekt', label: 'ein gemeinsames Projekt? ', color: '#ff4c08' }, { id: 'blog', label: 'Blog', color: '#ffffff' }, { id: 'section-film', label: 'Film', color: '#ffffff' }, { id: 'section-einblick', label: 'EINBLICK', color: '#ff4c08' }, { id: 'section-kaffee', label: 'ein gemeinsames Projekt? ', color: '#fffffff' }, { id: 'section-fakten', label: 'das spricht für uns', color: '#fffffff' }, ]; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (!entry.isIntersecting) return; const id = entry.target.id; const match = sections.find(s => s.id === id); if (!match) return; label.textContent = match.label; label.style.color = match.color; }); }, { threshold: 0.4 }); sections.forEach(s => { const el = document.getElementById(s.id); if (el) observer.observe(el); }); });