function showTab(tabId) { // Alle Tabs ausblenden const tabs = document.querySelectorAll('.trainer-tab'); tabs.forEach(tab => tab.classList.remove('active')); // Aktiven Tab anzeigen document.getElementById(tabId).classList.add('active'); // Aktive Button hervorheben const buttons = document.querySelectorAll('.tab-btn'); buttons.forEach(btn => btn.classList.remove('active')); event.target.classList.add('active'); // Suchfeld zurücksetzen document.getElementById('trainerSearch').value = ''; filterTrainers(); // Filter zurücksetzen } function filterTrainers() { const query = document.getElementById('trainerSearch').value.toLowerCase(); const activeTab = document.querySelector('.trainer-tab.active'); const cards = activeTab.querySelectorAll('.trainer-card'); cards.forEach(card => { const name = card.querySelector('h3').textContent.toLowerCase(); const role = card.querySelector('p').textContent.toLowerCase(); const match = name.includes(query) || role.includes(query); card.style.display = match ? 'block' : 'none'; }); }