{"title":"HIGHSIDER","description":"\u003c!-- 🔸 HIGHSIDER – Desktop: Pfeile + alle 7 Kacheln; Mobile: 2er Swipe + Balken --\u003e\n\u003csection class=\"highsider-section\"\u003e\u003c!-- 🔹 SEO Text --\u003e\n\u003cdiv class=\"highsider-text\"\u003e\n\u003ch2\u003eHIGHSIDER – Präzision, Design und Funktion für dein Bike\u003c\/h2\u003e\n\u003cp\u003eDie Marke \u003cstrong\u003eHIGHSIDER\u003c\/strong\u003e steht für hochwertige \u003cstrong\u003eMotorrad-Zubehörteile\u003c\/strong\u003e mit Stil und Funktion. Ob \u003cstrong\u003eBlinker\u003c\/strong\u003e, \u003cstrong\u003eSpiegel\u003c\/strong\u003e, \u003cstrong\u003eScheinwerfer\u003c\/strong\u003e oder \u003cstrong\u003eLenker-Komponenten\u003c\/strong\u003e – HIGHSIDER Produkte vereinen modernes Design mit deutscher Ingenieurskunst und sorgen für den perfekten Look an deinem Bike.\u003c\/p\u003e\n\u003cp\u003eVon präzise gefrästen Spiegeln über LED-Blinker bis hin zu sportlichen \u003cstrong\u003eGriffen\u003c\/strong\u003e, \u003cstrong\u003eBar Ends\u003c\/strong\u003e und \u003cstrong\u003eKennzeichenhaltern\u003c\/strong\u003e – HIGHSIDER bietet Qualität, die du siehst und fühlst.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 🔹 Carousel --\u003e\n\u003cdiv class=\"hs-carousel\"\u003e\n\u003c!-- Pfeile --\u003e \u003cbutton type=\"button\" aria-label=\"Zurück\" class=\"hs-btn hs-left\"\u003e‹\u003c\/button\u003e\n\u003cdiv id=\"hsViewport\" class=\"hs-viewport\"\u003e\n\u003cdiv id=\"hsTrack\" class=\"hs-track\"\u003e\n\u003c!-- Seite 1 --\u003e\n\u003cdiv class=\"hs-page\"\u003e\n\u003ca href=\"https:\/\/tsb-bikeparts.de\/collections\/highsider-blinker\" class=\"hs-tile\"\u003e\n\u003cdiv style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0914\/4398\/6816\/files\/Bildschirmfoto_30-10-2025_165524_www.instagram.com.jpg?v=1761841175');\" class=\"hs-imgbg\"\u003e\u003cspan class=\"hs-overlay\"\u003eSHOP BLINKER\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/a\u003e\u003ca href=\"https:\/\/tsb-bikeparts.de\/collections\/highsider-spiegel\" class=\"hs-tile\"\u003e\n\u003cdiv style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0914\/4398\/6816\/files\/Bildschirmfoto_30-10-2025_165453_www.instagram.com.jpg?v=1761841176');\" class=\"hs-imgbg\"\u003e\u003cspan class=\"hs-overlay\"\u003eSHOP SPIEGEL\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/a\u003e\u003c!-- ✅ NUR HIER: Scheinwerfer bekommt Spezialklasse --\u003e\u003ca href=\"https:\/\/tsb-bikeparts.de\/collections\/highsider-scheinwerfer\" class=\"hs-tile\"\u003e\n\u003cdiv style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0914\/4398\/6816\/files\/Bildschirmfoto_30-10-2025_17189_www.instagram.com.jpg?v=1761841176');\" class=\"hs-imgbg hs-imgbg--contain\"\u003e\u003cspan class=\"hs-overlay\"\u003eSHOP SCHEINWERFER\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/a\u003e\u003ca href=\"https:\/\/tsb-bikeparts.de\/collections\/highsider-griffe-barends\" class=\"hs-tile\"\u003e\n\u003cdiv style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0914\/4398\/6816\/files\/Bildschirmfoto_30-10-2025_165737_www.instagram.com.jpg?v=1761841176');\" class=\"hs-imgbg\"\u003e\u003cspan class=\"hs-overlay\"\u003eSHOP GRIFFE\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- Seite 2 --\u003e\n\u003cdiv class=\"hs-page\"\u003e\n\u003ca href=\"https:\/\/tsb-bikeparts.de\/collections\/highsider-kennzeichenhalter\" class=\"hs-tile\"\u003e\n\u003cdiv style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0914\/4398\/6816\/files\/Bildschirmfoto_30-10-2025_16561_www.instagram.com.jpg?v=1761841176');\" class=\"hs-imgbg\"\u003e\u003cspan class=\"hs-overlay\"\u003eSHOP KENNZEICHEN\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/a\u003e\u003ca href=\"https:\/\/tsb-bikeparts.de\/collections\/highsider-lenker\" class=\"hs-tile\"\u003e\n\u003cdiv style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0914\/4398\/6816\/files\/Bildschirmfoto_30-10-2025_172840_www.instagram.com.jpg?v=1761841732');\" class=\"hs-imgbg\"\u003e\u003cspan class=\"hs-overlay\"\u003eSHOP LENKER\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/a\u003e\u003ca href=\"https:\/\/tsb-bikeparts.de\/collections\/highsider-zubehor\" class=\"hs-tile\"\u003e\n\u003cdiv style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0914\/4398\/6816\/files\/Highsider_Zubehoer.jpg?v=1764775395');\" class=\"hs-imgbg\"\u003e\u003cspan class=\"hs-overlay\"\u003eSHOP ZUBEHÖR\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/a\u003e\u003c!-- Platzhalter damit Layout gleichmäßig bleibt --\u003e\n\u003cdiv class=\"hs-tile empty\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" aria-label=\"Weiter\" class=\"hs-btn hs-right\"\u003e›\u003c\/button\u003e \u003c!-- Punkte --\u003e\n\u003cdiv id=\"hsDots\" class=\"hs-dots\"\u003e\n\u003cbutton type=\"button\" class=\"hs-dot is-active\"\u003e\u003c\/button\u003e \u003cbutton type=\"button\" class=\"hs-dot\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Fortschrittsbalken (Mobile) --\u003e\n\u003cdiv class=\"hs-progress\"\u003e\n\u003cdiv id=\"hsBar\" class=\"hs-bar\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* ===== Text ===== *\/\n.highsider-text{\n  max-width:900px;margin:0 auto 30px;text-align:center;\n  font-size:16px;line-height:1.6;color:#222\n}\n.highsider-text h2{font-size:28px;font-weight:700;margin-bottom:14px}\n@media(max-width:768px){\n  .highsider-text{font-size:14px;padding:0 10px}\n  .highsider-text h2{font-size:20px;line-height:1.3}\n}\n\n\/* ===== Grundlayout ===== *\/\n.hs-carousel{width:100%;position:relative;overflow:hidden}\n.hs-viewport{overflow:hidden;position:relative}\n.hs-track{display:flex;transition:transform .4s ease}\n.hs-page{\n  flex:0 0 100%;\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:20px;\n  padding:0 20px;\n  box-sizing:border-box\n}\n\n\/* ===== Mobile ===== *\/\n@media(max-width:768px){\n  .hs-track{transition:none}\n  .hs-page{\n    grid-template-columns:1fr 1fr;\n    gap:14px;\n    padding:0 12px;\n    scroll-snap-align:start\n  }\n  .hs-viewport{\n    overflow-x:auto;\n    scroll-snap-type:x mandatory;\n    -webkit-overflow-scrolling:touch\n  }\n  .hs-viewport::-webkit-scrollbar{display:none}\n  .hs-progress{\n    display:block !important;width:80%;height:4px;background:#ddd;border-radius:3px;\n    margin:12px auto 0;overflow:hidden\n  }\n  .hs-bar{height:100%;width:50%;background:#000;transition:width .3s}\n  .hs-btn,.hs-dots{display:none !important}\n}\n\n\/* ===== Kacheln ===== *\/\n.hs-tile{display:block;text-decoration:none;color:#000}\n.hs-imgbg{\n  position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1\/1;\n  background-size:cover;background-position:center;background-repeat:no-repeat;\n  box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s\n}\n.hs-tile:hover .hs-imgbg{transform:scale(1.03)}\n.hs-overlay{\n  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;\n  color:#fff;font-weight:700;font-size:14px;text-shadow:0 2px 8px rgba(0,0,0,.6);\n  background:rgba(0,0,0,.35);opacity:0;transition:opacity .3s\n}\n.hs-tile:hover .hs-overlay{opacity:1}\n.hs-tile.empty{visibility:hidden}\n\n\/* ✅ FIX NUR FÜR SCHEINWERFER: nicht verzerren + trotzdem präsent *\/\n.hs-imgbg--contain{\n  background-size:85% auto !important; \/* größer als contain *\/\n  background-position:center 55%;\n  background-repeat:no-repeat;\n  background-color:#111;\n}\n\n\/* ===== Pfeile ===== *\/\n.hs-btn{\n  position:absolute;top:50%;transform:translateY(-50%);\n  width:44px;height:44px;border:none;border-radius:50%;\n  background:rgba(0,0,0,0.6);color:#fff;font-size:24px;\n  display:flex;align-items:center;justify-content:center;cursor:pointer;\n  z-index:10;transition:background .25s ease;\n}\n.hs-btn:hover{background:rgba(0,0,0,0.8)}\n.hs-left{left:10px}.hs-right{right:10px}\n\n\/* ===== Dots ===== *\/\n.hs-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}\n.hs-dot{width:8px;height:8px;border-radius:50%;background:#ccc;border:none;cursor:pointer}\n.hs-dot.is-active{background:#000}\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","products":[],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0914\/4398\/6816\/collections\/highh.png?v=1768809953","url":"https:\/\/tsb-bikeparts.de\/collections\/provider-highsider.oembed","provider":"TSB-BIKEPARTS","version":"1.0","type":"link"}