function initPaginator() {
    const form = document.getElementById('search-form-id');
    const pageInput = document.getElementById('s-res-page-input');
    const pageButtons = document.querySelectorAll('.s-res-page-navigation .s-res-page-btn');

    pageButtons.forEach(button => {
        button.addEventListener('click', function() {
            if (this.disabled) return;

            const targetPage = this.getAttribute('data-page');

            if (targetPage && form && pageInput) {
                pageInput.value = targetPage;
                form.submit();
            }
        });
    });
}

// ist das DOM bereits vollständig aufgebaut?
if (document.readyState === 'loading') {
    // Falls noch geladen wird, auf das Event warten
    document.addEventListener('DOMContentLoaded', initPaginator);
} else {
    // Falls das HTML bereits komplett da ist, sofort ausführen
    initPaginator();
}