{"id":577,"date":"2026-03-06T10:13:36","date_gmt":"2026-03-06T09:13:36","guid":{"rendered":"https:\/\/www.kufa.ch\/?page_id=577"},"modified":"2026-03-19T12:02:16","modified_gmt":"2026-03-19T11:02:16","slug":"slide","status":"publish","type":"page","link":"https:\/\/kufa.ch\/fr\/slide\/","title":{"rendered":"Slide"},"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-q4ozL08Y\" \n         class=\"syrakus-event-slides is-editor transition-fade kufa-style\" \n         data-speed=\"5000\" \n         data-autoplay=\"true\" \n         data-duration=\"600\" \n         style=\"--syrakus-transition-dur: 600ms; --syrakus-slides-height-desktop: 800px; --syrakus-slides-height-tablet: 600px; --syrakus-slides-height-mobile: 400px;\">\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-kufa-lyss-fgm6dxj2vj\/J\/M\/7\/55RzpcSbf2--sYg_-r\/saisonstart-web.jpg\" \n                         alt=\"Season Opening Party\" \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\">samedi, 5. septembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Season Opening Party<\/h2>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/9\/5\/G\/uevSydeLBosxvFvDxb\/hdr-hp-web.png\" \n                         alt=\"Pub Quiz\" \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\">jeudi, 10. septembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Pub Quiz<\/h2>\n                                                                    <div class=\"syrakus-slide-subtitle\">Sp\u00e9cial \u00ab Le Seigneur des Anneaux \u00bb x \u00ab Harry Potter \u00bb<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/7\/M\/S\/bdHPHRrvYUfm-bNiYr\/hdr-hp-web.png\" \n                         alt=\"Pub Quiz\" \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\">vendredi, 11. septembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Pub Quiz<\/h2>\n                                                                    <div class=\"syrakus-slide-subtitle\">Sp\u00e9cial \u00ab Le Seigneur des Anneaux \u00bb x \u00ab Harry Potter \u00bb<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/w\/u\/D\/IF0ElNbxFQag_cAhDR\/braendi-web.png\" \n                         alt=\"Br\u00e4ndi Dog Turnier\" \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\">jeudi, 24. septembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Br\u00e4ndi Dog Turnier<\/h2>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/W\/s\/p\/W9K_LmuVgCcvs7-HEP\/dyn-web.png\" \n                         alt=\"DYN\" \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\">samedi, 26. septembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">DYN<\/h2>\n                                                                    <div class=\"syrakus-slide-subtitle\">EP Release Show<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/o\/L\/U\/gKbBNaYq-0GCbTwS4a\/260929-vanjasky.png\" \n                         alt=\"Bluesday mit Vanja Sky\" \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\">mardi, 29. septembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Bluesday mit Vanja Sky<\/h2>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/x\/E\/S\/2iR-BDhOL9C9VTZGij\/261010-opium.png\" \n                         alt=\"Opium f\u00fcrs Volk\" \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\">samedi, 10. octobre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Opium f\u00fcrs Volk<\/h2>\n                                                                    <div class=\"syrakus-slide-subtitle\">Tote Hosen Tribute<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/k\/H\/z\/yDSmbbkrPuXFnAsWro\/dacapo-web.png\" \n                         alt=\"Fr\u00f6lein Da Capo\" \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\">jeudi, 15. octobre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Fr\u00f6lein Da Capo<\/h2>\n                                                                    <div class=\"syrakus-slide-subtitle\">Coupe Romanoff<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/I\/S\/3\/4vDL_4GPx3Nyx7aJ-z\/261024-hak.png\" \n                         alt=\"20 Jahr HAK\" \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\">samedi, 24. octobre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">20 Jahr HAK<\/h2>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/2\/O\/E\/a3H8QdWRqrilY0W334\/261030-knoeppel.png\" \n                         alt=\"Kn\u00f6ppel\" \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\">vendredi, 30. octobre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Kn\u00f6ppel<\/h2>\n                                                                    <div class=\"syrakus-slide-subtitle\">Jack Stoiker<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/t\/0\/M\/HsknCD3uDdVP8vFmB4\/saintcityorchestra-web.png\" \n                         alt=\"Saint City Orchestra\" \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\">vendredi, 6. novembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Saint City Orchestra<\/h2>\n                                                                    <div class=\"syrakus-slide-subtitle\">THIS AIN\u2019T QUIET TOUR<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/q\/o\/e\/_tPdIEd7zWNFaTT4Ye\/washboardunion-web.png\" \n                         alt=\"The Washboard Union\" \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\">samedi, 7. novembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">The Washboard Union<\/h2>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/P\/u\/k\/5Tyyh0WuuaWuIpNtL_\/elijahsolomon-web.png\" \n                         alt=\"Elijah Salomon\" \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\">samedi, 14. novembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Elijah Salomon<\/h2>\n                                                                    <div class=\"syrakus-slide-subtitle\">Support : Breakfast Mood<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/u\/_\/K\/wa677wx-p9SRdMIfgY\/mudslickcoreleoni-web.png\" \n                         alt=\"Mud Slick &amp; Core Leoni\" \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\">samedi, 14. novembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Mud Slick &amp; Core Leoni<\/h2>\n                                                                    <div class=\"syrakus-slide-subtitle\">33-Jahre Jubil\u00e4umsparty<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/2\/K\/6\/9h8JPKJ9EQE6hqGBSn\/enzler-web.png\" \n                         alt=\"Simon Enzler\" \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\">jeudi, 19. novembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Simon Enzler<\/h2>\n                                                                    <div class=\"syrakus-slide-subtitle\">Coupe Romanoff<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/r\/O\/w\/LWckR2w6UNdYH0yl1U\/tanznacht40-11-web.png\" \n                         alt=\"Tanznacht40\" \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\">vendredi, 20. novembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Tanznacht40<\/h2>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/D\/Q\/p\/0d-VOHd5Kd9b89o_i4\/261127-gurtnerschenk.png\" \n                         alt=\"Gurtner &amp; Schenk - Marathon\" \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\">vendredi, 27. novembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Gurtner &amp; Schenk &#8211; Marathon<\/h2>\n                                                                    <div class=\"syrakus-slide-subtitle\">die zwei von Herrg\u00f6ttli Panaschiert<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/l\/b\/7\/6rwWWemiXgeix6lC62\/schneuwlys-web.png\" \n                         alt=\"Schneuwlys machen ein Theater\" \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\">jeudi, 17. d\u00e9cembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Schneuwlys machen ein Theater<\/h2>\n                                                                    <div class=\"syrakus-slide-subtitle\">Coupe Romanoff<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/2\/b\/Q\/FkMATOAvm9Et-pg-2M\/261219-tina.png\" \n                         alt=\"Simply Tina\" \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\">samedi, 19. d\u00e9cembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Simply Tina<\/h2>\n                                                                    <div class=\"syrakus-slide-subtitle\">Tina Turner Tribute &#8211; Hommage \u00e0 la reine du rock<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                            <div class=\"syrakus-slide \">\n                    <img decoding=\"async\" src=\"https:\/\/fra1.digitaloceanspaces.com\/syrakus-kufa-lyss-fgm6dxj2vj\/s\/_\/3\/qyLnKRRV5pdq2Mxooz\/pubquiz-2026-web.png\" \n                         alt=\"Pub Quiz\" \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\">lundi, 28. d\u00e9cembre 2026<\/div>\n                                <h2 class=\"syrakus-slide-title\">Pub Quiz<\/h2>\n                                                                    <div class=\"syrakus-slide-subtitle\">Sp\u00e9cial 2026<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                    <\/div>\n                    <button class=\"syrakus-slides-prev\" aria-label=\"Previous\">&#10094;<\/button>\n            <button class=\"syrakus-slides-next\" aria-label=\"Next\">&#10095;<\/button>\n            <div class=\"syrakus-slides-dots\">\n                                    <span class=\"syrakus-slides-dot active\" data-index=\"0\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"1\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"2\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"3\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"4\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"5\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"6\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"7\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"8\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"9\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"10\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"11\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"12\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"13\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"14\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"15\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"16\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"17\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"18\"><\/span>\n                                    <span class=\"syrakus-slides-dot \" data-index=\"19\"><\/span>\n                            <\/div>\n            <button class=\"syrakus-slides-playpause\" aria-label=\"Play\/Pause\">\n                <span class=\"syrakus-icon-play\">&#9658;<\/span>\n                <span class=\"syrakus-icon-pause\">&#10074;&#10074;<\/span>\n            <\/button>\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-q4ozL08Y');\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    ","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"clubson_subtitle":"","clubson_additional_featured_images":"","sonderpluginseometatags_title":"","sonderpluginseometatags_description":"","sonderpluginseometatags_canonical":"","sonderpluginseometatags_robots_index":"","sonderpluginseometatags_robots_follow":"","sonderpluginseometatags_robots_max_snippet":"","sonderpluginseometatags_robots_max_image":"","sonderpluginseometatags_robots_max_video":"","sonderpluginseometatags_og_type":"","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-577","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kufa.ch\/fr\/wp-json\/wp\/v2\/pages\/577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kufa.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kufa.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kufa.ch\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kufa.ch\/fr\/wp-json\/wp\/v2\/comments?post=577"}],"version-history":[{"count":8,"href":"https:\/\/kufa.ch\/fr\/wp-json\/wp\/v2\/pages\/577\/revisions"}],"predecessor-version":[{"id":783,"href":"https:\/\/kufa.ch\/fr\/wp-json\/wp\/v2\/pages\/577\/revisions\/783"}],"wp:attachment":[{"href":"https:\/\/kufa.ch\/fr\/wp-json\/wp\/v2\/media?parent=577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}