{"product_id":"apple-carplay-sans-fil-r-trofit-pour-mercedes-android-auto-d-codeur-int-gration","title":"kabelloses Apple CarPlay | Retrofit für Mercedes | Android Auto | Decoder | Integration","description":"\u003cstyle\u003e\n\/* =========================================================\n   TOP TAKTIL — MERCEDES CARPLAY RETROFIT DESCRIPTION\n   Shopify \/ Mobile \/ Tablet \/ Laptop \/ Desktop\n========================================================= *\/\n\n.tt-mercedes-retrofit {\n  --tt-navy: #061B2C;\n  --tt-blue: #073E78;\n  --tt-bright-blue: #268FD0;\n  --tt-light-blue: #5AAEE3;\n  --tt-accent: #FFD6A5;\n  --tt-border: #E5EDF5;\n  --tt-soft: #F7FAFD;\n  --tt-text: rgba(6, 27, 44, 0.78);\n\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 20px 16px 40px;\n\n  box-sizing: border-box;\n\n  color: var(--tt-text);\n  font-family: inherit;\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n.tt-mercedes-retrofit *,\n.tt-mercedes-retrofit *::before,\n.tt-mercedes-retrofit *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   HEADINGS\n========================================================= *\/\n\n.tt-mercedes-retrofit h2 {\n  margin: 0 0 18px;\n\n  color: var(--tt-navy);\n\n  font-size: clamp(28px, 3vw, 40px);\n  font-weight: 750;\n  line-height: 1.15;\n  letter-spacing: -0.025em;\n}\n\n.tt-mercedes-retrofit h2 span {\n  background: linear-gradient(\n    115deg,\n    var(--tt-blue) 0%,\n    var(--tt-bright-blue) 68%,\n    var(--tt-light-blue) 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-mercedes-retrofit h3 {\n  margin: 32px 0 14px;\n\n  color: var(--tt-navy);\n\n  font-size: clamp(21px, 2vw, 26px);\n  font-weight: 700;\n  line-height: 1.25;\n  letter-spacing: -0.015em;\n}\n\n.tt-mercedes-retrofit p {\n  margin: 0 0 16px;\n}\n\n\n\/* =========================================================\n   INTRODUCTION\n========================================================= *\/\n\n.tt-retrofit-intro {\n  max-width: 900px;\n  margin-bottom: 24px;\n\n  font-size: 17px;\n  line-height: 1.75;\n}\n\n.tt-retrofit-intro strong {\n  color: var(--tt-navy);\n}\n\n\n\/* =========================================================\n   IMAGES\n========================================================= *\/\n\n.tt-mercedes-retrofit img {\n  display: block;\n\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n\n  border-radius: 16px;\n}\n\n.tt-hero-image {\n  margin: 24px auto 34px;\n\n  overflow: hidden;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 18px;\n\n  box-shadow: 0 10px 30px rgba(6, 27, 44, 0.08);\n}\n\n.tt-hero-image img {\n  margin: 0;\n  border-radius: 0;\n}\n\n\n\/* =========================================================\n   FEATURE CARDS\n========================================================= *\/\n\n.tt-feature-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 14px;\n\n  margin: 28px 0 34px;\n}\n\n.tt-feature-card {\n  position: relative;\n\n  padding: 22px 20px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #FFFFFF 0%,\n      #F8FBFE 100%\n    );\n\n  border: 1px solid var(--tt-border);\n  border-radius: 16px;\n\n  box-shadow: 0 5px 18px rgba(6, 27, 44, 0.045);\n\n  transition:\n    transform 0.25s ease,\n    box-shadow 0.25s ease,\n    border-color 0.25s ease;\n}\n\n.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-blue),\n    var(--tt-accent)\n  );\n}\n\n.tt-feature-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 44px;\n  height: 44px;\n\n  margin-bottom: 15px;\n\n  border-radius: 12px;\n\n  background: rgba(38, 143, 208, 0.09);\n\n  color: var(--tt-blue);\n}\n\n.tt-feature-icon svg {\n  width: 22px;\n  height: 22px;\n\n  stroke: currentColor;\n}\n\n.tt-feature-card h3 {\n  margin: 0 0 8px;\n\n  color: var(--tt-navy);\n\n  font-size: 17px;\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n.tt-feature-card p {\n  margin: 0;\n\n  color: var(--tt-text);\n\n  font-size: 14.5px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   COMPATIBILITY NOTICE\n========================================================= *\/\n\n.tt-compatibility-notice {\n  position: relative;\n\n  margin: 32px 0;\n\n  padding: 22px 22px 22px 24px;\n\n  background: linear-gradient(\n    135deg,\n    rgba(255, 214, 165, 0.24),\n    rgba(255, 255, 255, 0.96)\n  );\n\n  border: 1px solid rgba(255, 214, 165, 0.9);\n  border-left: 4px solid var(--tt-accent);\n  border-radius: 14px;\n}\n\n.tt-compatibility-notice h3 {\n  margin: 0 0 8px;\n\n  color: var(--tt-navy);\n\n  font-size: 18px;\n}\n\n.tt-compatibility-notice p {\n  margin: 0;\n\n  color: rgba(6, 27, 44, 0.8);\n}\n\n.tt-compatibility-notice strong {\n  color: var(--tt-blue);\n}\n\n\n\/* =========================================================\n   KEY FEATURES\n========================================================= *\/\n\n.tt-key-features {\n  margin: 34px 0;\n}\n\n.tt-key-features-image {\n  margin-bottom: 26px;\n\n  border: 1px solid var(--tt-border);\n\n  box-shadow: 0 8px 24px rgba(6, 27, 44, 0.06);\n}\n\n.tt-feature-list {\n  display: grid;\n  gap: 10px;\n\n  margin: 18px 0 0;\n  padding: 0;\n\n  list-style: none;\n}\n\n.tt-feature-list li {\n  position: relative;\n\n  margin: 0;\n  padding: 15px 16px 15px 46px;\n\n  background: #FFFFFF;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 12px;\n\n  color: var(--tt-text);\n\n  line-height: 1.6;\n}\n\n.tt-feature-list li::before {\n  content: \"✓\";\n\n  position: absolute;\n  top: 15px;\n  left: 17px;\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.tt-feature-list strong {\n  color: var(--tt-navy);\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   GALLERY\n========================================================= *\/\n\n.tt-gallery {\n  margin: 38px 0;\n}\n\n.tt-gallery-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 14px;\n\n  margin-top: 18px;\n}\n\n.tt-gallery-grid img {\n  height: auto;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 14px;\n\n  box-shadow: 0 6px 20px rgba(6, 27, 44, 0.07);\n\n  transition:\n    transform 0.25s ease,\n    box-shadow 0.25s ease;\n}\n\n\n\/* =========================================================\n   TECHNICAL SPECIFICATIONS\n========================================================= *\/\n\n.tt-specifications {\n  margin: 38px 0;\n}\n\n.tt-table-wrap {\n  width: 100%;\n\n  overflow-x: auto;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 16px;\n\n  box-shadow: 0 5px 18px rgba(6, 27, 44, 0.05);\n\n  -webkit-overflow-scrolling: touch;\n}\n\n.tt-specifications table {\n  width: 100%;\n  min-width: 620px;\n\n  margin: 0;\n\n  border-collapse: collapse;\n\n  background: #FFFFFF;\n}\n\n.tt-specifications th,\n.tt-specifications td {\n  padding: 15px 18px;\n\n  text-align: left;\n  vertical-align: top;\n\n  border-bottom: 1px solid var(--tt-border);\n}\n\n.tt-specifications th {\n  width: 34%;\n\n  background: rgba(7, 62, 120, 0.045);\n\n  color: var(--tt-navy);\n\n  font-weight: 700;\n}\n\n.tt-specifications td {\n  color: var(--tt-text);\n}\n\n.tt-specifications tr:last-child th,\n.tt-specifications tr:last-child td {\n  border-bottom: none;\n}\n\n\n\/* =========================================================\n   INSTALLATION\n========================================================= *\/\n\n.tt-installation {\n  margin-top: 38px;\n  padding: 24px;\n\n  background: linear-gradient(\n    135deg,\n    rgba(38, 143, 208, 0.07),\n    rgba(255, 255, 255, 1)\n  );\n\n  border: 1px solid rgba(38, 143, 208, 0.16);\n  border-left: 4px solid var(--tt-bright-blue);\n  border-radius: 16px;\n}\n\n.tt-installation h3 {\n  margin: 0 0 10px;\n}\n\n.tt-installation p {\n  margin-bottom: 22px;\n}\n\n.tt-installation strong {\n  color: var(--tt-navy);\n}\n\n.tt-installation img {\n  margin-top: 18px;\n\n  border: 1px solid var(--tt-border);\n\n  box-shadow: 0 7px 22px rgba(6, 27, 44, 0.065);\n}\n\n\n\/* =========================================================\n   DESKTOP HOVER\n========================================================= *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n  .tt-feature-card:hover {\n    transform: translateY(-4px);\n\n    border-color: rgba(38, 143, 208, 0.24);\n\n    box-shadow: 0 12px 28px rgba(6, 27, 44, 0.085);\n  }\n\n  .tt-gallery-grid img:hover {\n    transform: translateY(-3px);\n\n    box-shadow: 0 12px 28px rgba(6, 27, 44, 0.12);\n  }\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) {\n\n  .tt-mercedes-retrofit {\n    padding: 30px 24px 50px;\n  }\n\n  .tt-feature-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n\n    gap: 18px;\n  }\n\n  .tt-gallery-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n\n    gap: 18px;\n  }\n\n  .tt-feature-list li {\n    padding-top: 16px;\n    padding-bottom: 16px;\n  }\n}\n\n\n\/* =========================================================\n   LAPTOP \/ DESKTOP\n========================================================= *\/\n\n@media screen and (min-width: 990px) {\n\n  .tt-mercedes-retrofit {\n    padding: 38px 30px 60px;\n  }\n\n  .tt-feature-grid {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n\n    gap: 18px;\n  }\n\n  .tt-gallery-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n\n    gap: 18px;\n  }\n\n  .tt-feature-card {\n    padding: 24px 22px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n  .tt-mercedes-retrofit {\n    padding-left: 12px;\n    padding-right: 12px;\n\n    font-size: 15px;\n  }\n\n  .tt-mercedes-retrofit h2 {\n    font-size: 27px;\n  }\n\n  .tt-mercedes-retrofit h3 {\n    margin-top: 28px;\n\n    font-size: 21px;\n  }\n\n  .tt-retrofit-intro {\n    font-size: 15.5px;\n    line-height: 1.68;\n  }\n\n  .tt-hero-image {\n    margin-top: 20px;\n    margin-bottom: 26px;\n\n    border-radius: 14px;\n  }\n\n  .tt-feature-card {\n    padding: 19px 18px;\n  }\n\n  .tt-feature-icon {\n    width: 40px;\n    height: 40px;\n  }\n\n  .tt-compatibility-notice {\n    padding: 18px 17px 18px 19px;\n  }\n\n  .tt-feature-list li {\n    padding: 14px 14px 14px 43px;\n\n    font-size: 14.5px;\n  }\n\n  .tt-feature-list li::before {\n    left: 14px;\n    top: 14px;\n  }\n\n  .tt-installation {\n    padding: 19px 17px;\n  }\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"tt-mercedes-retrofit\"\u003e\n\n\u003c!-- =====================================================\n       SEO TITLE\n  ====================================================== --\u0026gt;\n\u003ch2\u003e\u003cspan\u003eKabelloses Apple CarPlay \u0026amp; Android Auto Nachrüstkit für Mercedes NTG4.5 \/ NTG4.7\u003c\/span\u003e\u003c\/h2\u003e\n\n\u003cp class=\"tt-retrofit-intro\"\u003eRüsten Sie Ihren kompatiblen Mercedes mit modernem \u003cstrong\u003eApple CarPlay und Android Auto\u003c\/strong\u003e auf, während Sie das originale Werksdisplay und die Fahrzeugfunktionen beibehalten. Diese diskrete Nachrüstschnittstelle wurde für ausgewählte Mercedes-Modelle mit \u003cstrong\u003eNTG4.5 oder NTG4.7\u003c\/strong\u003e entwickelt und erweitert die Smartphone-Konnektivität, ohne den Originalbildschirm zu ersetzen.\u003c\/p\u003e\n\n\u003c!-- MAIN IMAGE --\u003e\n\u003cdiv class=\"tt-hero-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1029\/6688\/6735\/files\/retrofit_audi_3.webp?v=1788117831\" alt=\"Mercedes Apple CarPlay und Android Auto Nachrüstschnittstelle für NTG4.5 und NTG4.7 Systeme\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\n\u003c!-- =====================================================\n       MAIN FEATURES\n  ====================================================== --\u0026gt;\n\u003cdiv class=\"tt-feature-grid\"\u003e\n\n\u003c!-- WIRELESS CARPLAY --\u003e\n\u003cdiv class=\"tt-feature-card\"\u003e\n\n\u003cdiv class=\"tt-feature-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003crect x=\"6\" y=\"2.5\" width=\"12\" height=\"19\" rx=\"2\"\u003e\u003c\/rect\u003e\n          \u003cpath d=\"M10 18.5h4\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M19.5 7.5c1.5 1.5 1.5 4.5 0 6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M4.5 7.5c-1.5 1.5-1.5 4.5 0 6\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\n\u003ch3\u003eKabelloses Apple CarPlay\u003c\/h3\u003e\n\n\u003cp\u003eVerbinden Sie Ihr kompatibles iPhone drahtlos für Navigation, Anrufe, Musik und unterstützte Apps, ohne jedes Mal ein Kabel anzuschließen, wenn Sie ins Fahrzeug einsteigen.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- VEHICLE COMPATIBILITY --\u003e\n\u003cdiv class=\"tt-feature-card\"\u003e\n\n\u003cdiv class=\"tt-feature-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpath d=\"M3 14l2-5h14l2 5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M5 9l2-4h10l2 4\"\u003e\u003c\/path\u003e\n          \u003crect x=\"3\" y=\"13\" width=\"18\" height=\"6\" rx=\"2\"\u003e\u003c\/rect\u003e\n          \u003cpath d=\"M6 19v2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M18 19v2\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"7\" cy=\"16\" r=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"17\" cy=\"16\" r=\"1\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\n\u003ch3\u003eMercedes Kompatibilität\u003c\/h3\u003e\n\n\u003cp\u003eEntwickelt für ausgewählte Mercedes CLA, C-Klasse, E-Klasse, GLA, GLK, CLS, ML, GL und SLK Modelle von ca. 2012–2015 mit NTG4.5 oder NTG4.7.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- SWITCH --\u003e\n\u003cdiv class=\"tt-feature-card\"\u003e\n\n\u003cdiv class=\"tt-feature-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpath d=\"M7 7h11l-3-3\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M17 17H6l3 3\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M18 7l-3 3\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M6 17l3-3\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\n\u003ch3\u003eSofortiger Systemwechsel\u003c\/h3\u003e\n\n\u003cp\u003eWechseln Sie jederzeit mit der unterstützten Werkssteuerung zwischen der originalen Mercedes-Oberfläche und dem CarPlay \/ Android Auto System.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- CAMERAS --\u003e\n\u003cdiv class=\"tt-feature-card\"\u003e\n\n\u003cdiv class=\"tt-feature-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003crect x=\"3\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e\n          \u003cpath d=\"M17 10l4-2v8l-4-2\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"10\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\n\u003ch3\u003eKamera-Unterstützung\u003c\/h3\u003e\n\n\u003cp\u003eUnterstützt kompatible OEM- oder Aftermarket-Rückfahrkameras, 360°-Kamerasysteme und Front-DVR-Kamerakonfigurationen.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n","brand":"toptaktil","offers":[{"title":"Standardtitel","offer_id":54049166459209,"sku":null,"price":290.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/4917\/4857\/files\/retrofit_mercedes.webp?v=1789322629","url":"https:\/\/www.toptaktil.fr\/de\/products\/apple-carplay-kabellos-r-trofit-fuer-mercedes-android-auto-d-codeur-int-gration","provider":"TOPTAKTIL","version":"1.0","type":"link"}