{"title":"Ecran Moto Carplay Android Auto GPS","description":"\u003csection\u003e\n\u003cp\u003eEntdecken Sie unsere Kollektion an Motorrad-Displays für ein vernetztes Fahrerlebnis. Profitieren Sie von kabellosem CarPlay und Android Auto sowie von wasserdichten und diebstahlhemmenden Funktionen.\u003c\/p\u003e\n\u003c\/section\u003e","products":[{"product_id":"t7-ultra-motorcycle-carplay-android-auto-gps-navigation-smart-riding-system-blind-spot-detection-tire-pressure-sensor-dual-2k-dash-cameras-6-25-touch-screen-mirror-link-ip67-waterproof","title":"Intelligentes Navigationssystem 7\" Ultra für Motorrad - Kompatibel CarPlay \u0026 Android Auto","description":"\u003cstyle\u003e\n\/* =========================================================\n   TOP TAKTIL — MOTORCYCLE SMART DISPLAY PRODUCT DESCRIPTION\n   Scoped styling — safe for Shopify themes\n========================================================= *\/\n\n.tt-moto-product {\n  --tt-navy: #061B2C;\n  --tt-blue: #073E78;\n  --tt-bright: #268FD0;\n  --tt-light: #5AAEE3;\n  --tt-accent: #FFD6A5;\n  --tt-text: #334155;\n  --tt-muted: #64748B;\n  --tt-border: #E5EDF5;\n  --tt-soft: #F7FAFD;\n  --tt-white: #FFFFFF;\n\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 10px 0 40px;\n\n  color: var(--tt-text);\n  font-family: inherit;\n  font-size: 16px;\n  line-height: 1.7;\n\n  box-sizing: border-box;\n}\n\n.tt-moto-product *,\n.tt-moto-product *::before,\n.tt-moto-product *::after {\n  box-sizing: border-box;\n}\n\n.tt-moto-product img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n\n.tt-moto-product a {\n  color: var(--tt-blue);\n}\n\n\n\/* =========================================================\n   TOP INTRO IMAGES\n========================================================= *\/\n\n.tt-moto-product .tt-top-images {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 18px;\n  margin-bottom: 34px;\n}\n\n.tt-moto-product .tt-top-images img {\n  border-radius: 18px;\n  background: #fff;\n  border: 1px solid var(--tt-border);\n  box-shadow: 0 8px 24px rgba(6, 27, 44, 0.07);\n}\n\n\n\/* =========================================================\n   VIDEO\n========================================================= *\/\n\n.tt-moto-product .tt-video {\n  position: relative;\n  width: 100%;\n  padding-bottom: 56.25%;\n  height: 0;\n\n  margin: 0 0 38px;\n\n  border-radius: 20px;\n  overflow: hidden;\n\n  background: var(--tt-navy);\n\n  box-shadow: 0 12px 34px rgba(6, 27, 44, 0.14);\n}\n\n.tt-moto-product .tt-video iframe {\n  position: absolute;\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  border: 0;\n}\n\n\n\/* =========================================================\n   HERO \/ INTRO\n========================================================= *\/\n\n.tt-moto-product .tt-intro {\n  max-width: 900px;\n  margin: 0 auto 38px;\n  text-align: center;\n}\n\n.tt-moto-product .tt-eyebrow {\n  display: inline-flex;\n  align-items: center;\n\n  margin-bottom: 12px;\n  padding: 7px 14px;\n\n  border-radius: 999px;\n  border: 1px solid rgba(7, 62, 120, 0.10);\n\n  background: rgba(255, 214, 165, 0.30);\n\n  color: var(--tt-blue);\n\n  font-size: 12px;\n  font-weight: 700;\n\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.tt-moto-product .tt-product-title {\n  margin: 0 0 16px;\n\n  color: var(--tt-navy);\n\n  font-size: clamp(30px, 4vw, 46px);\n  font-weight: 750;\n\n  line-height: 1.12;\n  letter-spacing: -0.03em;\n}\n\n.tt-moto-product .tt-gradient-text {\n  background: linear-gradient(\n    115deg,\n    var(--tt-blue) 0%,\n    var(--tt-bright) 68%,\n    var(--tt-light) 100%\n  );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.tt-moto-product .tt-subtitle {\n  max-width: 760px;\n  margin: 0 auto;\n\n  color: var(--tt-muted);\n\n  font-size: clamp(16px, 2vw, 19px);\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   HIGHLIGHT STRIP\n========================================================= *\/\n\n.tt-moto-product .tt-highlight-bar {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n\n  margin: 38px 0;\n  overflow: hidden;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 18px;\n\n  background: linear-gradient(\n    135deg,\n    #FFFFFF 0%,\n    #F7FAFD 100%\n  );\n\n  box-shadow: 0 7px 24px rgba(6, 27, 44, 0.05);\n}\n\n.tt-moto-product .tt-highlight-item {\n  padding: 20px 15px;\n\n  text-align: center;\n\n  border-right: 1px solid var(--tt-border);\n}\n\n.tt-moto-product .tt-highlight-item:last-child {\n  border-right: 0;\n}\n\n.tt-moto-product .tt-highlight-item strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--tt-navy);\n\n  font-size: 15px;\n  font-weight: 700;\n}\n\n.tt-moto-product .tt-highlight-item span {\n  color: var(--tt-muted);\n\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   POWER NOTICE\n========================================================= *\/\n\n.tt-moto-product .tt-power-notice {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n\n  max-width: 920px;\n\n  margin: 35px auto;\n  padding: 20px 22px;\n\n  border: 1px solid rgba(255, 214, 165, 0.90);\n  border-radius: 16px;\n\n  background: linear-gradient(\n    135deg,\n    rgba(255, 214, 165, 0.30) 0%,\n    rgba(255, 255, 255, 1) 100%\n  );\n}\n\n.tt-moto-product .tt-power-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 42px;\n  height: 42px;\n\n  flex: 0 0 42px;\n\n  border-radius: 50%;\n\n  background: var(--tt-accent);\n\n  color: var(--tt-navy);\n\n  font-size: 20px;\n  font-weight: 700;\n}\n\n.tt-moto-product .tt-power-notice strong {\n  color: var(--tt-navy);\n}\n\n\n\/* =========================================================\n   SECTION HEADINGS\n========================================================= *\/\n\n.tt-moto-product .tt-section-heading {\n  margin: 0 0 22px;\n\n  color: var(--tt-navy);\n\n  font-size: clamp(24px, 3vw, 32px);\n  font-weight: 750;\n\n  line-height: 1.2;\n  letter-spacing: -0.02em;\n}\n\n.tt-moto-product .tt-section-heading::after {\n  content: \"\";\n\n  display: block;\n\n  width: 58px;\n  height: 3px;\n\n  margin-top: 12px;\n\n  border-radius: 999px;\n\n  background: linear-gradient(\n    90deg,\n    var(--tt-blue),\n    var(--tt-bright),\n    var(--tt-accent)\n  );\n}\n\n.tt-moto-product .tt-section-heading.tt-centred {\n  text-align: center;\n}\n\n.tt-moto-product .tt-section-heading.tt-centred::after {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\n\/* =========================================================\n   FEATURES\n========================================================= *\/\n\n.tt-moto-product .tt-features {\n  margin: 48px 0;\n}\n\n.tt-moto-product .tt-feature-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n\n  gap: 18px;\n}\n\n.tt-moto-product .tt-feature-card {\n  position: relative;\n\n  padding: 25px 20px;\n\n  overflow: hidden;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 18px;\n\n  background: #fff;\n\n  box-shadow: 0 7px 22px rgba(6, 27, 44, 0.055);\n\n  transition:\n    transform 0.25s ease,\n    box-shadow 0.25s ease,\n    border-color 0.25s ease;\n}\n\n.tt-moto-product .tt-feature-card::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 3px;\n\n  background: linear-gradient(\n    90deg,\n    var(--tt-blue),\n    var(--tt-bright),\n    var(--tt-accent)\n  );\n}\n\n.tt-moto-product .tt-feature-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 48px;\n  height: 48px;\n\n  margin-bottom: 16px;\n\n  border-radius: 14px;\n\n  background: rgba(38, 143, 208, 0.08);\n\n  color: var(--tt-blue);\n\n  font-size: 23px;\n}\n\n.tt-moto-product .tt-feature-card h3 {\n  margin: 0 0 9px;\n\n  color: var(--tt-navy);\n\n  font-size: 18px;\n  font-weight: 700;\n\n  line-height: 1.3;\n}\n\n.tt-moto-product .tt-feature-card p {\n  margin: 0;\n\n  color: var(--tt-muted);\n\n  font-size: 14.5px;\n  line-height: 1.65;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .tt-moto-product .tt-feature-card:hover {\n    transform: translateY(-4px);\n\n    border-color: rgba(38, 143, 208, 0.30);\n\n    box-shadow: 0 13px 30px rgba(6, 27, 44, 0.10);\n  }\n}\n\n\n\/* =========================================================\n   REAL-WORLD GALLERY\n========================================================= *\/\n\n.tt-moto-product .tt-gallery-section {\n  margin: 55px 0;\n}\n\n.tt-moto-product .tt-gallery {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 18px;\n}\n\n.tt-moto-product .tt-gallery-item {\n  overflow: hidden;\n\n  border-radius: 16px;\n  border: 1px solid var(--tt-border);\n\n  background: #fff;\n\n  box-shadow: 0 7px 22px rgba(6, 27, 44, 0.06);\n}\n\n.tt-moto-product .tt-gallery-item img {\n  width: 100%;\n  aspect-ratio: 4 \/ 3;\n\n  object-fit: cover;\n\n  transition: transform 0.35s ease;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .tt-moto-product .tt-gallery-item:hover img {\n    transform: scale(1.035);\n  }\n}\n\n\n\/* =========================================================\n   SPECIFICATIONS\n========================================================= *\/\n\n.tt-moto-product .tt-specs {\n  margin: 55px 0;\n  padding: clamp(24px, 4vw, 38px);\n\n  border-radius: 20px;\n  border: 1px solid var(--tt-border);\n\n  background: linear-gradient(\n    135deg,\n    #F8FBFE 0%,\n    #F1F7FC 100%\n  );\n}\n\n.tt-moto-product .tt-spec-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 12px;\n}\n\n.tt-moto-product .tt-spec-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 18px;\n\n  min-height: 62px;\n\n  padding: 14px 16px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 12px;\n\n  background: #fff;\n}\n\n.tt-moto-product .tt-spec-label {\n  color: var(--tt-navy);\n\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.tt-moto-product .tt-spec-value {\n  color: var(--tt-muted);\n\n  font-size: 14px;\n\n  text-align: right;\n}\n\n\n\/* =========================================================\n   ADVANCED FEATURES\n========================================================= *\/\n\n.tt-moto-product .tt-detail-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 18px;\n\n  margin: 45px 0;\n}\n\n.tt-moto-product .tt-detail-card {\n  padding: 24px;\n\n  border: 1px solid var(--tt-border);\n  border-top: 3px solid var(--tt-bright);\n  border-radius: 16px;\n\n  background: #fff;\n\n  box-shadow: 0 6px 20px rgba(6, 27, 44, 0.05);\n}\n\n.tt-moto-product .tt-detail-card h3 {\n  margin: 0 0 10px;\n\n  color: var(--tt-navy);\n\n  font-size: 18px;\n  font-weight: 700;\n}\n\n.tt-moto-product .tt-detail-card p {\n  margin: 0;\n\n  color: var(--tt-muted);\n\n  font-size: 14.5px;\n}\n\n\n\/* =========================================================\n   PACKAGE CONTENTS\n========================================================= *\/\n\n.tt-moto-product .tt-package {\n  margin: 50px 0;\n  padding: clamp(24px, 4vw, 36px);\n\n  border: 1px solid var(--tt-border);\n  border-radius: 20px;\n\n  background: #fff;\n\n  box-shadow: 0 8px 28px rgba(6, 27, 44, 0.055);\n}\n\n.tt-moto-product .tt-package-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 12px;\n}\n\n.tt-moto-product .tt-package-item {\n  position: relative;\n\n  padding: 13px 14px 13px 42px;\n\n  border-radius: 11px;\n\n  background: var(--tt-soft);\n\n  color: var(--tt-text);\n\n  font-size: 14px;\n}\n\n.tt-moto-product .tt-package-item::before {\n  content: \"✓\";\n\n  position: absolute;\n  left: 14px;\n  top: 12px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 20px;\n  height: 20px;\n\n  border-radius: 50%;\n\n  background: rgba(38, 143, 208, 0.10);\n\n  color: var(--tt-blue);\n\n  font-size: 12px;\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   WARRANTY\n========================================================= *\/\n\n.tt-moto-product .tt-warranty {\n  position: relative;\n\n  margin-top: 55px;\n  padding: clamp(28px, 5vw, 45px);\n\n  overflow: hidden;\n\n  border-radius: 22px;\n\n  background: linear-gradient(\n    105deg,\n    var(--tt-navy) 0%,\n    var(--tt-blue) 55%,\n    var(--tt-bright) 100%\n  );\n\n  color: #fff;\n\n  text-align: center;\n}\n\n.tt-moto-product .tt-warranty::before {\n  content: \"\";\n\n  position: absolute;\n  top: -80px;\n  right: -80px;\n\n  width: 220px;\n  height: 220px;\n\n  border-radius: 50%;\n\n  background: rgba(255, 214, 165, 0.10);\n}\n\n.tt-moto-product .tt-warranty h2 {\n  position: relative;\n\n  margin: 0 0 12px;\n\n  color: #fff;\n\n  font-size: clamp(24px, 3vw, 32px);\n  font-weight: 750;\n}\n\n.tt-moto-product .tt-warranty p {\n  position: relative;\n\n  max-width: 760px;\n\n  margin: 0 auto 7px;\n\n  color: rgba(255, 255, 255, 0.85);\n\n  font-size: 15px;\n}\n\n.tt-moto-product .tt-warranty strong {\n  color: var(--tt-accent);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media screen and (max-width: 990px) {\n\n  .tt-moto-product .tt-feature-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tt-moto-product .tt-detail-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tt-moto-product .tt-package-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n  .tt-moto-product {\n    padding-bottom: 28px;\n\n    font-size: 15px;\n  }\n\n  .tt-moto-product .tt-top-images {\n    grid-template-columns: 1fr;\n\n    gap: 12px;\n    margin-bottom: 26px;\n  }\n\n  .tt-moto-product .tt-top-images img {\n    border-radius: 14px;\n  }\n\n  .tt-moto-product .tt-video {\n    margin-bottom: 28px;\n\n    border-radius: 14px;\n  }\n\n  .tt-moto-product .tt-intro {\n    margin-bottom: 28px;\n  }\n\n  .tt-moto-product .tt-product-title {\n    font-size: 29px;\n  }\n\n  .tt-moto-product .tt-subtitle {\n    font-size: 15px;\n  }\n\n  .tt-moto-product .tt-highlight-bar {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n\n    margin: 28px 0;\n\n    border-radius: 14px;\n  }\n\n  .tt-moto-product .tt-highlight-item {\n    padding: 16px 10px;\n\n    border-bottom: 1px solid var(--tt-border);\n  }\n\n  .tt-moto-product .tt-highlight-item:nth-child(2) {\n    border-right: 0;\n  }\n\n  .tt-moto-product .tt-highlight-item:nth-child(3),\n  .tt-moto-product .tt-highlight-item:nth-child(4) {\n    border-bottom: 0;\n  }\n\n  .tt-moto-product .tt-power-notice {\n    gap: 12px;\n\n    padding: 17px;\n\n    border-radius: 14px;\n  }\n\n  .tt-moto-product .tt-feature-grid,\n  .tt-moto-product .tt-gallery,\n  .tt-moto-product .tt-spec-grid,\n  .tt-moto-product .tt-detail-grid,\n  .tt-moto-product .tt-package-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .tt-moto-product .tt-features,\n  .tt-moto-product .tt-gallery-section,\n  .tt-moto-product .tt-specs,\n  .tt-moto-product .tt-package {\n    margin-top: 38px;\n    margin-bottom: 38px;\n  }\n\n  .tt-moto-product .tt-feature-card,\n  .tt-moto-product .tt-detail-card {\n    padding: 20px 18px;\n  }\n\n  .tt-moto-product .tt-gallery-item {\n    border-radius: 14px;\n  }\n\n  .tt-moto-product .tt-specs,\n  .tt-moto-product .tt-package {\n    padding: 20px 16px;\n\n    border-radius: 16px;\n  }\n\n  .tt-moto-product .tt-spec-item {\n    align-items: flex-start;\n    flex-direction: column;\n\n    gap: 4px;\n\n    min-height: 0;\n  }\n\n  .tt-moto-product .tt-spec-value {\n    text-align: left;\n  }\n\n  .tt-moto-product .tt-warranty {\n    margin-top: 40px;\n\n    padding: 30px 18px;\n\n    border-radius: 17px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL PHONES\n========================================================= *\/\n\n@media screen and (max-width: 420px) {\n\n  .tt-moto-product .tt-product-title {\n    font-size: 26px;\n  }\n\n  .tt-moto-product .tt-highlight-item strong {\n    font-size: 14px;\n  }\n\n  .tt-moto-product .tt-highlight-item span {\n    font-size: 12px;\n  }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"tt-moto-product\"\u003e\n\n\u003c\/div\u003e","brand":"toptaktil","offers":[{"title":"Standardtitel","offer_id":54061510918473,"sku":null,"price":290.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/4917\/4857\/files\/product-9790918.jpg?v=1774210526"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/4917\/4857\/collections\/71cvMrKpq-L._AC_SX679__1.jpg?v=1786196686","url":"https:\/\/www.toptaktil.fr\/de\/collections\/motorrad-display-carplay-android-auto-gps.oembed","provider":"TOPTAKTIL","version":"1.0","type":"link"}