document.querySelectorAll('.tab-btn-modern').forEach(button => { button.addEventListener('click', () => { const group = button.getAttribute('data-group'); document.querySelectorAll('.tab-btn-modern').forEach(btn => btn.classList.remove('active')); button.classList.add('active'); document.querySelectorAll('.trainer-card').forEach(card => { if (group === 'alle' || card.getAttribute('data-group') === group) { card.style.display = 'block'; } else { card.style.display = 'none'; } }); }); });