{"uuid":"080b336e-ecc0-461a-a9e7-8f3ebaf6614c","provider":"wsw-nova","model":"sirius","image_strategy":"ai_self_select","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: 3rem 1.5rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c *,\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c *::before,\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c *::after {\n box-sizing: inherit;\n }\n\n /* ── Header ── */\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header {\n display: grid;\n grid-template-columns: auto 1fr auto;\n gap: 1.5rem 2.5rem;\n align-items: start;\n max-width: 1200px;\n margin: 0 auto 3rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-left {\n grid-column: 1;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-tagline {\n font-size: 0.875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--wsw-color-light, #a3946b);\n margin-bottom: 0.5rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-left h2 {\n margin: 0;\n color: var(--wsw-color-dark, #113654);\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-desc {\n grid-column: 2;\n color: var(--wsw-color-black, #212529);\n line-height: 1.6;\n max-width: 55ch;\n padding-top: 0.25rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-link {\n grid-column: 3;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n text-decoration: none;\n color: var(--wsw-color-dark, #113654);\n font-weight: 600;\n font-size: 0.95rem;\n white-space: nowrap;\n padding-top: 0.25rem;\n transition: opacity 0.2s ease-out;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-link:hover {\n opacity: 0.7;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-link .ev-arrow {\n font-size: 1.2rem;\n }\n\n /* ── Countdown ── */\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-wrapper {\n max-width: 1200px;\n margin: 0 auto 3rem;\n background: var(--wsw-color-dark, #113654);\n border-radius: 8px;\n padding: 2rem 2.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 2rem;\n opacity: 0;\n transform: translateY(8px);\n transition: opacity 0.4s ease-out, transform 0.4s ease-out;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-wrapper.ev-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-info {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n min-width: 0;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-label {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--wsw-color-light, #a3946b);\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-name {\n font-size: 1.35rem;\n font-weight: 700;\n color: var(--wsw-color-white, #fff);\n line-height: 1.2;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-date {\n font-size: 0.9rem;\n color: rgba(255,255,255,0.6);\n margin-top: 0.15rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-timer {\n display: flex;\n gap: 1.5rem;\n flex-shrink: 0;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-cd-unit {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 56px;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-cd-value {\n font-size: 2.4rem;\n font-weight: 700;\n line-height: 1;\n color: var(--wsw-color-white, #fff);\n font-variant-numeric: tabular-nums;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-cd-label {\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: rgba(255,255,255,0.5);\n margin-top: 0.35rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-cd-separator {\n font-size: 2rem;\n font-weight: 700;\n color: rgba(255,255,255,0.3);\n line-height: 1;\n align-self: flex-start;\n padding-top: 0.1rem;\n }\n\n /* ── Event List ── */\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-list {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n\n /* ── Single Event Row ── */\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-item {\n display: grid;\n grid-template-columns: 140px 140px 1fr auto;\n gap: 1.5rem 2rem;\n align-items: center;\n padding: 2rem 0;\n border-bottom: 1px solid var(--wsw-color-light, #a3946b);\n position: relative;\n transition: opacity 0.2s ease-out;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-item:first-child {\n border-top: 1px solid var(--wsw-color-light, #a3946b);\n }\n\n /* Past event styling */\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-item.ev-past {\n opacity: 0.5;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-item.ev-past .ev-img img {\n filter: grayscale(100%);\n }\n\n /* ── Date Column ── */\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-date {\n text-align: left;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-day {\n font-size: 3.2rem;\n font-weight: 700;\n line-height: 1;\n color: var(--wsw-color-dark, #113654);\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-month {\n font-size: 0.95rem;\n color: var(--wsw-color-black, #212529);\n margin-top: 0.25rem;\n }\n\n /* ── Image Column ── */\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-img {\n width: 140px;\n height: 100px;\n border-radius: 6px;\n overflow: hidden;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.3s ease-out, filter 0.3s ease-out;\n }\n /* Logo/Grafik-Bilder: vollständig anzeigen ohne Beschnitt */\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-img[data-fit=\"contain\"] {\n background: var(--wsw-color-light, #a3946b);\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-img[data-fit=\"contain\"] img {\n object-fit: contain;\n padding: 0.5rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-item:not(.ev-past):hover .ev-img img {\n transform: scale(1.05);\n }\n\n /* ── Info Column ── */\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-info {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-name {\n font-size: 1.35rem;\n font-weight: 700;\n color: var(--wsw-color-dark, #113654);\n line-height: 1.2;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-desc {\n font-size: 0.95rem;\n color: var(--wsw-color-black, #212529);\n opacity: 0.75;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-badge {\n display: inline-block;\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n padding: 0.2rem 0.6rem;\n border-radius: 3px;\n margin-top: 0.35rem;\n width: fit-content;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-badge-past {\n background: var(--wsw-color-black, #212529);\n color: var(--wsw-color-white, #fff);\n opacity: 0.6;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-badge-upcoming {\n background: var(--wsw-color-light, #a3946b);\n color: var(--wsw-color-white, #fff);\n }\n\n /* ── Action Column ── */\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action {\n text-align: right;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action a {\n display: inline-block;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.9rem;\n color: var(--wsw-color-dark, #113654);\n padding: 0.5rem 1.25rem;\n border: 1.5px solid var(--wsw-color-dark, #113654);\n border-radius: 4px;\n transition: background-color 0.2s ease-out, color 0.2s ease-out;\n white-space: nowrap;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action a:hover {\n background: var(--wsw-color-dark, #113654);\n color: var(--wsw-color-white, #fff);\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-item.ev-past .ev-action a {\n pointer-events: none;\n opacity: 0.4;\n border-color: var(--wsw-color-black, #212529);\n color: var(--wsw-color-black, #212529);\n }\n\n /* ── Dark / Black Theme Overrides ── */\n section.wsw-theme-d #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-tagline,\n section.wsw-theme-db #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-tagline,\n section.wsw-theme-b #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-tagline,\n section.wsw-theme-bb #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-tagline {\n color: var(--wsw-color-light, #a3946b);\n }\n section.wsw-theme-d #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-left h2,\n section.wsw-theme-db #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-left h2,\n section.wsw-theme-b #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-left h2,\n section.wsw-theme-bb #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-left h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-desc,\n section.wsw-theme-db #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-desc,\n section.wsw-theme-b #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-desc,\n section.wsw-theme-bb #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-desc,\n section.wsw-theme-d #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-month,\n section.wsw-theme-db #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-month,\n section.wsw-theme-b #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-month,\n section.wsw-theme-bb #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-month,\n section.wsw-theme-d #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-desc,\n section.wsw-theme-db #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-desc,\n section.wsw-theme-b #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-desc,\n section.wsw-theme-bb #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-desc {\n color: rgba(255,255,255,0.75);\n }\n section.wsw-theme-d #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-day,\n section.wsw-theme-db #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-day,\n section.wsw-theme-b #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-day,\n section.wsw-theme-bb #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-day,\n section.wsw-theme-d #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-name,\n section.wsw-theme-db #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-name,\n section.wsw-theme-b #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-name,\n section.wsw-theme-bb #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-name {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-link,\n section.wsw-theme-db #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-link,\n section.wsw-theme-b #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-link,\n section.wsw-theme-bb #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-link {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action a,\n section.wsw-theme-db #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action a,\n section.wsw-theme-b #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action a,\n section.wsw-theme-bb #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action a {\n color: var(--wsw-color-white, #fff);\n border-color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action a:hover,\n section.wsw-theme-db #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action a:hover,\n section.wsw-theme-b #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action a:hover,\n section.wsw-theme-bb #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action a:hover {\n background: var(--wsw-color-white, #fff);\n color: var(--wsw-color-dark, #113654);\n }\n section.wsw-theme-d #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-item,\n section.wsw-theme-db #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-item,\n section.wsw-theme-b #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-item,\n section.wsw-theme-bb #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-item {\n border-color: rgba(255,255,255,0.2);\n }\n section.wsw-theme-d #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-badge-past,\n section.wsw-theme-db #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-badge-past,\n section.wsw-theme-b #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-badge-past,\n section.wsw-theme-bb #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-badge-past {\n background: rgba(255,255,255,0.25);\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-wrapper,\n section.wsw-theme-db #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-wrapper,\n section.wsw-theme-b #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-wrapper,\n section.wsw-theme-bb #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-wrapper {\n background: rgba(255,255,255,0.08);\n border: 1px solid rgba(255,255,255,0.15);\n }\n section.wsw-theme-d #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-img[data-fit=\"contain\"],\n section.wsw-theme-db #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-img[data-fit=\"contain\"],\n section.wsw-theme-b #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-img[data-fit=\"contain\"],\n section.wsw-theme-bb #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-img[data-fit=\"contain\"] {\n background: rgba(255,255,255,0.1);\n }\n\n /* ── Accent Theme ── */\n section.wsw-theme-a #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-left h2,\n section.wsw-theme-a #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-day,\n section.wsw-theme-a #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-name {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-desc,\n section.wsw-theme-a #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-month,\n section.wsw-theme-a #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-desc {\n color: rgba(255,255,255,0.75);\n }\n section.wsw-theme-a #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action a {\n color: var(--wsw-color-white, #fff);\n border-color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action a:hover {\n background: var(--wsw-color-white, #fff);\n color: var(--wsw-color-accent, #113654);\n }\n section.wsw-theme-a #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-item {\n border-color: rgba(255,255,255,0.2);\n }\n section.wsw-theme-a #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-link {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-wrapper {\n background: rgba(255,255,255,0.1);\n border: 1px solid rgba(255,255,255,0.15);\n }\n section.wsw-theme-a #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-img[data-fit=\"contain\"] {\n background: rgba(255,255,255,0.1);\n }\n\n /* ── Responsive ── */\n @media (max-width: 1024px) {\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-left,\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-desc,\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-header-link {\n grid-column: 1;\n }\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c {\n padding: 2rem 1rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-wrapper {\n flex-direction: column;\n align-items: stretch;\n padding: 1.5rem;\n gap: 1.5rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-timer {\n justify-content: center;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-cd-value {\n font-size: 1.8rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-cd-separator {\n font-size: 1.5rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-item {\n grid-template-columns: 1fr;\n gap: 1rem;\n padding: 1.5rem 0;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-date {\n display: flex;\n align-items: baseline;\n gap: 0.5rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-day {\n font-size: 2.2rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-month {\n margin-top: 0;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-img {\n width: 100%;\n height: 200px;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action {\n text-align: left;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-action a {\n width: 100%;\n text-align: center;\n display: block;\n padding: 0.75rem 1rem;\n }\n }\n\n @media (max-width: 480px) {\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-countdown-timer {\n gap: 0.75rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-cd-unit {\n min-width: 44px;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-cd-value {\n font-size: 1.5rem;\n }\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c .ev-cd-separator {\n font-size: 1.2rem;\n }\n }\n\n /* ── Reduced Motion ── */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c *,\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c *::before,\n #wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c\">\n\n <!-- ── Header ── -->\n <div class=\"ev-header\">\n <div class=\"ev-header-left\">\n <span class=\"ev-tagline\">Bleiben Sie Aktuell</span>\n <h2>Unsere Events</h2>\n </div>\n <span class=\"ev-header-desc\">Seien Sie die Ersten, die Updates und Neuigkeiten zu all unseren Highlight-Events, den nächsten Turnieren und Meisterschaften erhalten – mit unserem Eventkalender. Melden Sie sich jetzt an.</span>\n <a href=\"https://memberclub.zuerich/member\" class=\"ev-header-link\" draggable=\"false\">\n <span>Mitglied werden</span>\n <span class=\"ev-arrow\">»</span>\n </a>\n </div>\n\n <!-- ── Countdown ── -->\n <div class=\"ev-countdown-wrapper ev-visible\" aria-live=\"polite\" aria-label=\"Countdown zum nächsten Event\">\n <div class=\"ev-countdown-info\">\n <span class=\"ev-countdown-label\">Nächstes Event</span>\n <span class=\"ev-countdown-name\">Hauptevent</span>\n <span class=\"ev-countdown-date\">18. Juni 2026</span>\n </div>\n <div class=\"ev-countdown-timer\">\n <div class=\"ev-cd-unit\">\n <span class=\"ev-cd-value\" data-cd=\"days\">79</span>\n <span class=\"ev-cd-label\">Tage</span>\n </div>\n <span class=\"ev-cd-separator\">:</span>\n <div class=\"ev-cd-unit\">\n <span class=\"ev-cd-value\" data-cd=\"hours\">10</span>\n <span class=\"ev-cd-label\">Std</span>\n </div>\n <span class=\"ev-cd-separator\">:</span>\n <div class=\"ev-cd-unit\">\n <span class=\"ev-cd-value\" data-cd=\"mins\">13</span>\n <span class=\"ev-cd-label\">Min</span>\n </div>\n <span class=\"ev-cd-separator\">:</span>\n <div class=\"ev-cd-unit\">\n <span class=\"ev-cd-value\" data-cd=\"secs\">47</span>\n <span class=\"ev-cd-label\">Sek</span>\n </div>\n </div>\n </div>\n\n <!-- ── Event List ──\n ANLEITUNG: Neues Event hinzufügen\n 1. Kopiere einen <div class=\"ev-item\" data-event-date=\"YYYY-MM-DD\"> Block\n 2. Passe data-event-date an (Format: YYYY-MM-DD, letzter Tag des Events)\n 3. Ändere Datum, Bild, Eventname, Beschreibung und Link\n 4. Für Logos/Grafiken: data-fit=\"contain\" auf den .ev-img Container setzen\n 5. Das Script sortiert und kennzeichnet automatisch\n -->\n <div class=\"ev-list\">\n\n <!-- Event 1: Kickoff-Event -->\n \n\n <!-- Event 2: Hauptevent -->\n \n\n <!-- Event 3: DinoVino Event -->\n \n\n <!-- Event 6: Guest Jassabend -->\n \n\n <!-- Event 4: Padel Open Zürich (Logo → data-fit=\"contain\") -->\n \n\n <!-- Event 5: Spielausflug Split Kroatien -->\n \n\n <div class=\"ev-item ev-past\" data-event-date=\"2026-03-19\">\n <div class=\"ev-date\">\n <span class=\"ev-day\">19.</span>\n <span class=\"ev-month\"><br>März 2026</span>\n </div>\n <div class=\"ev-img\">\n <img src=\"/s3/c/wsw.website.14054/public/images/pages/folder.19/golfgourmet-0384-1.webp\" alt=\"Kickoff-Event – Die Nacht der Provinzen\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"ev-info\">\n <span class=\"ev-name\">Kickoff-Event</span>\n <span class=\"ev-desc\">Die Nacht der Provinzen!</span>\n <span class=\"ev-badge ev-badge-past\">Bereits stattgefunden</span>\n </div>\n <div class=\"ev-action\">\n <a href=\"#\" draggable=\"false\">Einladung als PDF</a>\n </div>\n </div><div class=\"ev-item ev-upcoming\" data-event-date=\"2026-06-18\">\n <div class=\"ev-date\">\n <span class=\"ev-day\">18.</span>\n <span class=\"ev-month\"><br>Juni 2026</span>\n </div>\n <div class=\"ev-img\">\n <img src=\"/s3/c/wsw.website.14054/public/images/pages/folder.22/e0baf7f2-06c7-42c8-a0f1-497c8b908bcb.webp\" alt=\"Hauptevent\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"ev-info\">\n <span class=\"ev-name\">Hauptevent</span>\n <span class=\"ev-desc\">Infos Folgen!</span>\n <span class=\"ev-badge ev-badge-upcoming\">Kommend</span>\n </div>\n <div class=\"ev-action\">\n <a href=\"https://memberclub.zuerich/member\" draggable=\"false\">Member werden</a>\n </div>\n </div><div class=\"ev-item ev-upcoming\" data-event-date=\"2026-09-17\">\n <div class=\"ev-date\">\n <span class=\"ev-day\">17.</span>\n <span class=\"ev-month\"><br>September 2026</span>\n </div>\n <div class=\"ev-img\">\n <img src=\"/s3/c/wsw.website.14054/public/images/pages/folder.25/whatsapp-image-2026-02-27-at-104413.webp\" alt=\"DinoVino Event\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"ev-info\">\n <span class=\"ev-name\">DinoVino Event</span>\n <span class=\"ev-desc\">Infos Folgen!</span>\n <span class=\"ev-badge ev-badge-upcoming\">Kommend</span>\n </div>\n <div class=\"ev-action\">\n <a href=\"https://memberclub.zuerich/member\" draggable=\"false\">Member werden</a>\n </div>\n </div><div class=\"ev-item ev-upcoming\" data-event-date=\"2026-10-30\">\n <div class=\"ev-date\">\n <span class=\"ev-day\">30.</span>\n <span class=\"ev-month\">Oktober 2026</span>\n </div>\n <div class=\"ev-img\">\n <img src=\"/s3/c/wsw.website.14054/public/images/pages/folder.25/whatsapp-image-2026-03-29-at-144920.webp\" alt=\"Guest Jassabend\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"ev-info\">\n <span class=\"ev-name\">Guest Jassabend</span>\n <span class=\"ev-desc\">Karten auf den Tisch – Trumpf entscheidet.</span>\n <span class=\"ev-badge ev-badge-upcoming\">Kommend</span>\n </div>\n <div class=\"ev-action\">\n <a href=\"https://memberclub.zuerich/member\" draggable=\"false\">Member werden</a>\n </div>\n </div><div class=\"ev-item ev-upcoming\" data-event-date=\"2026-11-07\">\n <div class=\"ev-date\">\n <span class=\"ev-day\">6.+7.</span>\n <span class=\"ev-month\">November 2026</span>\n </div>\n <div class=\"ev-img\" data-fit=\"contain\">\n <img src=\"/s3/c/wsw.website.14054/public/images/pages/logo-padel-open.webp\" alt=\"Padel Open Zürich\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"ev-info\">\n <span class=\"ev-name\">Padel Open Zürich</span>\n <span class=\"ev-desc\">Infos Folgen!</span>\n <span class=\"ev-badge ev-badge-upcoming\">Kommend</span>\n </div>\n <div class=\"ev-action\">\n <a href=\"https://memberclub.zuerich/member\" draggable=\"false\">Member werden</a>\n </div>\n </div><div class=\"ev-item ev-upcoming\" data-event-date=\"2027-04-30\">\n <div class=\"ev-date\">\n <span class=\"ev-day\">27.–30.</span>\n <span class=\"ev-month\"><br>April 2027</span>\n </div>\n <div class=\"ev-img\">\n <img src=\"/s3/c/wsw.website.14054/public/images/pages/folder.25/whatsapp-image-2026-02-27-at-104751.41.69a1c0c02ab21.webp\" alt=\"Spielausflug Split Kroatien\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"ev-info\">\n <span class=\"ev-name\">Spielausflug Split Kroatien</span>\n <span class=\"ev-desc\">Infos Folgen!</span>\n <span class=\"ev-badge ev-badge-upcoming\">Kommend</span>\n </div>\n <div class=\"ev-action\">\n <a href=\"https://memberclub.zuerich/member\" draggable=\"false\">Member werden</a>\n </div>\n </div></div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n var el = document.getElementById('wsw-snippet-080b336e-ecc0-461a-a9e7-8f3ebaf6614c');\n if (!el) return;\n\n var countdownWrapper = el.querySelector('.ev-countdown-wrapper');\n var countdownName = el.querySelector('.ev-countdown-name');\n var countdownDate = el.querySelector('.ev-countdown-date');\n var cdDays = el.querySelector('[data-cd=\"days\"]');\n var cdHours = el.querySelector('[data-cd=\"hours\"]');\n var cdMins = el.querySelector('[data-cd=\"mins\"]');\n var cdSecs = el.querySelector('[data-cd=\"secs\"]');\n\n var months = ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'];\n\n var countdownInterval = null;\n var nextEventDate = null;\n\n function pad(n) {\n return n < 10 ? '0' + n : String(n);\n }\n\n function updateCountdown() {\n if (!nextEventDate) return;\n\n var now = new Date();\n var diff = nextEventDate.getTime() - now.getTime();\n\n if (diff <= 0) {\n cdDays.textContent = '00';\n cdHours.textContent = '00';\n cdMins.textContent = '00';\n cdSecs.textContent = '00';\n if (countdownInterval) {\n clearInterval(countdownInterval);\n countdownInterval = null;\n }\n setTimeout(updateEvents, 1000);\n return;\n }\n\n var totalSecs = Math.floor(diff / 1000);\n var days = Math.floor(totalSecs / 86400);\n var hours = Math.floor((totalSecs % 86400) / 3600);\n var mins = Math.floor((totalSecs % 3600) / 60);\n var secs = totalSecs % 60;\n\n cdDays.textContent = pad(days);\n cdHours.textContent = pad(hours);\n cdMins.textContent = pad(mins);\n cdSecs.textContent = pad(secs);\n }\n\n function updateEvents() {\n var items = Array.prototype.slice.call(el.querySelectorAll('.ev-item[data-event-date]'));\n var now = new Date();\n now.setHours(23, 59, 59, 999);\n\n items.sort(function(a, b) {\n return new Date(a.getAttribute('data-event-date')) - new Date(b.getAttribute('data-event-date'));\n });\n\n var list = el.querySelector('.ev-list');\n if (!list) return;\n\n var firstUpcoming = null;\n\n items.forEach(function(item) {\n list.appendChild(item);\n\n var eventDate = new Date(item.getAttribute('data-event-date'));\n var badge = item.querySelector('.ev-badge');\n\n if (eventDate < now) {\n item.classList.add('ev-past');\n item.classList.remove('ev-upcoming');\n if (badge) {\n badge.textContent = 'Bereits stattgefunden';\n badge.className = 'ev-badge ev-badge-past';\n }\n } else {\n item.classList.remove('ev-past');\n item.classList.add('ev-upcoming');\n if (badge) {\n badge.textContent = 'Kommend';\n badge.className = 'ev-badge ev-badge-upcoming';\n }\n if (!firstUpcoming) {\n firstUpcoming = {\n name: item.querySelector('.ev-name') ? item.querySelector('.ev-name').textContent : '',\n date: eventDate\n };\n }\n }\n });\n\n if (firstUpcoming && countdownWrapper) {\n nextEventDate = firstUpcoming.date;\n\n if (countdownName) {\n countdownName.textContent = firstUpcoming.name;\n }\n if (countdownDate) {\n countdownDate.textContent = firstUpcoming.date.getDate() + '. ' + months[firstUpcoming.date.getMonth()] + ' ' + firstUpcoming.date.getFullYear();\n }\n\n updateCountdown();\n\n if (countdownInterval) clearInterval(countdownInterval);\n countdownInterval = setInterval(updateCountdown, 1000);\n\n setTimeout(function() {\n countdownWrapper.classList.add('ev-visible');\n }, 100);\n } else if (countdownWrapper) {\n countdownWrapper.classList.remove('ev-visible');\n if (countdownInterval) {\n clearInterval(countdownInterval);\n countdownInterval = null;\n }\n }\n }\n\n updateEvents();\n\n setInterval(updateEvents, 3600000);\n\n})();\n</script>","summary":null,"version":8,"inserted_version":8,"total_cost":6.112740199999999,"total_messages_sent":8,"summarized_at_total":0}