{"product_id":"tezeus-c8-38c-city-elektrofahrrader-250w-motor-36v-10ah-batterie","title":"TEZEUS C8 38C\" City-Elektrofahrräder 250W Motor 36V 10Ah Batterie","description":"\u003cp\u003e[DESCRIPTION]\u003c\/p\u003e\n\u003cp style=\"margin: 0; padding: 0;\"\u003e\u003cimg style=\"width: 100%; max-width: 100%; display: block; object-fit: cover; margin: 0; padding: 0;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/C8-27.jpg?v=1778581297\"\u003e\u003c\/p\u003e\n\u003cdiv style=\"max-width: 1200px; margin: 0 auto; padding: 0 15px;\"\u003e\n\u003c!-- Smart Technology Section --\u003e\n\u003cdiv style=\"margin: 40px 0;\"\u003e\n\u003ch3 style=\"text-align: center; font-size: 26px; font-weight: 600; margin-bottom: 30px;\"\u003eIntelligente Technologie\u003c\/h3\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; max-width: 800px; margin: 0 auto;\"\u003e\n\u003c!-- Card 1: Millimeter Wave Radar --\u003e\n\u003cdiv style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.1);\"\u003e\n\u003cimg style=\"width: 100%; height: auto; display: block;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/Tezeus_C8-1.jpg?v=1778577359\"\u003e\n\u003cdiv style=\"padding: 16px;\"\u003e\n\u003ch3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 8px; color: #111;\"\u003eMillimeterwellenradar\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.4; margin: 0; color: #444;\"\u003eFortschrittliche Sensorik, die auf Ihren Verkehrsraum achtet.\u003cbr\u003eMultimodale Alarme: Visuell I Vibration I Akustisch\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 2: Navigation without Cellphone --\u003e\n\u003cdiv style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.1);\"\u003e\n\u003cimg style=\"width: 100%; height: auto; display: block;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/Tezeus_C8-2.jpg?v=1778577359\"\u003e\n\u003cdiv style=\"padding: 16px;\"\u003e\n\u003ch3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 8px; color: #111;\"\u003eNavigation ohne Smartphone\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.4; margin: 0; color: #444;\"\u003eIntegrierte Google Maps – senden Sie Routen mit einem Klick von Ihrem Telefon an Ihr E-Bike für mühelose Navigation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 3: Anti-Theft Protection --\u003e\n\u003cdiv style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.1);\"\u003e\n\u003cimg style=\"width: 100%; height: auto; display: block;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/Tezeus_C8-3.jpg?v=1778577363\"\u003e\n\u003cdiv style=\"padding: 16px;\"\u003e\n\u003ch3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 8px; color: #111;\"\u003eDiebstahlschutz\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.4; margin: 0; color: #444;\"\u003eBleiben Sie geschützt durch bewegungsaktivierte Warnungen, laute Alarme und sofortige App-Benachrichtigungen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 4: Keep Up To Date --\u003e\n\u003cdiv style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.1);\"\u003e\n\u003cimg style=\"width: 100%; height: auto; display: block;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/Tezeus_C8-4.jpg?v=1778577359\"\u003e\n\u003cdiv style=\"padding: 16px;\"\u003e\n\u003ch3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 8px; color: #111;\"\u003eStets auf dem neuesten Stand\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.4; margin: 0; color: #444;\"\u003eHalten Sie Ihr E-Bike immer auf dem neuesten Stand der Funktionen und Verbesserungen – komplett drahtlos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Enhance Your Ride Section --\u003e\n\u003cdiv style=\"margin: 40px 0;\"\u003e\n\u003ch3 style=\"text-align: center; font-size: 26px; font-weight: 600; margin-bottom: 10px;\"\u003eOptimieren Sie Ihre Fahrt\u003c\/h3\u003e\n\u003cp style=\"text-align: center; max-width: 700px; margin: 0 auto 20px;\"\u003eEntfalten Sie das volle Potenzial Ihres Fahrradabenteuers mit unseren Upgrades.\u003c\/p\u003e\n\u003c!-- Horizontal Scroll Cards --\u003e\n\u003cdiv style=\"width: 100%; overflow-x: auto; padding: 20px 10px; scroll-behavior: smooth;\"\u003e\n\u003cdiv style=\"display: flex; gap: 20px; width: max-content;\"\u003e\n\u003c!-- Card 1 --\u003e\n\u003cdiv style=\"width: 280px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\"\u003e\n\u003cimg style=\"width: 100%; height: auto; display: block;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/Tezeus_C8-11.jpg?v=1778578639\"\u003e\n\u003cdiv style=\"padding: 18px;\"\u003e\n\u003ch3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 8px;\"\u003eAutomatisches Frontlicht\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eAutomatisch bei Dunkelheit aktiviert, konform mit der StVZO. Die Einstellung der Umgebungsbeleuchtung ist anpassbar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 2 --\u003e\n\u003cdiv style=\"width: 280px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\"\u003e\n\u003cimg style=\"width: 100%; height: auto; display: block;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/Tezeus_C8-12.jpg?v=1778578639\"\u003e\n\u003cdiv style=\"padding: 18px;\"\u003e\n\u003ch3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 8px;\"\u003eWechselbarer Akku\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eAbnehmbares Design für einfaches Laden und Austausch von Ersatzakkus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 3 --\u003e\n\u003cdiv style=\"width: 280px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\"\u003e\n\u003cimg style=\"width: 100%; height: auto; display: block;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/Tezeus_C8-13.jpg?v=1778578639\"\u003e\n\u003cdiv style=\"padding: 18px;\"\u003e\n\u003ch3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 8px;\"\u003eUmweltfreundliche Bremsen\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eHydraulische Scheibenbremsen mit verdeckten Leitungen und Hebeln aus Carbonfaser und umweltfreundlichen Materialien für starke, flexible und nachhaltige Verzögerung.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 4 --\u003e\n\u003cdiv style=\"width: 280px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\"\u003e\n\u003cimg style=\"width: 100%; height: auto; display: block;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/Tezeus_C8-14.jpg?v=1778578639\"\u003e\n\u003cdiv style=\"padding: 18px;\"\u003e\n\u003ch3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 8px;\"\u003eFingerabdruck-Entriegelung\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eDer kapazitive Touch-Button ermöglicht ein sichereres und schnelleres schlüsselloses Entriegeln und dient gleichzeitig als Startknopf und Klingel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 5 --\u003e\n\u003cdiv style=\"width: 280px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/Tezeus_C8-5.png?v=1778578101\" style=\"width: 100%; height: auto; display: block;\"\u003e\n\u003cdiv style=\"padding: 18px;\"\u003e\n\u003ch3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 8px;\"\u003eLeichter Carbonrahmen\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eLeicht, stark und langlebig für eine geschmeidige, zuverlässige Fahrt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 6 --\u003e\n\u003cdiv style=\"width: 280px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/Tezeus_C8-6.png?v=1778578101\" style=\"width: 100%; height: auto; display: block;\"\u003e\n\u003cdiv style=\"padding: 18px;\"\u003e\n\u003ch3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 8px;\"\u003eTezeus Mittelmotor\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eEntwickelt und konstruiert von Tezeus\u003c\/p\u003e\n\u003cdiv style=\"font-size: 13px; margin-top: 6px;\"\u003eNennleistung Motor: 250W\u003c\/div\u003e\n\u003cdiv style=\"font-size: 13px;\"\u003eSpitzendrehmoment: 75Nm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 7 --\u003e\n\u003cdiv style=\"width: 280px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/Tezeus_C8-7.png?v=1778578103\" style=\"width: 100%; height: auto; display: block;\"\u003e\n\u003cdiv style=\"padding: 18px;\"\u003e\n\u003ch3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 8px;\"\u003eKeine Kette, keine Sorgen\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eGates-Riemenantrieb für geschmeidige, leise und wartungsarme Fahrten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 8 --\u003e\n\u003cdiv style=\"width: 280px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/Tezeus_C8-8.png?v=1778578102\" style=\"width: 100%; height: auto; display: block;\"\u003e\n\u003cdiv style=\"padding: 18px;\"\u003e\n\u003ch3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 8px;\"\u003eMüheloses Klettern mit Boost\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eBietet eine intelligente, intuitive Unterstützung, die das Klettern von Hügeln zum Kinderspiel macht und Ihr Fahrerlebnis insgesamt verbessert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 9 --\u003e\n\u003cdiv style=\"width: 280px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/Tezeus_C8-9.png?v=1778578102\" style=\"width: 100%; height: auto; display: block;\"\u003e\n\u003cdiv style=\"padding: 18px;\"\u003e\n\u003ch3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 8px;\"\u003eEchtzeit-Reichweitenprognose\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eEin intelligenter Algorithmus prognostiziert die verbleibende Kilometerleistung durch Analyse von Gelände, Fahrmodus und Leistungsverbrauch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Card 10 --\u003e\n\u003cdiv style=\"width: 280px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08);\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/Tezeus_C8-10.png?v=1778578101\" style=\"width: 100%; height: auto; display: block;\"\u003e\n\u003cdiv style=\"padding: 18px;\"\u003e\n\u003ch3 style=\"font-size: 18px; font-weight: 600; margin: 0 0 8px;\"\u003eIntelligentes KI-Laden\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eEs lernt Ihre tägliche Routine, empfiehlt das Laden in verbrauchsarmen Zeiten und schützt die Akkugesundheit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* reset + basis *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\n            line-height: 1.4;\n        }\n\n        .tezeus-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 2rem 1.5rem 3.5rem;\n        }\n\n        \/* header – genau wie design *\/\n        .app-title {\n            text-align: center;\n            margin-bottom: 2rem;\n        }\n\n        .app-title h1 {\n            font-size: 2rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #0f172a 0%, #2c3e66 100%);\n            background-clip: text;\n            -webkit-background-clip: text;\n            color: transparent;\n            letter-spacing: -0.3px;\n            margin-bottom: 0.3rem;\n        }\n\n        .app-title .sub {\n            font-size: 1.1rem;\n            font-weight: 500;\n            color: #334155;\n            border-bottom: 2px solid #e0e7ef;\n            display: inline-block;\n            padding-bottom: 0.2rem;\n        }\n\n        \/* 3 klickbare karten – durch anchor links (funktioniert ohne JS) *\/\n        .feature-row {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            justify-content: center;\n            margin-bottom: 2.5rem;\n        }\n\n        .feature-card {\n            flex: 1;\n            min-width: 200px;\n            border-radius: 1.75rem;\n            text-align: center;\n            transition: all 0.2s ease;\n            border: 1px solid #e9edf2;\n            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);\n            cursor: pointer;\n        }\n\n        \/* der echte Link füllt die ganze Karte *\/\n        .feature-card a {\n            display: block;\n            text-decoration: none;\n            padding: 1.2rem 0.75rem;\n            border-radius: 1.75rem;\n            color: inherit;\n            width: 100%;\n            height: 100%;\n        }\n\n        .feature-card:hover {\n            transform: translateY(-3px);\n            border-color: #b9c7da;\n            box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.12);\n        }\n\n        \/* Aktiver Zustand wird durch :target gesteuert – zusätzlich per CSS sichtbar *\/\n        .feature-name {\n            font-size: 1.35rem;\n            font-weight: 600;\n            color: #0f172a;\n            margin-bottom: 0.25rem;\n            transition: color 0.2s;\n        }\n\n        .feature-desc {\n            font-size: 0.8rem;\n            color: #5c6f87;\n            letter-spacing: 0.2px;\n        }\n\n        \/* Bildbereich *\/\n        .image-preview {\n            border-radius: 2rem;\n            overflow: hidden;\n            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);\n            border: 1px solid #eef2f8;\n            padding: 1rem;\n            text-align: center;\n        }\n\n        .app-img {\n            max-width: 100%;\n            width: auto;\n            height: auto;\n            display: block;\n            margin: 0 auto;\n            border-radius: 1.25rem;\n        }\n\n        \/* ---------- CORE: alle 3 bilder standardmäßig versteckt, nur das getargete wird angezeigt ---------- *\/\n        .image-slide {\n            display: none;\n        }\n\n        .image-slide:target {\n            display: block;\n        }\n\n        \/* falls keins getarget ist (direct load \/ kein hash) -\u003e zeige dashboard als default *\/\n        .image-slide-default {\n            display: block;\n        }\n\n        \/* sobald ein target aktiv ist, verstecke das default element *\/\n        .image-slide:target ~ .image-slide-default {\n            display: none;\n        }\n\n        \/* Achtung: das muss die struktur hergeben; daher wrappen wir die bilder in einem flex-container, aber mit sibling-selektor.\n           alternative: einfacher: alle bilder in einem container, aber mit :target auf dem container? \n           sicherer: absolute\/relative? Nein, wir nutzen ~ Selektor.\n           *\/\n        .image-stack {\n            position: relative;\n        }\n\n        \/* einfache regel: wenn ein slide getargeted, verstecke default *\/\n        #dashboard-img:target ~ .default-fallback,\n        #track-img:target ~ .default-fallback,\n        #share-img:target ~ .default-fallback {\n            display: none;\n        }\n\n        \/* aber default-fallback ist ein separates element, wir bauen es so, dass es dieselbe position einnimmt.\n           dafür machen wir alle bilder innerhalb eines flex-containers sichtbar? besser: alle bilder nebeneinander? nein.\n           Wir nutzen ein geschwister-konzept: jeder bild-container ist ein sibling. \n           *\/\n        .img-wrapper {\n            display: none;\n        }\n        .img-wrapper:target {\n            display: block;\n        }\n        \/* Standardbild anzeigen, wenn kein target aktiv ist *\/\n        .img-wrapper.default-img {\n            display: block;\n        }\n        \/* Wenn irgendein target (dashboard,track,share) aktiv ist, dann default-img ausblenden *\/\n        .img-wrapper:target ~ .default-img {\n            display: none;\n        }\n        \/* Aber ~ funktioniert nur bei gleichem parent und späteren geschwistern. deswegen positionieren wir alle wrapper als direkte kinder und setzen default an letzte stelle. *\/\n\n        \/* Lösung: alle wrapper sind geschwister, default-img ist das letzte. \n           Sobald eins der vorherigen getargetet wird, wird default-img ausgeblendet. Das ist robust. *\/\n        .img-container {\n            display: none;\n        }\n        .img-container:target {\n            display: block;\n        }\n        .img-container.default-placeholder {\n            display: block;\n        }\n        \/* wenn irgendein anderer .img-container (mit target) sichtbar wird, verstecke default-placeholder *\/\n        .img-container:target ~ .default-placeholder {\n            display: none;\n        }\n\n        \/* zusätzlich highlight für aktives feature (über css selektor + hash) *\/\n        .feature-card a:active, \n        .feature-card a:focus {\n            outline: none;\n        }\n\n        \/* Aktive Karte hervorheben, wenn der hash zur Karte passt *\/\n        body:has(#dashboard-img:target) .feature-card[data-for=\"dashboard\"],\n        body:has(#track-img:target) .feature-card[data-for=\"track\"],\n        body:has(#share-img:target) .feature-card[data-for=\"share\"] {\n            border-bottom: 3px solid #2563eb;\n            box-shadow: 0 6px 14px rgba(37, 99, 235, 0.08);\n        }\n        body:has(#dashboard-img:target) .feature-card[data-for=\"dashboard\"] .feature-name,\n        body:has(#track-img:target) .feature-card[data-for=\"track\"] .feature-name,\n        body:has(#share-img:target) .feature-card[data-for=\"share\"] .feature-name {\n            color: #2563eb;\n            font-weight: 700;\n        }\n\n        \/* Fallback für Browser die :has nicht unterstützen (zB ältere Safari?) aber das styling ist nur nice-to-have.\n           Die Kernfunktionalität (Klick -\u003e Bild wechseln) funktioniert in jedem Browser wegen :target. *\/\n        .info-badge {\n            padding: 0.4rem 1.2rem;\n            border-radius: 40px;\n            font-size: 0.8rem;\n            color: #1e3a8a;\n            font-weight: 500;\n            display: inline-block;\n        }\n        .info-wrapper {\n            display: flex;\n            justify-content: center;\n            margin-top: 1.5rem;\n        }\n        @media (max-width: 700px) {\n            .tezeus-container {\n                padding: 1.2rem 1rem;\n            }\n            .feature-name {\n                font-size: 1.1rem;\n            }\n            .app-title h1 {\n                font-size: 1.6rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"tezeus-container\"\u003e\n\u003cdiv class=\"app-title\"\u003e\n\u003ch1\u003eIntelligentes E-Bike mit Smart App\u003c\/h1\u003e\n\u003cdiv class=\"sub\"\u003eDashboard \u0026amp; Fernsteuerung\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3 bedienbare karten: jeder link setzt einen hash (dashboard, track, share) und ändert das bild ohne JS --\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-card\" data-for=\"dashboard\"\u003e\u003ca href=\"#dashboard-img\"\u003e\n\u003cdiv class=\"feature-name\"\u003eDashboard \u0026amp; Fernsteuerung\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eÜbersicht \u0026amp; Fernsteuerung\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-card\" data-for=\"track\"\u003e\u003ca href=\"#track-img\"\u003e\n\u003cdiv class=\"feature-name\"\u003eFahrrad verfolgen\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eVerfolge dein E-Bike\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-card\" data-for=\"share\"\u003e\u003ca href=\"#share-img\"\u003e\n\u003cdiv class=\"feature-name\"\u003eFahrt teilen\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eTeile deine Fahrt\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Bildbereich: Reine HTML\/CSS Lösung mit :target --\u003e\n\u003cdiv class=\"image-preview\"\u003e\n\u003c!-- Container für die dynamischen bilder, alle als sibling geordnet --\u003e\n\u003cdiv id=\"dashboard-img\" class=\"img-container\"\u003e\u003cimg class=\"app-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/C8-28.png?v=1778581927\" alt=\"Dashboard \u0026amp; Fernsteuerung – Tezeus C8 App\"\u003e\u003c\/div\u003e\n\u003cdiv id=\"track-img\" class=\"img-container\"\u003e\u003cimg class=\"app-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/C8-29.png?v=1778581927\" alt=\"Fahrrad verfolgen – Standort \u0026amp; Navigation\"\u003e\u003c\/div\u003e\n\u003cdiv id=\"share-img\" class=\"img-container\"\u003e\u003cimg class=\"app-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/C8-30.png?v=1778581927\" alt=\"Fahrt teilen – Routen teilen\"\u003e\u003c\/div\u003e\n\u003c!-- Standardbild (fallback) falls kein hash gesetzt ist. Dieses wird ausgeblendet sobald eins der obigen targets aktiv ist --\u003e\n\u003cdiv class=\"img-container default-placeholder\"\u003e\u003cimg class=\"app-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/C8-28.png?v=1778581927\" alt=\"Standard Dashboard Ansicht\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-wrapper\"\u003e\n\u003cdiv class=\"info-badge\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Zusätzliche Style-Verfeinerung: sorge dafür dass die :target korrekt greift und kein JS aktiv ist --\u003e\n\u003cstyle\u003e\n    \/* Grundsätzlich verstecken wir alle Bildcontainer, aber das Standardbild ist sichtbar *\/\n    .img-container {\n        display: none;\n    }\n    \/* default-placeholder immer als block anfangs *\/\n    .default-placeholder {\n        display: block;\n    }\n    \/* Sobald eins der drei spezifischen Ziele getroffen wird, blende default aus und zeige das jeweilige ziel *\/\n    #dashboard-img:target,\n    #track-img:target,\n    #share-img:target {\n        display: block;\n    }\n    #dashboard-img:target ~ .default-placeholder,\n    #track-img:target ~ .default-placeholder,\n    #share-img:target ~ .default-placeholder {\n        display: none;\n    }\n    \/* weil das default-placeholder nach den ids im DOM steht, funktioniert der geschwister-selektor (~) einwandfrei *\/\n    .image-preview {\n        min-height: 400px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    .app-img {\n        max-height: 550px;\n        width: auto;\n        object-fit: contain;\n    }\n    @media (max-width: 640px) {\n        .app-img {\n            max-height: 400px;\n        }\n    }\n    \/* hervorhebung aktiver karte via attribut-selektor \u0026 hash – reines css *\/\n    .feature-card a {\n        transition: all 0.1s;\n    }\n    \/* mobile optimierung *\/\n    .feature-card a:focus-visible {\n        outline: 2px solid #2563eb;\n        border-radius: 2rem;\n    }\n\u003c\/style\u003e\n\u003c!-- \n    Diese Lösung funktioniert ohne JavaScript. \n    Klicks auf die drei Texte setzen einen Anchor (#dashboard-img, #track-img, #share-img)\n    Dank :target im CSS wird das passende Bild eingeblendet, das Standardbild verschwindet.\n    Kompatibel mit alten Browsern, E-Mail-Clients die CSS2.1 unterstützen? Zumindest alle modernen Umgebungen.\n    Falls Ihr Template JS blockiert, funktioniert dies definitiv.\n--\u003e\n\u003cp\u003e[\/DESCRIPTION][SPECIFICATIONS]\u003c\/p\u003e\n\u003ch3\u003eAllgemein\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMarke:\u003c\/strong\u003e TEZEUS\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eModell:\u003c\/strong\u003e C8\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTyp:\u003c\/strong\u003e City-Elektrofahrräder\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFarbe:\u003c\/strong\u003e Weiß\/Schwarz\u003cstrong\u003e\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eSpezifikationen\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eKomponenten:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"padding-left: 20px; margin: 10px 0; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFahrradtyp:\u003c\/strong\u003e City E-Bike\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRahmenmaterial:\u003c\/strong\u003e Carbonfaser\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial der Vordergabel:\u003c\/strong\u003e Carbonfaser\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial der Sattelstütze:\u003c\/strong\u003e Aluminiumlegierung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial der Räder:\u003c\/strong\u003e Aluminiumlegierung\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntrieb:\u003c\/strong\u003e Riemenantrieb\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBremsen:\u003c\/strong\u003e Hydraulische Scheibenbremsen\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReifen:\u003c\/strong\u003e 700*38C\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGewicht:\u003c\/strong\u003e 16,5 kg (36 lbs) - mit integrierter Nabenschaltung * Die Daten können eine Toleranz von +\/- 3%-5% aufweisen. Das hier angegebene Gewicht beinhaltet die Batterie und den Ständer, schließt jedoch andere Zubehörteile aus.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eAbmessungen:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"padding-left: 20px; margin: 10px 0; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eReifengröße:\u003c\/strong\u003e 700*38C\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eA - Durchstiegshöhe:\u003c\/strong\u003e 800 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eB - Höhe der Lenkergriffe:\u003c\/strong\u003e 992,53 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eC - Radstand:\u003c\/strong\u003e 1085,65 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eD - Gesamtlänge:\u003c\/strong\u003e 1785 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eE - Länge des Sattelrohrs:\u003c\/strong\u003e 530,78 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eF - Länge der Kettenstrebe (Hintermittelpunkt):\u003c\/strong\u003e 450 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eG - Effektive Länge des Oberrohrs:\u003c\/strong\u003e 536,34 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eH - Gesamtbreite:\u003c\/strong\u003e 700 mm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eElektronik:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"padding-left: 20px; margin: 10px 0; line-height: 1.7;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMotor:\u003c\/strong\u003e Mittelmotor\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGewicht:\u003c\/strong\u003e 2,6 kg\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaximales Drehmoment:\u003c\/strong\u003e 75 Nm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNennleistung:\u003c\/strong\u003e 250 W\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGeräuschpegel:\u003c\/strong\u003e weniger als 50 dB\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSensoren:\u003c\/strong\u003e Geschwindigkeitsensor, Drehmomentsensor, Gyroskopsensor, Millimeterwellenradar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDisplay:\u003c\/strong\u003e 5,0 Zoll, 1080P IPS, IP65 wasserdicht\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBatterie:\u003c\/strong\u003e Integrierte Samsung-Lithiumbatterie mit 360 Wh\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGaN-Schnellladung:\u003c\/strong\u003e 2,5 Stunden\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLeistung:\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHöchstgeschwindigkeit:\u003c\/strong\u003e EU-Version 25 km\/h (15 mph) * Die Motorunterstützung erlischt, sobald die angegebene Höchstgeschwindigkeit erreicht ist. Sie können die Geschwindigkeitsbegrenzung durch Erhöhen Ihrer Trittfrequenz brechen.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReichweite:\u003c\/strong\u003e Bis zu 100 km (62 Meilen) * Die tatsächlichen Daten können je nach Temperatur, Straßenverhältnissen, Fahrergewicht, Fahrgewohnheiten und Unterstützungsstufe usw. variieren.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLadezeit:\u003c\/strong\u003e 2,5 Stunden * Verwendung des Tezeus GaN-Ladegeräts.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLeistungsmodus:\u003c\/strong\u003e Stufe 0~3, Schiebemodus \u0026amp; Boost-Modus * Im Modus \"Leistung 0\" liefert der Motor keine Leistung. Sie können das C8 wie ein normales Fahrrad fahren.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaximales Gesamtgewicht:\u003c\/strong\u003e 110 kg (242,5 lbs)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePaketinhalt\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1 x Elektrofahrrad\u003c\/li\u003e\n\u003cli\u003e1 x Ladegerät\u003c\/li\u003e\n\u003cli\u003e1 x Werkzeugset\u003c\/li\u003e\n\u003cli\u003e1 x Bedienungsanleitung\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e[\/SPECIFICATIONS][MANUAL]\u003c\/p\u003e\n\u003cp\u003e[\/MANUAL]\u003c\/p\u003e","brand":"TEZEUS","offers":[{"title":"Weiß","offer_id":53456360145080,"sku":"ebtezeu0003","price":2699.0,"currency_code":"EUR","in_stock":true},{"title":"Schwarz","offer_id":53456360177848,"sku":"ebtezeu0004","price":2699.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0656\/2404\/7800\/files\/TezeusC8-15_ca61d001-be8b-47a1-911f-7628694d31fd.jpg?v=1778580355","url":"https:\/\/de.gleeride.com\/nl\/products\/tezeus-c8-38c-city-elektrofahrrader-250w-motor-36v-10ah-batterie","provider":"DE_GleeRide","version":"1.0","type":"link"}