document.addEventListener('DOMContentLoaded', function () { var modalWrapper = document.getElementById('faq-global-modal-wrapper'); var modalContent = document.getElementById('faq-global-modal-content'); if (!modalWrapper) { modalWrapper = document.createElement('div'); modalWrapper.id = 'faq-global-modal-wrapper'; modalWrapper.style.cssText = 'position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.45);z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;'; modalContent = document.createElement('div'); modalContent.id = 'faq-global-modal-content'; modalContent.style.cssText = 'background:#ffffff;border:1px solid #4C595D;border-radius:6px;width:880px;max-width:95vw;max-height:85vh;overflow-y:auto;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,0.4);position:relative;box-sizing:border-box;'; modalWrapper.appendChild(modalContent); document.body.appendChild(modalWrapper); modalWrapper.addEventListener('click', function (e) { if (e.target === modalWrapper) { closeGlobalModal(); } }); document.addEventListener('keydown', function (e) { if (e.key === 'Escape') { closeGlobalModal(); } }); } var activeCollapse = null; function closeGlobalModal() { if (!modalWrapper) return; modalWrapper.style.display = 'none'; modalContent.innerHTML = ''; if (activeCollapse) { if (window.jQuery) { window.jQuery(activeCollapse).collapse('hide'); } else { activeCollapse.classList.remove('show'); } activeCollapse = null; } } /* Klick-Listener: Ignoriert Header, Top-Bar, Sprachauswahl, Filter & Warenkorb */ document.addEventListener('click', function (e) { /* Ausnahmeregeln für Core-Elemente */ if (e.target.closest('.top-bar, header, .country-settings, .filter-collapse, a[href*="filter-collapse"], .cmp-basket-preview-list, #basket-preview-list')) { return; } var trigger = e.target.closest('.widget-accordion button, .widget-collapse button, .widget-accordion .card-header, .widget-collapse .card-header'); if (trigger) { if (window.innerWidth < 992) { return; } var targetId = trigger.getAttribute('data-target') || trigger.getAttribute('href'); var targetEl = null; if (targetId && targetId.startsWith('#')) { targetEl = document.querySelector(targetId); } if (!targetEl) { var card = trigger.closest('.card, .widget-inner, div[id*="heading"]'); if (card) { targetEl = card.querySelector('.collapse'); } } if (targetEl) { setTimeout(function () { if (targetEl.classList.contains('show') || trigger.getAttribute('aria-expanded') === 'true') { activeCollapse = targetEl; modalContent.innerHTML = targetEl.innerHTML; modalWrapper.style.display = 'flex'; } else { closeGlobalModal(); } }, 60); } } }); });