{"id":3698,"date":"2026-04-16T08:49:12","date_gmt":"2026-04-16T06:49:12","guid":{"rendered":"https:\/\/kufa-lyss.wp.syrakus.dev\/?page_id=3698"},"modified":"2026-06-03T00:50:23","modified_gmt":"2026-06-02T22:50:23","slug":"coupe-romanoff","status":"publish","type":"page","link":"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/events\/coupe-romanoff\/","title":{"rendered":"Coupe Romanoff"},"content":{"rendered":"    <style id=\"syrakus-slider-theme-css\">\/* Kufa Style for Event Slides *\/\n\n.syrakus-event-slides.kufa-style .syrakus-slide-overlay {\n    background: none;\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-end;\n    padding: 3rem; \/* Equal distance to bottom and right *\/\n}\n\n.syrakus-event-slides.kufa-style .syrakus-slides-fullscreen {\n    top: 2rem;\n    right: 2rem;\n    bottom: auto;\n}\n\n.syrakus-event-slides.kufa-style .syrakus-slide-content {\n    margin: 0;\n    text-align: right;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    max-width: 95%; \/* Allow wider content *\/\n}\n\n.syrakus-event-slides.kufa-style .syrakus-slide-title,\n.syrakus-event-slides.kufa-style .syrakus-slide-subtitle,\n.syrakus-event-slides.kufa-style .syrakus-slide-date {\n    background-color: #000;\n    color: #fff;\n    display: table;\n    padding: 0.3rem 0.8rem;\n    margin: 0 0 0.1rem 0; \/* Reduced vertical gap *\/\n    text-shadow: none;\n    width: auto;\n    font-weight: bold;\n}\n\n.syrakus-event-slides.kufa-style .syrakus-slide-title {\n    font-size: 3.5rem;\n    line-height: 1.1;\n    text-transform: uppercase;\n}\n\n.syrakus-event-slides.kufa-style .syrakus-slide-subtitle {\n    font-size: 1.5rem;\n    font-weight: normal;\n    opacity: 1;\n}\n\n.syrakus-event-slides.kufa-style .syrakus-slide-date {\n    font-size: 1.2rem;\n    margin-bottom: 0.1rem; \/* Reduced vertical gap *\/\n}\n\n.syrakus-event-slides.kufa-style .syrakus-slide-meta {\n    justify-content: flex-end;\n    gap: 0.5rem;\n    margin-top: 0.1rem; \/* Reduced gap *\/\n}\n\n.syrakus-event-slides.kufa-style .syrakus-slide-genre,\n.syrakus-event-slides.kufa-style .syrakus-slide-tag,\n.syrakus-event-slides.kufa-style .syrakus-slide-category {\n    background-color: #000;\n    color: #fff;\n    border-radius: 0;\n    padding: 0.25rem 0.75rem;\n    font-size: 1rem;\n    text-transform: capitalize;\n    font-weight: normal;\n}\n\n.syrakus-event-slides.kufa-style .syrakus-today-marker {\n    background-color: #000;\n    color: #fff;\n    border-radius: 0;\n    padding: 0.3rem 0.8rem;\n    margin-bottom: 0.1rem; \/* Reduced vertical gap *\/\n    font-size: 1rem;\n    text-transform: uppercase;\n    font-weight: bold;\n}\n\n@media (max-width: 768px) {\n    .syrakus-event-slides.kufa-style .syrakus-slide-overlay {\n        padding: 1.5rem;\n    }\n    .syrakus-event-slides.kufa-style .syrakus-slide-title {\n        font-size: 2rem;\n    }\n    .syrakus-event-slides.kufa-style .syrakus-slide-subtitle {\n        font-size: 1rem;\n    }\n    .syrakus-event-slides.kufa-style .syrakus-slide-date {\n        font-size: 0.9rem;\n    }\n}\n<\/style>    <div id=\"syrakus-slides-3NZU8wpL\" \n         class=\"syrakus-event-slides is-editor transition-fade kufa-style\" \n         data-speed=\"5000\" \n         data-autoplay=\"true\" \n         data-duration=\"800\" \n         style=\"--syrakus-transition-dur: 800ms; --syrakus-slides-height-desktop: 500px; --syrakus-slides-height-tablet: 400px; --syrakus-slides-height-mobile: 300px;\">\n                    <div class=\"syrakus-editor-overlay\">\n                <span>Event Slides: Click here to select and change settings<\/span>\n            <\/div>\n                <div class=\"syrakus-slides-container\">\n                            <div class=\"syrakus-slide active\">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-demo2-pmhmljjq4a\/B\/8\/H\/X5HgIrDZFlExAuqSqW\/kleinere%20Aufl\u00f6sung.jpg\" \n                         alt=\"Sven Ivani\u0107\" \n                         class=\"syrakus-slide-image\" \n                         loading=\"lazy\" \n                         width=\"1920\" \n                         height=\"1080\">\n                    <a href=\"javascript:void(0)\" class=\"syrakus-slide-link syrakus-editor-link\">\n                        <div class=\"syrakus-slide-overlay\">\n                            <div class=\"syrakus-slide-content\">\n                                                                <div class=\"syrakus-slide-date\">19.12.2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Sven Ivani\u0107<\/h2>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                    <\/div>\n                <button class=\"syrakus-slides-fullscreen\" aria-label=\"Toggle Fullscreen\">\n            <span class=\"syrakus-icon-fs-enter\">&#9974;<\/span>\n            <span class=\"syrakus-icon-fs-exit\">&#10005;<\/span>\n        <\/button>\n    <\/div>\n    <script>\n    (function() {\n        const slider = document.getElementById('syrakus-slides-3NZU8wpL');\n        if (!slider) return;\n        \n        const slides = slider.querySelectorAll('.syrakus-slide');\n        const dots = slider.querySelectorAll('.syrakus-slides-dot');\n        const prev = slider.querySelector('.syrakus-slides-prev');\n        const next = slider.querySelector('.syrakus-slides-next');\n        const playPauseBtn = slider.querySelector('.syrakus-slides-playpause');\n        const fullscreenBtn = slider.querySelector('.syrakus-slides-fullscreen');\n        \n        const speed = parseInt(slider.getAttribute('data-speed')) || 5000;\n        const autoplayAttr = slider.getAttribute('data-autoplay') === 'true';\n        const transitionDur = parseInt(slider.getAttribute('data-duration')) || 800;\n        \n        let currentIndex = 0;\n        let interval;\n        let isTransitioning = false;\n        let isPaused = !autoplayAttr;\n        let isFullscreen = false;\n        let isRealFullscreen = false;\n        let controlsTimer;\n\n        function showSlide(index) {\n            const nextIndex = (index + slides.length) % slides.length;\n            if (nextIndex === currentIndex || isTransitioning) return;\n\n            isTransitioning = true;\n            const currentSlide = slides[currentIndex];\n            const nextSlideEl = slides[nextIndex];\n            const isSlideType = slider.classList.contains('transition-slide');\n            \n            \/\/ For 'slide' transition, we want to know direction\n            let isNext = index > currentIndex;\n            if (currentIndex === slides.length - 1 && index === 0) isNext = true;\n            if (currentIndex === 0 && index === slides.length - 1) isNext = false;\n            \n            \/\/ 1. Prepare next slide (off-screen, no transition if sliding)\n            if (isSlideType) {\n                nextSlideEl.style.transition = 'none';\n                nextSlideEl.classList.remove('active', 'prev-slide', 'slide-left', 'slide-right');\n                nextSlideEl.classList.add(isNext ? 'slide-right' : 'slide-left');\n            }\n\n            \/\/ 2. Clear states from other slides (safety)\n            slides.forEach(s => {\n                if (s !== currentSlide && s !== nextSlideEl) {\n                    s.classList.remove('prev-slide', 'slide-left', 'slide-right');\n                    if (!s.classList.contains('active') && isSlideType) {\n                         s.style.transition = 'none'; \/\/ reset others only for slide transitions\n                    }\n                }\n            });\n\n            \/\/ Trigger reflow\n            slider.offsetHeight;\n\n            \/\/ 3. Start transition\n            nextSlideEl.style.transition = '';\n            currentSlide.style.transition = '';\n            \n            currentSlide.classList.add('prev-slide');\n            currentSlide.classList.remove('active');\n\n            if (isSlideType) {\n                currentSlide.classList.add(isNext ? 'slide-left' : 'slide-right');\n            }\n\n            nextSlideEl.classList.remove('slide-left', 'slide-right');\n            nextSlideEl.classList.add('active');\n\n            currentIndex = nextIndex;\n            \n            dots.forEach(d => d.classList.remove('active'));\n            if (dots[currentIndex]) dots[currentIndex].classList.add('active');\n\n            setTimeout(() => {\n                isTransitioning = false;\n                currentSlide.classList.remove('prev-slide', 'slide-left', 'slide-right');\n            }, transitionDur + 50); \/\/ Small buffer\n        }\n\n        function nextSlide() {\n            showSlide(currentIndex + 1);\n        }\n\n        function prevSlide() {\n            showSlide(currentIndex - 1);\n        }\n\n        function startAutoplay() {\n            clearInterval(interval);\n            if (!isPaused && slides.length > 1) {\n                interval = setInterval(nextSlide, speed);\n            }\n            if (playPauseBtn) {\n                playPauseBtn.classList.toggle('is-playing', !isPaused);\n            }\n        }\n\n        function stopAutoplay(manual = false) {\n            clearInterval(interval);\n            if (manual) {\n                isPaused = true;\n                if (playPauseBtn) playPauseBtn.classList.remove('is-playing');\n            }\n        }\n\n        if (next) next.addEventListener('click', () => {\n            nextSlide();\n            stopAutoplay(true);\n        });\n        \n        if (prev) prev.addEventListener('click', () => {\n            prevSlide();\n            stopAutoplay(true);\n        });\n\n        dots.forEach(dot => {\n            dot.addEventListener('click', () => {\n                showSlide(parseInt(dot.getAttribute('data-index')));\n                stopAutoplay(true);\n            });\n        });\n\n        if (playPauseBtn) {\n            playPauseBtn.addEventListener('click', () => {\n                isPaused = !isPaused;\n                if (isPaused) {\n                    stopAutoplay();\n                } else {\n                    startAutoplay();\n                }\n            });\n        }\n\n        \/\/ Fullscreen logic\n        function toggleFullscreen() {\n            if (!isFullscreen) {\n                if (slider.requestFullscreen) {\n                    slider.requestFullscreen();\n                } else if (slider.webkitRequestFullscreen) {\n                    slider.webkitRequestFullscreen();\n                } else if (slider.msRequestFullscreen) {\n                    slider.msRequestFullscreen();\n                } else {\n                    \/\/ Fallback to class-only if API fails or not supported\n                    enterFullscreenMode();\n                }\n            } else {\n                \/\/ Check if we are in real fullscreen\n                if (document.fullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement) {\n                    if (document.exitFullscreen) {\n                        document.exitFullscreen();\n                    } else if (document.webkitExitFullscreen) {\n                        document.webkitExitFullscreen();\n                    } else if (document.msExitFullscreen) {\n                        document.msExitFullscreen();\n                    }\n                } else {\n                    \/\/ We were only in fake fullscreen (e.g. via ?fullscreen)\n                    exitFullscreenMode();\n                }\n            }\n        }\n\n        function enterFullscreenMode() {\n            isFullscreen = true;\n            slider.classList.add('is-fullscreen');\n            document.documentElement.classList.add('syrakus-fullscreen-active');\n            showControls();\n        }\n\n        function exitFullscreenMode() {\n            isFullscreen = false;\n            isRealFullscreen = false;\n            slider.classList.remove('is-fullscreen');\n            \/\/ Only remove global class if no other slider is in fullscreen\n            if (!document.querySelector('.syrakus-event-slides.is-fullscreen')) {\n                document.documentElement.classList.remove('syrakus-fullscreen-active');\n            }\n            clearTimeout(controlsTimer);\n            slider.classList.remove('show-controls');\n        }\n\n        function handleFullscreenChange() {\n            const fsEl = document.fullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement;\n            if (fsEl === slider) {\n                isRealFullscreen = true;\n                enterFullscreenMode();\n            } else if (isRealFullscreen && !fsEl) {\n                isRealFullscreen = false;\n                exitFullscreenMode();\n            }\n        }\n\n        document.addEventListener('fullscreenchange', handleFullscreenChange);\n        document.addEventListener('webkitfullscreenchange', handleFullscreenChange);\n        document.addEventListener('MSFullscreenChange', handleFullscreenChange);\n\n        if (fullscreenBtn) {\n            fullscreenBtn.addEventListener('click', toggleFullscreen);\n        }\n\n        const urlParams = new URLSearchParams(window.location.search);\n        if (urlParams.has('fullscreen')) {\n            enterFullscreenMode();\n        }\n\n        function showControls() {\n            slider.classList.add('show-controls');\n            clearTimeout(controlsTimer);\n            controlsTimer = setTimeout(() => {\n                slider.classList.remove('show-controls');\n            }, 3000); \/\/ 3 seconds timeout\n        }\n\n        slider.addEventListener('mouseenter', showControls);\n        slider.addEventListener('mousemove', showControls);\n        slider.addEventListener('mouseleave', (e) => {\n            \/\/ Only hide if we actually left the slider, not just moved to a child\n            if (!slider.contains(e.relatedTarget)) {\n                slider.classList.remove('show-controls');\n                clearTimeout(controlsTimer);\n            }\n        });\n        \/\/ Ensure buttons and dots also trigger it\n        [prev, next, playPauseBtn, fullscreenBtn, ...dots].forEach(el => {\n            if (el) el.addEventListener('mouseenter', showControls);\n        });\n\n        \/\/ Swipe support\n        let touchStartX = 0;\n        let touchEndX = 0;\n\n        slider.addEventListener('touchstart', (e) => {\n            touchStartX = e.changedTouches[0].screenX;\n            showControls();\n        }, { passive: true });\n\n        slider.addEventListener('touchend', (e) => {\n            touchEndX = e.changedTouches[0].screenX;\n            handleSwipe();\n        }, { passive: true });\n\n        function handleSwipe() {\n            const swipeThreshold = 30; \/\/ Reduced threshold for better responsiveness\n            const diffX = touchEndX - touchStartX;\n            \n            if (Math.abs(diffX) > swipeThreshold) {\n                if (diffX < 0) {\n                    \/\/ Swipe left -> next slide\n                    nextSlide();\n                } else {\n                    \/\/ Swipe right -> prev slide\n                    prevSlide();\n                }\n                stopAutoplay(true);\n            }\n        }\n\n        \/\/ Escape key fallback (Fullscreen API handles it, but just in case or for manual mode)\n        document.addEventListener('keydown', (e) => {\n            if (e.key === 'Escape' && isFullscreen) {\n                toggleFullscreen();\n            }\n        });\n\n        startAutoplay();\n    })();\n    <\/script>\n    \n\n\n<p class=\"wp-block-paragraph\">Die Kleinkunst-Veranstaltungsserie in der KUFA Lyss, pr\u00e4sentiert das neue Saisonprogramm 2025\/26. Das bereits 16. Jahresprogramm bietet wie gewohnt abwechslungsreiche Leckerbissen aus den Bereichen Comedy, Stand Up und Kleinkunst. Die donnerst\u00e4glichen Auff\u00fchrungen sind f\u00fcr das Publikum ein kleiner, fr\u00f6hlicher und konstanter Stern am Kulturhimmel.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-b2e659ba wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\"><div class=\"syrakus-block-editor-wrapper\"><div class=\"syrakus-editor-overlay\"><span>Event List: Click here to select and change settings<\/span><\/div>\n<div class=\"syrakus-event-list syrakus-grid kufa-style\">\n    <style id=\"syrakus-list-theme-css\">\/* Kufa Style - Event List CSS *\/\n\n.syrakus-month-header {\n    border-bottom: 3px solid;\n}\n.syrakus-event-item a {\n    text-decoration: none;\n}\nul.syrakus-event-list > li {\n    border: 0;\n    background-color: transparent;\n    padding-top: 0;\n}\n\n.syrakus-month-group {\n    margin: 0px 0px 50px 0px;\n    border-style: none;\n}\n.syrakus-month-header h3 {\n    line-height: 1;\n    padding: 0;\n    margin: 0;\n    font-size: 2rem;\n}\n\n.syrakus-event-item {\n    padding-top: 1em;\n    padding-bottom: 1em;\n    border-bottom: 1px solid gray;\n    flex-wrap: wrap;\n}\n\n.syrakus-event-item:first-child {\n    border-top: 0;\n}\n\n.syrakus-event-item:last-child {\n    border-bottom: 1px solid gray;\n}\n\n.syrakus-event-date > a {\n    color: #fff;\n}\n\n.syrakus-tags-container > div,\n.syrakus-categories-container > div,\n.syrakus-genres-container > div,\n.syrakus-availability-container > div,\n.syrakus-event-subtitle [class^=\"syrakus-availability-\"] {\n    display: inline-block;\n    border-radius: 0;\n    font-size: 1em;\n    text-transform: capitalize;\n    margin-right: 0.1em;\n}\n\n.syrakus-event-subtitle [class^=\"syrakus-availability-\"] {\n    margin-left: 0;\n    vertical-align: middle;\n    font-size: 0.5em;\n    margin-bottom: 0.4em;\n}\n\n.syrakus-availability-available {\n    border: 0 !important;\n    background: #15CF00 !important;\n    color: black !important;\n}\n.syrakus-availability-soldout {\n    border: 0 !important;\n    background: #E11E00 !important;\n    color: white !important;\n}\n.syrakus-availability-newdate {\n    border: 0 !important;\n    background: #FFE400 !important;\n    color: black !important;\n}\n.syrakus-availability-cancelled {\n    border: 0 !important;\n    background: #E11E00 !important;\n    color: white !important;\n}\n\n.syrakus-event-header {\n\n    margin-left: 0.5em;\n    margin-right: 0.5em\n}\n.syrakus-event-title > a {\n    font-size: 2em;\n    font-weight: bold;\n    color: #fff;\n    line-height: 1;\n}\n.syrakus-event-title > a:hover {\n    font-size: 2em;\n    font-weight: bold;\n}\n.syrakus-event-subtitle {\n    font-size: 1.3em;\n    font-weight: normal;\n    margin-top: -10px;\n    line-height: 1;\n    padding-right: 0.5rem;\n    margin-left: 0;\n}\ndiv.syrakus-event-subtitle > a {\n    color: #fff;\n}\n\n.syrakus-event-details {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    margin-left: 0px !important;\n    flex-wrap: wrap;\n}\n\nul.syrakus-event-list > li > div.syrakus-event-date-state {\n    width: 100%;\n    text-align: right;\n}\n\n\/* Hide \u201cGenres:\u201d block if it has no genre pills *\/\n.syrakus-genres-container:not(:has([class^=\"syrakus-genre-\"])) {\n    display: none;\n}\n\n.syrakus-availability-container {\n    margin: 0;\n}\n\n.syrakus-categories-label, .syrakus-genres-label, .syrakus-tags-label, .syrakus-availability-label {\n    display: none;\n}\n\n.syrakus-event-date { text-transform: uppercase; }\n\n.syrakus-event-meta {\n    width: 5em;\n}\n\n@media (max-width: 750px) {\n    .syrakus-event-date-state, .syrakus-event-header, .syrakus-event-details {\n        width: 100%;\n        margin-left: 0px !important;\n    }\n\n    .syrakus-event-header {\n        margin-top: 1rem;\n        margin-bottom: 1rem;\n    }\n\n    .syrakus-event-details {\n        justify-content: flex-start;\n    }\n}\n\n.syrakus-no-tickets-available {\n    display: none;\n}\n.syrakus-availability-available {\n    display: none !important;\n}\n\n.syrakus-ticket-button {\n    height: 1.6em;\n}<\/style><script id=\"syrakus-list-theme-js\">(function($) { console.log('Kufa Style - Event List JS loaded'); })(jQuery);\n<\/script>            <style id=\"syrakus-month-colors-css\">\n                            .syrakus-month-january {\n                    --syrakus-month-color-1: #66b8d6;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #a5d3e3;                    --syrakus-month-color-4: #3398BD;                }\n                                .syrakus-month-january .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-january .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-january .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-january .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-january .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-january .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-january .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-january .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-february {\n                    --syrakus-month-color-1: #e1c96a;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #ebdfac;                    --syrakus-month-color-4: #d4b22b;                }\n                                .syrakus-month-february .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-february .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-february .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-february .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-february .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-february .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-february .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-february .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-march {\n                    --syrakus-month-color-1: #56b6b2;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #90c9c7;                    --syrakus-month-color-4: #3a8683;                }\n                                .syrakus-month-march .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-march .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-march .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-march .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-march .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-march .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-march .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-march .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-april {\n                    --syrakus-month-color-1: #d97a9c;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #e8b8c9;                    --syrakus-month-color-4: #C83E70;                }\n                                .syrakus-month-april .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-april .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-april .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-april .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-april .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-april .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-april .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-april .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-may {\n                    --syrakus-month-color-1: #b7c85c;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #ced899;                    --syrakus-month-color-4: #90a136;                }\n                                .syrakus-month-may .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-may .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-may .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-may .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-may .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-may .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-may .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-may .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-june {\n                    --syrakus-month-color-1: #9bd8c8;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #d4ece6;                    --syrakus-month-color-4: #64c3aa;                }\n                                .syrakus-month-june .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-june .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-june .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-june .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-june .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-june .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-june .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-june .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-july {\n                    --syrakus-month-color-1: #d7a13e;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #e0bf81;                    --syrakus-month-color-4: #a67822;                }\n                                .syrakus-month-july .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-july .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-july .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-july .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-july .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-july .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-july .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-july .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-august {\n                    --syrakus-month-color-1: #e47f69;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #edb8ac;                    --syrakus-month-color-4: #d84828;                }\n                                .syrakus-month-august .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-august .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-august .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-august .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-august .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-august .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-august .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-august .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-september {\n                    --syrakus-month-color-1: #b493c9;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #d7c8e0;                    --syrakus-month-color-4: #9160b0;                }\n                                .syrakus-month-september .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-september .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-september .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-september .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-september .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-september .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-september .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-september .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-october {\n                    --syrakus-month-color-1: #c28a45;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #d1ae83;                    --syrakus-month-color-4: #8c622e;                }\n                                .syrakus-month-october .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-october .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-october .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-october .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-october .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-october .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-october .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-october .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-november {\n                    --syrakus-month-color-1: #7fa6b3;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #b2c6cc;                    --syrakus-month-color-4: #568190;                }\n                                .syrakus-month-november .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-november .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-november .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-november .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-november .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-november .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-november .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-november .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-december {\n                    --syrakus-month-color-1: #75b873;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #aacea9;                    --syrakus-month-color-4: #4d944b;                }\n                                .syrakus-month-december .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-december .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-december .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-december .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-december .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-december .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-december .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-december .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                        <\/style>\n    \n        \n    <!-- Search box and category filter for event list (conditionally displayed) -->\n        \n                            <div class=\"syrakus-month-group syrakus-month-december syrakus-month-december-2026\" data-month=\"december-2026\">\n                    <div class=\"syrakus-month-header\">\n                        <h3>d\u00e9cembre 2026<\/h3>\n                    <\/div>\n                                            <div class=\"syrakus-event-grid\">\n                                            <div class=\"syrakus-event-item\" role=\"link\" tabindex=\"0\" data-href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-12-19-sven-ivanic\/\" onclick=\"if(!event.target.closest('a,button,input,textarea,select,.syrakus-favorite-toggle')){ window.location.href=this.dataset.href; }\" onkeydown=\"if(event.key==='Enter'||event.key===' '){ if(!event.target.closest('.syrakus-favorite-toggle')){ event.preventDefault(); window.location.href=this.dataset.href; } }\">\n        \n            \n            \n            <div class=\"syrakus-event-meta\">\n                <div class=\"syrakus-event-date-state\">\n                                              <div class=\"syrakus-event-date\"><a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-12-19-sven-ivanic\/\">19.12.2026<\/a><\/div>\n                <\/div>\n\n                                    <div class=\"syrakus-availability-container\">\n                                                                                                                <span class=\"syrakus-ticket-button-inline\">\n                                    <a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-12-19-sven-ivanic\/#syrakus-tickets\" class=\"button syrakus-ticket-button syrakus-shimmer-button\" >\n                                        Billets                                    <\/a>\n                                <\/span>\n                                                                        <\/div>\n                            <\/div>\n\n            <div class=\"syrakus-event-header\">\n                <div class=\"syrakus-event-title-container\">\n                    <div class=\"syrakus-event-title\">\n                        <a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-12-19-sven-ivanic\/\">Sven Ivani\u0107<\/a>\n                    <\/div>\n                                                        <\/div>\n                                    <div class=\"syrakus-event-subheader\">\n                        <div class=\"syrakus-event-subtitle\">\n                                                                                        <span class=\"syrakus-availability-available\">Disponible<\/span>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n\n\n\n            <div class=\"syrakus-event-details\">\n                \n                \n                \n                \n                \n                \n\n            <\/div>\n\n\n            \n            \n\n            \n\n            \n                    <\/div>\n            \n    <\/div><\/div><\/div>\n\n<!-- JavaScript for event search functionality -->\n<script>\n(function() {\n    \/\/ Function to initialize search and category filtering functionality\n    function initSyrakusSearch() {\n        \/\/ Find all search inputs and category filters on the page (for multiple instances in Elementor)\n        const searchInputs = document.querySelectorAll('.syrakus-event-search input');\n        const categoryDropdowns = document.querySelectorAll('.syrakus-filter-dropdown select');\n        const categoryTabsContainers = document.querySelectorAll('.syrakus-filter-tabs .syrakus-category-tabs');\n        \n        \/\/ If no search inputs or filters found (all disabled), don't initialize search functionality\n        if (searchInputs.length === 0 && categoryDropdowns.length === 0 && categoryTabsContainers.length === 0) return;\n        \n        \/\/ Process each event list container\n        const containers = document.querySelectorAll('.syrakus-event-list');\n        containers.forEach(function(container) {\n            \/\/ Find filter elements for this container\n            const searchInput = container.querySelector('.syrakus-event-search input');\n            const categoryDropdown = container.querySelector('.syrakus-filter-dropdown select');\n            const categoryTabs = container.querySelector('.syrakus-filter-tabs .syrakus-category-tabs');\n            \n            \/\/ If no filters exist, skip this container\n            if (!searchInput && !categoryDropdown && !categoryTabs) return;\n            \n            \/\/ Track the currently selected category\n            let selectedCategory = '';\n            \n            \/\/ Find elements within this specific container\n            const eventItems = container.querySelectorAll('li, .syrakus-event-item');\n            const monthHeaders = container.querySelectorAll('.syrakus-month-header');\n            \n            \/\/ Create a function to apply both filters\n            function applyFilters(categoryId) {\n                \/\/ If categoryId is provided, update the selected category\n                if (categoryId !== undefined) {\n                    selectedCategory = categoryId;\n                    \n                    \/\/ Update UI for tabs if they exist\n                    if (categoryTabs) {\n                        const tabs = categoryTabs.querySelectorAll('.syrakus-category-tab');\n                        tabs.forEach(tab => {\n                            if (tab.getAttribute('data-category') === selectedCategory) {\n                                tab.classList.add('active');\n                            } else {\n                                tab.classList.remove('active');\n                            }\n                        });\n                    }\n                    \n                    \/\/ Update dropdown if it exists\n                    if (categoryDropdown) {\n                        categoryDropdown.value = selectedCategory;\n                    }\n                }\n                \n                const searchTerm = searchInput ? searchInput.value.toLowerCase().trim() : '';\n                \n                \/\/ Track which months have visible events\n                const visibleMonths = new Set();\n                \n                \/\/ Filter events\n                eventItems.forEach(function(item) {\n                    \/\/ Check search term match\n                    const eventText = item.textContent.toLowerCase();\n                    let searchMatch = true;\n                    if (searchTerm !== '' && !eventText.includes(searchTerm)) {\n                        searchMatch = false;\n                    }\n                    \n                    \/\/ Check category match\n                    let categoryMatch = true;\n                    if (selectedCategory !== '') {\n                        \/\/ Look for category data in the event item (categories container)\n                        const categoriesContainer = item.querySelector('.syrakus-categories-container');\n                        let hasCategoryMatch = false;\n\n                        if (categoriesContainer) {\n                            \/\/ Get the category name from either dropdown or tabs\n                            let categoryName = '';\n                            if (categoryDropdown) {\n                                const option = categoryDropdown.querySelector('option[value=\"' + selectedCategory + '\"]');\n                                if (option) {\n                                    categoryName = option.textContent.trim();\n                                }\n                            } else if (categoryTabs) {\n                                const tab = categoryTabs.querySelector('.syrakus-category-tab[data-category=\"' + selectedCategory + '\"]');\n                                if (tab) {\n                                    categoryName = tab.textContent.trim();\n                                }\n                            }\n\n                            if (categoryName) {\n                                \/\/ Look for a category chip whose text matches the selected one (case-insensitive)\n                                const chips = categoriesContainer.querySelectorAll('div[class*=\"syrakus-category-\"]');\n                                chips.forEach(function(chip) {\n                                    if (chip.textContent && chip.textContent.trim().toLowerCase() === categoryName.toLowerCase()) {\n                                        hasCategoryMatch = true;\n                                    }\n                                });\n                            }\n                        }\n\n                        categoryMatch = hasCategoryMatch;\n                    }\n                    \n                    \/\/ Apply combined filtering\n                    const isMatch = searchMatch && categoryMatch;\n                    \n                    \/\/ Add or remove filtered class\n                    if (isMatch) {\n                        item.classList.remove('filtered');\n                        \n                        \/\/ Find the preceding month header and mark it as having visible events\n                        let currentElement = item;\n                        \/\/ Prefer the new month-group structure to find the corresponding header\n                        let group = item.closest('.syrakus-month-group');\n                        if (group) {\n                            const header = group.querySelector('.syrakus-month-header');\n                            if (header) {\n                                visibleMonths.add(header);\n                            }\n                        } else {\n                            \/\/ Fallback for older structure: walk previous siblings\n                            while (currentElement = currentElement.previousElementSibling) {\n                                if (currentElement.classList.contains('syrakus-month-header')) {\n                                    visibleMonths.add(currentElement);\n                                    break;\n                                }\n                            }\n                        }\n                    } else {\n                        item.classList.add('filtered');\n                    }\n                });\n                \n                \/\/ Hide month headers that don't have visible events\n                monthHeaders.forEach(function(header) {\n                    const shouldShow = searchTerm === '' && selectedCategory === '' ? true : visibleMonths.has(header);\n                    \n                    if (shouldShow) {\n                        header.classList.remove('filtered');\n                    } else {\n                        header.classList.add('filtered');\n                    }\n                });\n                \n                \/\/ Show \"no results\" message if all events are filtered\n                let allFiltered = true;\n                eventItems.forEach(function(item) {\n                    if (!item.classList.contains('filtered')) {\n                        allFiltered = false;\n                    }\n                });\n                \n                \/\/ Get or create the no results message element for this container\n                let noResultsMsgId = 'syrakus-no-results-' + Math.random().toString(36).substr(2, 9);\n                let noResultsMsg = container.querySelector('.syrakus-no-results');\n                \n                if (!noResultsMsg) {\n                    noResultsMsg = document.createElement('p');\n                    noResultsMsg.id = noResultsMsgId;\n                    noResultsMsg.className = 'syrakus-no-results';\n                    noResultsMsg.textContent = 'No events found matching your criteria.';\n                    \n                    \/\/ Insert after the filters\n                    const filtersBox = container.querySelector('.syrakus-event-filters');\n                    if (filtersBox) {\n                        filtersBox.parentNode.insertBefore(noResultsMsg, filtersBox.nextElementSibling);\n                    } else if (searchInput) {\n                        const searchBox = searchInput.closest('.syrakus-event-search');\n                        if (searchBox) {\n                            searchBox.parentNode.insertBefore(noResultsMsg, searchBox.nextElementSibling);\n                        }\n                    }\n                }\n                \n                \/\/ Show\/hide the message\n                if (allFiltered && (searchTerm.length > 0 || selectedCategory !== '')) {\n                    noResultsMsg.style.display = 'block';\n                } else {\n                    noResultsMsg.style.display = 'none';\n                }\n            }\n            \n            \/\/ Add event listeners to all filters\n            if (searchInput) {\n                searchInput.addEventListener('input', () => applyFilters());\n            }\n            \n            if (categoryDropdown) {\n                categoryDropdown.addEventListener('change', function() {\n                    applyFilters(this.value);\n                });\n            }\n            \n            if (categoryTabs) {\n                const tabs = categoryTabs.querySelectorAll('.syrakus-category-tab');\n                tabs.forEach(tab => {\n                    tab.addEventListener('click', function() {\n                        const categoryId = this.getAttribute('data-category');\n                        applyFilters(categoryId);\n                    });\n                });\n            }\n            \n            \/\/ Apply filters initially to ensure everything is set up correctly\n            applyFilters('');\n\n            \/\/ Trigger UI update for favorites after filtering to ensure icons are correct\n            if (typeof jQuery !== 'undefined') {\n                jQuery(document).trigger('syrakus_search_init');\n            }\n        });\n    }\n\n    \/\/ Initialize on DOMContentLoaded\n    document.addEventListener('DOMContentLoaded', initSyrakusSearch);\n    \n    \/\/ For Elementor compatibility, completely avoid using elementorModules\n    \/\/ Use a very defensive approach with multiple fallbacks\n    try {\n        \/\/ Method 1: Use jQuery's on method to listen for Elementor's init event\n        \/\/ Avoid potential HTML entity encoding issues with !==\n        if (typeof jQuery != 'undefined') {\n            jQuery(window).on('elementor\/frontend\/init', function() {\n                console.log('Syrakus: Elementor frontend init detected via jQuery');\n                try {\n                    \/\/ Avoid potential HTML entity encoding issues with &&\n                    if (window.elementorFrontend) {\n                        \/\/ Avoid potential HTML entity encoding issues with !==\n                        if (typeof window.elementorFrontend.hooks != 'undefined') {\n                            window.elementorFrontend.hooks.addAction('frontend\/element_ready\/syrakus-event-list', initSyrakusSearch);\n                            window.elementorFrontend.hooks.addAction('frontend\/element_ready\/global', initSyrakusSearch);\n                            console.log('Syrakus: Successfully registered with Elementor hooks');\n                        }\n                    }\n                } catch (e) {\n                    console.log('Syrakus: Error registering with Elementor hooks', e);\n                    \/\/ Still run the search initialization as fallback\n                    initSyrakusSearch();\n                }\n            });\n        }\n        \n        \/\/ Method 2: Use direct event listener on document\n        document.addEventListener('elementor\/frontend\/init', function() {\n            console.log('Syrakus: Elementor frontend init detected via document event');\n            initSyrakusSearch();\n        });\n        \n        \/\/ Method 3: Check if Elementor is already initialized\n        \/\/ Avoid potential HTML entity encoding issues with &&\n        if (window.elementorFrontend) {\n            \/\/ Avoid potential HTML entity encoding issues with !==\n            if (typeof window.elementorFrontend.hooks != 'undefined') {\n                console.log('Syrakus: Elementor already initialized');\n                window.elementorFrontend.hooks.addAction('frontend\/element_ready\/syrakus-event-list', initSyrakusSearch);\n                window.elementorFrontend.hooks.addAction('frontend\/element_ready\/global', initSyrakusSearch);\n            }\n        }\n        \n        \/\/ Method 4: Use MutationObserver as a last resort to detect when Elementor widgets are added\n        const observer = new MutationObserver(function(mutations) {\n            mutations.forEach(function(mutation) {\n                \/\/ Avoid potential HTML entity encoding issues with &&\n                if (mutation.addedNodes) {\n                    if (mutation.addedNodes.length) {\n                        for (let i = 0; i < mutation.addedNodes.length; i++) {\n                            const node = mutation.addedNodes[i];\n                            \/\/ Use a different approach to avoid HTML entity encoding issues with &#038;&#038;\n                            if (node.classList) {\n                                \/\/ Avoid potential HTML entity encoding issues with ||\n                                let isRelevantWidget = false;\n                                if (node.classList.contains('elementor-widget')) {\n                                    isRelevantWidget = true;\n                                } else if (node.classList.contains('syrakus-event-list')) {\n                                    isRelevantWidget = true;\n                                }\n                                \n                                if (isRelevantWidget) {\n                                    console.log('Syrakus: Detected new Elementor widget via MutationObserver');\n                                    initSyrakusSearch();\n                                    return;\n                                }\n                            }\n                        }\n                    }\n                }\n            });\n        });\n        \n        \/\/ Start observing the document with the configured parameters\n        observer.observe(document.body, { childList: true, subtree: true });\n        \n    } catch (e) {\n        console.log('Syrakus: Elementor detection error', e);\n        \/\/ Continue with normal initialization if Elementor detection fails\n    }\n})();\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h3 class=\"wp-block-heading\">Weitere Events in der KUFA<\/h3>\n\n\n<div class=\"syrakus-block-editor-wrapper\"><div class=\"syrakus-editor-overlay\"><span>Event List: Click here to select and change settings<\/span><\/div>\n<div class=\"syrakus-event-list syrakus-minimal kufa-style\">\n    <style id=\"syrakus-list-theme-css\">\/* Kufa Style - Minimal Event List CSS *\/\n\n.syrakus-minimal .syrakus-month-header {\n    border-bottom: 2px solid;\n    margin-bottom: 10px;\n}\n\n.syrakus-minimal .syrakus-month-header h3 {\n    font-size: 1.3rem;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.syrakus-minimal .syrakus-event-item {\n    padding: 0;\n    border: none;\n    border-bottom: 1px solid rgba(128, 128, 128, 0.2);\n    background: none;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 2px;\n    border-radius: 0;\n}\n\n.syrakus-minimal .syrakus-event-item:last-child {\n    border-bottom: none;\n}\n\n.syrakus-minimal .syrakus-event-meta {\n    width: 100%;\n    min-width: 0;\n    font-size: 1.0rem;\n    font-weight: 500;\n    color: var(--syrakus-month-color-1, #ccc);\n}\n\n.syrakus-minimal .syrakus-event-date a {\n    color: inherit;\n    text-decoration: none;\n}\n\n.syrakus-minimal .syrakus-event-title a {\n    font-size: 1.4rem;\n    font-weight: 600;\n    color: #fff;\n    text-decoration: none;\n    display: block;\n    width: 100%;\n}\n\n.syrakus-minimal .syrakus-event-subtitle {\n    font-size: 1.1rem;\n    color: #aaa;\n    margin-top: 2px;\n}\n\n.syrakus-minimal .syrakus-event-subtitle a {\n    color: #aaa;\n    text-decoration: none;\n}\n\n.syrakus-minimal .syrakus-event-header {\n    width: 100%;\n    margin: 0;\n}\n\n.syrakus-minimal .syrakus-event-details {\n    font-size: 0.9rem;\n    margin-top: 5px;\n}\n\n.syrakus-minimal .syrakus-event-details label {\n    display: none;\n}\n\n.syrakus-minimal .syrakus-categories-container,\n.syrakus-minimal .syrakus-genres-container,\n.syrakus-minimal .syrakus-tags-container {\n    margin-top: 2px;\n}\n\n.syrakus-minimal .syrakus-ticket-button-inline .button {\n    padding: 2px 8px;\n    font-size: 0.85rem;\n    height: auto;\n    line-height: 1.2;\n}\n\n.syrakus-minimal .syrakus-events-thumb {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n}\n\n.syrakus-minimal .syrakus-availability-container {\n    font-size: 0.8rem;\n}\n\n\/* Hide some elements in minimal view if they take too much space *\/\n.syrakus-minimal .syrakus-event-description,\n.syrakus-minimal .syrakus-event-lineup {\n    display: none;\n}\n\n<\/style>            <style id=\"syrakus-month-colors-css\">\n                            .syrakus-month-january {\n                    --syrakus-month-color-1: #66b8d6;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #a5d3e3;                    --syrakus-month-color-4: #3398BD;                }\n                                .syrakus-month-january .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-january .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-january .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-january .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-january .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-january .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-january .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-january .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-february {\n                    --syrakus-month-color-1: #e1c96a;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #ebdfac;                    --syrakus-month-color-4: #d4b22b;                }\n                                .syrakus-month-february .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-february .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-february .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-february .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-february .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-february .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-february .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-february .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-march {\n                    --syrakus-month-color-1: #56b6b2;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #90c9c7;                    --syrakus-month-color-4: #3a8683;                }\n                                .syrakus-month-march .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-march .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-march .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-march .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-march .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-march .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-march .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-march .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-april {\n                    --syrakus-month-color-1: #d97a9c;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #e8b8c9;                    --syrakus-month-color-4: #C83E70;                }\n                                .syrakus-month-april .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-april .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-april .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-april .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-april .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-april .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-april .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-april .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-may {\n                    --syrakus-month-color-1: #b7c85c;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #ced899;                    --syrakus-month-color-4: #90a136;                }\n                                .syrakus-month-may .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-may .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-may .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-may .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-may .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-may .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-may .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-may .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-june {\n                    --syrakus-month-color-1: #9bd8c8;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #d4ece6;                    --syrakus-month-color-4: #64c3aa;                }\n                                .syrakus-month-june .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-june .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-june .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-june .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-june .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-june .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-june .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-june .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-july {\n                    --syrakus-month-color-1: #d7a13e;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #e0bf81;                    --syrakus-month-color-4: #a67822;                }\n                                .syrakus-month-july .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-july .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-july .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-july .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-july .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-july .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-july .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-july .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-august {\n                    --syrakus-month-color-1: #e47f69;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #edb8ac;                    --syrakus-month-color-4: #d84828;                }\n                                .syrakus-month-august .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-august .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-august .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-august .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-august .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-august .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-august .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-august .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-september {\n                    --syrakus-month-color-1: #b493c9;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #d7c8e0;                    --syrakus-month-color-4: #9160b0;                }\n                                .syrakus-month-september .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-september .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-september .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-september .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-september .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-september .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-september .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-september .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-october {\n                    --syrakus-month-color-1: #c28a45;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #d1ae83;                    --syrakus-month-color-4: #8c622e;                }\n                                .syrakus-month-october .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-october .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-october .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-october .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-october .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-october .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-october .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-october .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-november {\n                    --syrakus-month-color-1: #7fa6b3;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #b2c6cc;                    --syrakus-month-color-4: #568190;                }\n                                .syrakus-month-november .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-november .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-november .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-november .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-november .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-november .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-november .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-november .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                                .syrakus-month-december {\n                    --syrakus-month-color-1: #75b873;                    --syrakus-month-color-2: #000000;                    --syrakus-month-color-3: #aacea9;                    --syrakus-month-color-4: #4d944b;                }\n                                .syrakus-month-december .syrakus-month-header {\n                    border-color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-december .syrakus-month-header h3 {\n                    color: var(--syrakus-month-color-1);\n                }\n                .syrakus-month-december .syrakus-event-item {\n                    transition: all 0.3s ease;\n                }\n                .syrakus-month-december .syrakus-ticket-button {\n                    background-color: var(--syrakus-month-color-1) !important;\n                    text-transform: uppercase !important;\n                }\n                                                .syrakus-month-december .syrakus-ticket-button {\n                    color: var(--syrakus-month-color-2) !important;\n                }\n                                                .syrakus-month-december .syrakus-ticket-button {\n                    border-color: var(--syrakus-month-color-3) !important;\n                }\n                .syrakus-month-december .syrakus-ticket-button:hover {\n                    background-color: var(--syrakus-month-color-3) !important;\n                    border-color: var(--syrakus-month-color-3) !important;\n                    color: var(--syrakus-month-color-4, var(--syrakus-month-color-2)) !important;\n                }\n                                                                        .syrakus-month-december .syrakus-event-item:hover .syrakus-event-title {\n                        color: var(--syrakus-month-color-3);\n                    }\n                                                        <\/style>\n    \n        \n    <!-- Search box and category filter for event list (conditionally displayed) -->\n        \n    <ul class=\"syrakus-event-list syrakus-event-minimal\">                    <li class=\"syrakus-event-item syrakus-minimal-item\" role=\"link\" tabindex=\"0\" data-href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-08-19-opium-fuers-volk\/\" onclick=\"if(!event.target.closest('a,button,input,textarea,select,.syrakus-favorite-toggle')){ window.location.href=this.dataset.href; }\" onkeydown=\"if(event.key==='Enter'||event.key===' '){ if(!event.target.closest('.syrakus-favorite-toggle')){ event.preventDefault(); window.location.href=this.dataset.href; } }\">\n        \n            \n            \n            <div class=\"syrakus-event-meta\">\n                <div class=\"syrakus-event-date-state\">\n                                              <div class=\"syrakus-event-date\"><a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-08-19-opium-fuers-volk\/\">19.08.2026<\/a><\/div>\n                <\/div>\n\n                            <\/div>\n\n            <div class=\"syrakus-event-header\">\n                <div class=\"syrakus-event-title-container\">\n                    <div class=\"syrakus-event-title\">\n                        <a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-08-19-opium-fuers-volk\/\"> Opium f\u00fcrs Volk<\/a>\n                    <\/div>\n                                                        <\/div>\n                            <\/div>\n\n\n\n            <div class=\"syrakus-event-details\">\n                \n                \n                \n                \n                \n                \n\n            <\/div>\n\n\n            \n            \n\n            \n\n            \n                    <\/li>\n                                <li class=\"syrakus-event-item syrakus-minimal-item\" role=\"link\" tabindex=\"0\" data-href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-09-25-gurtner-schenk-marathon\/\" onclick=\"if(!event.target.closest('a,button,input,textarea,select,.syrakus-favorite-toggle')){ window.location.href=this.dataset.href; }\" onkeydown=\"if(event.key==='Enter'||event.key===' '){ if(!event.target.closest('.syrakus-favorite-toggle')){ event.preventDefault(); window.location.href=this.dataset.href; } }\">\n        \n            \n            \n            <div class=\"syrakus-event-meta\">\n                <div class=\"syrakus-event-date-state\">\n                                              <div class=\"syrakus-event-date\"><a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-09-25-gurtner-schenk-marathon\/\">25.09.2026<\/a><\/div>\n                <\/div>\n\n                            <\/div>\n\n            <div class=\"syrakus-event-header\">\n                <div class=\"syrakus-event-title-container\">\n                    <div class=\"syrakus-event-title\">\n                        <a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-09-25-gurtner-schenk-marathon\/\">Gurtner &amp; Schenk - Marathon<\/a>\n                    <\/div>\n                                                        <\/div>\n                            <\/div>\n\n\n\n            <div class=\"syrakus-event-details\">\n                \n                \n                \n                \n                \n                \n\n            <\/div>\n\n\n            \n            \n\n            \n\n            \n                    <\/li>\n                                <li class=\"syrakus-event-item syrakus-minimal-item\" role=\"link\" tabindex=\"0\" data-href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-10-16-simply-tina\/\" onclick=\"if(!event.target.closest('a,button,input,textarea,select,.syrakus-favorite-toggle')){ window.location.href=this.dataset.href; }\" onkeydown=\"if(event.key==='Enter'||event.key===' '){ if(!event.target.closest('.syrakus-favorite-toggle')){ event.preventDefault(); window.location.href=this.dataset.href; } }\">\n        \n            \n            \n            <div class=\"syrakus-event-meta\">\n                <div class=\"syrakus-event-date-state\">\n                                              <div class=\"syrakus-event-date\"><a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-10-16-simply-tina\/\">16.10.2026<\/a><\/div>\n                <\/div>\n\n                            <\/div>\n\n            <div class=\"syrakus-event-header\">\n                <div class=\"syrakus-event-title-container\">\n                    <div class=\"syrakus-event-title\">\n                        <a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-10-16-simply-tina\/\"> Simply Tina<\/a>\n                    <\/div>\n                                                        <\/div>\n                                    <div class=\"syrakus-event-subheader\">\n                        <div class=\"syrakus-event-subtitle\">\n                                                            <a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-10-16-simply-tina\/\">Tina Turner Tribute - Hommage an die Queen of Rock<\/a>\n                                                                                <\/div>\n                    <\/div>\n                            <\/div>\n\n\n\n            <div class=\"syrakus-event-details\">\n                \n                \n                \n                \n                \n                \n\n            <\/div>\n\n\n            \n            \n\n            \n\n            \n                    <\/li>\n                                <li class=\"syrakus-event-item syrakus-minimal-item\" role=\"link\" tabindex=\"0\" data-href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-11-21-knoeppel\/\" onclick=\"if(!event.target.closest('a,button,input,textarea,select,.syrakus-favorite-toggle')){ window.location.href=this.dataset.href; }\" onkeydown=\"if(event.key==='Enter'||event.key===' '){ if(!event.target.closest('.syrakus-favorite-toggle')){ event.preventDefault(); window.location.href=this.dataset.href; } }\">\n        \n            \n            \n            <div class=\"syrakus-event-meta\">\n                <div class=\"syrakus-event-date-state\">\n                                              <div class=\"syrakus-event-date\"><a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-11-21-knoeppel\/\">21.11.2026<\/a><\/div>\n                <\/div>\n\n                            <\/div>\n\n            <div class=\"syrakus-event-header\">\n                <div class=\"syrakus-event-title-container\">\n                    <div class=\"syrakus-event-title\">\n                        <a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-11-21-knoeppel\/\">Kn\u00f6ppel<\/a>\n                    <\/div>\n                                                        <\/div>\n                                    <div class=\"syrakus-event-subheader\">\n                        <div class=\"syrakus-event-subtitle\">\n                                                            <a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2026-11-21-knoeppel\/\">Jack Stoiker<\/a>\n                                                                                <\/div>\n                    <\/div>\n                            <\/div>\n\n\n\n            <div class=\"syrakus-event-details\">\n                \n                \n                \n                \n                \n                \n\n            <\/div>\n\n\n            \n            \n\n            \n\n            \n                    <\/li>\n                                <li class=\"syrakus-event-item syrakus-minimal-item\" role=\"link\" tabindex=\"0\" data-href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2027-01-23-matthias-jung\/\" onclick=\"if(!event.target.closest('a,button,input,textarea,select,.syrakus-favorite-toggle')){ window.location.href=this.dataset.href; }\" onkeydown=\"if(event.key==='Enter'||event.key===' '){ if(!event.target.closest('.syrakus-favorite-toggle')){ event.preventDefault(); window.location.href=this.dataset.href; } }\">\n        \n            \n            \n            <div class=\"syrakus-event-meta\">\n                <div class=\"syrakus-event-date-state\">\n                                              <div class=\"syrakus-event-date\"><a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2027-01-23-matthias-jung\/\">23.01.2027<\/a><\/div>\n                <\/div>\n\n                            <\/div>\n\n            <div class=\"syrakus-event-header\">\n                <div class=\"syrakus-event-title-container\">\n                    <div class=\"syrakus-event-title\">\n                        <a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2027-01-23-matthias-jung\/\">Matthias Jung<\/a>\n                    <\/div>\n                                                        <\/div>\n                                    <div class=\"syrakus-event-subheader\">\n                        <div class=\"syrakus-event-subtitle\">\n                                                            <a href=\"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/event\/2027-01-23-matthias-jung\/\">Chill mal - Am Ende der Geduld ist noch viel Pubert\u00e4t \u00fcbrig<\/a>\n                                                                                <\/div>\n                    <\/div>\n                            <\/div>\n\n\n\n            <div class=\"syrakus-event-details\">\n                \n                \n                \n                \n                \n                \n\n            <\/div>\n\n\n            \n            \n\n            \n\n            \n                    <\/li>\n            \n    <\/ul><\/div>\n\n<!-- JavaScript for event search functionality -->\n<script>\n(function() {\n    \/\/ Function to initialize search and category filtering functionality\n    function initSyrakusSearch() {\n        \/\/ Find all search inputs and category filters on the page (for multiple instances in Elementor)\n        const searchInputs = document.querySelectorAll('.syrakus-event-search input');\n        const categoryDropdowns = document.querySelectorAll('.syrakus-filter-dropdown select');\n        const categoryTabsContainers = document.querySelectorAll('.syrakus-filter-tabs .syrakus-category-tabs');\n        \n        \/\/ If no search inputs or filters found (all disabled), don't initialize search functionality\n        if (searchInputs.length === 0 && categoryDropdowns.length === 0 && categoryTabsContainers.length === 0) return;\n        \n        \/\/ Process each event list container\n        const containers = document.querySelectorAll('.syrakus-event-list');\n        containers.forEach(function(container) {\n            \/\/ Find filter elements for this container\n            const searchInput = container.querySelector('.syrakus-event-search input');\n            const categoryDropdown = container.querySelector('.syrakus-filter-dropdown select');\n            const categoryTabs = container.querySelector('.syrakus-filter-tabs .syrakus-category-tabs');\n            \n            \/\/ If no filters exist, skip this container\n            if (!searchInput && !categoryDropdown && !categoryTabs) return;\n            \n            \/\/ Track the currently selected category\n            let selectedCategory = '';\n            \n            \/\/ Find elements within this specific container\n            const eventItems = container.querySelectorAll('li, .syrakus-event-item');\n            const monthHeaders = container.querySelectorAll('.syrakus-month-header');\n            \n            \/\/ Create a function to apply both filters\n            function applyFilters(categoryId) {\n                \/\/ If categoryId is provided, update the selected category\n                if (categoryId !== undefined) {\n                    selectedCategory = categoryId;\n                    \n                    \/\/ Update UI for tabs if they exist\n                    if (categoryTabs) {\n                        const tabs = categoryTabs.querySelectorAll('.syrakus-category-tab');\n                        tabs.forEach(tab => {\n                            if (tab.getAttribute('data-category') === selectedCategory) {\n                                tab.classList.add('active');\n                            } else {\n                                tab.classList.remove('active');\n                            }\n                        });\n                    }\n                    \n                    \/\/ Update dropdown if it exists\n                    if (categoryDropdown) {\n                        categoryDropdown.value = selectedCategory;\n                    }\n                }\n                \n                const searchTerm = searchInput ? searchInput.value.toLowerCase().trim() : '';\n                \n                \/\/ Track which months have visible events\n                const visibleMonths = new Set();\n                \n                \/\/ Filter events\n                eventItems.forEach(function(item) {\n                    \/\/ Check search term match\n                    const eventText = item.textContent.toLowerCase();\n                    let searchMatch = true;\n                    if (searchTerm !== '' && !eventText.includes(searchTerm)) {\n                        searchMatch = false;\n                    }\n                    \n                    \/\/ Check category match\n                    let categoryMatch = true;\n                    if (selectedCategory !== '') {\n                        \/\/ Look for category data in the event item (categories container)\n                        const categoriesContainer = item.querySelector('.syrakus-categories-container');\n                        let hasCategoryMatch = false;\n\n                        if (categoriesContainer) {\n                            \/\/ Get the category name from either dropdown or tabs\n                            let categoryName = '';\n                            if (categoryDropdown) {\n                                const option = categoryDropdown.querySelector('option[value=\"' + selectedCategory + '\"]');\n                                if (option) {\n                                    categoryName = option.textContent.trim();\n                                }\n                            } else if (categoryTabs) {\n                                const tab = categoryTabs.querySelector('.syrakus-category-tab[data-category=\"' + selectedCategory + '\"]');\n                                if (tab) {\n                                    categoryName = tab.textContent.trim();\n                                }\n                            }\n\n                            if (categoryName) {\n                                \/\/ Look for a category chip whose text matches the selected one (case-insensitive)\n                                const chips = categoriesContainer.querySelectorAll('div[class*=\"syrakus-category-\"]');\n                                chips.forEach(function(chip) {\n                                    if (chip.textContent && chip.textContent.trim().toLowerCase() === categoryName.toLowerCase()) {\n                                        hasCategoryMatch = true;\n                                    }\n                                });\n                            }\n                        }\n\n                        categoryMatch = hasCategoryMatch;\n                    }\n                    \n                    \/\/ Apply combined filtering\n                    const isMatch = searchMatch && categoryMatch;\n                    \n                    \/\/ Add or remove filtered class\n                    if (isMatch) {\n                        item.classList.remove('filtered');\n                        \n                        \/\/ Find the preceding month header and mark it as having visible events\n                        let currentElement = item;\n                        \/\/ Prefer the new month-group structure to find the corresponding header\n                        let group = item.closest('.syrakus-month-group');\n                        if (group) {\n                            const header = group.querySelector('.syrakus-month-header');\n                            if (header) {\n                                visibleMonths.add(header);\n                            }\n                        } else {\n                            \/\/ Fallback for older structure: walk previous siblings\n                            while (currentElement = currentElement.previousElementSibling) {\n                                if (currentElement.classList.contains('syrakus-month-header')) {\n                                    visibleMonths.add(currentElement);\n                                    break;\n                                }\n                            }\n                        }\n                    } else {\n                        item.classList.add('filtered');\n                    }\n                });\n                \n                \/\/ Hide month headers that don't have visible events\n                monthHeaders.forEach(function(header) {\n                    const shouldShow = searchTerm === '' && selectedCategory === '' ? true : visibleMonths.has(header);\n                    \n                    if (shouldShow) {\n                        header.classList.remove('filtered');\n                    } else {\n                        header.classList.add('filtered');\n                    }\n                });\n                \n                \/\/ Show \"no results\" message if all events are filtered\n                let allFiltered = true;\n                eventItems.forEach(function(item) {\n                    if (!item.classList.contains('filtered')) {\n                        allFiltered = false;\n                    }\n                });\n                \n                \/\/ Get or create the no results message element for this container\n                let noResultsMsgId = 'syrakus-no-results-' + Math.random().toString(36).substr(2, 9);\n                let noResultsMsg = container.querySelector('.syrakus-no-results');\n                \n                if (!noResultsMsg) {\n                    noResultsMsg = document.createElement('p');\n                    noResultsMsg.id = noResultsMsgId;\n                    noResultsMsg.className = 'syrakus-no-results';\n                    noResultsMsg.textContent = 'No events found matching your criteria.';\n                    \n                    \/\/ Insert after the filters\n                    const filtersBox = container.querySelector('.syrakus-event-filters');\n                    if (filtersBox) {\n                        filtersBox.parentNode.insertBefore(noResultsMsg, filtersBox.nextElementSibling);\n                    } else if (searchInput) {\n                        const searchBox = searchInput.closest('.syrakus-event-search');\n                        if (searchBox) {\n                            searchBox.parentNode.insertBefore(noResultsMsg, searchBox.nextElementSibling);\n                        }\n                    }\n                }\n                \n                \/\/ Show\/hide the message\n                if (allFiltered && (searchTerm.length > 0 || selectedCategory !== '')) {\n                    noResultsMsg.style.display = 'block';\n                } else {\n                    noResultsMsg.style.display = 'none';\n                }\n            }\n            \n            \/\/ Add event listeners to all filters\n            if (searchInput) {\n                searchInput.addEventListener('input', () => applyFilters());\n            }\n            \n            if (categoryDropdown) {\n                categoryDropdown.addEventListener('change', function() {\n                    applyFilters(this.value);\n                });\n            }\n            \n            if (categoryTabs) {\n                const tabs = categoryTabs.querySelectorAll('.syrakus-category-tab');\n                tabs.forEach(tab => {\n                    tab.addEventListener('click', function() {\n                        const categoryId = this.getAttribute('data-category');\n                        applyFilters(categoryId);\n                    });\n                });\n            }\n            \n            \/\/ Apply filters initially to ensure everything is set up correctly\n            applyFilters('');\n\n            \/\/ Trigger UI update for favorites after filtering to ensure icons are correct\n            if (typeof jQuery !== 'undefined') {\n                jQuery(document).trigger('syrakus_search_init');\n            }\n        });\n    }\n\n    \/\/ Initialize on DOMContentLoaded\n    document.addEventListener('DOMContentLoaded', initSyrakusSearch);\n    \n    \/\/ For Elementor compatibility, completely avoid using elementorModules\n    \/\/ Use a very defensive approach with multiple fallbacks\n    try {\n        \/\/ Method 1: Use jQuery's on method to listen for Elementor's init event\n        \/\/ Avoid potential HTML entity encoding issues with !==\n        if (typeof jQuery != 'undefined') {\n            jQuery(window).on('elementor\/frontend\/init', function() {\n                console.log('Syrakus: Elementor frontend init detected via jQuery');\n                try {\n                    \/\/ Avoid potential HTML entity encoding issues with &&\n                    if (window.elementorFrontend) {\n                        \/\/ Avoid potential HTML entity encoding issues with !==\n                        if (typeof window.elementorFrontend.hooks != 'undefined') {\n                            window.elementorFrontend.hooks.addAction('frontend\/element_ready\/syrakus-event-list', initSyrakusSearch);\n                            window.elementorFrontend.hooks.addAction('frontend\/element_ready\/global', initSyrakusSearch);\n                            console.log('Syrakus: Successfully registered with Elementor hooks');\n                        }\n                    }\n                } catch (e) {\n                    console.log('Syrakus: Error registering with Elementor hooks', e);\n                    \/\/ Still run the search initialization as fallback\n                    initSyrakusSearch();\n                }\n            });\n        }\n        \n        \/\/ Method 2: Use direct event listener on document\n        document.addEventListener('elementor\/frontend\/init', function() {\n            console.log('Syrakus: Elementor frontend init detected via document event');\n            initSyrakusSearch();\n        });\n        \n        \/\/ Method 3: Check if Elementor is already initialized\n        \/\/ Avoid potential HTML entity encoding issues with &&\n        if (window.elementorFrontend) {\n            \/\/ Avoid potential HTML entity encoding issues with !==\n            if (typeof window.elementorFrontend.hooks != 'undefined') {\n                console.log('Syrakus: Elementor already initialized');\n                window.elementorFrontend.hooks.addAction('frontend\/element_ready\/syrakus-event-list', initSyrakusSearch);\n                window.elementorFrontend.hooks.addAction('frontend\/element_ready\/global', initSyrakusSearch);\n            }\n        }\n        \n        \/\/ Method 4: Use MutationObserver as a last resort to detect when Elementor widgets are added\n        const observer = new MutationObserver(function(mutations) {\n            mutations.forEach(function(mutation) {\n                \/\/ Avoid potential HTML entity encoding issues with &&\n                if (mutation.addedNodes) {\n                    if (mutation.addedNodes.length) {\n                        for (let i = 0; i < mutation.addedNodes.length; i++) {\n                            const node = mutation.addedNodes[i];\n                            \/\/ Use a different approach to avoid HTML entity encoding issues with &#038;&#038;\n                            if (node.classList) {\n                                \/\/ Avoid potential HTML entity encoding issues with ||\n                                let isRelevantWidget = false;\n                                if (node.classList.contains('elementor-widget')) {\n                                    isRelevantWidget = true;\n                                } else if (node.classList.contains('syrakus-event-list')) {\n                                    isRelevantWidget = true;\n                                }\n                                \n                                if (isRelevantWidget) {\n                                    console.log('Syrakus: Detected new Elementor widget via MutationObserver');\n                                    initSyrakusSearch();\n                                    return;\n                                }\n                            }\n                        }\n                    }\n                }\n            });\n        });\n        \n        \/\/ Start observing the document with the configured parameters\n        observer.observe(document.body, { childList: true, subtree: true });\n        \n    } catch (e) {\n        console.log('Syrakus: Elementor detection error', e);\n        \/\/ Continue with normal initialization if Elementor detection fails\n    }\n})();\n<\/script>\n<\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Die Kleinkunst-Veranstaltungsserie in der KUFA Lyss, pr\u00e4sentiert das neue Saisonprogramm 2025\/26. Das bereits 16. Jahresprogramm bietet wie gewohnt abwechslungsreiche Leckerbissen aus den Bereichen Comedy, Stand Up und Kleinkunst. Die donnerst\u00e4glichen Auff\u00fchrungen sind f\u00fcr das Publikum ein kleiner, fr\u00f6hlicher und konstanter Stern am Kulturhimmel. Weitere Events in der KUFA<\/p>","protected":false},"author":1,"featured_media":0,"parent":535,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"clubson_subtitle":"Kleinkunst-Veranstaltungsserie","clubson_additional_featured_images":"","sonderpluginseometatags_title":"","sonderpluginseometatags_description":"","sonderpluginseometatags_canonical":"","sonderpluginseometatags_robots_index":"index","sonderpluginseometatags_robots_follow":"follow","sonderpluginseometatags_robots_max_snippet":"","sonderpluginseometatags_robots_max_image":"","sonderpluginseometatags_robots_max_video":"0","sonderpluginseometatags_og_type":"article","sonderpluginseometatags_og_image_id":0,"sonderpluginseometatags_og_image_url":"","sonderpluginseometatags_tw_image_id":0,"sonderpluginseometatags_tw_image_url":"","sonderpluginseometatags_article_section":"","sonderpluginseometatags_article_tag":"","sonderpluginseometatags_profile_first_name":"","sonderpluginseometatags_profile_last_name":"","sonderpluginseometatags_profile_username":"","sonderpluginseometatags_profile_gender":"","sonderpluginseometatags_twitter_creator":"","sonderpluginseometatags_twitter_site":"","sonderpluginseometatags_enable_title":false,"sonderpluginseometatags_enable_description":false,"sonderpluginseometatags_enable_canonical":false,"sonderpluginseometatags_enable_robots":false,"sonderpluginseometatags_enable_og_image":false,"footnotes":""},"class_list":["post-3698","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/wp-json\/wp\/v2\/pages\/3698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/wp-json\/wp\/v2\/comments?post=3698"}],"version-history":[{"count":27,"href":"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/wp-json\/wp\/v2\/pages\/3698\/revisions"}],"predecessor-version":[{"id":5260,"href":"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/wp-json\/wp\/v2\/pages\/3698\/revisions\/5260"}],"up":[{"embeddable":true,"href":"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/wp-json\/wp\/v2\/pages\/535"}],"wp:attachment":[{"href":"https:\/\/kufa-lyss.wp.syrakus.dev\/fr\/wp-json\/wp\/v2\/media?parent=3698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}