{"product_id":"bmw-x3-x4-2017-2022-g01-g02-android-13-autoradio-carplay-android-auto","title":"Android-15-Autoradio BMW X3 X4 2017–2022 G01 G02 – CarPlay \u0026 Android Auto","description":"\u003cstyle\u003e\n.pd-container,\n.pd-container * {\n  box-sizing: border-box;\n}\n\n.pd-container {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 1rem;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  color: #333333;\n  background: #ffffff;\n  line-height: 1.65;\n}\n\n.pd-container p,\n.pd-container ul,\n.pd-container h2,\n.pd-container h3 {\n  margin-top: 0;\n}\n\n.pd-container img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n\n.pd-section {\n  margin-bottom: 2rem;\n}\n\n.pd-section-title {\n  margin: 1.5rem 0 1rem;\n  padding-bottom: 0.5rem;\n  border-bottom: 2px solid #ffd6a5;\n  color: #022249;\n  font-size: 1.5rem;\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n.pd-intro {\n  margin-bottom: 1.5rem;\n  color: #333333;\n  font-size: 1rem;\n  line-height: 1.7;\n}\n\n.pd-banner {\n  position: relative;\n  margin-bottom: 1.5rem;\n  overflow: hidden;\n  border-radius: 0.75rem;\n  background: #f5f5f5;\n}\n\n.pd-banner img {\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n}\n\n.pd-banner-overlay {\n  padding: 1rem;\n  background: rgba(0, 0, 0, 0.78);\n  color: #ffffff;\n  text-align: center;\n}\n\n.pd-banner-overlay p {\n  margin: 0.2rem 0;\n}\n\n.pd-quick-benefits {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0.75rem;\n  margin-bottom: 2rem;\n}\n\n.pd-quick-benefit {\n  padding: 1rem;\n  border-left: 4px solid #ffd6a5;\n  border-radius: 0.5rem;\n  background: #f8f8f8;\n  color: #022249;\n  font-weight: 600;\n  line-height: 1.45;\n}\n\n.pd-feature-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1.5rem;\n}\n\n.pd-feature-card {\n  overflow: hidden;\n  border: 1px solid #e0e0e0;\n  border-radius: 0.75rem;\n  background: #f8f8f8;\n}\n\n.pd-feature-content {\n  padding: 1rem;\n}\n\n.pd-feature-heading {\n  margin-bottom: 0.75rem;\n  color: #022249;\n  font-size: 1.2rem;\n  font-weight: 700;\n  line-height: 1.35;\n}\n\n.pd-active-bullets {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.pd-active-bullets li {\n  position: relative;\n  margin-bottom: 0.55rem;\n  padding-left: 1.2rem;\n}\n\n.pd-active-bullets li::before {\n  position: absolute;\n  left: 0;\n  color: #ffd6a5;\n  content: \"•\";\n  font-weight: 700;\n}\n\n.pd-benefits-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.pd-benefit-item {\n  margin-bottom: 0.75rem;\n  padding: 1rem;\n  border-left: 4px solid #ffd6a5;\n  border-radius: 0.5rem;\n  background: #f8f8f8;\n}\n\n.pd-trust-section {\n  padding: 1.25rem;\n  border-radius: 0.75rem;\n  background: #f8f8f8;\n}\n\n.pd-trust-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1rem;\n}\n\n.pd-trust-item {\n  padding: 1rem;\n  border-left: 4px solid #022249;\n  border-radius: 0.5rem;\n  background: #ffffff;\n}\n\n.pd-trust-item strong {\n  display: block;\n  margin-bottom: 0.35rem;\n  color: #022249;\n}\n\n.pd-trust-item p {\n  margin-bottom: 0;\n  color: #555555;\n}\n\n.pd-seo-text {\n  padding: 1.25rem;\n  border-radius: 0.75rem;\n  background: #fafafa;\n}\n\n.pd-seo-text p:last-child {\n  margin-bottom: 0;\n}\n\n.pd-specs-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0;\n  overflow: hidden;\n  border: 1px solid #e2e2e2;\n  border-radius: 0.75rem;\n  background: #f8f8f8;\n}\n\n.pd-spec-item {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.85rem 1rem;\n  border-bottom: 1px solid #dddddd;\n}\n\n.pd-spec-item:last-child {\n  border-bottom: 0;\n}\n\n.pd-spec-name {\n  color: #022249;\n  font-weight: 700;\n}\n\n.pd-installation-box {\n  padding: 1.25rem;\n  border-left: 4px solid #ffd6a5;\n  border-radius: 0.75rem;\n  background: #f8f8f8;\n}\n\n.pd-installation-box p:last-child {\n  margin-bottom: 0;\n}\n\n.pd-faq-item {\n  margin-bottom: 0.75rem;\n  overflow: hidden;\n  border: 1px solid #dddddd;\n  border-radius: 0.5rem;\n  background: #ffffff;\n}\n\n.pd-faq-question {\n  position: relative;\n  padding: 1rem 2.8rem 1rem 1rem;\n  cursor: pointer;\n  background: #022249;\n  color: #ffffff;\n  font-weight: 700;\n  line-height: 1.4;\n  list-style: none;\n}\n\n.pd-faq-question::-webkit-details-marker {\n  display: none;\n}\n\n.pd-faq-question::after {\n  position: absolute;\n  top: 50%;\n  right: 1rem;\n  content: \"+\";\n  transform: translateY(-50%);\n  font-size: 1.4rem;\n  font-weight: 400;\n}\n\n.pd-faq-item[open] .pd-faq-question::after {\n  content: \"−\";\n}\n\n.pd-faq-answer {\n  padding: 1rem;\n  background: #ffffff;\n}\n\n.pd-faq-answer p {\n  margin: 0;\n}\n\n.pd-options-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.pd-options-list li {\n  margin-bottom: 0.75rem;\n  padding: 1rem;\n  border-radius: 0.5rem;\n  background: #f8f8f8;\n}\n\n.pd-options-list a {\n  display: inline-block;\n  margin-left: 0.25rem;\n  color: #022249;\n  font-weight: 700;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n.pd-options-list a:hover {\n  text-decoration-thickness: 2px;\n}\n\n@media (max-width: 480px) {\n  .pd-container {\n    padding: 0.75rem;\n    font-size: 15px;\n  }\n\n  .pd-section {\n    margin-bottom: 1.6rem;\n  }\n\n  .pd-section-title {\n    margin-top: 1.25rem;\n    font-size: 1.3rem;\n  }\n\n  .pd-intro {\n    font-size: 0.96rem;\n  }\n\n  .pd-quick-benefit,\n  .pd-feature-content,\n  .pd-benefit-item,\n  .pd-trust-item,\n  .pd-installation-box,\n  .pd-seo-text {\n    padding: 0.9rem;\n  }\n}\n\n@media (min-width: 768px) {\n  .pd-container {\n    padding: 1.5rem;\n  }\n\n  .pd-quick-benefits {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 1rem;\n  }\n\n  .pd-feature-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .pd-trust-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .pd-specs-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .pd-spec-item {\n    min-height: 70px;\n    justify-content: center;\n  }\n}\n\n@media (min-width: 1024px) {\n  .pd-container {\n    padding: 2rem;\n  }\n\n  .pd-quick-benefits {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .pd-trust-grid {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .pd-banner-overlay {\n    position: absolute;\n    right: 20px;\n    bottom: 20px;\n    left: 20px;\n    border-radius: 0.5rem;\n  }\n}\n\n@media (min-width: 1440px) {\n  .pd-container {\n    max-width: 1400px;\n  }\n\n  .pd-feature-grid {\n    gap: 2rem;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"pd-container\"\u003e\n\n\u003cdiv class=\"pd-banner\"\u003e\n\n\u003cimg width=\"1200\" height=\"600\" alt=\"BMWX3 X4 G01 G02 2017-2022\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1029\/6688\/6735\/files\/product-3353397.jpg?v=1787346050\" loading=\"eager\"\u003e\n\u003cdiv class=\"pd-banner-overlay\"\u003e\n\n\u003cp\u003e\u003cstrong\u003eKompatible Fahrzeuge\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003eBMWX3 X4 G01 G02 2017-2022\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"TOPTAKTIL","offers":[{"title":"T9 PRO | 4GB RAM + 64GB ROM | 8-Kern","offer_id":54061505741129,"sku":null,"price":549.0,"currency_code":"EUR","in_stock":true},{"title":"T9 PRO MAX | 6GB RAM + 128GB ROM | 8-Kern | 4G","offer_id":55331923329353,"sku":null,"price":629.0,"currency_code":"EUR","in_stock":true},{"title":"T9 PRO MAX | 8GB RAM + 128GB ROM | 8-Kern | 4G","offer_id":54061505773897,"sku":null,"price":729.0,"currency_code":"EUR","in_stock":true},{"title":"T9 PRO MAX Plus | 8GB RAM + 256GB ROM | 8-Kern | 4G","offer_id":55331923362121,"sku":null,"price":779.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/4917\/4857\/files\/product-9392698_976da6a2-4538-4c6e-8aa1-48ac2645c45e.jpg?v=1789322652","url":"https:\/\/www.toptaktil.fr\/de\/products\/bmw-x3-x4-2017-2022-g01-g02-android-13-autoradio-carplay-android-auto","provider":"TOPTAKTIL","version":"1.0","type":"link"}