{"product_id":"tezeus-c8-38c-velo-electrique-de-ville-250w-moteur-36v-10ah-batterie","title":"TEZEUS C8 38C\" Vélo électrique de ville 250W Moteur 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;\"\u003eTechnologie Intelligente\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;\"\u003eRadar à Ondes Millimétriques\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.4; margin: 0; color: #444;\"\u003eCapteurs avancés qui surveillent votre environnement de circulation.\u003cbr\u003eAlarmes multi-modales : Visuelle I Vibration I Sonore\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 Sans Téléphone\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.4; margin: 0; color: #444;\"\u003eGoogle Maps intégré – envoyez des itinéraires à votre vélo électrique en un clic depuis votre téléphone pour une navigation sans effort.\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;\"\u003eProtection Antivol\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.4; margin: 0; color: #444;\"\u003eRestez protégé avec des alertes déclenchées par mouvement, des alarmes sonores et des notifications instantanées sur l'application.\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;\"\u003eToujours à Jour\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.4; margin: 0; color: #444;\"\u003eGardez votre vélo électrique à jour avec les dernières fonctionnalités et améliorations – entièrement sans fil.\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;\"\u003eAméliorez Votre Trajet\u003c\/h3\u003e\n\u003cp style=\"text-align: center; max-width: 700px; margin: 0 auto 20px;\"\u003eDébloquez le plein potentiel de votre aventure à vélo avec nos améliorations.\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;\"\u003ePhare Avant Automatique\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eS'active automatiquement dans l'obscurité, conforme à la StVZO. La sensibilité à la lumière ambiante est réglable.\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;\"\u003eBatterie Amovible\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eDesign détachable pour une recharge facile et un remplacement par des batteries de secours.\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;\"\u003eFreins Écologiques\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eFreins à disque hydrauliques avec câbles cachés, leviers en fibre de carbone et matériaux écologiques pour une puissance de freinage forte, flexible et durable.\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;\"\u003eDéverrouillage par Empreinte Digitale\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eLe bouton tactile capacitif permet un déverrouillage sans clé plus sûr et plus rapide, et fait également office de bouton de démarrage et de cloche.\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;\"\u003eCadre en Carbone Léger\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eLéger, solide et durable pour une conduite fluide et fiable.\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;\"\u003eMoteur Central Tezeus\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eConçu et développé par Tezeus\u003c\/p\u003e\n\u003cdiv style=\"font-size: 13px; margin-top: 6px;\"\u003ePuissance nominale du moteur : 250W\u003c\/div\u003e\n\u003cdiv style=\"font-size: 13px;\"\u003eCouple de pointe : 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;\"\u003ePas de Chaîne, Pas de Soucis\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eTransmission par courroie Gates pour des trajets fluides, silencieux et peu d'entretien.\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;\"\u003eMontée Facile avec Boost\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eFournit une assistance intelligente et intuitive qui rend la montée des colles facile et améliore votre expérience de conduite globale.\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;\"\u003ePrédiction de Portée en Temps Réel\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eUn algorithme intelligent prédit l'autonomie restante en analysant le terrain, le mode de conduite et la consommation d'énergie.\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;\"\u003eRecharge IA Intelligente\u003c\/h3\u003e\n\u003cp style=\"font-size: 14px; line-height: 1.5; margin: 0;\"\u003eElle apprend votre routine quotidienne, recommande de recharger pendant les heures de faible consommation et protège la santé de la batterie.\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\u003eVélo Électrique Intelligent avec Application Smart\u003c\/h1\u003e\n\u003cdiv class=\"sub\"\u003eTableau de Bord \u0026amp; Télécommande\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\"\u003eTableau de Bord \u0026amp; Télécommande\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eAperçu \u0026amp; Contrôle à Distance\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\"\u003eSuivi du Vélo\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eSuivez votre vélo électrique\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\"\u003ePartager Votre Trajet\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003ePartagez votre parcours\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=\"Tableau de Bord \u0026amp; Télécommande – Application Tezeus C8\"\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=\"Suivi du Vélo – Localisation \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=\"Partager Votre Trajet – Partager des Itinéraires\"\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=\"Vue par Défaut du Tableau de Bord\"\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\u003eGénéral\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMarque :\u003c\/strong\u003e TEZEUS\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eModèle :\u003c\/strong\u003e C8\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eType :\u003c\/strong\u003e Vélos Électriques Urbains\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCouleur :\u003c\/strong\u003e Blanc\/Noir\u003cstrong\u003e\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eSpécifications\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eComposants :\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\u003eType de vélo :\u003c\/strong\u003e Vélo électrique urbain\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMatériau du cadre :\u003c\/strong\u003e Fibre de carbone\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMatériau de la fourche avant :\u003c\/strong\u003e Fibre de carbone\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMatériau du tube de selle :\u003c\/strong\u003e Alliage d'aluminium\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMatériau des roues :\u003c\/strong\u003e Alliage d'aluminium\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTransmission :\u003c\/strong\u003e Courroie\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFreins :\u003c\/strong\u003e Disque hydraulique\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePneus :\u003c\/strong\u003e 700*38C\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoids :\u003c\/strong\u003e 16,5 kg (36 lbs) - avec moyeu de vitesses interne * Les données peuvent avoir une tolérance de +\/- 3%-5%. Le poids indiqué ici inclut la batterie et le béquille, mais n'inclut pas d'autres accessoires.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eTailles :\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\u003eTaille des pneus :\u003c\/strong\u003e 700*38C\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eA - Hauteur de passage :\u003c\/strong\u003e 800 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eB - Hauteur des poignées de guidon :\u003c\/strong\u003e 992,53 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eC - Empattement :\u003c\/strong\u003e 1085,65 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eD - Longueur totale :\u003c\/strong\u003e 1785 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eE - Longueur du tube de selle :\u003c\/strong\u003e 530,78 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eF - Longueur des bases (arrière-centre) :\u003c\/strong\u003e 450 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eG - Longueur effective du tube supérieur :\u003c\/strong\u003e 536,34 mm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eH - Largeur totale :\u003c\/strong\u003e 700 mm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eÉlectronique :\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\u003eMoteur :\u003c\/strong\u003e Moteur central\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoids :\u003c\/strong\u003e 2,6 kg\u003c\/li\u003e\n\u003cli\u003e\n\u003cth\u003eCouple maximal :\u003c\/th\u003e\n\u003ctd\u003e75 Nm\u003c\/td\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePuissance nominale :\u003c\/strong\u003e 250 W\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBruit :\u003c\/strong\u003e moins de 50 dB\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCapteurs :\u003c\/strong\u003e Capteur de vitesse, capteur de couple, capteur gyroscopique, radar à ondes millimétriques\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAffichage :\u003c\/strong\u003e 5,0 pouces, 1080P IPS, étanche IP65\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBatterie :\u003c\/strong\u003e Batterie lithium intégrée Samsung 360Wh\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRecharge rapide GaN :\u003c\/strong\u003e 2,5 heures\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ePerformance :\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitesse maximale :\u003c\/strong\u003e Version UE 25 km\/h (15 mph) * L'assistance moteur cesse dès que la vitesse maximale spécifiée est atteinte. Vous pouvez dépasser la limite de vitesse en augmentant votre fréquence de pédalage.\u003c\/li\u003e\n\u003cli\u003e\n\u003cth\u003eAutonomie :\u003c\/th\u003e\n\u003ctd\u003eJusqu'à 100 km (62 miles) * Les données réelles peuvent varier en fonction de la température, des conditions routières, du poids du cycliste, des habitudes de conduite et du niveau d'assistance, etc.\u003c\/td\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTemps de charge :\u003c\/strong\u003e 2,5 heures * Utilisation du chargeur GaN Tezeus.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMode de puissance :\u003c\/strong\u003e Niveau 0~3, mode marche \u0026amp; mode boost * En mode \"Puissance 0\", le moteur ne fournit aucune puissance. Vous pouvez rouler avec le C8 comme un vélo classique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoids total maximal :\u003c\/strong\u003e 110 kg (242,5 lbs)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eContenu du Colis\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e1 x Vélo électrique\u003c\/li\u003e\n\u003cli\u003e1 x Chargeur\u003c\/li\u003e\n\u003cli\u003e1 x Kit d'outils\u003c\/li\u003e\n\u003cli\u003e1 x Manuel d'utilisation\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":"Blanc","offer_id":66764583567664,"sku":"ebtezeu0003","price":2699.0,"currency_code":"EUR","in_stock":true},{"title":"Noir","offer_id":66764583600432,"sku":"ebtezeu0004","price":2699.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0864\/3208\/8368\/files\/TezeusC8-15.jpg?v=1778583261","url":"https:\/\/fr.gleeride.com\/sl\/products\/tezeus-c8-38c-velo-electrique-de-ville-250w-moteur-36v-10ah-batterie","provider":"FR_GleeRide","version":"1.0","type":"link"}