{"id":12124,"date":"2025-08-06T13:08:56","date_gmt":"2025-08-06T11:08:56","guid":{"rendered":"https:\/\/www.revolute.de\/?page_id=12124"},"modified":"2026-01-02T15:58:11","modified_gmt":"2026-01-02T13:58:11","slug":"hub-a8","status":"publish","type":"page","link":"https:\/\/www.revolute.de\/en\/","title":{"rendered":"HUB A8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12124\" class=\"elementor elementor-12124\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bcaff63 minimal-width-section elementor-hidden-desktop elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bcaff63\" data-element_type=\"section\" data-e-type=\"section\" id=\"a8-landing-tablet\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fcb812f\" data-id=\"fcb812f\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-175f266 elementor-widget elementor-widget-spacer\" data-id=\"175f266\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64ef847 elementor-hidden-desktop elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"64ef847\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--Tablet-Version-->\n<style>\ndiv.a8-landing-overlay{\n    height: fit-content !important;\n}\n.slogan-text{\n    padding-top: 0! important;\n    white-space: nowrap !important;\n}\n.a8-landing-overlay-inner-container img{\n    min-height: 80px;\n    min-width: 230px;\n    width: 99%;\n    \n}\n.a8-landing-overlay-inner-container {\n    min-height: 80px;\n    min-width: 490px;\n    width: 97vw;\n}\n  section {\n      min-height: 40vh !important;\n  }\n  section > div {\n      min-height: 40vh !important;\n      min-width: 50vw !important;\n      max-width: 1500px !important;\n  }\n  section > div >div {\n      min-height: 40vh !important;\n  }\n.tiny-mobile-show{\n    display: none;\n}  \n.hub-a8-no-padding {\n  padding-top: 0 !important;\n}\n.slogan-text{\n    position: absolute;\n    min-width: 180px;\n    height: 100% !important;\n    color: #595959;\n    left: 50%;\n    bottom: -8%;\n}  \n.tiny-mobile-show p {\n    width: : 100% !important;\n    color: #595959;\n}  \n.slogan-text p{\n    display: block;\n    line-height: 1;\n    margin: 0;\n    padding-bottom: 0;\n    padding-left: 0;\n    padding-right: 0;\n}\n.hub-a8-text {\n    display: block; \n    font-weight: 400; \n    font-size: 4em;\n  \/*  padding-top: 0.15em; *\/\n}\n.future-text{\n    font-weight: 500;\n    font-size: 1.394em;\n    font-size: 2em;    \n    padding-top: 0.03em !important;\n}\n@media (max-width: 1500px) {\n    .hub-a8-text {\n     \/*padding-top: 0.35em; *\/\n    }\n}\n@media (max-width: 1400px) {\n    .hub-a8-text {\n    \/* padding-top: 0.27em; *\/\n    }\n}\n\n@media (max-width: 480px) {\n  section.minimal-width-section{\n    min-width: 480px;     \/* Container soll mindestens 480px breit bleiben *\/\n    overflow-x: auto;     \/* falls Inhalt gr\u00f6\u00dfer ist \u2192 scrollbar *\/\n  }\n  .tiny-mobile-hide{\n      display: none !important;\n  }\n.tiny-mobile-show{\n    display: block;\n}   \n  .hub-a8-text {\n    padding-top: 0.08em;\n   }  \n}\n@media screen and (max-width: 768px) {\n    .hub-a8-text {\n    padding-top: 0.08em;\n    }    \n}\n\n\/* Grundstruktur *\/\n.a8-landing-outerbox {\n  height: 90vh;\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  overflow: hidden;\n}\n\n\/* Das Bild nimmt die volle Breite ein *\/\n.a8-landing-image-wrapper {\n  position: absolute;\n  left: 0;\n  height: 100%;\n  top: 0;\n  width: auto;\n  overflow: hidden;\n}\n\n.a8-landing-background-image{\n  height: 100% !important;\n  width: auto !important \n  object-fit: cover;\n  object-position: left bottom;\n  max-width: unset !important;\n}\n.a8-slogan-image {\n  object-fit: contain;\n  object-position: right\n  height: 8em !important;\n  max-height: 100% !important;\n  width: 50%;\n}\n\n.a8-landing-overlay {\n  position: absolute;\n  bottom: 3vh;\n  right: 2%;\n  width: 65%;\n  height: 15%;\n  \/*background-color: rgba(0, 0, 0, 0.5);*\/\n  color: white;\n  pointer-events: none; \n  padding: 0 !important;\n}\n.a8-landing-overlay-inner-container {\n    display: flex;\n    flex-direction: row;\n    position: relative;\n}\n@media screen and (max-width: 1024px) {\n    .a8-landing-background-image{\n      width: auto !important;\n      height: 100% !important;\n      object-fit: contain;\n      object-position: left top;\n  }\n  .a8-landing-outerbox {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n  }\n  .a8-landing-image-wrapper {\n    position: relative;\n    height: 70%;\n    width: 100%;\n      overflow: hidden;\n  }\n  .a8-landing-overlay {\n    display: block;\n    position: relative;\n    width: 100%;\n    max-width: 94vw;\n    min-height: 20%;\n    max-height: 30%;\n    margin-left: 5vw;\n    pointer-events: auto;\n    height: fit-content;\n  }\n}\n\n.styled-hr {\n  width: 70%;              \/* only 40% of parent width *\/\n  margin: 2em auto !important;        \/* center it and give vertical spacing *\/\n  border: none;            \/* remove default border *\/\n  border-top: 1px solid #ccc; \/* slim gray line *\/\n  opacity: 0.6;            \/* slightly transparent *\/\n  text-align: center;\n}\n\n<\/style>\n\n\n<div class=\"a8-landing-outerbox\">\n  <div class=\"a8-landing-image-wrapper\">\n    <img decoding=\"async\" class=\"a8-landing-background-image\" \n         src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/11\/wheel-tblt-coming-soon.png\"\n    \/>\n  <\/div>\n  <div class=\"a8-landing-overlay\">\n      <div class=\"a8-landing-overlay-inner-container\">\n   <img decoding=\"async\" class=\"a8-slogan-image\" \n         src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/11\/logo-slogan-tblt-transp.png\"\n   \/>\n\n   <\/div>\n   <div class=\"tiny-mobile-show tiny-text\" style=\"font-size: 1.4em;\">\n            <p>\n               THE FUTURE OF GEAR HUB SYSTEMS\n               <hr class=\"styled-hr\">\n           <\/p>\n   <\/div>\n  <\/div>\n<\/div>\n<script>\nfunction checkZoomAndAdjust_future_text() {\n  const zoomLevel = window.outerWidth \/ window.innerWidth;\n  const el = document.querySelector('.hub-a8-text');\n\n  if (zoomLevel > 0.98) {\n    el.classList.add('hub-a8-no-padding');\n  } else {\n    el.classList.remove('hub-a8-no-padding');\n  }\n}\ncheckZoomAndAdjust_future_text();\nwindow.addEventListener('resize', checkZoomAndAdjust_future_text);\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-91af7cf elementor-section-items-stretch elementor-section-content-top elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-full elementor-section-boxed elementor-section-height-default\" data-id=\"91af7cf\" data-element_type=\"section\" data-e-type=\"section\" id=\"a8-landing-desktop\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8249d43\" data-id=\"8249d43\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-28c375e elementor-widget elementor-widget-spacer\" data-id=\"28c375e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d02c6d elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"7d02c6d\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"a8-landing-image-container-elementors\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1348\" src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/hub-a8-landing-coming-soon3-scaled.webp\" class=\"attachment-full size-full wp-image-13405\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b70bbf1 elementor-section-full_width elementor-section-height-full limited-height-section elementor-hidden-desktop elementor-hidden-tablet elementor-section-items-stretch elementor-section-height-default\" data-id=\"b70bbf1\" data-element_type=\"section\" data-e-type=\"section\" id=\"a8-landing-mobile\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8860aaa\" data-id=\"8860aaa\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7e91639 elementor-widget elementor-widget-spacer\" data-id=\"7e91639\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5fa14c elementor-widget elementor-widget-html\" data-id=\"e5fa14c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- MOBILE VERSION (SMARTPHONE) -->\n<style>\n  :root{\n    --wheel-logo-width: 0.59;\n    --slogan-width: calc(1 - var(--wheel-logo-width)); \/* fix *\/\n  }\n  .styled-hr {\n  width: 70%;              \/* only 40% of parent width *\/\n  margin: 2em auto !important;        \/* center it and give vertical spacing *\/\n  border: none;            \/* remove default border *\/\n  border-top: 1px solid #ccc; \/* slim gray line *\/\n  opacity: 0.6;            \/* slightly transparent *\/\n  text-align: center;\n  }\n  .landing-a8-mobile{\n      display: none;\n  }\n  .landing-a8-wheel-logo > img.landing-a8-mobile{\n      display: none;\n  }\n  .landing-a8-container-v{\n    height:90vh;\n    display:flex;\n    align-items:stretch;\n    position:relative; \/* Bezug f\u00fcr absolute Position *\/\n    gap: clamp(16px,3vw,48px);\n  }\n\n  .landing-a8-wheel-logo{\n    width: calc(var(--wheel-logo-width) * 100%);\n    display:flex; align-items:center; justify-content:flex-start;\n    position:relative;\n  }\n  .landing-a8-wheel-logo img{\n    max-width:100%; max-height:100%;\n    width:auto; height:80%; object-fit:contain; display:block;\n    object-position: left;\n    \/* Optional: Reserviert Layout, reduziert CLS *\/\n    \/* aspect-ratio: 1 \/ 1; *\/\n  }\n\n  \/* Textblock: initial unsichtbar, wird nach erstem Layout gesetzt *\/\n  .landing-a8-slogan-v{\n    position:absolute;\n    \/* KEINE Start-Left\/Top, damit nichts \u201eflasht\u201c *\/\n    color:#595959;\n    width: calc(var(--slogan-width) * 100%);\n    visibility:hidden;           \/* <<< verhindert das Springen *\/\n    will-change: top, left;\n  }\n  .landing-a8-slogan-v.is-ready{\n    visibility:visible;          \/* nach Positionierung anzeigen *\/\n  }\n\n  .hub-a8-text-variation{\n    line-height:1;\n    margin:0;\n    font-weight:500;\n    letter-spacing:.011em;\n    font-size:clamp(24px,5.6em,90px);\n    color:#3f464d;\n  }\n  .future-text-variation{\n    margin:0;\n    margin-left: 0.1cqw;\n    line-height:1;\n    text-transform:uppercase;\n    letter-spacing:.14em;\n    font-size: clamp(20px, 1.4cqw, 1.4cqw);\n    color:#6f7a85;\n    font-weight:400;\n    \/*white-space: nowrap;*\/\n  }\n\n  @media (max-width:1024px){\n    .landing-a8-container-v{ height:auto; flex-direction:column; }\n    .landing-a8-wheel-logo{ width:100%; height:50vh; }\n    .landing-a8-slogan-v{ position:static; margin-top:12px; left:auto; visibility:visible; }\n  \/*}*\/\n  \/*@media (max-width:768px){*\/\n        img.landing-a8-desktop{\n            display: none;\n        }\n        .landing-a8-container-v, .landing-a8-wheel-logo{\n            flex-direction: column;\n        }\n      .landing-a8-wheel-logo > img.landing-a8-mobile{\n          display: block;\n      }\n      .landing-a8-slogan-v, .landing-a8-wheel-logo{\n          width: 99%;\n          text-align: center;\n      }\n      #a8-landing-mobile #wheel-mobile-portrait{\n          height: 45vh;\n          width: auto;\n          min-height: 280px;\n      }\n      #a8-landing-mobile #revolute-logo-mobile{\n          height: 9vh;\n          width: auto;\n          min-height: 55px;\n      }\n      #a8-landing-mobile .landing-a8-slogan-v{\n          min-height: 15vh;\n          height: fit-content;\n          width: auto;          \n      }\n      .landing-a8-mobile{\n          display: block;\n      }\n  }\n  @media(max-width: 768px){\n     #a8{\n         max-width: 100vw;\n         width: fit-content;\n         margin-left: 0.8rem;\n     }\n  }\n  #a8-landing-mobile div.landing-a8-wheel-logo{\n      height: fit-content;\n  }\n  #a8-landing-mobile{\n    height: 100vh;\n    min-height: 720px !important;\n }\n #a8-landing-mobile > div{\n     height: 100%;\n }\n<\/style>\n\n<div class=\"landing-a8-container-v\" id=\"a8\" data-anchor=\"0.825\">\n  <div class=\"landing-a8-wheel-logo\">\n    <img id=\"a8Img\" class=\"landing-a8-desktop\"\n         src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/wheel-logo.png\"\n         alt=\"\"\n         loading=\"eager\" decoding=\"sync\" fetchpriority=\"high\">\n    <img decoding=\"async\" \n    \n    src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/11\/wheel-mobile-coming-soon.png\"\n    class=\"landing-a8-mobile\" id=\"wheel-mobile-portrait\">\n    <img decoding=\"async\" src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/revolute-logo-a8-page.png\" class=\"landing-a8-mobile\" id=\"revolute-logo-mobile\">\n  <\/div>\n  <div class=\"landing-a8-slogan-v\" id=\"a8Slogan\">\n    <p class=\"hub-a8-text-variation\">HUB&nbsp;A8<\/p>\n    <p class=\"future-text-variation scroll-anchor\" id=\"key-facts-section\">THE FUTURE OF GEAR HUB SYSTEMS<\/p>\n     <hr class=\"styled-hr landing-a8-mobile\">\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  const A8_ID = 'a8';\n  const IMG_ID = 'a8Img';\n  const SLOGAN_ID = 'a8Slogan';\n  const GAP = -4; \/\/ px seitlicher Abstand\n\n  function place(){\n    const wrap   = document.getElementById(A8_ID);\n    const img    = document.getElementById(IMG_ID);\n    const slogan = document.getElementById(SLOGAN_ID);\n    if(!wrap || !img || !slogan) return;\n\n    const wrapRect = wrap.getBoundingClientRect();\n    const imgRect  = img.getBoundingClientRect();\n    if (imgRect.width === 0 || imgRect.height === 0) return;\n\n    const anchor = parseFloat(wrap.getAttribute('data-anchor')) || 0.87;\n\n    const top  = (imgRect.top - wrapRect.top)  + anchor * imgRect.height;\n    const left = (imgRect.right - wrapRect.left) + GAP;\n\n    slogan.style.top  = top  + 'px';\n    slogan.style.left = left + 'px';\n\n    \/\/ Erst JETZT zeigen \u2192 kein visuelles Springen\n    if (!slogan.classList.contains('is-ready')) {\n      slogan.classList.add('is-ready');\n    }\n  }\n\n  function init(){\n    const img = document.getElementById(IMG_ID);\n    if(!img) return;\n\n    \/\/ Beim ersten Layout platzieren\n    if (img.complete) requestAnimationFrame(place);\n    img.addEventListener('load', place);\n\n    \/\/ Robust und ohne Polling: reagiert auf jede Bildgr\u00f6\u00dfen\u00e4nderung\n    const ro = new ResizeObserver(place);\n    ro.observe(img);\n\n    \/\/ Auch Fenster-Resize neu berechnen\n    window.addEventListener('resize', () => requestAnimationFrame(place));\n\n    \/\/ Fallback: ein paar fr\u00fche Versuche (f\u00fcr Lazy-Load\/Builder)\n    let tries = 0;\n    (function loop(){\n      tries++;\n      place();\n      if (tries < 10) setTimeout(loop, 60);\n    })();\n  }\n\n  document.addEventListener('DOMContentLoaded', init);\n})();\n<\/script>\n<script>\n(function() {\n  console.log('[device-check] Skript gestartet');\n\n  \/\/ Funktion zur Erkennung eines mobilen Ger\u00e4ts\n  function isMobileDevice() {\n    const ua = navigator.userAgent;\n    const isMobile = \/Mobi|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(ua);\n\n    console.log('[device-check] User-Agent:', ua);\n    console.log('[device-check] window.innerWidth:', window.innerWidth);\n    console.log('[device-check] Ger\u00e4t erkannt als:', isMobile ? 'MOBILE' : 'DESKTOP');\n\n    return isMobile;\n  }\n\n  \/\/ Klasse f\u00fcr Desktop-Ger\u00e4te hinzuf\u00fcgen oder entfernen\n  function updateDeviceClass() {\n    console.log('[device-check] updateDeviceClass() aufgerufen');\n    const el = document.getElementById('a8');\n    if (!el) {\n      console.warn('[device-check] Kein Element mit ID \"a8\" gefunden!');\n      return;\n    }\n\n    if (!isMobileDevice()) {\n      if (!el.classList.contains('device-is-desktop')) {\n        el.classList.add('device-is-desktop');\n        console.log('[device-check] Klasse \"device-is-desktop\" HINZUGEF\u00dcGT');\n      }\n    } else {\n      if (el.classList.contains('device-is-desktop')) {\n        el.classList.remove('device-is-desktop');\n        console.log('[device-check] Klasse \"device-is-desktop\" ENTFERNT');\n      }\n    }\n  }\n\n  \/\/ CSS-Regel hinzuf\u00fcgen\n  console.log('[device-check] CSS-Regel wird hinzugef\u00fcgt...');\n  const style = document.createElement('style');\n  style.textContent = `\n    #a8.device-is-desktop {\n      width: unset !important;\n    }\n  `;\n  document.head.appendChild(style);\n\n  \/\/ Beim Laden ausf\u00fchren\n  document.addEventListener('DOMContentLoaded', () => {\n    console.log('[device-check] DOMContentLoaded \u2192 starte updateDeviceClass()');\n    updateDeviceClass();\n  });\n\n  \/\/ Auch bei Fenstergr\u00f6\u00dfen\u00e4nderung pr\u00fcfen\n  window.addEventListener('resize', () => {\n    console.log('[device-check] Fenstergr\u00f6\u00dfe ge\u00e4ndert \u2192 updateDeviceClass()');\n    updateDeviceClass();\n  });\n})();\n\n    \n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1038df elementor-widget elementor-widget-spacer\" data-id=\"a1038df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-731eddb elementor-section-items-stretch elementor-section-height-min-height elementor-section-boxed elementor-section-height-default\" data-id=\"731eddb\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-27ebffd\" data-id=\"27ebffd\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b07833f elementor-widget elementor-widget-spacer\" data-id=\"b07833f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a40914 elementor-widget elementor-widget-html\" data-id=\"0a40914\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  <div id=\"keyfacts\" class=\"scroll-anchor-point\" style=\"height: 1px; position: absolute; top: calc(-3vh - 70px);; z-index: -1000; background: transparent;\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aaf9dbe horizontal-heading elementor-widget elementor-widget-heading\" data-id=\"aaf9dbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">KEY FACTS<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eaf62bb elementor-widget elementor-widget-html\" data-id=\"eaf62bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.custom-list > li > span{\n    background-color: rgba(255, 255, 255, 0.6);\n    border-radius: 8px;\n}\n.list-container-table-zoomed-out {\n    font-size: 180%;\n}\n\n#a8-feature-list-background-wrapper {\n    position: absolute;\n    top: 0; \/*...*\/\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 5;\n    overflow: hidden;\n    background-color: white;\n}\n\n#a8-feature-list-background-img-box {\n    position: absolute;\n    bottom: 6vh;\n    left: 40%;\n    width: 70%;\n    height: 100%;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    overflow: hidden;\n}\n\n#a8-feature-list-background-img-box img {\n    height: 70%;\n    object-fit: cover;\n    display: block;\n}\n\n\/* Overlays f\u00fcr links und rechts *\/\n#a8-feature-list-background-img-box .overlay-left,\n#a8-feature-list-background-img-box .overlay-right {\n    position: absolute;\n    top: 0;\n    height: 100%;\n    width: 10%;\n    pointer-events: none;\n    z-index: 10;\n}\n\n#a8-feature-list-background-img-box .overlay-right {\n    right: 0;\n    background: linear-gradient(to left, white, transparent);\n}\n\n#a8-feature-list-background-img-box .overlay-left {\n    left: 0;\n    background: linear-gradient(to right, white, transparent);\n}\n\n#a8-feature-list {\n    padding-left: 2.85rem;\n    height: 100%;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n}\n\n#list-container {\n    z-index: 15;\n    height: 100%;\n    top: 0;\n    left: 0;\n    min-width: fit-content;\n    width: 33%;\n}\n\nul.custom-list {\n    list-style: none;\n    padding: 0;\n}\n\nul.custom-list li {\n    font-size: 23px;\n    background-repeat: no-repeat;\n    background-size: auto 4vh;\n    background-position: 0 4px;\n    padding-left: 7.3vh;\n    margin-bottom: 2vh;\n    line-height: 4.7vh;\n    min-height: 25px;\n}\n\nli.push-to-left {\n    background-size: auto 30px !important;\n    background-position: -7px 4px !important;\n}\n.key-facts-mobile{\n    display: none;\n}\n\/*mobile*\/\n@media (max-width: 1024px) {\n    #a8-feature-list{\n        display: flex;\n        flex-direction: column;\n    }\n      #a8-feature-list-background-img-box{\n      display: none;\n  }\n  .key-facts-mobile{\n    display: block;\n    z-index: 20;\n  }\n}\n@media (max-width: 768px) {\n  \/* Container nimmt volle Breite ein *\/\n  #a8-feature-list-background-img-box{\n      display: none;\n  }\n  #list-container {\n    width: 100%;\n    min-width: unset;\n    padding: 1rem;\n  }\n\n  \/* Hintergrundbildbox zentrieren \/ anpassen *\/\n  #a8-feature-list-background-img-box {\n    position: relative;\n    bottom: auto;\n    left: auto;\n    width: 100%;\n    height: auto;\n    justify-content: center;\n  }\n\n  #a8-feature-list-background-img-box img {\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n  }\n\n  \/* Liste *\/\n  ul.custom-list li {\n    font-size: 1rem;                 \/* kleinere Schrift *\/\n    line-height: 1.4rem;\n    padding-left: 40px;              \/* weniger Einr\u00fcckung *\/\n    background-size: auto 20px;      \/* kleinere Icons *\/\n    background-position: 0 2px;\n    margin-bottom: 0.5rem;\n  }\n\n  \/* \u00dcberschreibe push-to-left f\u00fcr Mobile *\/\n  li.push-to-left {\n    background-size: auto 20px !important;\n    background-position:  -5px 0px !important;\n  }\n\n  \/* Gesamter Bereich untereinander statt nebeneinander *\/\n  #a8-feature-list {\n    flex-direction: column;\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n  div.key-facts-mobile>img{\n    max-width: 70%;\n  }\n}\n<\/style>\n\n<div id=\"a8-feature-list\">\n  <div id=\"a8-feature-list-background-wrapper\">\n    <div id=\"a8-feature-list-background-img-box\">\n      <div class=\"overlay-left\"><\/div>\n      <div class=\"overlay-right\"><\/div>\n      <img decoding=\"async\" src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/08\/a8-feature-list-background_crop.png\">\n    <\/div>\n  <\/div>\n  <div id=\"list-container\">\n    <ul class=\"custom-list\">\n      <li style=\"background-image:url('https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/automatic_full-size.png');\">\n          <span>Intelligente Automatikschaltung mit 8 G\u00e4ngen<\/span>\n      <\/li>\n      <li style=\"background-image:url('https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/bike_full-size.png');\"><span>F\u00fcr E-Bikes und Bio-Bikes geeignet<\/span><\/li>\n      <li style=\"background-image:url('https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/gears_full-size.png');\"><span>419 % Gesamt\u00fcbersetzung und optimale Gangabstufung<\/span><\/li>\n      <li style=\"background-image:url('https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/08\/bullet_feather3.png');\"><span>Eine der leichtesten automatischen Nabenschaltungen<\/span><\/li>\n      <li style=\"background-image:url('https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/wireless_full-size.png');\"><span>Keine Kabel, keine Bowdenz\u00fcge, kein Aufladen<\/span><\/li>\n      <li style=\"background-image:url('https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/axle_full-size.png');\"><span>Steckachsenkompatibel<\/span><\/li>\n      <li style=\"background-image:url('https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/install_full-size.png');\"><span>Keine komplizierten Adapterl\u00f6sungen<\/span><\/li>\n      <li style=\"background-image:url('https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/brake_full-size.png');\"><span>Kompatibel mit 6-Loch-Bremsscheiben<\/span><\/li>\n      <li style=\"background-image:url('https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/drop_full-size.png');\"><span>Wartungsfrei mit Lebensdauerschmierung<\/span><\/li>\n      <li style=\"background-image:url('https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/belt_full-size.png');\"><span>Riemenkompatibel<\/span><\/li>\n      <li class=\"push-to-left\" style=\"background-image:url('https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/tools_full-size-1.png');\"><span>Einfacher Service<\/span><\/li>\n    <\/ul>\n  <\/div>\n  <div class=\"key-facts-mobile\">\n        <div class=\"overlay-right\"><\/div>\n    <img decoding=\"async\" src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/08\/a8-feature-list-background_crop.png\">  \n  <\/div>\n<\/div>\n\n<script>\nfunction checkZoomAndAdjust2() {\n  const zoom = window.devicePixelRatio;\n  const keyFactsList = document.querySelectorAll('#list-container');\n\n  keyFactsList.forEach(el => {\n    if (zoom < 0.67) {\n      el.classList.add('list-container-table-zoomed-out');\n    } else {\n      el.classList.remove('list-container-table-zoomed-out');\n    }\n  });\n}\n\ncheckZoomAndAdjust2();\nwindow.addEventListener('resize', () => setTimeout(checkZoomAndAdjust2, 100));\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-edf1f74 elementor-section-items-stretch elementor-section-height-min-height elementor-section-boxed elementor-section-height-default\" data-id=\"edf1f74\" data-element_type=\"section\" data-e-type=\"section\" id=\"inno-sect\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3be8d7b\" data-id=\"3be8d7b\" data-element_type=\"column\" data-e-type=\"column\" id=\"innovation-elemntr-col\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-07b0e5b elementor-widget elementor-widget-spacer\" data-id=\"07b0e5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e54c529 elementor-widget elementor-widget-html\" data-id=\"e54c529\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  <div id=\"innovation\" class=\"scroll-anchor-point\" style=\"height: 1px; position: absolute; top: calc(-3vh - 70px);; z-index: -1000; background: transparent;\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfab1d6 horizontal-heading elementor-widget elementor-widget-heading\" data-id=\"cfab1d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Innovation<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12f6c74 elementor-widget elementor-widget-spacer\" data-id=\"12f6c74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-section elementor-inner-section elementor-element elementor-element-e6b0bdb elementor-section-height-min-height elementor-section-boxed elementor-section-height-default\" data-id=\"e6b0bdb\" data-element_type=\"section\" data-e-type=\"section\" id=\"inno-sect-inner-section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-1e65fcd\" data-id=\"1e65fcd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0f8b192 inno-section-sub-header elementor-widget elementor-widget-heading\" data-id=\"0f8b192\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">AUTOMATIK<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4d56f8 elementor-widget elementor-widget-text-editor\" data-id=\"d4d56f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"bigger-text\">Die intelligente Automatik hebt dein Fahrerlebnis auf ein neues Level!<\/p>\n<p class=\"paragraph-text\">Die neue HUB A8 schaltet vollst\u00e4ndig automatisch und w\u00e4hlt den perfekten Gang anhand verschiedener Sensorwerte. W\u00e4hle lediglich deine gew\u00fcnschte Trittfrequenz in der REVOLUTE App, um alles weitere k\u00fcmmert sich die intelligente Elektronik der HUB A8. Sportliche Fahrer k\u00f6nnen optional den REVOLUTE Wireless-Trigger nutzen. W\u00e4hle hiermit zwischen den Modi Automatik, Manuell oder Individual. Im Individual-Modus k\u00f6nnen verschiedenste Parameter und Features an die pers\u00f6nlichen Vorlieben angepasst werden. Das System kann somit v\u00f6llig unabh\u00e4ngig vom Elektroantrieb arbeiten.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bd9b58 elementor-widget elementor-widget-spacer\" data-id=\"3bd9b58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-297e4de inno-section-sub-header elementor-widget elementor-widget-heading\" data-id=\"297e4de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">WIRELESS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6be46d2 elementor-widget elementor-widget-text-editor\" data-id=\"6be46d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"bigger-text\">Die HUB A8 schaltet vollst\u00e4ndig elektronisch, und das OHNE Kabel und OHNE Aufladen!<\/p>\n<p class=\"paragraph-text\">Die elektronische Schaltung ben\u00f6tigt keine externe Stromversorgung, bspw. vom E-Bike-Akku. Auch das regelm\u00e4\u00dfige Laden eines Akkus entf\u00e4llt. Die HUB A8 nutzt einen winzigen Teil der Bewegungsenergie der Nabe. Durch eine intelligente Steuerung und unterschiedliche Sensoren kann die Nabe selbstst\u00e4ndig entscheiden, wann der optimale Zeitpunkt ist, um den internen Akku zu laden, zum Beispiel wenn gebremst wird.<\/p>\n<p class=\"paragraph-text\">\nSomit werden keinerlei Kabel oder Anschl\u00fcsse ben\u00f6tigt. Die einmalige Konfiguration beim Kauf wird \u00fcber die REVOLUTE App durchgef\u00fchrt. Anschlie\u00dfend kann hier\u00fcber auch die gew\u00fcnschte Trittfrequenz eingestellt werden.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-777fe24\" data-id=\"777fe24\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0a2a7ed inno-section-sub-header elementor-widget elementor-widget-heading\" data-id=\"0a2a7ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PLUG AND PLAY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95b1bb2 elementor-widget elementor-widget-text-editor\" data-id=\"95b1bb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"bigger-text\"><br \/>So einfach war das Installieren einer Nabenschaltung noch nie, die HUB A8 ist in k\u00fcrzester Zeit einsatzbereit!<\/p><p class=\"paragraph-text\">Ob Schnellspannachse oder UDH-Standard, der Einbau der HUB A8 ist extrem schnell und einfach. Tausche bei Bikes mit Steckachse und dem UDH-Standard lediglich das originale UDH-Schaltauge gegen einen Adapter von REVOLUTE und nutze die originale Steckachse weiter. Noch einfacher ist die Installation in Rahmen mit 135 mm Rahmenbreite und einer Schnellspannachse, hier muss ausschlie\u00dflich das Laufrad ausgetauscht werden. Nutze auch hier die originale Schnellspannachse weiter.<\/p><p class=\"paragraph-text\">Es m\u00fcssen keine Kabel oder Bowdenz\u00fcge verlegt werden! Auch musst du keine komplizierte Adapterl\u00f6sung an der Bremse installieren, um das Reaktions-Drehmoment abzust\u00fctzen!<\/p><p class=\"paragraph-text\">Konfiguriere die HUB A8 in Minuten mit der REVOLUTE App und schon kann die erste Tour starten.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9a2100 elementor-widget elementor-widget-spacer\" data-id=\"c9a2100\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-261bf9c inno-section-sub-header elementor-widget elementor-widget-heading\" data-id=\"261bf9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">WARTUNGSFREI<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbcc456 elementor-widget elementor-widget-text-editor\" data-id=\"dbcc456\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"subsection-wartungsfrei\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"bigger-text\">Du musst dich um nichts k\u00fcmmern, au\u00dfer Fahren und Spa\u00df haben!<\/p><p class=\"paragraph-text\">Die HUB A8 wird mit einer Lebensdauerschmierung des REVOLUTE Spezialfettes ausgeliefert. Du musst dich um nichts weiter k\u00fcmmern. Auch alle elektronischen Komponenten sind im Inneren des Geh\u00e4uses verbaut und vor sch\u00e4dlichen Umwelteinfl\u00fcssen gesch\u00fctzt. Durch den technischen Aufbau entfallen zudem jegliche Einstell- oder Kalibrierarbeiten.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e292b6 elementor-widget elementor-widget-spacer\" data-id=\"2e292b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f2ca40 elementor-widget elementor-widget-spacer\" data-id=\"5f2ca40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-83e6ba6 elementor-section-height-min-height elementor-section-items-stretch elementor-section-boxed elementor-section-height-default\" data-id=\"83e6ba6\" data-element_type=\"section\" data-e-type=\"section\" id=\"service-section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1bef876\" data-id=\"1bef876\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-62da4cc elementor-widget elementor-widget-spacer\" data-id=\"62da4cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9bd8b3 elementor-widget elementor-widget-html\" data-id=\"d9bd8b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  <div id=\"service\" class=\"scroll-anchor-point\" style=\"height: 1px; position: absolute; top: calc(-3vh - 65px);; z-index: -1000; background: transparent;\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5bd93bd horizontal-heading  elementor-widget elementor-widget-heading\" data-id=\"5bd93bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Service<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a17d46 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"0a17d46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"service-section-text\">Die HUB A8 ist speziell f\u00fcr einen einfachen, schnellen und g\u00fcnstigen Service ausgelegt. Dank des cleveren Aufbaus ist ein Service mit nur wenigen Handgriffen erledigt. Ein Austausch der relevanten Bauteile des Getriebes kann direkt beim H\u00e4ndler oder Servicepartner durchgef\u00fchrt werden und ist im eingespeichten Zustand m\u00f6glich.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-section elementor-inner-section elementor-element elementor-element-8005ab0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8005ab0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-f65eda3\" data-id=\"f65eda3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b1444ef elementor-widget elementor-widget-heading\" data-id=\"b1444ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vorteile<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2f99c8 elementor-widget elementor-widget-text-editor\" data-id=\"f2f99c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul class=\"bullet-points-vorteile service-section-text\">\n \t<li><strong>Geringe Servicekosten<\/strong>: Im Servicefall entf\u00e4llt das Versenden des Laufrades.<\/li>\n \t<li><strong>H\u00f6chste Kundenzufriedenhei<\/strong>t: Endkunden sch\u00e4tzen einfache, nachvollziehbare L\u00f6sungen; dies steigert die Markenbindung und das Vertrauen.<\/li>\n \t<li><strong>Modulares Konzept<\/strong>: E-UNIT und GEAR-UNIT k\u00f6nnen in k\u00fcrzester Zeit separat ausgetauscht werden.<\/li>\n \t<li><strong>Schneller Service:<\/strong> Hat der H\u00e4ndler Austauschteile auf Lager, kann der Kunde noch am selben Tag weiterfahren.<\/li>\n \t<li><strong>\u00d6kologisch<\/strong>: Im Servicefall ist kein Austausch des gesamten Getriebes erforderlich.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-inner-column elementor-element elementor-element-1849f53\" data-id=\"1849f53\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a76fa3c elementor-widget elementor-widget-heading\" data-id=\"a76fa3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vorgehen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebbeb79 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"ebbeb79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol class=\"paragraph-text service-section-text procedure-list\"><li>Ritzel oder Riemenscheibe demontieren<\/li><li>Deckel mit COVER-TOOL \u00f6ffnen<\/li><li>Mutter mit Steckschl\u00fcsseleinsatz \u00f6ffnen<\/li><li>GEAR-UNIT und E-UNIT entnehmen<\/li><li>E-UNIT oder GEAR-UNIT ersetzen<\/li><li>In umgekehrter Reihenfolge montieren<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6beb05f elementor-widget elementor-widget-spacer\" data-id=\"6beb05f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-736a444 elementor-widget elementor-widget-image\" data-id=\"736a444\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"procedure-img\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"419\" src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/HUB_A8_Techsheet_DE-SERVICE_SECTION_IMAGE-1.webp\" class=\"attachment-large size-large wp-image-13387\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f41203c elementor-widget elementor-widget-html\" data-id=\"f41203c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script defer>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n  \/\/ Sprache der Seite abrufen (z. B. \"en\", \"de\", \"fr\", ...)\n  const lang = document.documentElement.lang || navigator.language;\n\n  \/\/ Pr\u00fcfen, ob die Sprache Englisch ist\n  if (lang.startsWith(\"en\")) {\n    \/\/ Das <img> im Element mit ID \"procedure-img\" suchen\n    const img = document.querySelector(\"#procedure-img img\");\n    \n    if (img) {\n      \/\/ Neue Bild-URL hier einsetzen:\n      img.src = \"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/HUB_A8_Techsheet_ENG-SERVICE_SECTION_IMAGE.webp\";\n     \/\/ console.log(\"Englische Version erkannt \u2013 Bildquelle ge\u00e4ndert.\");\n    }\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9eeb923 elementor-widget elementor-widget-spacer\" data-id=\"9eeb923\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-719c8bd elementor-section-content-top elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"719c8bd\" data-element_type=\"section\" data-e-type=\"section\" id=\"specs-block\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b280696\" data-id=\"b280696\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ca5ff69 e-transform vertical-header elementor-widget elementor-widget-heading\" data-id=\"ca5ff69\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-90,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-no-translation=\"\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-ca5ff69{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ac6bf5 e-transform vertical-header elementor-widget elementor-widget-heading\" data-id=\"9ac6bf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-90,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-no-translation=\"\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Specifications<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-518a101\" data-id=\"518a101\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f913241 scroll-anchor-point elementor-widget elementor-widget-spacer\" data-id=\"f913241\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d66b1a elementor-widget elementor-widget-html\" data-id=\"7d66b1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n      #spec-table-a8-wrapper{\r\n        display: flex;\r\n        flex-direction: row;\r\n        padding: 0 1.6rem 0 2.6rem;\r\n      }\r\n    .spec-table-zoomed-out{\r\n      font-size: 150%;\r\n    }\r\n    .first-row td {\r\n      border-top: 1px solid #999;\r\n    }\r\n    #table-spezifikationen {\r\n      border-collapse: collapse;\r\n      width: 100%;\r\n      font-size: clamp(0.6rem, 1.5cqmin, 20px) !important;\r\n    }\r\n    #table-spezifikationen td {\r\n      border-bottom: 1px solid #999;\r\n      padding: 5px !important;\r\n      vertical-align: center;\r\n    }\r\n    #table-spezifikationen td:first-child {\r\n      font-weight: bold;\r\n      width: 40%;\r\n    }\r\n    #table-spezifikationen td.not-bold {\r\n    font-weight: unset;\r\n    }\r\n    #table-spezifikationen td{\r\n        text-align: left;\r\n    }\r\nh1.mobile-below-X-px {\r\n  display: none; \/* Standard *\/\r\n}\r\n\r\n@media (max-width: 1200px){\r\n  #spec-table-a8-wrapper {\r\n    padding-left: 2rem;\r\n    padding-right: 3rem;\r\n  }\r\n  div.elementor-element-b280696 {\r\n    display: none;\r\n  }\r\n  h1.mobile-below-X-px {\r\n    margin-left: var(--header-1-gap);\r\n    display: block; \/* ab <1200px sichtbar *\/\r\n  }\r\n    div.elementor-element-518a101{\r\n      width: 100% !important;\r\n      \/*background-color: green;*\/\r\n  }\r\n}\r\n\r\n@media (max-width: 768px){\r\n  #spec-table-a8-wrapper {\r\n    padding: 0 1rem 0 1rem;\r\n  }\r\n  h1.mobile-below-X-px {\r\n    margin-left: -0.3rem;\r\n  }\r\n}\r\n\r\n  <\/style>\r\n  <div id=\"specification\" class=\"scroll-anchor-point\" style=\"height: 1px; position: absolute; top: calc(-3vh - 85px);; z-index: -1000; background: transparent;\"><\/div>\r\n  <h1 class=\"mobile-below-X-px horizontal-heading\">Spezifikation<\/h1>\r\n  <div id=\"spec-table-a8-wrapper\">\r\n\r\n  <table id=\"table-spezifikationen\" class=\"spec-table-a8\">\r\n    <tr class=\"first-row\"><td>Anzahl G\u00e4nge<\/td><td>8<\/td><\/tr>\r\n    <tr><td>Schaltung<\/td><td>Automatisch (optional manuell \u00fcber Wireless-Trigger)<\/td><\/tr>\r\n    <tr><td>Gesamt\u00fcbersetzung<\/td><td>419 %<\/td><\/tr>\r\n    <tr><td>Maximales Eingangsdrehmoment<\/td><td>120 Nm<\/td><\/tr>\r\n    <tr><td>Einsatz im E-Bike<\/td><td>Ja nach DIN EN 15194:2018-11<\/td><\/tr>\r\n\r\n    <tr><td rowspan=\"3\">Kompatible Rahmenbreiten<\/td><td>135 mm O.L.D.<\/td><\/tr>\r\n    <tr><td class=\"not-bold\">142 mm mit UDH<\/td><\/tr>\r\n    <tr><td class=\"not-bold\">148 mm mit UDH<\/td><\/tr>\r\n\r\n    <tr><td>Achse<\/td><td>originale Steckachse \/ Schnellspannachse<\/td><\/tr>\r\n\r\n    <tr><td rowspan=\"2\">Drehmomentabst\u00fctzung<\/td><td>\u00dcber 135 mm Adapter<\/td><\/tr>\r\n    <tr><td class=\"not-bold\">\u00dcber 142\/148 mm UDH-Adapter<\/td><\/tr>\r\n\r\n    <tr><td>Speichenanzahl<\/td><td>32 oder 36<\/td><\/tr>\r\n    <tr><td>Speichenflansch Abstand<\/td><td>54,5 mm<\/td><\/tr>\r\n    <tr><td>Speichenloch Durchmesser<\/td><td>2,9 mm<\/td><\/tr>\r\n    <tr><td>Speichenflanschbreite<\/td><td>3,2 mm<\/td><\/tr>\r\n    <tr><td>Lochkreisdurchmesser der Speichen<\/td><td>118 mm<\/td><\/tr>\r\n    <tr><td>Felgengr\u00f6\u00dfen<\/td><td>20\u2033 und gr\u00f6\u00dfer<\/td><\/tr>\r\n    <tr><td>Bremsscheiben<\/td><td>Alle 6-Loch-Bremsscheiben<\/td><\/tr>\r\n    <tr><td>Schraubenl\u00e4nge Bremsscheibe<\/td><td>10 mm<\/td><\/tr>\r\n    <tr><td>Drehmoment Bremsscheibenschrauben<\/td><td>Herstellerangaben aber max. 6,2 Nm<\/td><\/tr>\r\n    <tr><td>Bremsscheibengr\u00f6\u00dfen<\/td><td>160 mm oder gr\u00f6\u00dfer<\/td><\/tr>\r\n    <tr><td>Prim\u00e4r\u00fcbersetzungsfaktor<\/td><td>2 oder gr\u00f6\u00dfer<\/td><\/tr>\r\n    <tr><td>Ritzelaufnahme<\/td><td>9-Spline<\/td><\/tr>\r\n\r\n    <tr><td rowspan=\"3\">Kettenlinie<\/td><td>135 mm: 45,5 mm (45,5 \u2013 51 mm mit Spacer)<\/td><\/tr>\r\n    <tr><td class=\"not-bold\">142 mm: 45,5 mm (45,5 \u2013 51 mm mit Spacer)<\/td><\/tr>\r\n    <tr><td class=\"not-bold\">148 mm: 42,5 mm (42,5 \u2013 48 mm mit Spacer)<\/td><\/tr>\r\n\r\n    <tr><td>Temperaturbereich<\/td><td>\u221220 \u00b0C bis +50 \u00b0C<\/td><\/tr>\r\n    <tr><td>Schmierung<\/td><td>Fett (Lebensdauerf\u00fcllung)<\/td><\/tr>\r\n    <tr><td>Wartung<\/td><td>Nicht notwendig<\/td><\/tr>\r\n    <tr><td>Gewicht<\/td><td>~1,8 kg inkl. integrierter elektrischer Schaltung<\/td><\/tr>\r\n    <tr id=\"a8-gears\"><td>Farbe<\/td><td>Mattschwarz<\/td><\/tr>\r\n  <\/table>\r\n<\/div>\r\n<script>\r\n  function checkZoomAndAdjust1() {\r\n    const zoom = window.devicePixelRatio;\r\n    const tables = document.querySelectorAll('.spec-table-a8');\r\n\r\n    if (!tables.length) return; \/\/ Falls keine Tabellen vorhanden \u2192 nichts tun\r\n\r\n    tables.forEach(table => {\r\n      if (zoom < 0.67) {\r\n        console.log(\"Spec table zoom ...\");\r\n        table.classList.add('spec-table-zoomed-out');\r\n      } else {\r\n        table.classList.remove('spec-table-zoomed-out');\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Beim Laden\r\n  checkZoomAndAdjust1();\r\n\r\n  \/\/ Beim Resize\r\n  window.addEventListener('resize', () => {\r\n    setTimeout(checkZoomAndAdjust1, 100);\r\n  });\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f97ea20 elementor-widget elementor-widget-spacer\" data-id=\"f97ea20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-23dea28 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"23dea28\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5de58ed\" data-id=\"5de58ed\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d237ade elementor-widget elementor-widget-spacer\" data-id=\"d237ade\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-beb6756 elementor-widget elementor-widget-html\" data-id=\"beb6756\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  <div id=\"gearbox\" class=\"scroll-anchor-point\" style=\"height: 1px; position: absolute; top: calc(-3vh - 70px);; z-index: -1000; background: transparent;\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b967a3 horizontal-heading elementor-widget elementor-widget-heading\" data-id=\"6b967a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">GETRIEBE<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbc5c29 elementor-widget elementor-widget-spacer\" data-id=\"cbc5c29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1297e96 elementor-widget elementor-widget-html\" data-id=\"1297e96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script><!-- nicht defer... -->\n\n<style>\n#table-gears table,\n#table-gears th,\n#table-gears td {\n    border: 1px solid black;\n    border-collapse: collapse;\n    border-left: none;\n    border-right: none;\n    text-align: center;\n    line-height: 0.9rem;\n    padding: 0.6rem\n}\n.table-gears-zoomed-out{\n font-size: 180%;   \n}\n  th {\n      background-color: #F7F7F7;\n      font-size: 1.1rem !important;\n      font-weight: 400 !important;\n  }\n  td, th {\n        vertical-align: middle;\n  }\n  \n#table-gears td {\n    height: 100%;\n    font-size: 1rem;\n    font-weight: 400;\n}\n#table-gears td.rowspan-2 {\n    padding-top: 1.5rem;\n    \/*background-color: yellow;*\/\n}    \n#table-gears th {\n    font-size: 125%;    \n}\n  \n#chart-wrapper-container {\n  font-family: sans-serif;\n  margin-left: 0;\n  margin-right: 0;\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 55%;\n  background: transparent;\n  margin-top: 10px;\n}\n.chart-container {\n  display: flex;\n  justify-content: space-between;\n  gap: 2%;\n  width: 98%;\n  \/*max-width: 1200px;*\/\n  min-height: 25vh;\n}\n@media (max-width: 1024px){\n    .chart-container {\n        flex-direction: column;\n    }\n    .chart-box h2{\n        max-width: 98vw;\n    }\n}\n.chart-box {\n  flex: 0 0 45%;\n}\n\ncanvas {\n  width: 100% !important;\n  height: auto !important;\n}\n.chart-box>div>h2 {\n    text-transform: none;\n    margin-top: 50px;\n    margin-bottom: 30px;\n}\n.chart-box>div {\n  text-align: center;\n}\n.chart-box{\n    display: flex;\n    flex-direction: column;\n}\n.chart-box-left{\n    padding-left: 1rem;\n}\n.chart-box-right{\n    padding-right: 1rem;    \n}\n<\/style>\n<div id=\"table-gears\">\n<table cellpadding=\"10\" cellspacing=\"0\">\n  <thead>\n    <tr>\n      <th>Gang<\/th>\n      <th>\u00dcbersetzung<\/th>\n      <th colspan=\"2\">Gangspr\u00fcnge<\/th>\n    <\/tr>\n  <\/thead>\n  <tbody>\n    <tr><td>1<\/td><td>2,22<\/td><td class=\"rowspan-2\" rowspan=\"2\">1,21<\/td><td>&nbsp;<\/td><\/tr>\n    <tr><td>2<\/td><td>1,84<\/td><td class=\"rowspan-2\" rowspan=\"2\">1,20<\/td><\/tr>\n    <tr><td>3<\/td><td>1,54<\/td><td class=\"rowspan-2\" rowspan=\"2\">1,20<\/td><\/tr>\n    <tr><td>4<\/td><td>1,29<\/td><td class=\"rowspan-2\" rowspan=\"2\">1,21<\/td><\/tr>\n    <tr><td>5<\/td><td>1,07<\/td><td class=\"rowspan-2\" rowspan=\"2\">1,22<\/td><\/tr>\n    <tr><td>6<\/td><td>0,87<\/td><td class=\"rowspan-2\" rowspan=\"2\">1,25<\/td><\/tr>\n    <tr><td>7<\/td><td>0,70<\/td><td class=\"rowspan-2\" rowspan=\"2\">1,32<\/td><\/tr>\n    <tr><td>8<\/td><td>0,53<\/td><td>&nbsp;<\/td><\/tr>\n  <\/tbody>\n<\/table>\n<\/div>\n<div id=\"chart-wrapper-container\">\n    <div class=\"chart-container\">\n      <div class=\"chart-box chart-box-left\">\n        <div><h2>Gangspr\u00fcnge<\/h2><\/div>\n        <canvas id=\"gangspruengeChart\"><\/canvas>\n      <\/div>\n      <div class=\"chart-box chart-box-right\">\n                  <div><h2>Entfaltung<\/h2><\/div>\n\n        <canvas id=\"entfaltungChart\"><\/canvas>\n        <div><p style=\"text-align: left; margin-left: 10%; margin-top: 0.5rem;\">Beispielhafte Entfaltung<\/p><\/div>\n      <\/div>\n    <\/div>\n<\/div>\n<div id=\"adapter\" style=\"height: 1px;\"><\/div>\n<script defer>\n  \/\/ Daten f\u00fcr Gangspr\u00fcnge\n  const gangsData = {\n    labels: ['1-2','2-3','3-4','4-5','5-6','6-7','7-8'],\n    datasets: [{\n      label: 'Gangspr\u00fcnge',\n      data: [1.2051,1.1960,1.1966,1.2054,1.2247,1.2496,1.3165],\n      borderColor: '#4472c4',\n      fill: false,\n      tension: 0\n    }]\n  };\n\n  \/\/ Daten f\u00fcr Entfaltung\n  const entfaltungData = {\n    labels: ['1','2','3','4','5','6','7','8'],\n    datasets: [{\n      label: 'Entfaltung',\n      data: [2.18,2.63,3.15,3.77,4.54,5.56,6.95,9.15],\n      borderColor: '#4472c4',\n      fill: false,\n      tension: 0\n    }]\n  };\n\n  \/\/ Basis-Optionen (gemeinsam f\u00fcr alle Charts)\n  const baseOptions = {\n    responsive: true,\n    plugins: {\n      legend: { display: false },\n      tooltip: { enabled: false },\n      title: { display: false }\n    },\n    scales: {\n      x: {\n        grid: { display: false },\n        ticks: {\n          font: {\n            size: 15\n          }\n        }\n      },\n      y: {\n        beginAtZero: false,\n        border: {\n          display: false\n        },\n        grid: {\n          drawBorder: false\n        },\n        ticks: {\n          font: {\n            size: 15\n          }\n        }\n      }\n    }\n  };\n\n  \/\/ Chart 1: Gangspr\u00fcnge\n  new Chart(document.getElementById('gangspruengeChart'), {\n    type: 'line',\n    data: gangsData,\n    options: {\n      ...baseOptions,\n      scales: {\n        ...baseOptions.scales,\n        x: {\n          ...baseOptions.scales.x,\n          offset: true\n        },\n        y: {\n          ...baseOptions.scales.y,\n          min: 1.10\n        }\n      }\n    }\n  });\n\n  \/\/ Chart 2: Entfaltung\n\/\/ Chart 2: Entfaltung\nnew Chart(document.getElementById('entfaltungChart'), {\n  type: 'line',\n  data: entfaltungData,\n  options: {\n    ...baseOptions,\n    scales: {\n      ...baseOptions.scales,\n      x: {\n        ...baseOptions.scales.x,\n        offset: true        \/\/ <\u2014 sorgt f\u00fcr Platz links\/rechts\n      },\n      y: {\n        ...baseOptions.scales.y,\n        beginAtZero: true,\n        ticks: {\n          ...baseOptions.scales.y.ticks,\n          stepSize: 2,\n          callback(value) { return value.toFixed(2); }\n        }\n      }\n    }\n  }\n});\n\n  \n<\/script>\n\n\n<script>\n  function checkZoomAndAdjust3() {\n    const zoom = window.devicePixelRatio;\n    const gangspruengeTable = document.querySelectorAll('#table-gears');\n\n    if (!gangspruengeTable.length) return; \/\/ Falls keine Elemente vorhanden, abbrechen\n\n    gangspruengeTable.forEach(el => {\n      if (zoom < 0.67) {\n        el.classList.add('table-gears-zoomed-out');\n      } else {\n        el.classList.remove('table-gears-zoomed-out');\n      }\n    });\n  }\n\n  \/\/ Beim Laden pr\u00fcfen\n  checkZoomAndAdjust3();\n\n  \/\/ Beim Resize erneut pr\u00fcfen\n  window.addEventListener('resize', () => {\n    setTimeout(checkZoomAndAdjust3, 100);\n  });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5762e14 elementor-widget elementor-widget-spacer\" data-id=\"5762e14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-90ff5b2 elementor-section-height-min-height elementor-section-items-top elementor-section-content-top elementor-section-boxed elementor-section-height-default\" data-id=\"90ff5b2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b632a21\" data-id=\"b632a21\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8360980 elementor-widget elementor-widget-spacer\" data-id=\"8360980\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a17b4f5 horizontal-heading elementor-widget elementor-widget-heading\" data-id=\"a17b4f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Adapter<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9168e4c elementor-widget elementor-widget-html\" data-id=\"9168e4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .stage{\n    display:flex;\n    flex-direction:column;\n    gap:clamp(12px,2vw,24px);\n    min-width:1200px;\n    width:100%;\n    margin:0;\n    overflow:hidden;\n    height:78vh;\n    position:relative;\n  }\n\n  \/* --- DESKTOP: Hero mit Labels --- *\/\n  .hero{\n    position:relative;\n    width:100%;\n    height:100%;\n    padding-left: 2.6rem;\n  }\n  .hero-img{\n    position:absolute;\n    left:42%; top:50%;\n    transform:translate(-50%,-50%);\n    max-width:100%; max-height:100%;\n    width:auto; height:auto;\n    display:block;\n    z-index:1;\n  }\n  .stage-text-desktop{\n    position:absolute;\n    transform:none; \/* kein -50%,-50% *\/\n    text-align:center;\n    font-weight:400;\n    color:#595959;\n    pointer-events:none;\n    font-size: clamp(12px, 2.1em, 42px); \/* mittlerer Wert in em *\/\n    line-height:1.2;\n    z-index:2; \/* \u00fcber dem Bild *\/\n  }\n  #adapter-header-desktop{\n     position: absolute;\n     display: none;\n     top: 1rem;\n     padding: 0;\n     margin: 0 0 0 2.6rem;\n     margin-left: 2.6rem;\n     font-size: 490%;\n    }\n  \/* Cards sind auf Desktop aus *\/\n  .card{ display:none; }\n\n  \/* --- Mobile\/Tablet (\u22641400px): Cards an, Hero\/Labels aus --- *\/\n  @media (max-width:1400px){\n    .stage{ \n        min-width:unset; \n        width:100%; \n        height:78vh; \n    }\n    .hero, .stage-text-desktop{ display:none; }\n    #adapter-header-desktop{\n        display: none;\n    }\n    .card{\n      display:flex;\n      position:relative;\n      overflow:visible;\n      height:21vh;\n      width:100% !important;\n      justify-content: center;\n    }\n    .card img{\n      display:block;\n      width:auto !important;\n      height:100% !important;\n      float:right !important;\n      object-fit:contain;\n    }\n    .a8-adapter-text{\n      position:absolute;\n      text-align:center;\n      font-weight:400;\n      color:#595959;\n      pointer-events:none;\n      z-index:90;\n      font-size:clamp(16px,2.8vw,38px);\n      transform:translate(var(--x),var(--y));\n      left:7% !important;\n    }\n    .card--1 .a8-adapter-text{ top:37% !important; }\n    .card--2 .a8-adapter-text{ top:36% !important; }\n    .card--3 .a8-adapter-text{ top:35% !important; left:6% !important; }\n\n    .card--1{ --x:0; --y:0; }\n    .card--2{ --x:0rem; --y:0rem; }\n    .card--3{ --x:2%; --y:0rem; }\n  }\n  \/* optional: Zoom-Klasse kompatibel *\/\n  .stage.zoomed-out{ height:98vh; }  \n  @media (max-width:768px){\n    .stage{   \n      height: 66vh;\n    }\n  }\n<\/style>\n\n<div class=\"stage\">\n    \n  <!-- DESKTOP: Hero-Bild + Labels -->\n  <div class=\"hero\" id=\"hero\">\n      <h1 id=\"adapter-header-desktop\">ADAPTER<\/h1>\n    <img decoding=\"async\" class=\"hero-img\" id=\"heroImg\"\n         src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/adapters_grad.png\"\n         alt=\"Adapters\">\n\n    <!-- Labels: Position in Prozent relativ zur Bildfl\u00e4che -->\n    <div class=\"stage-text-desktop\" data-x=\"35\" data-y=\"12\">135 mm<br>O.L.D.<\/div>\n    <div class=\"stage-text-desktop\" data-x=\"7\" data-y=\"42\">142 mm<br>UDH<\/div>\n    <div class=\"stage-text-desktop\" data-x=\"35\" data-y=\"70\">148 mm<br>UDH<\/div>\n  <\/div>\n\n  <!-- MOBILE\/TABLET: drei Cards -->\n  <div class=\"card card--1\">\n    <div class=\"a8-adapter-text\">135 mm<br>O.L.D.<\/div>\n    <img decoding=\"async\" src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/135mm_Explosion_sized_grad.png\" alt=\"135 mm O.L.D.\">\n  <\/div>\n  <div class=\"card card--2\">\n    <div class=\"a8-adapter-text\">142 mm<br>UDH<\/div>\n    <img decoding=\"async\" src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/142mm_Explosion_sized_white_grad.png\">\n  <\/div>\n  <div class=\"card card--3\">\n    <div class=\"a8-adapter-text\">148 mm<br>UDH<\/div>\n    <img decoding=\"async\" src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/148mm_Explosion_sized_white_grad.png\" alt=\"148 mm UDH\">\n  <\/div>\n<\/div>\n\n<script>\n  function placeHeroLabels(){\n    const hero = document.getElementById('hero');\n    const img  = document.getElementById('heroImg');\n    if(!hero || !img) return;\n\n    const heroRect = hero.getBoundingClientRect();\n    const imgRect  = img.getBoundingClientRect();\n\n    \/\/ Bild noch nicht gerendert? -> sp\u00e4ter nochmal\n    if (imgRect.width === 0 || imgRect.height === 0){\n      requestAnimationFrame(placeHeroLabels);\n      return;\n    }\n\n    hero.querySelectorAll('.stage-text-desktop').forEach(el=>{\n      const x = (parseFloat(el.dataset.x)||0)\/100;\n      const y = (parseFloat(el.dataset.y)||0)\/100;\n\n      const left = (imgRect.left - heroRect.left) + x * imgRect.width;\n      const top  = (imgRect.top  - heroRect.top ) + y * imgRect.height;\n\n      el.style.left = left + 'px';\n      el.style.top  = top  + 'px';\n    });\n  }\n\n  function initHeroLabels(){\n    const img = document.getElementById('heroImg');\n    if (!img) return;\n\n    img.addEventListener('load', placeHeroLabels, { once:false });\n    if (img.complete) setTimeout(placeHeroLabels, 50);\n\n    window.addEventListener('resize', ()=> requestAnimationFrame(placeHeroLabels));\n    window.addEventListener('scroll',  ()=> requestAnimationFrame(placeHeroLabels));\n\n    let dpr = window.devicePixelRatio;\n    setInterval(()=>{\n      if (window.devicePixelRatio !== dpr){\n        dpr = window.devicePixelRatio;\n        placeHeroLabels();\n      }\n    }, 250);\n\n    \/\/ Wiederholen bis Bildgr\u00f6\u00dfe stabil ist\n    let tries = 0;\n    (function waitForSize(){\n      tries++;\n      placeHeroLabels();\n      if (tries < 20) setTimeout(waitForSize, 60);\n    })();\n  }\n\n  document.addEventListener('DOMContentLoaded', initHeroLabels);\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccaeba9 .no-space-on-phone elementor-widget elementor-widget-spacer\" data-id=\"ccaeba9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-93e79a9 elementor-section-height-min-height elementor-section-items-stretch elementor-section-boxed elementor-section-height-default\" data-id=\"93e79a9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-98c563a\" data-id=\"98c563a\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-40cf44d elementor-widget elementor-widget-spacer\" data-id=\"40cf44d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97068e8 elementor-widget elementor-widget-html\" data-id=\"97068e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  <div id=\"dimensions\" class=\"scroll-anchor-point\" style=\"height: 1px; position: absolute; top: calc(-3vh - 70px);; z-index: -1000; background: transparent;\"><\/div>\n  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7d4f66 horizontal-heading elementor-widget elementor-widget-heading\" data-id=\"f7d4f66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Dimensionen\u200b<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c94a14 elementor-widget elementor-widget-html\" data-id=\"5c94a14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script defer>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const dbg = true;\n\n  \/\/ Robust check if page is in English\n  const langAttr = document.documentElement.lang;\n  const pathIncludesEN = window.location.pathname.toLowerCase().includes('\/en\/');\n  const urlIncludesEN = window.location.href.toLowerCase().includes('\/en\/');\n  const isEnglish = langAttr === 'en' || pathIncludesEN || urlIncludesEN;\n\n  if (dbg) {\n    console.log(\"\ud83d\udcdd Language attribute:\", langAttr);\n    console.log(\"\ud83c\udf10 URL path includes '\/en\/':\", pathIncludesEN);\n    console.log(\"\ud83c\udf0d Full URL includes '\/en\/':\", urlIncludesEN);\n    console.log(\"\u2705 isEnglish evaluated to:\", isEnglish);\n  }\n\n  if (isEnglish) {\n    const imageUpdates = {\n      'a8-135-plan': 'https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/hub-a8-135-dimension-eng_black_soft-scaled.png',\n      'a8-142-plan': 'https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/hub-a8-142-dimension-eng_black_soft2-scaled.png',\n      'a8-148-plan': 'https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/hub-a8-148-dimension-eng_black_soft-scaled.png'\n    };\n\n    Object.entries(imageUpdates).forEach(([cls, newSrc]) => {\n      const selector = `.container .half.${cls} img`;\n      const imgElement = document.querySelector(selector);\n\n      if (dbg) console.log(`\ud83d\udd0d Looking for image with selector: ${selector}`);\n\n      if (imgElement) {\n        imgElement.src = newSrc;\n        if (dbg) console.log(`\u2705 Updated image in .${cls} to ${newSrc}`);\n      } else if (dbg) {\n        console.warn(`\u26a0\ufe0f Image not found for selector: ${selector}`);\n      }\n    });\n  } else if (dbg) {\n    console.log(\"\u2139\ufe0f Page is not detected as English \u2014 no image replacements performed.\");\n  }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f9da27 elementor-widget elementor-widget-html\" data-id=\"6f9da27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .container {\n    height: automatisch;\n    display: flex;\n    flex-wrap: wrap;\n    box-sizing: border-box;\n    overflow: hidden;\n    margin-left: 2.3rem;\n    margin-right: 1rem;\n  }\n\n  .half {\n    width: 50%;\n    height: auto;\n    box-sizing: border-box;\n    position: relative;\n    overflow: hidden;\n    padding: 0; \/* kein zus\u00e4tzlicher Raum, der \u00fcberrundet werden k\u00f6nnte *\/\n  }\n\n  .half img {\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n    display: block;\n  }\n  .half-left{\n      padding-right: 2rem;\n  }\n  .half-right{\n      padding-left: 2rem;\n  }\n.dim-sect-render-image{\n      overflow: hidden;          \/* Inhalt + Blur folgen der Rundung *\/\n  border-radius: 20px;       \/* nach Wunsch anpassen *\/\n  border: 8px solid #fff;    \/* optionaler Rahmen *\/\n}\n .half.a8-148-plan{\n     margin-top: 2rem;\n }\n\n  @media (max-width: 1024px) {\n    .container {\n      \/* H\u00f6he anpassen, aber so, dass genug Platz f\u00fcr alle 4 Divs bleibt *\/\n      height: auto; \/* besser: automatisch H\u00f6he basierend auf Inhalt *\/\n      flex-direction: column;\n      overflow: visible; \/* erlaubt, dass der Container sich nach unten ausdehnt *\/\n    }\n\n    .half {\n      width: 100%;\n      height: auto; \/* H\u00f6he automatisch basierend auf Bildinhalt *\/\n      \/* kein margin-top, sonst w\u00e4chst der Inhalt \u00fcberm\u00e4\u00dfig *\/\n      padding: 1rem;\n    }\n\n    .half img {\n      margin: 0; \/* kein zus\u00e4tzlicher Versatz *\/\n    }\n  }\n<\/style>\n\n<div class=\"container\">\n  <div class=\"half a8-135-plan half-left\">\n    <img decoding=\"async\" loading=\"eager\" src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/hub-a8-135-dimension-german_black_soft2-scaled.png\" alt=\"Dimensions 135mm\" \/>\n  <\/div>\n  <div class=\"half a8-142-plan half-right\">\n    <img decoding=\"async\" loading=\"eager\" src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/hub-a8-142-dimension-german_black_soft-scaled.png\" \/>\n  <\/div>\n  <div class=\"half a8-148-plan half-left\">\n    <img decoding=\"async\" loading=\"eager\" src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/hub-a8-148-dimension-german_black_soft-scaled.png\" alt=\"Dimensions 148mm\" \/>\n  <\/div>\n  <div class=\"half dim-sect-render-image\">\n    <img decoding=\"async\" src=\"https:\/\/www.revolute.de\/wp-content\/uploads\/2025\/10\/a8-shadow-channel_grad.webp\" alt=\"A8\" \/>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afe22c9 elementor-widget elementor-widget-spacer\" data-id=\"afe22c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>THE FUTURE OF GEAR HUB SYSTEMS HUB&nbsp;A8 THE FUTURE OF GEAR HUB SYSTEMS KEY FACTS Intelligente Automatikschaltung mit 8 G\u00e4ngen F\u00fcr E-Bikes und Bio-Bikes geeignet 419 % Gesamt\u00fcbersetzung und optimale Gangabstufung Eine der leichtesten automatischen Nabenschaltungen Keine Kabel, keine Bowdenz\u00fcge, kein Aufladen Steckachsenkompatibel Keine komplizierten Adapterl\u00f6sungen Kompatibel mit 6-Loch-Bremsscheiben Wartungsfrei mit Lebensdauerschmierung Riemenkompatibel Einfacher Service Innovation AUTOMATIK Die intelligente Automatik hebt dein Fahrerlebnis auf ein neues Level! Die neue HUB A8 schaltet vollst\u00e4ndig automatisch und w\u00e4hlt den perfekten Gang anhand verschiedener Sensorwerte. W\u00e4hle lediglich deine gew\u00fcnschte Trittfrequenz in der REVOLUTE App, um alles weitere k\u00fcmmert sich die intelligente Elektronik der HUB A8. Sportliche Fahrer k\u00f6nnen optional den REVOLUTE Wireless-Trigger nutzen. W\u00e4hle hiermit zwischen den Modi Automatik, Manuell oder Individual. Im Individual-Modus k\u00f6nnen verschiedenste Parameter und Features an die pers\u00f6nlichen Vorlieben angepasst werden. Das System kann somit v\u00f6llig unabh\u00e4ngig vom Elektroantrieb arbeiten. WIRELESS Die HUB A8 schaltet vollst\u00e4ndig elektronisch, und das OHNE Kabel und OHNE Aufladen! Die elektronische Schaltung ben\u00f6tigt keine externe Stromversorgung, bspw. vom E-Bike-Akku. Auch das regelm\u00e4\u00dfige Laden eines Akkus entf\u00e4llt. Die HUB A8 nutzt einen winzigen Teil der Bewegungsenergie der Nabe. Durch eine intelligente Steuerung und unterschiedliche Sensoren kann die Nabe selbstst\u00e4ndig entscheiden, wann der optimale Zeitpunkt ist, um den internen Akku zu laden, zum Beispiel wenn gebremst wird. Somit werden keinerlei Kabel oder Anschl\u00fcsse ben\u00f6tigt. Die einmalige Konfiguration beim Kauf wird \u00fcber die REVOLUTE App durchgef\u00fchrt. Anschlie\u00dfend kann hier\u00fcber auch die gew\u00fcnschte Trittfrequenz eingestellt werden. PLUG AND PLAY So einfach war das Installieren einer Nabenschaltung noch nie, die HUB A8 ist in k\u00fcrzester Zeit einsatzbereit! Ob Schnellspannachse oder UDH-Standard, der Einbau der HUB A8 ist extrem schnell und einfach. Tausche bei Bikes mit Steckachse und dem UDH-Standard lediglich das originale UDH-Schaltauge gegen einen Adapter von REVOLUTE und nutze die originale Steckachse weiter. Noch einfacher ist die Installation in Rahmen mit 135 mm Rahmenbreite und einer Schnellspannachse, hier muss ausschlie\u00dflich das Laufrad ausgetauscht werden. Nutze auch hier die originale Schnellspannachse weiter. Es m\u00fcssen keine Kabel oder Bowdenz\u00fcge verlegt werden! Auch musst du keine komplizierte Adapterl\u00f6sung an der Bremse installieren, um das Reaktions-Drehmoment abzust\u00fctzen! Konfiguriere die HUB A8 in Minuten mit der REVOLUTE App und schon kann die erste Tour starten. WARTUNGSFREI Du musst dich um nichts k\u00fcmmern, au\u00dfer Fahren und Spa\u00df haben! Die HUB A8 wird mit einer Lebensdauerschmierung des REVOLUTE Spezialfettes ausgeliefert. Du musst dich um nichts weiter k\u00fcmmern. Auch alle elektronischen Komponenten sind im Inneren des Geh\u00e4uses verbaut und vor sch\u00e4dlichen Umwelteinfl\u00fcssen gesch\u00fctzt. Durch den technischen Aufbau entfallen zudem jegliche Einstell- oder Kalibrierarbeiten. Service Die HUB A8 ist speziell f\u00fcr einen einfachen, schnellen und g\u00fcnstigen Service ausgelegt. Dank des cleveren Aufbaus ist ein Service mit nur wenigen Handgriffen erledigt. Ein Austausch der relevanten Bauteile des Getriebes kann direkt beim H\u00e4ndler oder Servicepartner durchgef\u00fchrt werden und ist im eingespeichten Zustand m\u00f6glich. Vorteile Geringe Servicekosten: Im Servicefall entf\u00e4llt das Versenden des Laufrades. H\u00f6chste Kundenzufriedenheit: Endkunden sch\u00e4tzen einfache, nachvollziehbare L\u00f6sungen; dies steigert die Markenbindung und das Vertrauen. Modulares Konzept: E-UNIT und GEAR-UNIT k\u00f6nnen in k\u00fcrzester Zeit separat ausgetauscht werden. Schneller Service: Hat der H\u00e4ndler Austauschteile auf Lager, kann der Kunde noch am selben Tag weiterfahren. \u00d6kologisch: Im Servicefall ist kein Austausch des gesamten Getriebes erforderlich. Vorgehen Ritzel oder Riemenscheibe demontieren Deckel mit COVER-TOOL \u00f6ffnen Mutter mit Steckschl\u00fcsseleinsatz \u00f6ffnen GEAR-UNIT und E-UNIT entnehmen E-UNIT oder GEAR-UNIT ersetzen In umgekehrter Reihenfolge montieren Spezifikation Spezifikation Anzahl G\u00e4nge 8 Schaltung Automatisch (optional manuell \u00fcber Wireless-Trigger) Gesamt\u00fcbersetzung 419 % Maximales Eingangsdrehmoment 120 Nm Einsatz im E-Bike Ja nach DIN EN 15194:2018-11 Kompatible Rahmenbreiten 135 mm O.L.D. 142 mm mit UDH 148 mm mit UDH Achse originale Steckachse \/ Schnellspannachse Drehmomentabst\u00fctzung \u00dcber 135 mm Adapter \u00dcber 142\/148 mm UDH-Adapter Speichenanzahl 32 oder 36 Speichenflansch Abstand 54,5 mm Speichenloch Durchmesser 2,9 mm Speichenflanschbreite 3,2 mm Lochkreisdurchmesser der Speichen 118 mm Felgengr\u00f6\u00dfen 20\u2033 und gr\u00f6\u00dfer Bremsscheiben Alle 6-Loch-Bremsscheiben Schraubenl\u00e4nge Bremsscheibe 10 mm Drehmoment Bremsscheibenschrauben Herstellerangaben aber max. 6,2 Nm Bremsscheibengr\u00f6\u00dfen 160 mm oder gr\u00f6\u00dfer Prim\u00e4r\u00fcbersetzungsfaktor 2 oder gr\u00f6\u00dfer Ritzelaufnahme 9-Spline Kettenlinie 135 mm: 45,5 mm (45,5 \u2013 51 mm mit Spacer) 142 mm: 45,5 mm (45,5 \u2013 51 mm mit Spacer) 148 mm: 42,5 mm (42,5 \u2013 48 mm mit Spacer) Temperaturbereich \u221220 \u00b0C bis +50 \u00b0C Schmierung Fett (Lebensdauerf\u00fcllung) Wartung Nicht notwendig Gewicht ~1,8 kg inkl. integrierter elektrischer Schaltung Farbe Mattschwarz GETRIEBE Gang \u00dcbersetzung Gangspr\u00fcnge 1 2,22 1,21 &nbsp; 2 1,84 1,20 3 1,54 1,20 4 1,29 1,21 5 1,07 1,22 6 0,87 1,25 7 0,70 1,32 8 0,53 &nbsp; Gangspr\u00fcnge Entfaltung Beispielhafte Entfaltung Adapter ADAPTER 135 mmO.L.D. 142 mmUDH 148 mmUDH 135 mmO.L.D. 142 mmUDH 148 mmUDH Dimensionen\u200b<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12124","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.revolute.de\/en\/wp-json\/wp\/v2\/pages\/12124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.revolute.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.revolute.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.revolute.de\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.revolute.de\/en\/wp-json\/wp\/v2\/comments?post=12124"}],"version-history":[{"count":1193,"href":"https:\/\/www.revolute.de\/en\/wp-json\/wp\/v2\/pages\/12124\/revisions"}],"predecessor-version":[{"id":13559,"href":"https:\/\/www.revolute.de\/en\/wp-json\/wp\/v2\/pages\/12124\/revisions\/13559"}],"wp:attachment":[{"href":"https:\/\/www.revolute.de\/en\/wp-json\/wp\/v2\/media?parent=12124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}