{"id":15444,"date":"2026-04-05T14:17:27","date_gmt":"2026-04-05T13:17:27","guid":{"rendered":"https:\/\/carbon-modifications.com\/?page_id=15444"},"modified":"2026-04-05T14:21:05","modified_gmt":"2026-04-05T13:21:05","slug":"test","status":"publish","type":"page","link":"https:\/\/carbon-modifications.com\/en\/test\/","title":{"rendered":"test"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@600;700&#038;family=Inter:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n#cm-erklaervideo {\n  --cm-brand: #0cdbcf;\n  --cm-brand-dark: #09a89f;\n  --cm-bg: #1a1a1a;\n  --cm-bg-card: #222222;\n  --cm-muted: #aaaaaa;\n  font-family: 'Inter', sans-serif !important;\n  color: #ffffff !important;\n  background: transparent !important;\n  max-width: 480px !important;\n  width: 100% !important;\n  margin: 0 auto !important;\n  display: block !important;\n  box-sizing: border-box !important;\n  overflow: visible !important;\n}\n\n#cm-erklaervideo *,\n#cm-erklaervideo *::before,\n#cm-erklaervideo *::after {\n  box-sizing: border-box !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  font-family: 'Inter', sans-serif !important;\n  line-height: normal !important;\n}\n\n#cm-erklaervideo .cm2-pb-track {\n  height: 3px !important;\n  background: rgba(255,255,255,0.08) !important;\n  display: block !important;\n  width: 100% !important;\n}\n\n#cm-erklaervideo .cm2-pb-fill {\n  height: 3px !important;\n  background: var(--cm-brand) !important;\n  transition: width 0.4s !important;\n  border-radius: 0 2px 2px 0 !important;\n  display: block !important;\n}\n\n#cm-erklaervideo .cm2-outer {\n  width: 100% !important;\n  overflow: hidden !important;\n  background: var(--cm-bg) !important;\n  border-radius: 4px 4px 0 0 !important;\n  display: block !important;\n  position: relative !important;\n  z-index: 1 !important;\n}\n\n#cm-erklaervideo .cm2-track {\n  display: grid !important;\n  grid-template-columns: repeat(6, 100%) !important;\n  transition: transform 0.45s cubic-bezier(0.4,0,0.2,1) !important;\n  will-change: transform !important;\n}\n\n#cm-erklaervideo .cm2-slide {\n  width: 100% !important;\n  padding: 32px 24px 28px !important;\n  position: relative !important;\n  display: flex !important;\n  flex-direction: column !important;\n  background: var(--cm-bg) !important;\n}\n\n#cm-erklaervideo .cm2-controls {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  background: #1a1a1a !important;\n  padding: 12px !important;\n  border-radius: 0 0 4px 4px !important;\n  border-top: 1px solid rgba(255,255,255,0.06) !important;\n  position: relative !important;\n  z-index: 20 !important;\n}\n\n#cm-erklaervideo .cm2-nav {\n  width: 48px !important;\n  height: 48px !important;\n  background: rgba(12,219,207,0.1) !important;\n  border: 1px solid rgba(12,219,207,0.3) !important;\n  color: #0cdbcf !important;\n  font-size: 26px !important;\n  cursor: pointer !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  border-radius: 2px !important;\n  user-select: none !important;\n  -webkit-user-select: none !important;\n  touch-action: manipulation !important;\n  flex-shrink: 0 !important;\n  -webkit-tap-highlight-color: rgba(12,219,207,0.3) !important;\n  position: relative !important;\n  z-index: 21 !important;\n  pointer-events: auto !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n}\n\n#cm-erklaervideo .cm2-nav:active {\n  background: rgba(12,219,207,0.35) !important;\n}\n\n#cm-erklaervideo .cm2-nav.cm2-hide {\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n\n#cm-erklaervideo .cm2-dots {\n  display: flex !important;\n  justify-content: center !important;\n  align-items: center !important;\n  gap: 7px !important;\n  flex: 1 !important;\n}\n\n#cm-erklaervideo .cm2-dot {\n  width: 26px !important;\n  height: 6px !important;\n  background: rgba(255,255,255,0.18) !important;\n  border-radius: 3px !important;\n  border: none !important;\n  padding: 0 !important;\n  cursor: pointer !important;\n  transition: background 0.3s !important;\n  display: inline-block !important;\n  -webkit-tap-highlight-color: transparent !important;\n  touch-action: manipulation !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  position: relative !important;\n  z-index: 21 !important;\n  pointer-events: auto !important;\n}\n\n#cm-erklaervideo .cm2-dot.cm2-on {\n  background: #0cdbcf !important;\n}\n\n#cm-erklaervideo .cm2-wm {\n  position: absolute !important;\n  top: 12px !important;\n  right: 20px !important;\n  font-family: 'Oswald', sans-serif !important;\n  font-size: 80px !important;\n  font-weight: 700 !important;\n  color: rgba(255,255,255,0.04) !important;\n  line-height: 1 !important;\n  pointer-events: none !important;\n  user-select: none !important;\n}\n\n#cm-erklaervideo .cm2-eye {\n  font-size: 10px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.18em !important;\n  color: var(--cm-brand) !important;\n  text-transform: uppercase !important;\n  margin-bottom: 10px !important;\n  display: block !important;\n}\n\n#cm-erklaervideo .cm2-h {\n  font-family: 'Oswald', sans-serif !important;\n  font-size: 34px !important;\n  font-weight: 700 !important;\n  line-height: 1.06 !important;\n  text-transform: uppercase !important;\n  color: #ffffff !important;\n  margin-bottom: 4px !important;\n  display: block !important;\n}\n\n#cm-erklaervideo .cm2-h .cm2-a {\n  color: var(--cm-brand) !important;\n}\n\n#cm-erklaervideo .cm2-div {\n  width: 36px !important;\n  height: 3px !important;\n  background: var(--cm-brand) !important;\n  margin-top: 12px !important;\n  margin-bottom: 12px !important;\n  border-radius: 2px !important;\n  display: block !important;\n}\n\n#cm-erklaervideo .cm2-body {\n  font-size: 13px !important;\n  color: var(--cm-muted) !important;\n  line-height: 1.6 !important;\n  margin-bottom: 18px !important;\n  display: block !important;\n}\n\n#cm-erklaervideo .cm2-body strong {\n  color: #ffffff !important;\n  font-weight: 600 !important;\n}\n\n#cm-erklaervideo .cm2-btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  background: var(--cm-brand) !important;\n  color: #0a0a0a !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.14em !important;\n  text-transform: uppercase !important;\n  padding: 13px 24px !important;\n  border: none !important;\n  cursor: pointer !important;\n  text-decoration: none !important;\n  align-self: flex-start !important;\n  border-radius: 2px !important;\n  margin-top: 18px !important;\n}\n\n#cm-erklaervideo .cm2-opts {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 8px !important;\n  margin-bottom: 14px !important;\n}\n\n#cm-erklaervideo .cm2-opts .cm2-full {\n  grid-column: span 2 !important;\n  width: 55% !important;\n  justify-self: center !important;\n}\n\n#cm-erklaervideo .cm2-opt {\n  background: var(--cm-bg-card) !important;\n  border: 1px solid rgba(12,219,207,0.22) !important;\n  border-top: 3px solid var(--cm-brand) !important;\n  padding: 12px !important;\n  border-radius: 2px !important;\n  display: block !important;\n}\n\n#cm-erklaervideo .cm2-oi {\n  font-size: 18px !important;\n  margin-bottom: 6px !important;\n  display: block !important;\n  line-height: 1 !important;\n}\n\n#cm-erklaervideo .cm2-ot {\n  font-size: 10px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.1em !important;\n  text-transform: uppercase !important;\n  color: #ffffff !important;\n  margin-bottom: 4px !important;\n  display: block !important;\n}\n\n#cm-erklaervideo .cm2-od {\n  font-size: 11px !important;\n  color: var(--cm-muted) !important;\n  line-height: 1.4 !important;\n  display: block !important;\n}\n\n#cm-erklaervideo .cm2-contact {\n  font-size: 12px !important;\n  color: var(--cm-muted) !important;\n  display: block !important;\n  line-height: 1.6 !important;\n  margin-top: 6px !important;\n}\n\n#cm-erklaervideo .cm2-contact strong {\n  color: #ffffff !important;\n  font-weight: 600 !important;\n  display: block !important;\n  margin-bottom: 6px !important;\n}\n\n#cm-erklaervideo .cm2-contact-links {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 6px !important;\n}\n\n#cm-erklaervideo .cm2-contact a {\n  color: var(--cm-brand) !important;\n  text-decoration: none !important;\n  font-weight: 600 !important;\n  font-size: 12px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 5px !important;\n}\n\n#cm-erklaervideo .cm2-contact a:hover {\n  text-decoration: underline !important;\n}\n\n#cm-erklaervideo .cm2-steps {\n  display: flex !important;\n  margin-bottom: 16px !important;\n}\n\n#cm-erklaervideo .cm2-si {\n  flex: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  position: relative !important;\n}\n\n#cm-erklaervideo .cm2-si:not(:last-child)::after {\n  content: '' !important;\n  position: absolute !important;\n  top: 18px !important;\n  left: 55% !important;\n  right: -45% !important;\n  height: 2px !important;\n  background: var(--cm-brand) !important;\n  opacity: 0.35 !important;\n}\n\n#cm-erklaervideo .cm2-sn {\n  width: 36px !important;\n  height: 36px !important;\n  background: var(--cm-brand) !important;\n  color: #0a0a0a !important;\n  font-family: 'Oswald', sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  border-radius: 2px !important;\n  position: relative !important;\n  z-index: 1 !important;\n  margin-bottom: 6px !important;\n  flex-shrink: 0 !important;\n}\n\n#cm-erklaervideo .cm2-sl {\n  font-size: 9px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.08em !important;\n  text-transform: uppercase !important;\n  color: var(--cm-muted) !important;\n  text-align: center !important;\n  line-height: 1.3 !important;\n  display: block !important;\n}\n\n#cm-erklaervideo .cm2-qg {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 8px !important;\n  margin-bottom: 14px !important;\n}\n\n#cm-erklaervideo .cm2-qc {\n  background: var(--cm-bg-card) !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n  padding: 14px 10px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  text-align: center !important;\n  gap: 6px !important;\n  border-radius: 2px !important;\n}\n\n#cm-erklaervideo .cm2-qi {\n  font-size: 20px !important;\n  display: block !important;\n  line-height: 1 !important;\n}\n\n#cm-erklaervideo .cm2-ql {\n  font-size: 10px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.1em !important;\n  text-transform: uppercase !important;\n  color: #ffffff !important;\n  display: block !important;\n}\n\n#cm-erklaervideo .cm2-dg {\n  display: grid !important;\n  grid-template-columns: repeat(3,1fr) !important;\n  gap: 8px !important;\n  margin-bottom: 8px !important;\n}\n\n#cm-erklaervideo .cm2-db {\n  display: flex !important;\n  justify-content: center !important;\n  margin-bottom: 14px !important;\n}\n\n#cm-erklaervideo .cm2-dc {\n  background: var(--cm-bg-card) !important;\n  border: 1px solid rgba(255,255,255,0.07) !important;\n  padding: 12px 8px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  text-align: center !important;\n  gap: 5px !important;\n  border-radius: 2px !important;\n}\n\n#cm-erklaervideo .cm2-dc.cm2-dw {\n  width: 38% !important;\n}\n\n#cm-erklaervideo .cm2-di {\n  font-size: 18px !important;\n  display: block !important;\n  line-height: 1 !important;\n}\n\n#cm-erklaervideo .cm2-dl {\n  font-size: 9px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.1em !important;\n  text-transform: uppercase !important;\n  color: var(--cm-muted) !important;\n  display: block !important;\n}\n\n#cm-erklaervideo .cm2-chk {\n  width: 56px !important;\n  height: 56px !important;\n  border: 3px solid var(--cm-brand) !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  margin-bottom: 14px !important;\n  flex-shrink: 0 !important;\n}\n\n#cm-erklaervideo .cm2-chk svg {\n  width: 26px !important;\n  height: 26px !important;\n}\n\n#cm-erklaervideo .cm2-badges {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  gap: 10px !important;\n  margin-bottom: 16px !important;\n}\n\n#cm-erklaervideo .cm2-badge {\n  display: flex !important;\n  align-items: center !important;\n  gap: 5px !important;\n  font-size: 10px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.09em !important;\n  text-transform: uppercase !important;\n  color: var(--cm-muted) !important;\n}\n\n@media (max-width: 480px) {\n  #cm-erklaervideo .cm2-h {\n    font-size: 30px !important;\n  }\n\n  #cm-erklaervideo .cm2-slide {\n    padding: 28px 20px 24px !important;\n  }\n\n  #cm-erklaervideo .cm2-btn {\n    padding: 12px 20px !important;\n    font-size: 11px !important;\n  }\n}\n<\/style>\n\n<div id=\"cm-erklaervideo\">\n  <div class=\"cm2-pb-track\">\n    <div class=\"cm2-pb-fill\" id=\"cm2Pbf\" style=\"width:16.66%\"><\/div>\n  <\/div>\n\n  <div class=\"cm2-outer\">\n    <div class=\"cm2-track\" id=\"cm2Track\">\n\n      <!-- SLIDE 1 -->\n      <div class=\"cm2-slide\">\n        <span class=\"cm2-eye\">Kaufprozess erkl\u00e4rt<\/span>\n        <span class=\"cm2-h\">So einfach<br>kaufst du<br><span class=\"cm2-a\">Dein Carbon<\/span><\/span>\n        <span class=\"cm2-div\"><\/span>\n        <span class=\"cm2-body\">Handgefertigte Carbonteile aus Deutschland \u2013 in wenigen Schritten zu deinem individuellen Upgrade.<\/span>\n        <a href=\"https:\/\/carbon-modifications.com\/produkt-kategorie\/finished-parts-fertigteile\/\" class=\"cm2-btn\">Jetzt entdecken \u2192<\/a>\n      <\/div>\n\n      <!-- SLIDE 2 -->\n      <div class=\"cm2-slide\">\n        <span class=\"cm2-wm\">01<\/span>\n        <span class=\"cm2-eye\">Schritt 01 \u2013 Kaufoption w\u00e4hlen<\/span>\n        <span class=\"cm2-h\">W\u00e4hle <span class=\"cm2-a\">Deine<\/span> Option<\/span>\n        <span class=\"cm2-div\"><\/span>\n        <div class=\"cm2-opts\">\n          <div class=\"cm2-opt\"><span class=\"cm2-oi\">\ud83d\udce6<\/span><span class=\"cm2-ot\">Teile einsenden<\/span><span class=\"cm2-od\">Originalteile ausbauen &#038; einsenden. Wir veredeln und schicken zur\u00fcck.<\/span><\/div>\n          <div class=\"cm2-opt\"><span class=\"cm2-oi\">\ud83d\udd04<\/span><span class=\"cm2-ot\">Im Austausch<\/span><span class=\"cm2-od\">Fertige Carbonteile voraus \u2013 Originalteile als Pfand zur\u00fcck.<\/span><\/div>\n          <div class=\"cm2-opt cm2-full\"><span class=\"cm2-oi\">\ud83c\udfea<\/span><span class=\"cm2-ot\">Lagerware<\/span><span class=\"cm2-od\">Sofort lieferbar. Bestellen, einbauen, fertig.<\/span><\/div>\n        <\/div>\n        <div class=\"cm2-contact\">\n          <strong>Nicht sicher? Kostenlos per Telefon oder WhatsApp beraten lassen<\/strong>\n          <div class=\"cm2-contact-links\">\n            <a href=\"tel:+4915159924457\">\ud83d\udcde +49 151 599 244 57<\/a>\n            <a href=\"https:\/\/wa.me\/4915159924457\" target=\"_blank\" rel=\"noopener\">\ud83d\udcac WhatsApp: +49 151 599 244 57<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- SLIDE 3 -->\n      <div class=\"cm2-slide\">\n        <span class=\"cm2-wm\">02<\/span>\n        <span class=\"cm2-eye\">Schritt 02 \u2013 Bestellung &#038; Versand<\/span>\n        <span class=\"cm2-h\">Bestellen &#038;<br><span class=\"cm2-a\">Einsenden<\/span><\/span>\n        <span class=\"cm2-div\"><\/span>\n        <div class=\"cm2-steps\">\n          <div class=\"cm2-si\"><span class=\"cm2-sn\">1<\/span><span class=\"cm2-sl\">Produkt<br>w\u00e4hlen<\/span><\/div>\n          <div class=\"cm2-si\"><span class=\"cm2-sn\">2<\/span><span class=\"cm2-sl\">Bestellen<br>&#038; zahlen<\/span><\/div>\n          <div class=\"cm2-si\"><span class=\"cm2-sn\">3<\/span><span class=\"cm2-sl\">Teil<br>ausbauen<\/span><\/div>\n          <div class=\"cm2-si\"><span class=\"cm2-sn\">4<\/span><span class=\"cm2-sl\">An uns<br>einsenden<\/span><\/div>\n        <\/div>\n        <span class=\"cm2-body\">Du baust das Teil aus und sendest es an uns. <strong>Wir best\u00e4tigen den Eingang per E-Mail<\/strong> und starten sofort mit der Veredelung.<\/span>\n      <\/div>\n\n      <!-- SLIDE 4 -->\n      <div class=\"cm2-slide\">\n        <span class=\"cm2-wm\">03<\/span>\n        <span class=\"cm2-eye\">Schritt 03 \u2013 Manufaktur<\/span>\n        <span class=\"cm2-h\">Handgefertigte<br><span class=\"cm2-a\">Qualit\u00e4t<\/span><\/span>\n        <span class=\"cm2-div\"><\/span>\n        <div class=\"cm2-qg\">\n          <div class=\"cm2-qc\"><span class=\"cm2-qi\">\u270b<\/span><span class=\"cm2-ql\">Handgefertigt<\/span><\/div>\n          <div class=\"cm2-qc\"><span class=\"cm2-qi\">\ud83c\udde9\ud83c\uddea<\/span><span class=\"cm2-ql\">Made in Germany<\/span><\/div>\n          <div class=\"cm2-qc\"><span class=\"cm2-qi\">\ud83d\udd2c<\/span><span class=\"cm2-ql\">Qualit\u00e4tspr\u00fcfung<\/span><\/div>\n          <div class=\"cm2-qc\"><span class=\"cm2-qi\">\u2728<\/span><span class=\"cm2-ql\">100% Echtcarbon<\/span><\/div>\n        <\/div>\n        <span class=\"cm2-body\">Jedes Teil handgefertigt in Deutschland. Carbonfasergewebe, Hochglanz-Klarlack, <strong>pr\u00e4zise OEM-Passform<\/strong>. Keine Kompromisse.<\/span>\n      <\/div>\n\n      <!-- SLIDE 5 -->\n      <div class=\"cm2-slide\">\n        <span class=\"cm2-wm\">04<\/span>\n        <span class=\"cm2-eye\">Schritt 04 \u2013 Lieferung<\/span>\n        <span class=\"cm2-h\">Direkt zu<br><span class=\"cm2-a\">dir nach<\/span> Hause<\/span>\n        <span class=\"cm2-div\"><\/span>\n        <div class=\"cm2-dg\">\n          <div class=\"cm2-dc\"><span class=\"cm2-di\">\ud83d\udce6<\/span><span class=\"cm2-dl\">Sicher verpackt<\/span><\/div>\n          <div class=\"cm2-dc\"><span class=\"cm2-di\">\ud83d\ude9a<\/span><span class=\"cm2-dl\">DHL \/ DPD<\/span><\/div>\n          <div class=\"cm2-dc\"><span class=\"cm2-di\">\ud83d\udccd<\/span><span class=\"cm2-dl\">Live-Tracking<\/span><\/div>\n        <\/div>\n        <div class=\"cm2-db\"><div class=\"cm2-dc cm2-dw\"><span class=\"cm2-di\">\u26a1<\/span><span class=\"cm2-dl\">Express m\u00f6glich<\/span><\/div><\/div>\n        <span class=\"cm2-body\">Du erh\u00e4ltst eine Tracking-Nummer und kannst die Lieferung live verfolgen.<br><strong>Deutschland: 2\u20135 Werktage<\/strong> nach Fertigstellung.<\/span>\n      <\/div>\n\n      <!-- SLIDE 6 -->\n      <div class=\"cm2-slide\">\n        <div class=\"cm2-chk\">\n          <svg viewBox=\"0 0 30 30\" fill=\"none\">\n            <polyline points=\"4,15 12,23 26,7\" stroke=\"#0cdbcf\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <span class=\"cm2-eye\" style=\"color:#0cdbcf;letter-spacing:0.2em;\">Fertig<\/span>\n        <span class=\"cm2-h\">Dein Auto.<br><span class=\"cm2-a\">Dein Carbon.<\/span><\/span>\n        <span class=\"cm2-div\"><\/span>\n        <span class=\"cm2-body\"><strong>Plug &#038; Play<\/strong> \u2013 einbauen, staunen, genie\u00dfen. Jedes Teil passgenau und direkt montierbar.<\/span>\n        <div class=\"cm2-badges\">\n          <span class=\"cm2-badge\">\u2b50 5-Sterne Google<\/span>\n          <span class=\"cm2-badge\">\ud83d\udc65 1000+ Kunden<\/span>\n          <span class=\"cm2-badge\">\ud83d\udee1\ufe0f R\u00fcckgaberecht<\/span>\n        <\/div>\n        <a href=\"https:\/\/carbon-modifications.com\/produkt-kategorie\/sale-angebote\/\" class=\"cm2-btn\">Jetzt bestellen \u2192<\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"cm2-controls\">\n    <button class=\"cm2-nav cm2-hide\" id=\"cm2Prev\" type=\"button\">&#8249;<\/button>\n    <div class=\"cm2-dots\" id=\"cm2Dots\"><\/div>\n    <button class=\"cm2-nav\" id=\"cm2Next\" type=\"button\">&#8250;<\/button>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var cur = 0, tot = 6;\n  var root = document.getElementById('cm-erklaervideo');\n  var track = document.getElementById('cm2Track');\n  var dotsEl = document.getElementById('cm2Dots');\n  var pbf = document.getElementById('cm2Pbf');\n  var prevBtn = document.getElementById('cm2Prev');\n  var nextBtn = document.getElementById('cm2Next');\n  var outer = root.querySelector('.cm2-outer');\n  var controls = root.querySelector('.cm2-controls');\n\n  function updateUI() {\n    track.style.transform = 'translateX(-' + (cur * 100) + '%)';\n    pbf.style.width = ((cur + 1) \/ tot * 100) + '%';\n\n    var dots = dotsEl.querySelectorAll('.cm2-dot');\n    for (var i = 0; i < dots.length; i++) {\n      dots[i].className = 'cm2-dot' + (i === cur ? ' cm2-on' : '');\n    }\n\n    prevBtn.className = 'cm2-nav' + (cur === 0 ? ' cm2-hide' : '');\n    nextBtn.className = 'cm2-nav' + (cur === tot - 1 ? ' cm2-hide' : '');\n  }\n\n  function goTo(n) {\n    cur = Math.max(0, Math.min(tot - 1, n));\n    updateUI();\n  }\n\n  function go(dir) {\n    goTo(cur + dir);\n  }\n\n  for (var i = 0; i < tot; i++) {\n    (function (idx) {\n      var d = document.createElement('button');\n      d.type = 'button';\n      d.className = 'cm2-dot' + (idx === 0 ? ' cm2-on' : '');\n      d.setAttribute('aria-label', 'Go to slide ' + (idx + 1));\n\n      d.addEventListener('click', function (e) {\n        e.preventDefault();\n        e.stopPropagation();\n        goTo(idx);\n      });\n\n      d.addEventListener('touchend', function (e) {\n        e.preventDefault();\n        e.stopPropagation();\n        goTo(idx);\n      }, { passive: false });\n\n      dotsEl.appendChild(d);\n    })(i);\n  }\n\n  prevBtn.addEventListener('click', function (e) {\n    e.preventDefault();\n    e.stopPropagation();\n    go(-1);\n  });\n\n  nextBtn.addEventListener('click', function (e) {\n    e.preventDefault();\n    e.stopPropagation();\n    go(1);\n  });\n\n  prevBtn.addEventListener('touchend', function (e) {\n    e.preventDefault();\n    e.stopPropagation();\n    go(-1);\n  }, { passive: false });\n\n  nextBtn.addEventListener('touchend', function (e) {\n    e.preventDefault();\n    e.stopPropagation();\n    go(1);\n  }, { passive: false });\n\n  function unlockParents() {\n    var el = root.parentElement;\n    while (el &#038;&#038; el !== document.body) {\n      el.style.setProperty('overflow', 'visible', 'important');\n      el.style.setProperty('height', 'auto', 'important');\n      el.style.setProperty('max-height', 'none', 'important');\n      el = el.parentElement;\n    }\n  }\n  unlockParents();\n\n  controls.addEventListener('touchstart', function (e) {\n    e.stopPropagation();\n  }, { passive: true });\n\n  controls.addEventListener('touchmove', function (e) {\n    e.stopPropagation();\n  }, { passive: true });\n\n  controls.addEventListener('touchend', function (e) {\n    e.stopPropagation();\n  }, { passive: true });\n\n  var sx = 0, sy = 0, dragging = false;\n\n  outer.addEventListener('touchstart', function (e) {\n    sx = e.touches[0].clientX;\n    sy = e.touches[0].clientY;\n    dragging = true;\n  }, { passive: true });\n\n  outer.addEventListener('touchmove', function (e) {\n    if (!dragging) return;\n    var dx = sx - e.touches[0].clientX;\n    var dy = sy - e.touches[0].clientY;\n    if (Math.abs(dx) > Math.abs(dy)) {\n      e.preventDefault();\n    }\n  }, { passive: false });\n\n  outer.addEventListener('touchend', function (e) {\n    if (!dragging) return;\n    dragging = false;\n\n    var dx = sx - e.changedTouches[0].clientX;\n    var dy = sy - e.changedTouches[0].clientY;\n\n    if (Math.abs(dx) > 30 && Math.abs(dx) > Math.abs(dy)) {\n      go(dx > 0 ? 1 : -1);\n    }\n  }, { passive: true });\n\n  updateUI();\n})();\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kaufprozess erkl\u00e4rt So einfachkaufst duDein Carbon Handgefertigte Carbonteile aus Deutschland  [&#8230;]<\/p>\n","protected":false},"author":143,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15444","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/carbon-modifications.com\/en\/wp-json\/wp\/v2\/pages\/15444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carbon-modifications.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carbon-modifications.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carbon-modifications.com\/en\/wp-json\/wp\/v2\/users\/143"}],"replies":[{"embeddable":true,"href":"https:\/\/carbon-modifications.com\/en\/wp-json\/wp\/v2\/comments?post=15444"}],"version-history":[{"count":3,"href":"https:\/\/carbon-modifications.com\/en\/wp-json\/wp\/v2\/pages\/15444\/revisions"}],"predecessor-version":[{"id":15448,"href":"https:\/\/carbon-modifications.com\/en\/wp-json\/wp\/v2\/pages\/15444\/revisions\/15448"}],"wp:attachment":[{"href":"https:\/\/carbon-modifications.com\/en\/wp-json\/wp\/v2\/media?parent=15444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}