{"id":1306,"date":"2026-03-16T08:45:59","date_gmt":"2026-03-16T08:45:59","guid":{"rendered":"https:\/\/heimspiel.de\/?page_id=1306"},"modified":"2025-10-30T12:36:41","modified_gmt":"2025-10-30T12:36:41","slug":"olympische-spiele-2026-de","status":"publish","type":"page","link":"https:\/\/heimspiel.de\/de\/olympische-spiele-2026-de\/","title":{"rendered":"Olympische Spiele 2026 [DE]"},"content":{"rendered":"\n\n\n<div>\n\n\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Olympische Spiele 2026 Landing Page<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Local Lato fonts -->\n    <style>\n      @font-face {\n        font-family: 'Lato';\n        font-style: normal;\n        font-weight: 400;\n        src: url('\/wp-content\/uploads\/fonts\/lato-v17-latin-regular.woff2') format('woff2'),\n             url('\/wp-content\/uploads\/fonts\/lato-v17-latin-regular.woff') format('woff');\n      }\n      @font-face {\n        font-family: 'Lato';\n        font-style: normal;\n        font-weight: 700;\n        src: url('\/wp-content\/uploads\/fonts\/lato-v17-latin-700.woff2') format('woff2'),\n             url('\/wp-content\/uploads\/fonts\/lato-v17-latin-700.woff') format('woff');\n      }\n      @font-face {\n        font-family: 'Lato';\n        font-style: normal;\n        font-weight: 900;\n        src: url('\/wp-content\/uploads\/fonts\/lato-v17-latin-900.woff2') format('woff2'),\n             url('\/wp-content\/uploads\/fonts\/lato-v17-latin-900.woff') format('woff');\n      }\n      body { font-family: 'Lato', sans-serif; }\n      \/* Gallery scrollbar *\/\n      .gallery-scrollbar::-webkit-scrollbar { height: 8px; }\n      .gallery-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }\n      .gallery-scrollbar::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 10px; }\n      .gallery-scrollbar::-webkit-scrollbar-thumb:hover { background: #9ca3af; }\n      .scroll-snap-x { scroll-snap-type: x mandatory; }\n      .scroll-snap-align-start { scroll-snap-align: start; }\n      \/* Logos *\/\n      .logo-item { height:65px; width:auto; object-fit:contain; max-width:140px; flex-shrink:0; filter:grayscale(1) opacity(.6); transition:all .3s ease; }\n      .logo-item:hover { filter:grayscale(0) opacity(1); }\n      @media (max-width:768px){ .logo-item{ height:50px; max-width:110px; } }\n      \/* Hero *\/\n      .hero-section{\n          background-image:url('https:\/\/heimspiel.de\/wp-content\/uploads\/2022\/09\/allgemein-2.jpg');\n          background-size:cover; background-position:center; background-repeat:no-repeat;\n          position:relative; display:flex; justify-content:center; align-items:center;\n      }\n      .hero-overlay{ background:rgba(255,255,255,.92); padding:60px 20px; max-width:800px; width:100%; margin:0 auto; }\n      \/* Scroll buttons (inline SVG, no external icons) *\/\n      .scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(31,41,55,.5);color:#fff;padding:.5rem;border-radius:9999px;line-height:0;display:flex;align-items:center;justify-content:center}\n      .scroll-btn:hover{background:rgba(31,41,55,.7)}\n      .scroll-btn svg{width:24px;height:24px;stroke:currentColor;fill:none}\n    <\/style>\n\n\n\n    <!-- 360\u00b0 Olympics -->\n    <section id=\"olympics\" class=\"py-20 bg-white hero-section\">\n        <div class=\"hero-overlay\">\n            <div class=\"container mx-auto px-6\">\n                <h2 class=\"text-3xl font-bold text-center mb-6 text-gray-900\">360\u00b0 Olympische Spiele<\/h2>\n                <p class=\"text-lg text-gray-700 max-w-3xl mx-auto text-center leading-relaxed\">\n  Mit unseren Sportdatenl\u00f6sungen bringen Sie die Faszination der Olympischen Winterspiele direkt zu Ihrem Publikum &#8211; live, zuverl\u00e4ssig und umfassend.\n  Ob Live-Ergebnisse, Zeitpl\u00e4ne, Athletenprofile oder Medaillenspiegel &#8211; wir liefern alle Daten, die Sie brauchen, um Ihre Zuschauer in Echtzeit zu begeistern.\n Dank unserer jahrzehntelangen Erfahrung verwandeln wir die Komplexit\u00e4t gro\u00dfer Sportereignisse in klare, nutzerfreundliche Informationen &#8211; damit Sie sich ganz auf die Inszenierung der Spiele konzentrieren k\u00f6nnen.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Data Packages -->\n    <section id=\"packages\" class=\"py-20\">\n        <div class=\"container mx-auto px-6\">\n            <h2 class=\"text-3xl font-bold text-center mb-12 text-gray-900\">Unsere Olympia-Pakete<\/h2>\n            <div class=\"grid md:grid-cols-3 gap-8\">\n                \n                <!-- BASIC -->\n                <div class=\"bg-white rounded-lg shadow-xl p-8 flex flex-col\">\n                    <h3 class=\"text-2xl font-bold text-center mb-4 text-red-600\">BASIC<\/h3>\n                    <p class=\"text-center text-gray-600 mb-6\">Die wichtigsten Daten rund um die Spiele<\/p>\n                    <ul class=\"space-y-4 text-gray-700 mb-8 flex-grow\">\n                        <li><span class=\"text-red-500 mr-2\">\u2713Kalender<\/span><\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Ergebnisse<\/span><\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Medaillenspiegel<\/span><\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Medaillengewinner<\/span><\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Basisdaten Athleten<\/span> (Name, Land, Geschlecht)<\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Basiskonfiguration <\/span>&amp; Hosting<\/li>\n                    <\/ul>\n                    <a href=\"#contact\" class=\"mt-auto text-center bg-red-600 text-white font-bold py-3 px-6 rounded-lg hover:bg-red-700 transition duration-300\">Paket anfordern<\/a>\n                <\/div>\n\n                <!-- PLUS -->\n                <div class=\"bg-white rounded-lg shadow-xl p-8 flex flex-col border-4 border-red-600 relative\">\n                    <span class=\"absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 bg-red-600 text-white text-xs font-bold px-4 py-1 rounded-full uppercase tracking-wider\">Beliebt<\/span>\n                    <h3 class=\"text-2xl font-bold text-center mb-4 text-red-600\">PLUS<\/h3>\n                    <p class=\"text-center text-gray-600 mb-6\">Erweiterte Daten f\u00fcr tiefere Einblicke.<\/p>\n                    <ul class=\"space-y-4 text-gray-700 mb-8 flex-grow\">\n                        <li><span class=\"text-red-500 mr-2\">\u2713<\/span><strong>Alles von BASIC<\/strong><\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Daten <\/span>zu Wettkampfst\u00e4tten<\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Startlisten <\/span>f\u00fcr alle Teilnehmer<\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Fotos <\/span>der Medaillengewinner<\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Erweiterte <\/span>Athletendaten (Geburtsdatum, Gr\u00f6\u00dfe, etc.)<\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Athleten-Statistiken <\/span>(Kalender &amp; Ergebnisse)<\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Nationale <\/span>Widgets (Medaillen, Team, Kalender)<\/li>\n                    <\/ul>\n                    <a href=\"#contact\" class=\"mt-auto text-center bg-red-600 text-white font-bold py-3 px-6 rounded-lg hover:bg-red-700 transition duration-300\">Paket anfordern<\/a>\n                <\/div>\n\n                <!-- PREMIUM -->\n                <div class=\"bg-white rounded-lg shadow-xl p-8 flex flex-col\">\n                    <h3 class=\"text-2xl font-bold text-center mb-4 text-red-600\">PREMIUM<\/h3>\n                    <p class=\"text-center text-gray-600 mb-6\">Das 360\u00b0 Komplettpaket<\/p>\n                    <ul class=\"space-y-4 text-gray-700 mb-8 flex-grow\">\n                        <li><span class=\"text-red-500 mr-2\">\u2713<\/span><strong>Alles von PLUS<\/strong><\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Redaktioneller <\/span>24\/7 Live-Text-Kommentar<\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Rekorde <\/span>und historische Daten<\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Historischer <\/span>Medaillenspiegel<\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Erweitertes Customizing<\/span><\/li>\n                        <li><span class=\"text-red-500 mr-2\">\u2713Multi-Sprachen Support<\/span> (optional)<\/li>\n                    <\/ul>\n                    <a href=\"#contact\" class=\"mt-auto text-center bg-red-600 text-white font-bold py-3 px-6 rounded-lg hover:bg-red-700 transition duration-300\">Paket anfordern<\/a>\n                <\/div>\n\n            <\/div>\n            <p class=\"text-center text-gray-600 mt-8\">Alle Pakete sind als Widgets oder reine Feeds (API) verf\u00fcgbar. Paralympics-Berichterstattung optional zubuchbar. <\/p>\n        <\/div>\n    <\/section>\n\n    <!-- Olympics-Specific Features -->\n    <section id=\"features\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-6\">\n            <h2 class=\"text-3xl font-bold text-center mb-12 text-gray-900\">Olympia-spezifische Features<\/h2>\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                \n                <div class=\"bg-gray-50 p-6 rounded-lg shadow-lg\">\n                    <h3 class=\"text-xl font-bold mb-3 text-red-600\">Schl\u00fcsselfertige L\u00f6sung<\/h3>\n                    <p class=\"text-gray-700\">Olympia als komplettes Datencenter oder als embeddable Widgets (Mobile + Desktop) schl\u00fcsselfertig im gew\u00fcnschten Look &amp; Feel sowie inkl. Hosting.<\/p>\n                <\/div>\n                \n                <div class=\"bg-gray-50 p-6 rounded-lg shadow-lg\">\n                    <h3 class=\"text-xl font-bold mb-3 text-red-600\">Olympia Feeds (API)<\/h3>\n                    <p class=\"text-gray-700\">M\u00f6chten Sie Ihr eigenes Olympia-Center bauen? Mit unseren ma\u00dfgeschneiderten Olympia-Feeds liefern wir genau das, was Sie ben\u00f6tigen, um Ihre Applikation zu realisieren. <\/p>\n                <\/div>\n\n                <div class=\"bg-gray-50 p-6 rounded-lg shadow-lg\">\n                    <h3 class=\"text-xl font-bold mb-3 text-red-600\">Multi-Language<\/h3>\n                    <p class=\"text-gray-700\">Englisch, Franz\u00f6sisch, Spanisch, Deutsch, Italienisch, Niederl\u00e4ndisch, Arabisch, Japanisch, Chinesisch (Team-\/Personennamen auf Englisch). Weitere Sprachen auf Anfrage. <\/p>\n                <\/div>\n\n                <div class=\"bg-gray-50 p-6 rounded-lg shadow-lg\">\n                    <h3 class=\"text-xl font-bold mb-3 text-red-600\">24\/7 Live-Kommentar<\/h3>\n                    <p class=\"text-gray-700\">Unser Premium-Feature: Ein redaktioneller Live-Textkommentar, der rund um die Uhr berichtet. Mit ca. 300 Eintr\u00e4gen pro Tag, inklusive News, Ergebnissen und Social-Media-Inhalten. <\/p>\n                <\/div>\n\n                <div class=\"bg-gray-50 p-6 rounded-lg shadow-lg\">\n                    <h3 class=\"text-xl font-bold mb-3 text-red-600\">Live Updates<\/h3>\n                    <p class=\"text-gray-700\">Live-Spielst\u00e4nde zu allen Team-Sportarten sowie Live-Zwischenst\u00e4nde zu allen relevanten Disziplinen (z.B. Ski Alpin, Bob, Skispringen, Biathlon, etc.)<\/p>\n                <\/div>\n\n                <div class=\"bg-gray-50 p-6 rounded-lg shadow-lg\">\n                    <h3 class=\"text-xl font-bold mb-3 text-red-600\">Pre-Coverage<\/h3>\n                    <p class=\"text-gray-700\">Noch bevor die Spiele beginnen, pflegen wir den Veranstaltungskalender, Startzeiten, Startlisten und die nationalen Team-Kader, sobald sie best\u00e4tigt sind.<\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Widget Showcase -->\n    <section id=\"widget-showcase\" class=\"py-20 bg-gray-900 text-white\">\n        <div class=\"container mx-auto px-0\">\n            <h2 class=\"text-3xl font-bold text-center mb-12 px-6 text-white\">Widget Showcase<\/h2>\n            <div class=\"relative\">\n                <div id=\"gallery-container\" class=\"flex overflow-x-auto gallery-scrollbar scroll-snap-x pb-4\">\n                    <div class=\"flex-shrink-0 w-4\"><\/div>\n                    \n                    <div class=\"flex-shrink-0 w-full sm:w-1\/2 lg:w-1\/3 scroll-snap-align-start px-4\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/Y8NpOav.jpeg\" alt=\"Event Kalender Widget\" class=\"rounded-lg shadow-xl w-full cursor-pointer widget-lightbox-trigger\" loading=\"lazy\">\n                        <p class=\"text-center mt-4 font-semibold\">Event-Kalender<\/p>\n                    <\/div>\n                    <div class=\"flex-shrink-0 w-full sm:w-1\/2 lg:w-1\/3 scroll-snap-align-start px-4\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/R7TtzDF.jpeg\" alt=\"Medaillenspiegel Widget\" class=\"rounded-lg shadow-xl w-full cursor-pointer widget-lightbox-trigger\" loading=\"lazy\">\n                        <p class=\"text-center mt-4 font-semibold\">Medaillenspiegel<\/p>\n                    <\/div>\n                    <div class=\"flex-shrink-0 w-full sm:w-1\/2 lg:w-1\/3 scroll-snap-align-start px-4\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/7eXkKJ4.jpeg\" alt=\"Ergebnis-Widget\" class=\"rounded-lg shadow-xl w-full cursor-pointer widget-lightbox-trigger\" loading=\"lazy\">\n                        <p class=\"text-center mt-4 font-semibold\">Ergebnisse<\/p>\n                    <\/div>\n                    <div class=\"flex-shrink-0 w-full sm:w-1\/2 lg:w-1\/3 scroll-snap-align-start px-4\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/ptLbzDm.jpeg\" alt=\"Live-Kommentar-Widget\" class=\"rounded-lg shadow-xl w-full cursor-pointer widget-lightbox-trigger\" loading=\"lazy\">\n                        <p class=\"text-center mt-4 font-semibold\">Live-Kommentar<\/p>\n                    <\/div>\n                    <div class=\"flex-shrink-0 w-full sm:w-1\/2 lg:w-1\/3 scroll-snap-align-start px-4\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/249unte.jpeg\" alt=\"Startlisten Widget\" class=\"rounded-lg shadow-xl w-full cursor-pointer widget-lightbox-trigger\" loading=\"lazy\">\n                        <p class=\"text-center mt-4 font-semibold\">Startlisten<\/p>\n                    <\/div>\n                    <div class=\"flex-shrink-0 w-full sm:w-1\/2 lg:w-1\/3 scroll-snap-align-start px-4\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/r7agpUZ.jpeg\" alt=\"Widget f\u00fcr Medaillengewinner\" class=\"rounded-lg shadow-xl w-full cursor-pointer widget-lightbox-trigger\" loading=\"lazy\">\n                        <p class=\"text-center mt-4 font-semibold\">Medaillengewinner<\/p>\n                    <\/div>\n                    <div class=\"flex-shrink-0 w-full sm:w-1\/2 lg:w-1\/3 scroll-snap-align-start px-4\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/hMahu08.jpeg\" alt=\"Athleten-Profil Widget\" class=\"rounded-lg shadow-xl w-full cursor-pointer widget-lightbox-trigger\" loading=\"lazy\">\n                        <p class=\"text-center mt-4 font-semibold\">Athletenprofile<\/p>\n                    <\/div>\n                    <div class=\"flex-shrink-0 w-full sm:w-1\/2 lg:w-1\/3 scroll-snap-align-start px-4\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/NPGlUsO.jpeg\" alt=\"Widget f\u00fcr Veranstaltungsorte\" class=\"rounded-lg shadow-xl w-full cursor-pointer widget-lightbox-trigger\" loading=\"lazy\">\n                        <p class=\"text-center mt-4 font-semibold\">Wettkampfst\u00e4tten<\/p>\n                    <\/div>\n                    \n                    <div class=\"flex-shrink-0 w-4\"><\/div>\n                <\/div>\n                <!-- Scroll Buttons with inline SVG icons -->\n                <button id=\"scroll-left\" class=\"scroll-btn left-4 z-10\" aria-label=\"Scroll left\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" stroke-width=\"2\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\"\/>\n                  <\/svg>\n                <\/button>\n                <button id=\"scroll-right\" class=\"scroll-btn right-4 z-10\" aria-label=\"Scroll right\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" stroke-width=\"2\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"\/>\n                  <\/svg>\n                <\/button>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- References -->\n    <section id=\"references\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-6\">\n            <h2 class=\"text-5xl font-extrabold mb-12 text-center\">Unsere Referenzen<\/h2>\n            <p class=\"text-xl mb-12 text-center max-w-3xl mx-auto text-gray-700\">\n Wir sind stolz auf unsere langj\u00e4hrigen Partnerschaften mit f\u00fchrenden Medienunternehmen und Sportplattformen. Hier ist eine Auswahl unserer zufriedenen Kunden: \n            <\/p>\n            <div class=\"flex flex-nowrap justify-center items-center gap-6 overflow-x-auto px-4\">\n                <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/3M7nT0B.png\" alt=\"kicker Logo\" class=\"logo-item\">\n                <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/Ac7x8S3.png\" alt=\"ZDF Logo\" class=\"logo-item\">\n                <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/M6KvrOG.png\" alt=\"BILD-Logo\" class=\"logo-item\">\n                <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/3MHb88H.jpeg\" alt=\"sport.de Logo\" class=\"logo-item\">\n                <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/s7UIuRA.png\" alt=\"Spiegel Logo\" class=\"logo-item\">\n                <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/DQkNNmS.png\" alt=\"Sportschau Logo\" class=\"logo-item\">\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Contact -->\n    <section id=\"contact\" class=\"py-20 bg-gray-800 text-gray-200\">\n    <div class=\"container mx-auto px-6\">\n        <div class=\"max-w-3xl mx-auto\">\n            <h2 class=\"text-3xl font-bold text-center mb-6 text-white\">Sind Sie bereit f\u00fcr Milano Cortina 2026?<\/h2>\n            <p class=\"text-lg text-gray-300 mb-10 text-center leading-relaxed\">\n Gemeinsam verwandeln wir Olympia in ganz gro\u00dfen Sport \u2013 mit Live-Daten, Live-Ticker und ma\u00dfgeschneiderten L\u00f6sungen f\u00fcr Ihre Plattform. Jetzt Kontakt aufnehmen und loslegen. \n            <\/p>\n            <form action=\"https:\/\/formspree.io\/f\/xeopzlzj\" method=\"POST\" class=\"text-left\">\n                <div class=\"grid md:grid-cols-2 gap-6 mb-6\">\n                    <div>\n                        <label for=\"name\" class=\"block mb-2 text-sm font-medium text-gray-300\">Name<\/label>\n                        <input type=\"text\" id=\"name\" name=\"name\" class=\"w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-lg text-gray-200 focus:outline-none focus:ring-2 focus:ring-red-500\" required=\"\">\n                    <\/div>\n                    <div>\n                        <label for=\"email\" class=\"block mb-2 text-sm font-medium text-gray-300\">E-Mail<\/label>\n                        <input type=\"email\" id=\"email\" name=\"email\" class=\"w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-lg text-gray-200 focus:outline-none focus:ring-2 focus:ring-red-500\" required=\"\">\n                    <\/div>\n                <\/div>\n                <div class=\"mb-6\">\n                    <label for=\"message\" class=\"block mb-2 text-sm font-medium text-gray-300\">Nachricht<\/label>\n                    <textarea id=\"message\" name=\"message\" rows=\"4\" class=\"w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-lg text-gray-200 focus:outline-none focus:ring-2 focus:ring-red-500\" required=\"\"><\/textarea>\n                <\/div>\n                <input type=\"hidden\" name=\"_subject\" value=\"LEAD: Olympics 2026\">\n                <div class=\"text-center\">\n                    <button type=\"submit\" class=\"bg-red-600 text-white font-bold py-3 px-8 rounded-lg hover:bg-red-700 transition duration-300\">Anfrage senden<\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n<\/section>\n\n    <!-- Lightbox -->\n    <div id=\"lightbox\" class=\"fixed inset-0 bg-black\/80 flex items-center justify-center p-4 z-50 hidden\" onclick=\"closeLightbox(event)\">\n        <div class=\"relative bg-white p-2 rounded-lg max-w-4xl max-h-[90vh]\" onclick=\"event.stopPropagation()\">\n            <button id=\"lightbox-close\" class=\"absolute -top-4 -right-4 text-white bg-gray-800 rounded-full p-1 text-2xl leading-none z-10\">\u00d7<\/button>\n            <img decoding=\"async\" id=\"lightbox-image\" src=\"\" alt=\"Widget Detailansicht\" class=\"max-w-full max-h-[85vh] object-contain\">\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Horizontal gallery scroll\n        const galleryContainer = document.getElementById('gallery-container');\n        const scrollLeftBtn = document.getElementById('scroll-left');\n        const scrollRightBtn = document.getElementById('scroll-right');\n        if (galleryContainer && scrollLeftBtn && scrollRightBtn) {\n            const amount = () => {\n                const first = galleryContainer.querySelector('.scroll-snap-align-start');\n                return first ? first.offsetWidth : galleryContainer.offsetWidth \/ 3;\n            };\n            scrollLeftBtn.addEventListener('click', () => galleryContainer.scrollBy({ left: -amount(), behavior: 'smooth' }));\n            scrollRightBtn.addEventListener('click', () => galleryContainer.scrollBy({ left: amount(), behavior: 'smooth' }));\n        }\n\n        \/\/ Lightbox\n        const lightbox = document.getElementById('lightbox');\n        const lightboxImage = document.getElementById('lightbox-image');\n        const closeBtn = document.getElementById('lightbox-close');\n        document.querySelectorAll('.widget-lightbox-trigger').forEach(el => {\n            el.addEventListener('click', () => {\n                lightboxImage.src = el.getAttribute('src');\n                lightbox.classList.remove('hidden');\n                document.body.style.overflow = 'hidden';\n            });\n        });\n        function closeLightbox(e){ if(e.target===lightbox){ lightbox.classList.add('hidden'); lightboxImage.src=''; document.body.style.overflow='auto'; } }\n        closeBtn.addEventListener('click', ()=>{ lightbox.classList.add('hidden'); lightboxImage.src=''; document.body.style.overflow='auto'; });\n    <\/script>\n\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_hs_no_auto_translate":false,"footnotes":""},"class_list":["post-1306","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heimspiel.de\/de\/wp-json\/wp\/v2\/pages\/1306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heimspiel.de\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heimspiel.de\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heimspiel.de\/de\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/heimspiel.de\/de\/wp-json\/wp\/v2\/comments?post=1306"}],"version-history":[{"count":6,"href":"https:\/\/heimspiel.de\/de\/wp-json\/wp\/v2\/pages\/1306\/revisions"}],"predecessor-version":[{"id":1318,"href":"https:\/\/heimspiel.de\/de\/wp-json\/wp\/v2\/pages\/1306\/revisions\/1318"}],"wp:attachment":[{"href":"https:\/\/heimspiel.de\/de\/wp-json\/wp\/v2\/media?parent=1306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}