.highlight { background-color: yellow; font-weight: bold; } function searchPage() { const searchInput = document.querySelector('.divi-search-box'); const searchTerm = searchInput.value.toLowerCase().trim(); const contentElements = document.querySelectorAll('.entry-content, .text, .row, .mieter-list'); const highlightClass = 'highlight'; // Entferne vorherige Hervorhebungen document.querySelectorAll(`.${highlightClass}`).forEach(el => { el.classList.remove(highlightClass); }); if (searchTerm === '') { alert('Bitte geben Sie einen Suchbegriff ein.'); return; } let found = false; contentElements.forEach(section => { const textNodes = section.querySelectorAll('p, h1, h2, h3, li, span'); textNodes.forEach(node => { if (node.textContent && node.textContent.toLowerCase().includes(searchTerm)) { found = true; node.classList.add(highlightClass); } }); }); if (!found) { alert('Keine Ergebnisse gefunden.'); } } // Event-Listener für den Suchbutton document.querySelector('.divi-search-button').addEventListener('click', searchPage);