{"product_id":"tezeus-c8-38c-city-e-bike-250w-motor-36v-10ah-battery","title":"TEZEUS C8 38C\" City E-Bike 250W Motor 36V 10Ah Battery","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;\"\u003eSmart Technology\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;\"\u003eMillimeter Wave Radar\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.4; margin: 0; color: #444;\"\u003eAdvanced sensors that monitor your traffic environment.\u003cbr\u003eMulti-modal alarms: Visual I Vibration I Audible\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;\"\u003ePhone-Free Navigation\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.4; margin: 0; color: #444;\"\u003eBuilt-in Google Maps – send routes to your e-bike with one click from your phone for effortless 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;\"\u003eAnti-Theft Protection\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.4; margin: 0; color: #444;\"\u003eStay protected with motion-activated alerts, loud alarms, and instant app notifications.\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;\"\u003eAlways Up to Date\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.4; margin: 0; color: #444;\"\u003eKeep your e-bike updated with the latest features and improvements – completely wirelessly.\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;\"\u003eEnhance Your Ride\u003c\/h3\u003e\n\u003cp style=\"text-align: center; max-width: 700px; margin: 0 auto 20px;\"\u003eUnlock the full potential of your cycling adventure with our 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;\"\u003eAutomatic Headlight\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eAutomatically activates in dark conditions, StVZO compliant. Ambient light sensitivity is adjustable.\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;\"\u003eRemovable Battery\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eDetachable design for easy charging and swapping with spare batteries.\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;\"\u003eEco-Friendly Brakes\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eHydraulic disc brakes with hidden lines, carbon fiber levers, and eco-friendly materials for strong, flexible, and sustainable stopping power.\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;\"\u003eFingerprint Unlock\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eThe capacitive touch button enables safer and faster keyless unlocking, and also acts as a start button and bell.\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;\"\u003eLightweight Carbon Frame\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eLight, strong, and durable for a smooth, reliable ride.\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 Mid-Drive Motor\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eDesigned and engineered by Tezeus\u003c\/p\u003e\n\u003cdiv style=\"font-size: 13px; margin-top: 6px;\"\u003eMotor Rated Power: 250W\u003c\/div\u003e\n\u003cdiv style=\"font-size: 13px;\"\u003ePeak Torque: 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;\"\u003eNo Chain, No Worries\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eGates belt drive for smooth, quiet, and low-maintenance rides.\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;\"\u003eEffortless Climbing with Boost\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eProvides intelligent, intuitive support that makes hill climbing a breeze and enhances your overall riding experience.\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;\"\u003eReal-Time Range Prediction\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eAn intelligent algorithm predicts remaining range by analyzing terrain, riding mode, and power consumption.\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;\"\u003eSmart AI Charging\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eIt learns your daily routine, recommends charging during low-consumption times, and protects battery health.\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\u003eSmart eBike with Smart App\u003c\/h1\u003e\n\u003cdiv class=\"sub\"\u003eDashboard \u0026amp; Remote Control\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; Remote Control\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eOverview \u0026amp; Remote Control\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\"\u003eTrack Your Bike\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eTrack your 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\"\u003eShare Your Journey\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eShare your ride\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; Remote Control – 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=\"Track Your Bike – Location \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=\"Share Your Journey – Share Routes\"\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=\"Default Dashboard View\"\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\u003eGeneral\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBrand:\u003c\/strong\u003e TEZEUS\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eModel:\u003c\/strong\u003e C8\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eType:\u003c\/strong\u003e City Electric Bicycles\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e White\/Black\u003cstrong\u003e\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eSpecifications\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eComponents:\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\u003eBike Type:\u003c\/strong\u003e City E-Bike\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFrame Material:\u003c\/strong\u003e Carbon fiber\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFront Fork Material:\u003c\/strong\u003e Carbon fiber\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSeatpost Material:\u003c\/strong\u003e Aluminum alloy\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWheel Material:\u003c\/strong\u003e Aluminum alloy\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDrivetrain:\u003c\/strong\u003e Belt drive\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBrakes:\u003c\/strong\u003e Hydraulic disc\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTires:\u003c\/strong\u003e 700*38C\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 16.5kg (36lbs) - with internal gear hub * The data may have a +\/- 3%-5% tolerance. The weight marked here includes the battery and kickstand, but does not involve other accessories.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eSizes:\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\u003eTire Size:\u003c\/strong\u003e 700*38C\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eA - Standover height:\u003c\/strong\u003e 800mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eB - Handlebar grips height:\u003c\/strong\u003e 992.53mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eC - Wheelbase:\u003c\/strong\u003e 1085.65mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eD - Overall length:\u003c\/strong\u003e 1785mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eE - Seat tube length:\u003c\/strong\u003e 530.78mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eF - Chain stay length (rear-center):\u003c\/strong\u003e 450mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eG - Top tube length (effective):\u003c\/strong\u003e 536.34mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eH - Overall width:\u003c\/strong\u003e 700mm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eElectronics:\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 Mid-drive motor\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 2.6kg\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaximum torque:\u003c\/strong\u003e 75Nm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRated power:\u003c\/strong\u003e 250W\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNoise:\u003c\/strong\u003e less than 50dB\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSensor:\u003c\/strong\u003e Speed sensor, Torque sensor, Gyroscope sensor, Millimeter wave radar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDisplay:\u003c\/strong\u003e 5.0 inch, 1080P IPS, IP65 waterproof\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBattery:\u003c\/strong\u003e Samsung 360Wh Integrated lithium battery\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGaN fast charging:\u003c\/strong\u003e 2.5 hrs\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ePerformance:\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTop Speed:\u003c\/strong\u003e EU version 25 km\/h (15 mph) * The motor assistance will cease once the specified maximum speed is reached. You can break the speed limit by increasing your pedaling frequency.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRange:\u003c\/strong\u003e Up to 100 km (62 miles) * Actual data may vary depending on temperature, road conditions, rider's weight, riding habits, and assist level etc.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCharging Time:\u003c\/strong\u003e 2.5 hours * Using the Tezeus GaN charger.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePower Mode:\u003c\/strong\u003e Level 0~3, walking mode \u0026amp; boost mode * In \"Power 0\" mode, the motor does not provide any power. You can ride the C8 like a regular bicycle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTotal Weight Limit:\u003c\/strong\u003e 110kg (242.5lbs)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePackage Content\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1 x Electric bicycle\u003c\/li\u003e\n\u003cli\u003e1 x Charger\u003c\/li\u003e\n\u003cli\u003e1 x Tool set\u003c\/li\u003e\n\u003cli\u003e1 x User manual\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":"EU \/ White","offer_id":46141138600132,"sku":"ebtezeu0003","price":3179.0,"currency_code":"USD","in_stock":true},{"title":"EU \/ Black","offer_id":46141138632900,"sku":"ebtezeu0004","price":3179.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0627\/2532\/4996\/files\/TezeusC8-15.jpg?v=1778584006","url":"https:\/\/www.gleeride.com\/fr\/products\/tezeus-c8-38c-city-e-bike-250w-motor-36v-10ah-battery","provider":"Gleeride","version":"1.0","type":"link"}