[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"page:de:roadmap.html":3},{"id":4,"body":5,"extension":41,"meta":42,"slug":43,"stem":44,"__hash__":45},"content_de\u002Fde\u002Froadmap.json",{"template":6,"meta":7,"content":11},"page",{"title":8,"description":9,"keywords":10},"Bet in Box Entwicklungs-Roadmap | Meilensteine und Pläne bis 2030","Entdecken Sie die Meilensteine von Bet in Box seit 2014, aktuelle Veröffentlichungen (Live-Video & 3D-Tracker) und Technologie-Pläne bis 2030.","Bet in Box Roadmap, Sport-API Geschichte, Sportsbook-Widget Release, WebSockets Quoten API",{"blocks":12},[13,26,31,38],{"type":14,"center":15,"eyebrow":16,"titleHtml":17,"lead":18,"image":19,"ctas":21},"hero",true,"Unsere Reise & Wachstum","Bet in Box Roadmap","Sehen Sie, wie sich unsere Sportdaten-Plattform seit 2014 entwickelt hat, was wir diesen Monat veröffentlicht haben und welche Meilensteine wir bis 2030 planen.",{"src":20,"alt":17},"\u002Fassets\u002Fimg\u002Fcommercial\u002Froadmap-timeline.webp",[22],{"label":23,"variant":24,"icon":25,"order":15},"Entwickler kontaktieren","accent","map",{"type":27,"title":28,"html":29,"band":30},"prose","Meilensteine der Plattform (2014 – 2030)","\n    \u003Cp class=\"mb-8\">Hier finden Sie eine detaillierte Übersicht unserer veröffentlichten Produkte und Pläne.\u003C\u002Fp>\n    \u003Cdiv style=\"position: relative; border-left: 2px solid var(--line, rgba(255,255,255,0.1)); padding-left: 1.5rem; margin-left: 0.5rem; display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 3rem;\">\n      \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2014\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Projektstart & erster Fußball-Parser\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Start des Echtzeit-Erfassungssystems für Fußballergebnisse der Top-5 europäischen Ligen.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2015\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Zentralisierte Sportdatenbank\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Design und Implementierung einer relationalen Datenbank zur Speicherung historischer Sportdaten.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2015\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Basketball- und Tennis-Integration\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Erweiterung der Datenabdeckung auf NBA, EuroLeague sowie ATP- und WTA-Turniere.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2016\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Release der ersten Pre-Match REST API\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Start der kommerziellen Schnittstelle für Spielpläne und Pre-Match-Wettquoten.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2016\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Eishockey-Integration\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Anbindung von Eishockey-Datenströmen und Quoten (KHL, NHL und Weltmeisterschaften).\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2017\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Migration auf Cloud-Infrastruktur\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Umzug der Server auf verteilte Cloud-Plattformen zur Minimierung von Latenzen.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2017\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Automatisches Team-Mapping\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Entwicklung eines intelligenten Moduls zur Zuordnung von Team- und Spielernamen in 5 Sprachen.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2018\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Start des Live-Datenfeeds\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Echtzeit-Übertragung von Live-Daten während des Spiels mit Latenzen unter 5 Sekunden.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2018\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                E-Sport-Unterstützung\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Erweiterung des Feeds um populäre E-Sport-Titel wie CS:GO und Dota 2.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2019\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Live-Score-Widgets\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Entwicklung von fertigen Widgets zur Integration von Live-Spielständen auf Partnerseiten.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2019\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Ausbau der Fußball-Ligen\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Skalierung des Parsers auf über 50 Jugend-, Frauen- und Regionalligen.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2020\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Redundante Datenfeeds\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Integration von Backup-Datenströmen alternativer Scout-Dienste für Ausfallsicherheit.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2020\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Hochlast-Optimierung\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Modernisierung der API zur Verarbeitung von Spitzenlasten von bis zu 5.000 Anfragen pro Sekunde.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2021\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Historisches Sportdaten-Archiv\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Freischaltung des Zugangs zur historischen Ergebnis- und Statistikdatenbank (Tiefe über 5 Jahre).\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2021\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Detaillierte Match-Statistiken\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Aufnahme von Ecken, Karten, Fouls, Torschüssen und Ballbesitz in den Live-Feed.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2022\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Integration von Cricket und Tischtennis\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Anbindung nachgefragter asiatischer und europäischer Märkte an das globale System.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2022\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Wettauswertungs-Modul (Bet Settlement)\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Entwicklung einer automatischen Lösung zur Abrechnung abgeschlossener Wettmärkte.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2023\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Echtzeit-Mehrsprachigkeit\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Automatische Übersetzung von Spielinhalten in 11 Sprachen ohne Latenzeinfluss.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2023\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                KI-Deduplizierung von Events\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Nutzung von Machine-Learning-Algorithmen zur Bereinigung doppelter Events aus Feeds.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2024\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                JSON:API mit strenger Typisierung\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Aktualisierung der Protokolle und Schemata zur einfacheren Integration für Entwickler.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2024\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Jugend- und Regionalligen\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Anbindung von über 100 zusätzlichen Minor-Ligen weltweit zur Vertiefung der Abdeckung.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2025\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Partnerprogramm für Start-ups\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Sondertarife und Testphasen für neue Sportprojekte und unabhängige Entwickler.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2025\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Live-Latenz-Optimierung\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Senkung der Übertragungszeit von Live-Events auf stabile 1,5 Sekunden ab Scout-Eingabe.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  Juni 2026 (Dieser Monat)\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Videostreams & 3D Match Tracker\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Erfolgreicher Release zweier Kernprodukte: Integration von Videostreams via iframe und 3D-Match-Tracker.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #fbbf24; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  Juli – August 2026\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(251, 191, 36, 0.15); color: #fbbf24; letter-spacing: 0.05em;\">\n                  In Progress\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                API für Team- & Spielerstatistiken\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Aktive Entwicklung und Testphase: Spielerprofile, Aufstellungen, Transfers und Saisonstatistiken.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #fbbf24; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  August 2026\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(251, 191, 36, 0.15); color: #fbbf24; letter-spacing: 0.05em;\">\n                  In Progress\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                WebSocket Live Line API\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Entwicklung eines WebSocket-Kanals für die Echtzeit-Übertragung von Quotenänderungen.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #fbbf24; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  September 2026\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(251, 191, 36, 0.15); color: #fbbf24; letter-spacing: 0.05em;\">\n                  In Progress\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Sportsbook-Widget Release\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Schlüsselfertige Lösung: iframe-Fenster mit Quoten, Wettschein (Bet Slip) und Kundenbereich.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #6366f1; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2027\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(99, 102, 241, 0.15); color: #6366f1; letter-spacing: 0.05em;\">\n                  Planned\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                KI-gestützte Vorhersage-Plattform\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Entwicklung eines KI-Moduls zur Prognose von Spielwahrscheinlichkeiten basierend auf Historie.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #6366f1; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2027\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(99, 102, 241, 0.15); color: #6366f1; letter-spacing: 0.05em;\">\n                  Planned\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Mobile SDKs (iOS & Android)\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Erstellung nativer Bibliotheken zur schnellen Einbindung von Quoten und Trackern in Apps.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #6366f1; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2028\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(99, 102, 241, 0.15); color: #6366f1; letter-spacing: 0.05em;\">\n                  Planned\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Virtueller Sport (Virtual Sports API)\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Integration mathematischer Modelle und Simulatoren für virtuellen Sport mit Grafikgenerator.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #6366f1; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2028\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(99, 102, 241, 0.15); color: #6366f1; letter-spacing: 0.05em;\">\n                  Planned\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Blockchain-Resultate\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Verwendung von Blockchain-Oracles zur unveränderlichen Bestätigung von Spielergebnissen.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #6366f1; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2029\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(99, 102, 241, 0.15); color: #6366f1; letter-spacing: 0.05em;\">\n                  Planned\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                VR\u002FAR 3D Match Tracker\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Unterstützung für interaktive 3D-Spielvisualisierungen auf Virtual-Reality-Brillen.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #6366f1; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2030\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(99, 102, 241, 0.15); color: #6366f1; letter-spacing: 0.05em;\">\n                  Planned\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Edge-Infrastruktur mit Null-Latenz\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Umstellung der Server auf dezentrale Edge-Knoten weltweit für weltweiten Zero-Ping-Datenfluss.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n    \u003C\u002Fdiv>\n  ","tint",{"type":32,"label":33,"managerName":34,"title":35,"ctaLabel":36,"ctaHref":37},"managerCta","Kontakt","CTO","Haben Sie Fragen zur Roadmap oder möchten Sie Feature-Prioritäten vorschlagen? Sprechen Sie uns an.","Roadmap besprechen","@telegram",{"type":27,"title":39,"html":40,"band":30},"Sport-API Entwicklungsgeschichte und Produkt-Roadmap","\n    \u003Cp>Begonnen 2014 als einfacher Fußball-Parser, hat sich Bet in Box zu einem globalen Datenanbieter entwickelt. Wir bauten Ligen aus und optimierten Latenzen. Im Juni 2026 haben wir mit 3D-Tracking und Video-Widgets einen Meilenstein erreicht.\u003C\u002Fp>\n    \u003Cp>Zukünftige Schritte zielen auf eine einfachere Integration ab. Das Sportsbook-Widget im September 2026 spart hunderte Entwicklungsstunden. Bis 2030 folgen KI-Prognosen, mobile SDKs und globale Edge-Verteilung.\u003C\u002Fp>\n  ","json",{},"roadmap.html","de\u002Froadmap","T1prL5heDB4-gZwgVmhotNEf3yLLWfhZLl5PssyEJwQ"]