PageSourceSearch

https://www.fahrradcenter.de/fahrradzubehoer

html fahrradcenter.de collected 2026-10-06 11:00:27 UTC 218,489 bytes, 4,293 lines download raw bytes

1
2<!DOCTYPE html>
3
4<html lang="de-DE"
5      itemscope="itemscope"
6      itemtype="https://schema.org/WebPage">
7
8                            
9    <head>
10                                    <meta charset="utf-8">
11            
12                            <meta name="viewport"
13                      content="width=device-width, initial-scale=1, shrink-to-fit=no">
14            
15                            <meta name="author"
16                      content="">
17                <meta name="robots"
18                      content="">
19                <meta name="revisit-after"
20                      content="">
21                <meta name="keywords"
22                      content="">
23                <meta name="description"
24                      content="Große Auswahl an Fahrrad- und E-Bike-Zubehör: Beleuchtung, Gepäckträger, Taschen, Schlösser, Pflege und vieles mehr. Jetzt entdecken.">
25            
26                                                <meta property="og:url"
27                          content="">
28                    <meta property="og:type"
29                          content="website">
30                    <meta property="og:site_name"
31                          content="Fahrrad &amp; E-Bike Center Hamburg">
32                    <meta property="og:title"
33                          content="Fahrradzubehör &amp; Ersatzteile in Hamburg oder Buchholz">
34                    <meta property="og:description"
35                          content="Große Auswahl an Fahrrad- und E-Bike-Zubehör: Beleuchtung, Gepäckträger, Taschen, Schlösser, Pflege und vieles mehr. Jetzt entdecken.">
36                    <meta property="og:image"
37                          content="https://www.fahrradcenter.de/media/04/bf/2c/1583143365/FECH LOGO_2.0.png?1583143365">
38
39                    <meta name="twitter:card"
40                          content="summary">
41                    <meta name="twitter:site"
42                          content="Fahrrad &amp; E-Bike Center Hamburg">
43                    <meta name="twitter:title"
44                          content="Fahrradzubehör &amp; Ersatzteile in Hamburg oder Buchholz">
45                    <meta name="twitter:description"
46                          content="Große Auswahl an Fahrrad- und E-Bike-Zubehör: Beleuchtung, Gepäckträger, Taschen, Schlösser, Pflege und vieles mehr. Jetzt entdecken.">
47                    <meta name="twitter:image"
48                          content="https://www.fahrradcenter.de/media/04/bf/2c/1583143365/FECH LOGO_2.0.png?1583143365">
49                            
50                            <meta itemprop="copyrightHolder"
51                      content="Fahrrad &amp; E-Bike Center Hamburg">
52                <meta itemprop="copyrightYear"
53                      content="">
54                <meta itemprop="isFamilyFriendly"
55                      content="true">
56                <meta itemprop="image"
57                      content="https://www.fahrradcenter.de/media/04/bf/2c/1583143365/FECH LOGO_2.0.png?1583143365">
58            
59                                            <meta name="theme-color"
60                      content="#fff">
61                            
62                                                
63                    <link rel="shortcut icon"
64                  href="https://www.fahrradcenter.de/media/9d/8e/f6/1583146220/fech_favcion.png?1583146220">
65        
66                                <link rel="apple-touch-icon"
67                  sizes="180x180"
68                  href="https://www.fahrradcenter.de/media/9d/8e/f6/1583146220/fech_favcion.png?1583146220">
69                    
70                            
71                    <title itemprop="name">Fahrradzubehör &amp; Ersatzteile in Hamburg oder Buchholz</title>
72        
73                                                                        <link rel="stylesheet"
74                      href="https://www.fahrradcenter.de/theme/1ca828aabae95a38ec572015394e0a84/css/all.css?1789122182">
75                                    
76                        
76<script>
77        window.features = {"V6_5_0_0":true,"v6.5.0.0":true,"V6_6_0_0":true,"v6.6.0.0":true,"V6_7_0_0":false,"v6.7.0.0":false,"DISABLE_VUE_COMPAT":false,"disable.vue.compat":false,"ACCESSIBILITY_TWEAKS":false,"accessibility.tweaks":false,"ADMIN_VITE":false,"admin.vite":false,"PAYPAL_SETTINGS_TWEAKS":false,"paypal.settings.tweaks":false};
78    </script>
78
79        
80                                                    
81            
81<script>
82            window.dataLayer = window.dataLayer || [];
83            function gtag() { dataLayer.push(arguments); }
84
85            (() => {
86                const analyticsStorageEnabled = document.cookie.split(';').some((item) => item.trim().includes('google-analytics-enabled=1'));
87                const adsEnabled = document.cookie.split(';').some((item) => item.trim().includes('google-ads-enabled=1'));
88
89                // Always set a default consent for consent mode v2
90                gtag('consent', 'default', {
91                    'ad_user_data': adsEnabled ? 'granted' : 'denied',
92                    'ad_storage': adsEnabled ? 'granted' : 'denied',
93                    'ad_personalization': adsEnabled ? 'granted' : 'denied',
94                    'analytics_storage': analyticsStorageEnabled ? 'granted' : 'denied'
95                });
96            })();
97        </script>
97
98            
99
100    
101
102    
103                    
104
105
106                        
106<script                     type="text/javascript">
107                window.ga4CustomUrl = '';
108            </script>
108
109            
110                                                                                        
111    
112                                                                                                
112<script                         type="text/javascript">
113                    window.googleAnalyticsEnabled = false;
114                    window.googleAdsEnabled = false;
115                    window.ga4Enabled = false;
116                    window.googleTagEnabled = false;
117
118                    window.metaAdsEnabled = false;
119                    window.microsoftAdsEnabled = false;
120                    window.pinterestAdsEnabled = false;
121                    window.tiktokAdsEnabled = false;
122                    window.conversionConfiguration = "brutto";
123                    window.taxConfiguration = "brutto";
124
125                    window.requestLocale = 'de-DE';
126
127                                        window.ga4CookieConfig = 'userCentrics';
128                    
129
130                                        window.generateLeadValue = '1';
131                                        window.ga4Currency = 'EUR';
132
133                </script>
133
134                                                            
134<script                             type="text/javascript">
135                        window.ga4TagId = ' GTM-MDX6KCKW';
136                        window.dataLayer = window.dataLayer || [];
137                        window.googleTagEnabled = true;
138                        window.ga4Enabled = true;
139                        window.ga4controllerName = 'landingpage';
140                        window.ga4controllerAction = 'index';
141                        window.ga4activeNavigationId = '';
142                        window.ga4activeNavigationName = 'Katalog#2';
143                        window.ga4affiliation = 'FCH';
144                        window.ga4salesChannelName = 'FCH';
145                        window.ga4salesChannelId = 'd3c1b9dbe5fb46cfb1b9faafcf24527d';
146                        if (localStorage.getItem("ga4UserId")) window.ga4UserId = localStorage.getItem("ga4UserId");
147                        if (localStorage.getItem("ga4CustomerLifetimeValue")) window.ga4CustomerLifetimeValue = localStorage.getItem("ga4CustomerLifetimeValue");
148                        if (localStorage.getItem("ga4CustomerOrderCount")) window.ga4CustomerOrderCount = localStorage.getItem("ga4CustomerOrderCount");
149
150                                                window.ga4upCoupon = true;
151                                                                        window.ga4gpCoupon = false;
152                                                                        window.customTagManager = false;
153                                                                        window.ga4AdvancedConsentMode = true;
154                                                                        window.ga4ActiveConsentMode = false;
155                                                                        window.metaAdsEnabled = true;
156                        
157                        
158                        
159                                            </script>
159
160                                                                                            
160<script                             type="text/javascript">
161                        window.googleAnalyticsEnabled = true;
162                                            window.taxConfiguration = 'netto';
163                                        </script>
163
164                                    
165                                    
165<script                         type="text/javascript">
166                    window.googleAdsEnabled = true;
167                                        window.conversionConfiguration = 'netto';
168                                    </script>
168
169                    
170        
171            
171<script                     type="text/javascript">
172                            window.ga4Guest = false;
173                        </script>
173
174
175                            
175<script                         type="text/javascript">
176                    window.ga4UserLoggedIn = false;
177                    if (localStorage.getItem("loginSent")) localStorage.removeItem("loginSent");
178                    if (localStorage.getItem("signUpSent")) localStorage.removeItem("signUpSent");
179                </script>
179
180            
181            
182                        
183                
184        
185            
186                    
187    
188
189                            
190            
191                
192        
193                                
193<script>
194                window.activeNavigationId = 'ab3173dc29004be98b634cdfecc3cabe';
195                window.router = {
196                    'frontend.cart.offcanvas': '/checkout/offcanvas',
197                    'frontend.cookie.offcanvas': '/cookie/offcanvas',
198                    'frontend.checkout.finish.page': '/checkout/finish',
199                    'frontend.checkout.info': '/widgets/checkout/info',
200                    'frontend.menu.offcanvas': '/widgets/menu/offcanvas',
201                    'frontend.cms.page': '/widgets/cms',
202                    'frontend.cms.navigation.page': '/widgets/cms/navigation',
203                    'frontend.account.addressbook': '/widgets/account/address-book',
204                    'frontend.country.country-data': '/country/country-state-data',
205                    'frontend.app-system.generate-token': '/app-system/Placeholder/generate-token',
206                    };
207                window.salesChannelId = 'd3c1b9dbe5fb46cfb1b9faafcf24527d';
208            </script>
208
209        
210                                
210<script>
211                
212                window.breakpoints = {"xs":0,"sm":576,"md":768,"lg":992,"xl":1200,"xxl":1400};
213            </script>
213
214        
215        
216                        
217                            
217<script>
218                window.themeAssetsPublicPath = 'https://www.fahrradcenter.de/theme/9c7ec816dac94f06b18ca8c97676f013/assets/';
219            </script>
219
220        
221                                                            
221<script>
222                        window.themeJsPublicPath = 'https://www.fahrradcenter.de/theme/1ca828aabae95a38ec572015394e0a84/js/';
223                    </script>
223
224                                            
224<script type="text/javascript" src="https://www.fahrradcenter.de/theme/1ca828aabae95a38ec572015394e0a84/js/storefront/storefront.js?1789122182" defer></script>
224
225                                            
225<script type="text/javascript" src="https://www.fahrradcenter.de/theme/1ca828aabae95a38ec572015394e0a84/js/swag-pay-pal/swag-pay-pal.js?1789122182" defer></script>
225
226                                            
226<script type="text/javascript" src="https://www.fahrradcenter.de/theme/1ca828aabae95a38ec572015394e0a84/js/swag-customized-products/swag-customized-products.js?1789122182" defer></script>
226
227                                            
227<script type="text/javascript" src="https://www.fahrradcenter.de/theme/1ca828aabae95a38ec572015394e0a84/js/trenga-configuratorware/trenga-configuratorware.js?1789122182" defer></script>
227
228                                            
228<script type="text/javascript" src="https://www.fahrradcenter.de/theme/1ca828aabae95a38ec572015394e0a84/js/cb-components/cb-components.js?1789122182" defer></script>
228
229                                            
229<script type="text/javascript" src="https://www.fahrradcenter.de/theme/1ca828aabae95a38ec572015394e0a84/js/cb-layout/cb-layout.js?1789122182" defer></script>
229
230                                            
230<script type="text/javascript" src="https://www.fahrradcenter.de/theme/1ca828aabae95a38ec572015394e0a84/js/cb-sticky-product-header/cb-sticky-product-header.js?1789122182" defer></script>
230
231                                            
231<script type="text/javascript" src="https://www.fahrradcenter.de/theme/1ca828aabae95a38ec572015394e0a84/js/newsletter-sendinblue/newsletter-sendinblue.js?1789122182" defer></script>
231
232                                            
232<script type="text/javascript" src="https://www.fahrradcenter.de/theme/1ca828aabae95a38ec572015394e0a84/js/d-i-sco-g-a4/d-i-sco-g-a4.js?1789122182" defer></script>
232
233                                            
233<script type="text/javascript" src="https://www.fahrradcenter.de/theme/1ca828aabae95a38ec572015394e0a84/js/tmms-cms-element-period-request-form/tmms-cms-element-period-request-form.js?1789122182" defer></script>
233
234                                            
234<script type="text/javascript" src="https://www.fahrradcenter.de/theme/1ca828aabae95a38ec572015394e0a84/js/cb-trenga-ga4-tracking/cb-trenga-ga4-tracking.js?1789122182" defer></script>
234
235                                            
235<script type="text/javascript" src="https://www.fahrradcenter.de/theme/1ca828aabae95a38ec572015394e0a84/js/frosh-lazy-sizes/frosh-lazy-sizes.js?1789122182" defer></script>
235
236                                                        
237
238    
239    
240        </head>
241
242    <body class="is-ctl-landingpage is-act-index">
243
244                                
245                <noscript class="noscript-main">
246                
247    <div role="alert"
248         class="alert alert-info alert-has-icon">
249                                                                        
250                                                    <span class="icon icon-info">
251                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs><path d="M12 7c.5523 0 1 .4477 1 1s-.4477 1-1 1-1-.4477-1-1 .4477-1 1-1zm1 9c0 .5523-.4477 1-1 1s-1-.4477-1-1v-5c0-.5523.4477-1 1-1s1 .4477 1 1v5zm11-4c0 6.6274-5.3726 12-12 12S0 18.6274 0 12 5.3726 0 12 0s12 5.3726 12 12zM12 2C6.4772 2 2 6.4772 2 12s4.4772 10 10 10 10-4.4772 10-10S17.5228 2 12 2z" id="icons-default-info" /></defs><use xlink:href="#icons-default-info" fill="#758CA3" fill-rule="evenodd" /></svg>
252        </span>                                                    
253                                    
254                    <div class="alert-content-container">
255                                                    
256                                    <div class="alert-content">
257                                                    Um unseren Shop in vollem Umfang nutzen zu können, empfehlen wir Ihnen Javascript in Ihrem Browser zu aktivieren.
258                                            </div>
259                
260                                                                </div>
261            </div>
262            </noscript>
263        
264
265                                
266            <header class="header-main">
267                                    <div class="container">
268                                        <div class="top-bar d-none d-lg-block">
269                                    <nav class="top-bar-nav">
270                                                            
271                        
272                                                            
273                                        </nav>
274                        </div>
275    
276            <div class="row align-items-center header-row">
277                            <div class="col-12 col-lg-auto header-logo-col">
278                        <div class="header-logo-main">
279                    <a class="header-logo-main-link"
280               href="/"
281               title="Zur Startseite gehen">
282                                    <picture class="header-logo-picture">
283                                                                            
284                                                                            
285                                                                                    <img src="https://www.fahrradcenter.de/media/04/bf/2c/1583143365/FECH%20LOGO_2.0.png?1583143365"
286                                     alt="Zur Startseite gehen"
287                                     class="img-fluid header-logo-main-img">
288                                                                        </picture>
289                            </a>
290            </div>
291                </div>
292            
293            
294                            <div class="col-12 order-1 col-sm-auto order-sm-2 header-actions-col">
295                    <div class="row g-0">
296                                                    <div class="col d-sm-none">
297                                <div class="menu-button">
298                                                                            <button
299                                            class="btn nav-main-toggle-btn header-actions-btn"
300                                            type="button"
301                                            data-off-canvas-menu="true"
302                                            aria-label="Menü"
303                                        >
304                                                                                            <span class="icon icon-stack">
305                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs><path d="M3 13c-.5523 0-1-.4477-1-1s.4477-1 1-1h18c.5523 0 1 .4477 1 1s-.4477 1-1 1H3zm0-7c-.5523 0-1-.4477-1-1s.4477-1 1-1h18c.5523 0 1 .4477 1 1s-.4477 1-1 1H3zm0 14c-.5523 0-1-.4477-1-1s.4477-1 1-1h18c.5523 0 1 .4477 1 1s-.4477 1-1 1H3z" id="icons-default-stack" /></defs><use xlink:href="#icons-default-stack" fill="#758CA3" fill-rule="evenodd" /></svg>
306        </span>                                                                                    </button>
307                                                                    </div>
308                            </div>
309                        
310                        
311                        
312                        
313                                            </div>
314                </div>
315                    </div>
316                        </div>
317                            </header>
318        
319
320            <div id="backdrop"></div>
321                <div class="nav-main">
322                                        <div class="main-navigation"
323         id="mainNavigation"
324         data-flyout-menu="true">
325                    <div class="container">
326                                    <nav class="nav main-navigation-menu"
327                        itemscope="itemscope"
328                        itemtype="http://schema.org/SiteNavigationElement">
329                        
330                                                                                    <a class="nav-link main-navigation-link home-link"
331                                    href="/"
332                                    itemprop="url"
333                                    title="Home">
334                                    <div class="main-navigation-link-text">
335                                        <span itemprop="name">Home</span>
336                                    </div>
337                                </a>
338                                                    
339                                                    
340                                                                        </nav>
341                            </div>
342        
343                                
344                        </div>
345                            </div>
346        
347
348                                    <div class="d-none js-navigation-offcanvas-initial-content is-root">
349                                            
350
351        
352            <div class="offcanvas-header">
353                            <button class="btn btn-light offcanvas-close js-offcanvas-close">
354                                            <span class="icon icon-x icon-sm">
355                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs><path d="m10.5858 12-7.293-7.2929c-.3904-.3905-.3904-1.0237 0-1.4142.3906-.3905 1.0238-.3905 1.4143 0L12 10.5858l7.2929-7.293c.3905-.3904 1.0237-.3904 1.4142 0 .3905.3906.3905 1.0238 0 1.4143L13.4142 12l7.293 7.2929c.3904.3905.3904 1.0237 0 1.4142-.3906.3905-1.0238.3905-1.4143 0L12 13.4142l-7.2929 7.293c-.3905.3904-1.0237.3904-1.4142 0-.3905-.3906-.3905-1.0238 0-1.4143L10.5858 12z" id="icons-default-x" /></defs><use xlink:href="#icons-default-x" fill="#758CA3" fill-rule="evenodd" /></svg>
356        </span>                    
357                                            Menü schließen
358                                    </button>
359                    </div>
360    
361            <div class="offcanvas-body">
362                        <nav class="nav navigation-offcanvas-actions">
363                                
364                
365                                
366                        </nav>
367    
368    
369        <div class="navigation-offcanvas-container js-navigation-offcanvas">
370        <div class="navigation-offcanvas-overlay-content js-navigation-offcanvas-overlay-content">
371                                <div class="navigation-offcanvas-headline first-level-offcanvas">
372        <button class="btn btn-light offcanvas-close js-offcanvas-close">
373            <span class="icon icon-x icon-sm">
374                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icons-default-x" fill="#758CA3" fill-rule="evenodd" /></svg>
375        </span>        </button>
376    </div>
377            
378            <ul class="list-unstyled navigation-offcanvas-list">
379                
380                                            </ul>
381        </div>
382                <div class="additional-navigation"></div>
383            </div>
384        </div>
385                                        </div>
386                    
387                    <main class="content-main">
388                                    <div class="flashbags container">
389                                            </div>
390                
391                    <div class="container-main">
392                                    <div class="cms-breadcrumb container">
393                                        
394        
395                            </div>
396            
397                                                                            <div class="cms-page">
398                                            
399    <div class="cms-sections">
400                                            
401            
402            
403            
404                                        
405                                    
406                            <div class="cms-section  pos-0 cms-section-default"
407                     style="">
408
409                                <div class="cms-section-default boxed">
410                                    
411                
412                
413    
414    
415    
416    
417            
418    
419                
420            
421    <div class="cms-block  pos-0 cms-block-html"
422         style="">
423                            
424                    <div class="cms-block-container"
425                 style="padding: 20px 20px 20px 20px;">
426                                    <div class="cms-block-container-row row cms-row ">
427                                
428    <div class="col-12" data-cms-element-id="019f844fa05f7a91b439ce08e6e2ed73">
429                        <div class="cms-element-html">
430                    
430<script type="application/ld+json">
431{
432  "@context": "https://schema.org",
433  "@graph": [
434    {
435      "@type": ["Organization", "LocalBusiness", "BikeStore", "Store"],
436      "@id": "https://www.fahrradcenter.de/#organization",
437      "name": "Fahrrad & E-Bike Center Hamburg",
438      "legalName": "Fahrrad & E-Bike Center Hamburg GmbH",
439      "alternateName": "Fahrradcenter Hamburg",
440      "url": "https://www.fahrradcenter.de/",
441      "logo": {
442        "@type": "ImageObject",
443        "url": "https://www.fahrradcenter.de/media/04/bf/2c/1583143365/FECH%20LOGO_2.0.png?1583143365"
444      },
445      "image": "https://www.trenga.de/media/a3/75/9f/1600766291/Factory%20Store%20harburg.jpg?1600766292",
446      "description": "Fahrrad & E-Bike Center Hamburg – Deine Fahrradgeschäfte in Hamburg-Harburg und Buchholz in der Nordheide. Auf über 7.300 m² erwarten Dich tausende Fahrräder und E-Bikes, persönliche Beratung, Probefahrt, Werkstattservice und Dienstrad-Leasing, sowie ein großes Angebot an Ersatzteilen und Zubehör rund um das Thema Fahrrad. Wir sind zertifiziertes Shimano Service Center sowie Bosch E-Bike Experte. Im selben Gebäude befindet sich außerdem unsere Fahrradmanufaktur, welche die Premium-Fahrräder der Marke TRENGA produziert.",
447      "telephone": "+494032310010",
448      "email": "[email protected]",
449      "priceRange": "€-€€€€",
450      "currenciesAccepted": "EUR",
451      "paymentAccepted": "Bargeld, EC-Karte, Kreditkarte, Finanzierung, Dienstrad-Leasing",
452      "address": {
453        "@type": "PostalAddress",
454        "streetAddress": "Großmoordamm 65",
455        "postalCode": "21079",
456        "addressLocality": "Hamburg",
457        "addressRegion": "Hamburg",
458        "addressCountry": "DE"
459      },
460      "geo": {
461        "@type": "GeoCoordinates",
462        "latitude": 53.454635,
463        "longitude": 10.000946
464      },
465      "areaServed": [
466        { "@type": "City", "name": "Hamburg" },
467        { "@type": "City", "name": "Buchholz in der Nordheide" },
468        { "@type": "AdministrativeArea", "name": "Metropolregion Hamburg" }
469      ],
470      "aggregateRating": {
471        "@type": "AggregateRating",
472        "ratingValue": "4.8",
473        "reviewCount": "201",
474        "bestRating": "5",
475        "worstRating": "1"
476      },
477      "brand": { "@id": "https://www.trenga.de/" },
478      "makesOffer": [
479        { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "E-Bikes", "url": "https://www.trenga.de/E-Bike/" } },
480        { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Gravel Bikes", "url": "https://www.trenga.de/Gravel-Bikes/" } },
481        { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "City- & Trekkingräder", "url": "https://www.trenga.de/City-Trekking/" } },
482        { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Mountainbikes", "url": "https://www.trenga.de/mtb" } },
483        { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Rennräder", "url": "https://www.trenga.de/Rennrad/" } }
484      ],
485      "sameAs": [
486        "https://maps.app.goo.gl/SZFir2fazh4MmMkg8"
487      ],
488      "subOrganization": [
489        { "@id": "https://www.fahrradcenter.de/#store-hamburg" },
490        { "@id": "https://www.fahrradcenter.de/#store-buchholz" }
491      ]
492    },
493    {
494      "@type": ["BikeStore", "LocalBusiness", "Store"],
495      "@id": "https://www.fahrradcenter.de/#store-hamburg",
496      "name": "Fahrrad & E-Bike Center Hamburg-Harburg",
497      "parentOrganization": { "@id": "https://www.fahrradcenter.de/#organization" },
498      "url": "https://www.fahrradcenter.de/",
499      "image": "https://www.trenga.de/media/a3/75/9f/1600766291/Factory%20Store%20harburg.jpg?1600766292",
500      "telephone": "+494032310010",
501      "email": "[email protected]",
502      "priceRange": "€-€€€€",
503      "currenciesAccepted": "EUR",
504      "paymentAccepted": "Bargeld, EC-Karte, Kreditkarte, Finanzierung, Dienstrad-Leasing",
505      "address": {
506        "@type": "PostalAddress",
507        "streetAddress": "Großmoordamm 65",
508        "postalCode": "21079",
509        "addressLocality": "Hamburg",
510        "addressRegion": "Hamburg",
511        "addressCountry": "DE"
512      },
513      "geo": {
514        "@type": "GeoCoordinates",
515        "latitude": 53.454635,
516        "longitude": 10.000946
517      },
518      "hasMap": "https://maps.app.goo.gl/SZFir2fazh4MmMkg8",
519      "areaServed": { "@type": "City", "name": "Hamburg" },
520      "openingHoursSpecification": [
521        {
522          "@type": "OpeningHoursSpecification",
523          "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
524          "opens": "09:00",
525          "closes": "18:00"
526        }
527      ]
528    },
529    {
530      "@type": ["BikeStore", "LocalBusiness", "Store"],
531      "@id": "https://www.fahrradcenter.de/#store-buchholz",
532      "name": "Fahrrad & E-Bike Center Buchholz i. d. Nordheide",
533      "parentOrganization": { "@id": "https://www.fahrradcenter.de/#organization" },
534      "url": "https://www.fahrradcenter.de/",
535      "image": "https://www.trenga.de/media/cc/d5/22/1606386820/Fahrrad-und-E-bike-Center-FECH-Buchholz.jpg?1606386821",
536      "telephone": "+49418136060",
537      "email": "[email protected]",
538      "priceRange": "€-€€€€",
539      "currenciesAccepted": "EUR",
540      "paymentAccepted": "Bargeld, EC-Karte, Kreditkarte, Finanzierung, Dienstrad-Leasing",
541      "address": {
542        "@type": "PostalAddress",
543        "streetAddress": "Innungsstraße 2",
544        "postalCode": "21244",
545        "addressLocality": "Buchholz in der Nordheide",
546        "addressRegion": "Niedersachsen",
547        "addressCountry": "DE"
548      },
549      "geo": {
550        "@type": "GeoCoordinates",
551        "latitude": 53.351240,
552        "longitude": 9.867506
553      },
554      "hasMap": "https://www.google.com/maps/dir/?api=1&destination=Innungsstra%C3%9Fe+2%2C+21244+Buchholz+in+der+Nordheide",
555      "areaServed": { "@type": "City", "name": "Buchholz in der Nordheide" },
556      "openingHoursSpecification": [
557        {
558          "@type": "OpeningHoursSpecification",
559          "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
560          "opens": "09:00",
561          "closes": "18:00"
562        },
563        {
564          "@type": "OpeningHoursSpecification",
565          "dayOfWeek": "Saturday",
566          "opens": "09:00",
567          "closes": "14:00"
568        }
569      ]
570    },
571    {
572      "@type": "WebSite",
573      "@id": "https://www.fahrradcenter.de/#website",
574      "url": "https://www.fahrradcenter.de/",
575      "name": "Fahrrad & E-Bike Center Hamburg",
576      "inLanguage": "de-DE",
577      "publisher": { "@id": "https://www.fahrradcenter.de/#organization" }
578    },
579    {
580      "@type": ["Organization", "Brand"],
581      "@id": "https://www.trenga.de/",
582      "name": "TRENGA",
583      "legalName": "TRENGA Fahrradmanufaktur Hamburg GmbH",
584      "url": "https://www.trenga.de/",
585      "logo": {
586        "@type": "ImageObject",
587        "url": "https://www.trenga.de/media/ea/53/35/1706523525/TRENGA_Logo_Pos_RGB.png"
588      },
589      "sameAs": [
590        "https://www.instagram.com/trenga_bicycles",
591        "https://www.youtube.com/@trenga_bicycles",
592        "https://de.linkedin.com/company/trenga",
593        "https://www.facebook.com/people/Trenga-Bicycles/61581124466013/",
594        "https://www.tiktok.com/@trenga_bicycles",
595        "https://www.komoot.com/de-de/user/trengabicycles"
596      ]
597    }
598  ]
599}
600</script>
600
601            </div>
602            </div>
603                    </div>
604                            </div>
605            </div>
606                        </div>
607                </div>
608                                                        
609            
610            
611            
612                                        
613                                    
614                            <div class="cms-section  pos-1 cms-section-default"
615                     style="">
616
617                                <div class="cms-section-default full-width">
618                                    
619                
620                
621    
622    
623    
624    
625            
626    
627                
628            
629    <div class="cms-block  pos-0 cms-block-html"
630         style="">
631                            
632                    <div class="cms-block-container"
633                 style="padding: 0px 0px 0px 0px;">
634                                    <div class="cms-block-container-row row cms-row ">
635                                
636    <div class="col-12" data-cms-element-id="019f845022df798992ad26ded0e63e08">
637                        <div class="cms-element-html">
638                    <style>
639
640
641.fech-nav{
642  --fn-blue:#0057b8;
643  --fn-blue-hover:#0a66d0;
644  --fn-blue-active:#00489a;
645  --fn-black:#111111;
646  --fn-black-hover:#2b2b2b;
647  --fn-text:#111111;
648  --fn-muted:#6b7280;
649  --fn-line:rgba(17,17,17,.10);
650  --fn-bg:#ffffff;
651  --fn-tile:#f2f4f7;
652  --fn-ease:cubic-bezier(0.22,1,0.36,1);
653  --fn-h:105px;   /* Menüleiste; + 40px Conversion-Bar-Kopf = 145px gesamt */
654
655  position:fixed;
656  top:0;left:0;right:0;
657  z-index:120;
658  height:var(--fn-h);
659  background:var(--fn-bg);
660  border-bottom:1px solid var(--fn-line);
661  color:var(--fn-text);
662  font-family:inherit;
663  -webkit-font-smoothing:antialiased;
664}
665.fech-nav__bar{
666  display:flex;
667  align-items:center;
668  justify-content:space-between;
669  gap:24px;
670  height:100%;
671  max-width:1440px;
672  margin:0 auto;
673  padding:0 clamp(20px,4vw,48px);
674}
675
676/* Theme-Hover-Unterstreichung in dieser Komponente deaktivieren */
677.fech-nav a, .fech-nav button,
678.fech-mobile a, .fech-mobile button,
679.trenga-acc a, .trenga-acc button{text-decoration:none;}
680.fech-nav a:hover, .fech-nav a:focus,
681.fech-nav button:hover, .fech-nav button:focus,
682.fech-mobile a:hover, .fech-mobile a:focus,
683.fech-mobile button:hover, .fech-mobile button:focus,
684.trenga-acc a:hover, .trenga-acc a:focus,
685.trenga-acc button:hover, .trenga-acc button:focus{text-decoration:none !important;}
686
687/* Funktionslosen Theme-Burger ausblenden (gängige Shopware-6-Selektoren).
688   Falls Euer Theme eine andere Klasse nutzt: im Browser-Inspektor das
689   Burger-Icon anklicken und den Selektor hier ergänzen. */
690.nav-main-toggle-btn,
691.menu-button,
692.header-actions-btn.nav-main-toggle-btn,
693.nav-main-toggle{display:none !important;}
694
695/* Logo */
696.fech-nav__logo{display:inline-flex;align-items:center;flex:0 0 auto;}
697.fech-nav__logo img{height:48px;width:auto;display:block;}
698
699/* ------------------------------------------------------------
700   Hauptnavigation (Desktop)
701   ------------------------------------------------------------ */
702.fech-nav__list{
703  display:flex;
704  align-items:center;
705  gap:4px;
706  list-style:none;
707  margin:0;padding:0;
708  min-width:0;
709}
710.fech-nav__item{margin:0;}
711.fech-nav__link{
712  display:inline-flex;
713  align-items:center;
714  gap:7px;
715  padding:10px 16px;
716  background:none;border:0;
717  border-radius:999px;
718  color:var(--fn-text);
719  font:inherit;
720  font-size:15px;
721  font-weight:600;
722  letter-spacing:-0.01em;
723  line-height:1.2;
724  text-decoration:none;
725  cursor:pointer;
726  transition:background .3s var(--fn-ease), color .3s var(--fn-ease);
727}
728.fech-nav__link svg{
729  width:15px;height:15px;flex:0 0 auto;
730  transition:transform .35s var(--fn-ease);
731}
732.fech-nav__link:focus-visible{outline:2px solid var(--fn-blue);outline-offset:2px;}
733
734/* ------------------------------------------------------------
735   Mega-Dropdowns (öffnen bei Hover UND Tastatur-Fokus)
736   ------------------------------------------------------------ */
737.fech-nav__mega{
738  position:absolute;
739  top:100%;
740  left:0;right:0;
741  background:var(--fn-bg);
742  border-bottom:1px solid var(--fn-line);
743  box-shadow:0 24px 48px rgba(17,17,17,.10);
744  opacity:0;
745  visibility:hidden;
746  pointer-events:none;
747  transform:translateY(-8px);
748  transition:opacity .2s ease, transform .3s var(--fn-ease), visibility 0s linear .3s;
749}
750/* Unsichtbare Hover-Brücke: überbrückt die Lücke zwischen
751   Menüpunkt und Panel, damit der Hover nicht abreißt */
752.fech-nav__mega::before{
753  content:"";
754  position:absolute;
755  left:0;right:0;
756  top:-26px;
757  height:26px;
758}
759.fech-nav__item.is-open > .fech-nav__mega,
760.fech-nav__item:focus-within > .fech-nav__mega{
761  opacity:1;
762  visibility:visible;
763  pointer-events:auto;
764  transform:translateY(0);
765  transition:opacity .2s ease, transform .3s var(--fn-ease);
766}
767.fech-nav__item.is-open > .fech-nav__link,
768.fech-nav__item:focus-within > .fech-nav__link{
769  background:rgba(0,87,184,.08);
770  color:var(--fn-blue);
771}
772.fech-nav__item.is-open > .fech-nav__link svg,
773.fech-nav__item:focus-within > .fech-nav__link svg{transform:rotate(180deg);}
774
775.fech-nav__mega-inner{
776  max-width:1440px;
777  margin:0 auto;
778  padding:32px clamp(20px,4vw,48px) 40px;
779  /* Aufklapp-Effekt von oben nach unten */
780  clip-path:inset(0 0 100% 0);
781  transition:clip-path .5s var(--fn-ease);
782}
783.fech-nav__item.is-open > .fech-nav__mega .fech-nav__mega-inner,
784.fech-nav__item:focus-within > .fech-nav__mega .fech-nav__mega-inner{
785  clip-path:inset(0 0 0 0);
786}
787.fech-nav__mega-title{
788  margin:0 0 20px;
789  font-size:13px;
790  font-weight:600;
791  letter-spacing:.06em;
792  text-transform:uppercase;
793  color:var(--fn-muted);
794}
795
796/* ------------------------------------------------------------
797   Fahrräder: zweistufig – links Kategorieliste (klappt von
798   oben nach unten auf), rechts Vorschau-Karte erst bei Hover
799   ------------------------------------------------------------ */
800.fech-bikes{
801  display:grid;
802  grid-template-columns:minmax(260px,340px) 1fr;
803  gap:clamp(24px,4vw,64px);
804  align-items:start;
805}
806.fech-bikes__list{
807  list-style:none;
808  margin:0;padding:0;
809}
810.fech-bikes__list li{
811  opacity:0;
812  transform:translateY(-8px);
813}
814.fech-nav__item.is-open .fech-bikes__list li,
815.fech-nav__item:focus-within .fech-bikes__list li{
816  animation:fechItemDown .4s var(--fn-ease) both;
817}
818.fech-nav__item.is-open .fech-bikes__list li:nth-child(1){animation-delay:.
81805s;}
819.fech-nav__item.is-open .fech-bikes__list li:nth-child(2){animation-delay:.11s;}
820.fech-nav__item.is-open .fech-bikes__list li:nth-child(3){animation-delay:.17s;}
821.fech-nav__item.is-open .fech-bikes__list li:nth-child(4){animation-delay:.23s;}
822.fech-nav__item.is-open .fech-bikes__list li:nth-child(5){animation-delay:.29s;}
823@keyframes fechItemDown{
824  from{opacity:0;transform:translateY(-8px);}
825  to{opacity:1;transform:translateY(0);}
826}
827.fech-bikes__link{
828  display:flex;
829  align-items:center;
830  justify-content:space-between;
831  gap:16px;
832  padding:14px 16px;
833  border-radius:12px;
834  color:var(--fn-text);
835  font-size:17px;
836  font-weight:700;
837  letter-spacing:-0.015em;
838  line-height:1.2;
839  text-decoration:none;
840  transition:background .25s var(--fn-ease), color .25s var(--fn-ease), padding-left .25s var(--fn-ease);
841}
842.fech-bikes__link svg{
843  width:16px;height:16px;flex:0 0 auto;
844  color:var(--fn-blue);
845  opacity:0;
846  transform:translateX(-4px);
847  transition:opacity .25s ease, transform .25s var(--fn-ease);
848}
849.fech-bikes__link:focus-visible{outline:2px solid var(--fn-blue);outline-offset:-2px;}
850.fech-bikes__link:hover,
851.fech-bikes__link:focus-visible{
852  background:rgba(0,87,184,.08);
853  color:var(--fn-blue);
854  padding-left:20px;
855}
856.fech-bikes__link:hover svg,
857.fech-bikes__link:focus-visible svg{opacity:1;transform:translateX(0);}
858
859/* Vorschau rechts: zeigt standardmäßig Bestseller,
860   bei Hover über eine Kategorie die Vorschau-Karte (klickbar) */
861.fech-bikes__preview{
862  position:relative;
863  min-height:400px;
864}
865
866/* Kategorie-Vorschau: Bild links ohne Rahmen, Preis + Leasing
867   linksbündig darunter (schließen mit dem linken Bildrand ab) */
868.fech-bikes__preview-card{
869  position:absolute;
870  inset:0;
871  display:flex;
872  flex-direction:column;
873  opacity:0;
874  transform:scale(.96);
875  pointer-events:none;
876  transition:opacity .35s ease, transform .45s var(--fn-ease);
877}
878.fech-bikes__preview.is-active .fech-bikes__preview-card{
879  opacity:1;
880  transform:scale(1);
881  pointer-events:auto;
882}
883.fech-bikes__preview-card .fech-bikes__best-label:focus-visible{outline:2px solid var(--fn-blue);outline-offset:4px;border-radius:6px;}
884.fech-bikes__preview-photo{
885  flex:1 1 auto;
886  min-height:0;
887  background-size:contain;
888  background-repeat:no-repeat;
889  background-position:left center;
890}
891.fech-bikes__preview-info{
892  flex:0 0 auto;
893  padding:16px 0 0;
894}
895
896/* Bestseller-Standardansicht – minimalistische Karte */
897.fech-bikes__best{
898  position:absolute;
899  inset:0;
900  display:flex;
901  flex-direction:column;
902  justify-content:center;
903  border:1px solid var(--fn-line);
904  border-radius:18px;
905  background:#ffffff;
906  overflow:hidden;
907  padding:8px;
908  opacity:1;
909  transition:opacity .3s ease;
910}
911.fech-bikes__preview.is-active .fech-bikes__best{
912  opacity:0;
913  pointer-events:none;
914}
915.fech-bikes__best-head{
916  margin:0;
917  padding:8px 14px 12px;
918  font-size:12px;
919  font-weight:600;
920  letter-spacing:.08em;
921  text-transform:uppercase;
922  color:var(--fn-muted);
923}
924.fech-bikes__best-items{
925  display:flex;
926  flex-direction:column;
927}
928.fech-bikes__best-card{
929  position:relative;
930  display:flex;
931  align-items:center;
932  gap:18px;
933  padding:14px;
934  border-radius:14px;
935  color:var(--fn-text);
936  text-decoration:none;
937  transition:background .25s var(--fn-ease);
938}
939.fech-bikes__best-card + .fech-bikes__best-card{
940  border-top:1px solid var(--fn-line);
941  border-radius:0 0 14px 14px;
942}
943.fech-bikes__best-img{
944  flex:0 0 auto;
945  width:136px;
946  height:92px;
947  background-color:transparent;
948  background-size:contain;
949  background-repeat:no-repeat;
950  background-position:center;
951}
952.fech-bikes__best-body{
953  flex:1 1 auto;
954  min-width:0;
955}
956.fech-bikes__best-tag{
957  display:block;
958  font-size:11px;
959  font-weight:600;
960  letter-spacing:.05em;
961  text-transform:uppercase;
962  color:var(--fn-blue);
963  margin:0 0 4px;
964}
965.fech-bikes__best-label{
966  display:flex;
967  align-items:center;
968  gap:8px;
969  font-size:17px;
970  font-weight:700;
971  letter-spacing:-0.015em;
972  color:var(--fn-text);
973  text-decoration:none;
974}
975/* Stretched-Link: macht die ganze Karte zur Kategorie klickbar */
976.fech-bikes__best-label::after{
977  content:"";
978  position:absolute;
979  inset:0;
980}
981.fech-bikes__best-label svg{
982  width:15px;height:15px;flex:0 0 auto;
983  color:var(--fn-blue);
984  opacity:0;
985  transform:translateX(-4px);
986  transition:opacity .25s ease, transform .3s var(--fn-ease);
987}
988.fech-bikes__best-price{
989  display:block;
990  margin:5px 0 2px;
991  font-size:14px;
992  font-weight:700;
993  letter-spacing:-0.01em;
994  color:var(--fn-text);
995}
996/* JobRad-Zeile: eigener Link, liegt über dem Stretched-Link */
997.fech-bikes__best-jobrad{
998  position:relative;
999  z-index:2;
1000  display:inline-flex;
1001  align-items:center;
1002  gap:6px;
1003  font-size:12.5px;
1004  line-height:1.3;
1005  font-weight:600;
1006  color:var(--fn-muted);
1007  text-decoration:none;
1008  transition:color .25s ease;
1009}
1010.fech-bikes__best-jobrad img{
1011  height:30px;
1012  width:auto;
1013  display:block;
1014  margin:-4px 0;   /* gleicht den Schutzraum im Logo-PNG aus */
1015}
1016.fech-bikes__best-card:focus-within{outline:2px solid var(--fn-blue);outline-offset:-2px;}
1017
1018/* Werkstatt: 2 Standort-Karten mit Foto */
1019.fech-store-grid{
1020  display:grid;
1021  grid-template-columns:repeat(2,1fr);
1022  gap:16px;
1023  max-width:900px;
1024}
1025.fech-store-card{
1026  display:block;
1027  border:1px solid var(--fn-line);
1028  border-radius:16px;
1029  overflow:hidden;
1030  color:var(--fn-text);
1031  text-decoration:none;
1032  transition:transform .35s var(--fn-ease), box-shadow .35s var(--fn-ease);
1033}
1034.fech-store-card:focus-visible{outline:2px solid var(--fn-blue);outline-offset:2px;}
1035.fech-store-card__photo{
1036  width:100%;
1037  aspect-ratio:16/8;
1038  background-color:var(--fn-tile);
1039  background-size:cover;
1040  background-position:center;
1041}
1042.fech-store-card__body{padding:20px 24px 24px;}
1043.fech-store-card h4{
1044  margin:0 0 6px;
1045  font-size:17px;
1046  font-weight:700;
1047  letter-spacing:-0.015em;
1048  line-height:1.2;
1049}
1050.fech-store-card p{
1051  margin:0 0 16px;
1052  font-size:14px;
1053  line-height:1.55;
1054  color:var(--fn-muted);
1055}
1056.fech-store-card__cta{
1057  display:inline-flex;
1058  align-items:center;
1059  gap:6px;
1060  font-size:14px;
1061  font-weight:700;
1062  color:var(--fn-blue);
1063  text-decoration:none;
1064  transition:gap .3s var(--fn-ease), color .25s ease;
1065}
1066.fech-store-card__cta svg{width:14px;height:14px;flex:0 0 auto;}
1067.fech-store-card__cta:focus-visible{outline:2px solid var(--fn-blue);outline-offset:3px;}
1068
1069/* ------------------------------------------------------------
1070   Buttons rechts
1071   ------------------------------------------------------------ */
1072.fech-nav__actions{
1073  display:flex;
1074  align-items:center;
1075  gap:10px;
1076  flex:0 0 auto;
1077}
1078.fech-nav__actions .fech-btn{white-space:nowrap;}
1079.fech-btn{
1080  display:inline-flex;
1081  align-items:center;
1082  justify-content:center;
1083  gap:8px;
1084  padding:12px 24px;
1085  border-radius:999px;
1086  border:1px solid transparent;
1087  font:inherit;
1088  font-size:14px;
1089  font-weight:700;
1090  letter-spacing:-0.01em;
1091  line-height:1.2;
1092  text-decoration:none;
1093  cursor:pointer;
1094  transition:background .3s var(--fn-ease), transform .2s var(--fn-ease);
1095  -webkit-appearance:none;appearance:none;
1096}
1097.fech-btn:active{transform:scale(.97);}
1098.fech-btn:focus-visible{outline:2px solid var(--fn-blue);outline-offset:2px;}
1099.fech-btn--blue{background:var(--fn-blue);color:#ffffff;}
1100.fech-btn--black{background:var(--fn-black);color:#ffffff;}
1101
1102/* Burger (nur mobil) */
1103.fech-nav__burger{
1104  display:none;
1105  width:44px;height:44px;
1106  align-items:center;justify-content:center;
1107  background:none;border:0;
1108  border-radius:10px;
1109  color:var(--fn-text);
1110  cursor:pointer;
1111}
1112.fech-nav__burger svg{width:24px;height:24px;}
1113.fech-nav__burger .ico-close{display:none;}
1114.fech-nav__burger[aria-expanded="true"] .ico-open{display:none;}
1115.fech-nav__burger[aria-expanded="true"] .ico-close{display:block;}
1116.fech-nav__burger:focus-visible{outline:2px solid var(--fn-blue);outline-offset:2px;}
1117
1118/* ------------------------------------------------------------
1119   Mobiles Burger-Menü
1120   ------------------------------------------------------------ */
1121.fech-mobile{
1122  display:none;
1123  position:absolute;
1124  top:100%;
1125  left:0;right:0;
1126  background:var(--fn-bg);
1127  border-bottom:1px solid var(--fn-line);
1128  box-shadow:0 24px 48px rgba(17,17,17,.12);
1129  max-height:calc(100vh - var(--fn-h));
1130  overflow-y:auto;
1131  opacity:0;
1132  visibility:hidden;
1133  transform:translateY(-8px);
1134  transition:opacity .3s ease, transform .4s var(--fn-ease), visibility 0s linear .4s;
1135}
1136.fech-mobile.is-open{
1137  opacity:1;
1138  visibility:visible;
1139  transform:translateY(0);
1140  transition:opacity .3s ease, transform .4s var(--fn-ease);
1141}
1142.fech-mobile__inner{padding:8px 20px 28px;}
1143
1144.fech-mobile__section{border-bottom:1px solid var(--fn-line);}
1145.fech-mobile__trigger{
1146  display:flex;
1147  align-items:center;
1148  justify-content:space-between;
1149  width:100%;
1150  padding:16px 4px;
1151  background:none;border:0;
1152  font:inherit;font-size:16px;font-weight:700;
1153  letter-spacing:-0.01em;
1154  color:var(--fn-text);
1155  cursor:pointer;
1156}
1157.fech-mobile__trigger svg{
1158  width:16px;height:16px;
1159  transition:transform .35s var(--fn-ease);
1160}
1161.fech-mobile__trigger[aria-expanded="true"] svg{transform:rotate(180deg);}
1162.fech-mobile__trigger:focus-visible{outline:2px solid var(--fn-blue);outline-offset:-2px;}
1163
1164.fech-mobile__panel{
1165  display:grid;
1166  grid-template-rows:0fr;
1167  transition:grid-template-rows .45s var(--fn-ease);
1168}
1169.fech-mobile__panel.is-open{grid-template-rows:1fr;}
1170.fech-mobile__panel > div{overflow:hidden;min-height:0;}
1171.fech-mobile__panel-content{padding:4px 4px 20px;}
1172
1173/* Mobile Fahrräder: Textzeilen mit kurzem Nutzensatz */
1174.fech-mobile__cats{
1175  display:grid;
1176  gap:2px;
1177  padding:4px 0 12px;
1178}
1179.fech-mobile__cat{
1180  display:flex;
1181  flex-direction:column;
1182  gap:2px;
1183  padding:12px 4px;
1184  border-bottom:1px solid var(--fn-line);
1185  color:var(--fn-text);
1186  text-decoration:none;
1187}
1188.fech-mobile__cat:last-child{border-bottom:none;}
1189.fech-mobile__cat-title{
1190  font-size:16px;
1191  font-weight:700;
1192  letter-spacing:-0.015em;
1193  line-height:1.2;
1194}
1195.fech-mobile__cat-sub{
1196  font-size:13px;
1197  line-height:1.35;
1198  color:var(--fn-muted);
1199}
1200
1201/* Mobile Werkstatt: Standortwahl mit kleinem Foto */
1202.fech-mobile__stores{
1203  display:grid;
1204  gap:10px;
1205  padding:8px 0 16px;
1206}
1207.fech-mobile__store{
1208  display:flex;
1209  align-items:center;
1210  gap:14px;
1211  padding:8px 12px 8px 8px;
1212  border-radius:14px;
1213  overflow:hidden;
1214  color:var(--fn-text);
1215  text-decoration:none;
1216  border:1px solid var(--fn-line);
1217}
1218.fech-mobile__store-img{
1219  flex:0 0 auto;
1220  width:84px;
1221  height:60px;
1222  border-radius:10px;
1223  background-color:var(--fn-tile);
1224  background-size:cover;
1225  background-position:center;
1226}
1227.fech-mobile__store-label{
1228  flex:1 1 auto;
1229  display:flex;
1230  align-items:center;
1231  justify-content:space-between;
1232  gap:10px;
1233  font-size:15px;
1234  font-weight:700;
1235  letter-spacing:-0.01em;
1236}
1237.fech-mobile__store-label svg{
1238  width:16px;height:16px;flex:0 0 auto;
1239  color:var(--fn-blue);
1240}
1241
1242.fech-mobile__link{
1243  display:flex;
1244  align-items:center;
1245  justify-content:space-between;
1246  padding:16px 4px;
1247  border-bottom:1px solid var(--fn-line);
1248  color:var(--fn-text);
1249  font-size:16px;
1250  font-weight:700;
1251  letter-spacing:-0.01em;
1252  text-decoration:none;
1253}
1254.fech-mobile__link svg{width:16px;height:16px;color:var(--fn-blue);}
1255
1256.fech-mobile__sublink{
1257  display:flex;
1258  align-items:center;
1259  justify-content:space-between;
1260  padding:12px 4px;
1261  color:var(--fn-text);
1262  font-size:15px;
1263  font-weight:600;
1264  text-decoration:none;
1265}
1266.fech-mobile__sublink svg{width:14px;
1266height:14px;color:var(--fn-blue);}
1267
1268.fech-mobile__ctas{
1269  display:grid;
1270  gap:10px;
1271  padding-top:20px;
1272}
1273.fech-mobile__ctas .fech-btn{width:100%;padding:15px 24px;font-size:15px;}
1274
1275/* Hover-Effekte nur auf Hover-Geräten */
1276@media (hover:hover){
1277  .fech-nav__link:hover{background:rgba(0,87,184,.08);color:var(--fn-blue);}
1278  .fech-store-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(17,17,17,.08);}
1279  .fech-bikes__best-card:hover{background:rgba(0,87,184,.05);}
1280  .fech-bikes__best-card:hover .fech-bikes__best-label svg{opacity:1;transform:translateX(0);}
1281  .fech-bikes__preview-card:hover .fech-bikes__best-label svg{opacity:1;transform:translateX(0);}
1282  .fech-bikes__best-jobrad:hover{color:var(--fn-blue);}
1283  .fech-store-card__cta:hover{gap:11px;color:var(--fn-blue-hover);}
1284  .fech-btn--blue:hover{background:var(--fn-blue-hover);}
1285  .fech-btn--blue:active{background:var(--fn-blue-active);}
1286  .fech-btn--black:hover{background:var(--fn-black-hover);}
1287  .fech-nav__burger:hover{background:rgba(17,17,17,.06);}
1288}
1289
1290/* ------------------------------------------------------------
1291   CONVERSION BAR – unverändert dunkel, sitzt UNTER dem Menü.
1292   Eigenes fixed-Element mit z-index UNTER dem Menü, damit sie
1293   beim Ausblenden hinter dem Menü nach oben verschwindet.
1294   ------------------------------------------------------------ */
1295.trenga-acc{
1296  --ta-bg:#1F1F1F;
1297  --ta-text:#ffffff;
1298  --ta-muted:rgba(255,255,255,.62);
1299  --ta-line:rgba(255,255,255,.14);
1300  --ta-accent:#ffffff;
1301  --ta-pill:rgba(255,255,255,.08);
1302  --ta-pill-hover:rgba(255,255,255,.16);
1303  --ta-pill-line:rgba(255,255,255,.18);
1304  --ta-ease:cubic-bezier(0.22,1,0.36,1);
1305  --ta-top:105px;                  /* = Menühöhe Desktop (145px gesamt mit Bar) */
1306
1307  font-family:inherit;
1308  width:100%;
1309  background:var(--ta-bg);
1310  color:var(--ta-text);
1311  -webkit-font-smoothing:antialiased;
1312
1313  position:fixed;
1314  top:0;left:0;
1315  z-index:110;                     /* UNTER dem Menü (120) */
1316  transform:translateY(var(--ta-top));
1317  opacity:1;
1318  transition:transform .7s var(--ta-ease), opacity .75s ease;
1319  will-change:transform,opacity;
1320}
1321.trenga-acc.is-hidden{
1322  transform:translateY(-100%);
1323  opacity:0;
1324}
1325
1326.trenga-acc__head{
1327  display:flex;align-items:center;justify-content:center;gap:10px;
1328  width:100%;min-height:40px;padding:8px 24px;
1329  background:none;border:0;color:inherit;
1330  font:inherit;font-size:14px;font-weight:600;letter-spacing:-0.01em;
1331  cursor:pointer;overflow:hidden;
1332}
1333.trenga-acc__msg{
1334  display:inline-block;
1335  transition:opacity .35s ease, transform .45s var(--ta-ease);
1336  will-change:opacity,transform;
1337}
1338.trenga-acc__chevron{
1339  width:18px;height:18px;flex:0 0 auto;
1340  transition:transform .45s var(--ta-ease), opacity .35s ease;
1341}
1342.trenga-acc.is-open .trenga-acc__chevron{transform:rotate(180deg);}
1343
1344.trenga-acc__panel{
1345  display:grid;grid-template-rows:0fr;
1346  transition:grid-template-rows .5s var(--ta-ease);
1347}
1348.trenga-acc.is-open .trenga-acc__panel{grid-template-rows:1fr;}
1349.trenga-acc__panel > div{overflow:hidden;min-height:0;}
1350
1351.trenga-acc__inner{
1352  padding:40px clamp(20px,6vw,80px) 48px;
1353  border-top:1px solid var(--ta-line);
1354  opacity:0;transform:translateY(10px);
1355  transition:opacity .4s ease, transform .5s var(--ta-ease);
1356}
1357.trenga-acc.is-open .trenga-acc__inner{opacity:1;transform:none;transition-delay:.1s;}
1358
1359.trenga-acc__grid{
1360  display:grid;grid-template-columns:repeat(3,1fr);gap:48px;
1361}
1362.trenga-acc__h{margin:0 0 16px;}
1363.trenga-acc__pill{
1364  display:inline-flex;align-items:center;gap:8px;
1365  padding:8px 18px;
1366  font:inherit;font-size:15px;font-weight:700;
1367  letter-spacing:-0.015em;line-height:1.2;
1368  color:var(--ta-text);
1369  background:var(--ta-pill);
1370  border:1px solid var(--ta-pill-line);
1371  border-radius:999px;
1372  cursor:pointer;text-decoration:none;
1373  -webkit-appearance:none;appearance:none;
1374  transition:background .35s var(--ta-ease),
1375             border-color .35s var(--ta-ease),
1376             transform .25s var(--ta-ease);
1377}
1378.trenga-acc__pill svg{
1379  width:15px;height:15px;flex:0 0 auto;
1380  transition:transform .35s var(--ta-ease);
1381}
1382.trenga-acc__pill:focus-visible{outline:2px solid var(--ta-accent);outline-offset:2px;}
1383.trenga-acc__pill:active{transform:translateY(0) scale(.98);}
1384
1385.trenga-acc__item p{
1386  margin:0 0 16px;font-size:14px;line-height:1.55;color:var(--ta-muted);
1387}
1388.trenga-acc__link{
1389  display:inline-flex;align-items:center;gap:6px;
1390  font:inherit;font-size:14px;font-weight:600;
1391  color:var(--ta-accent);text-decoration:none;
1392  background:none;border:0;padding:0 0 2px;
1393  border-bottom:1px solid currentColor;
1394  cursor:pointer;
1395  transition:gap .35s var(--ta-ease);
1396}
1397
1398@media (hover:hover){
1399  .trenga-acc__head:hover .trenga-acc__chevron{transform:translateY(2px);}
1400  .trenga-acc.is-open .trenga-acc__head:hover .trenga-acc__chevron{transform:rotate(180deg);}
1401  .trenga-acc__pill:hover{
1402    background:var(--ta-pill-hover);
1403    border-color:rgba(255,255,255,.32);
1404    transform:translateY(-1px);
1405  }
1406  .trenga-acc__pill:hover svg{transform:translateX(3px);}
1407  .trenga-acc__link:hover{gap:11px;}
1408}
1409
1410/* ------------------------------------------------------------
1411   Responsive
1412   ------------------------------------------------------------ */
1413@media (max-width:1100px){
1414  .fech-bikes{grid-template-columns:minmax(220px,280px) 1fr;gap:24px;}
1415}
1416
1417/* Stufe 1 – ab hier wird es enger: Abstände und Buttons schrumpfen,
1418   Reiter bleiben sichtbar */
1419@media (max-width:1240px) and (min-width:901px){
1420  .fech-nav__bar{gap:14px;padding:0 24px;}
1421  .fech-nav__list{gap:0;}
1422  .fech-nav__link{padding:10px 12px;font-size:14px;}
1423  .fech-btn{padding:11px 18px;font-size:13px;}
1424  .fech-nav__logo img{height:36px;}
1425}
1426
1427/* Stufe 2 – der sekundäre schwarze Werkstatt-Button weicht zuerst,
1428   damit der blaue Probefahrt-Button garantiert Platz behält */
1429@media (max-width:1080px) and (min-width:901px){
1430  .fech-nav__actions .fech-btn--black{display:none;}
1431  .fech-nav__link{padding:10px 10px;}
1432}
1433
1434/* Stufe 3 – Burger: Reiter wandern ins Burger-Menü,
1435   der blaue Probefahrt-Button bleibt immer in der Leiste */
1436@media (max-width:900px){
1437  .fech-nav{--fn-h:68px;}
1438  .fech-nav__logo img{height:30px;}
1439  .fech-nav__list{display:none;}
1440  .fech-nav__actions .fech-btn--black{display:none;}
1441  .fech-nav__actions .fech-btn--blue{padding:11px 18px;font-size:13px;}
1442  .fech-nav__bar{gap:10px;padding:0 12px 0 6px;position:relative;}
1443  .fech-nav__burger{display:inline-flex;}
1444  .fech-mobile{display:block;}
1445
1446  /* Logo mittig zwischen Burger (links) und Button (rechts) */
1447  .fech-nav__logo{
1448    position:absolute;
1449    left:50%;
1450    top:50%;
1451    transform:translate(-50%,-50%);
1452  }
1453
1454  .trenga-acc{--ta-top:68px;}      /* = Menühöhe Mobil */
1455  .trenga-acc__head{
1456    font-size:13px;line-height:1.4;
1457    padding:10px 18px;min-height:44px;gap:8px;
1458  }
1459  .trenga-acc__chevron{width:16px;height:16px;}
1460  .trenga-acc__grid{grid-template-columns:1fr;gap:40px;}
1461  .trenga-acc__inner{padding:16px 20px 40px;}
1462  .trenga-acc__item p{margin:0 0 20px;font-size:15px;line-height:1.6;}
1463  .trenga-acc__pill{font-size:15px;padding:9px 18px;}
1464}
1465
1466/* Sehr schmal – Logo etwas kleiner, Button-Text bleibt lesbar */
1467@media (max-width:480px){
1468  /* Zu wenig Platz für mittiges Logo neben Burger + Button:
1469     Logo linksbündig neben den Burger, damit nichts kollidiert */
1470  .fech-nav__logo{
1471    position:static;
1472    transform:none;
1473    left:auto;top:auto;
1474  }
1475  .fech-nav__bar{justify-content:flex-start;gap:6px;}
1476  .fech-nav__actions{margin-left:auto;}
1477  .fech-nav__logo img{height:26px;}
1478}
1479@media (max-width:380px){
1480  .fech-nav__logo img{height:22px;}
1481  .fech-nav__actions .fech-btn--blue{padding:9px 13px;font-size:12px;}
1482}
1483@media (max-width:340px){
1484  .fech-nav__logo img{height:20px;}
1485}
1486@media (prefers-reduced-motion:reduce){
1487  .fech-nav *, .fech-mobile, .fech-mobile *,
1488  .trenga-acc, .trenga-acc *{transition-duration:.01ms !important;}
1489}
1490</style>
1491
1492<!-- ===================== MENÜ (immer sichtbar) ===================== -->
1493<header class="fech-nav" id="fechNav">
1494  <div class="fech-nav__bar">
1495
1496    <button type="button" class="fech-nav__burger" id="fechBurger" aria-expanded="false" aria-controls="fechMobile" aria-label="Menü öffnen">
1497      <svg class="ico-open" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="4" y1="7" x2="20" y2="7"></line><line x1="4" y1="12" x2="20" y2="12"></line><line x1="4" y1="17" x2="20" y2="17"></line></svg>
1498      <svg class="ico-close" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="6" y1="6" x2="18" y2="18"></line><line x1="18" y1="6" x2="6" y2="18"></line></svg>
1499    </button>
1500
1501    <a class="fech-nav__logo" href="https://www.fahrradcenter.de/" aria-label="Zur Startseite">
1502      <img src="https://www.fahrradcenter.de/media/04/bf/2c/1583143365/FECH%20LOGO_2.0.png" alt="Fahrrad &amp; E-Bike Center Hamburg">
1503    </a>
1504
1505    <nav aria-label="Hauptnavigation">
1506      <ul class="fech-nav__list">
1507
1508        <!-- Fahrräder: Hover öffnet Kategorieliste + Vorschau-Karte -->
1509        <li class="fech-nav__item">
1510          <button type="button" class="fech-nav__link" aria-expanded="false" aria-haspopup="true">
1511            Fahrräder
1512            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
1513          </button>
1514          <div class="fech-nav__mega">
1515            <div class="fech-nav__mega-inner">
1516              <div class="fech-bikes">
1517                <ul class="fech-bikes__list" id="fechBikesList">
1518                  <li><a class="fech-bikes__link" href="https://trenga.de/E-Bike/" data-img="https://www.trenga.de/media/d4/a8/ee/1769510875/trenga-gle-100-trapez-passion-purple-matt-106348-51.avif?1774874721" data-price="ab 2.999 €" data-leasing="ab 1.799 €">E-Bikes
1519                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1520                  </a></li>
1521                  <li><a class="fech-bikes__link" href="https://trenga.de/Gravel-Bikes/" data-img="https://www.trenga.de/media/77/9e/3c/1769601989/trenga-glg-90-passion-purple-gloss-105845-neu.avif?1774539891" data-price="ab 1.299 €" data-leasing="ab 779 €">Gravel Bikes
1522                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1523                  </a></li>
1524                  <li><a class="fech-bikes__link" href="https://trenga.de/City-Trekking/" data-img="https://www.trenga.de/media/43/75/96/1776841215/trenga-gls-60-ocean-blue-gloss-105774-l_web.avif?1776841215" data-price="ab 999 €" data-leasing="ab 599 €">City &amp; Trekking
1525                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1526                  </a></li>
1527                  <li><a class="fech-bikes__link" href="https://trenga.de/MTB/" data-img="https://www.trenga.de/media/3f/bd/6c/1716885188/trenga-ame-80-6003-olivgruen-matt-96703-M-2024.avif?1774466527" data-price="ab 649 €" data-leasing="ab 389 €">Mountainbikes
1528                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1529                  </a></li>
1530                  <li><a class="fech-bikes__link" href="https://trenga.de/Rennrad/" data-img="https://www.trenga.de/media/61/7b/e7/1767627230/trenga-ksr-90-perfect-purple-metallic-106197-XS.avif?1774446220" data-price="ab 1.199 €" data-leasing="ab 719 €">Rennräder
1531                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1532                  </a></li>
1533                </ul>
1534                <div class="fech-bikes__preview" id="fechBikesPreview">
1535                  <div class="fech-bikes__best">
1536                    <p class="fech-bikes__best-head">Unsere Bestseller</p>
1537                    <div class="fech-bikes__best-items">
1538                      <div class="fech-bikes__best-card">
1539                        <div class="fech-bikes__best-img" style="background-image:url('https://www.trenga.de/media/b4/ab/9a/1765271043/trenga-glg-50-flamnigo-pink-gloss-105812-L.avif?1774447680');"></div>
1540                        <div class="fech-bikes__best-body">
1541                          <span class="fech-bikes__best-tag">Gravel Bike</span>
1542                          <a class="fech-bikes__best-label" href="https://www.trenga.de/Gravel-Bikes/Adventure/GLG/">TRENGA GLG
1543                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1544                          </a>
1545                          <span class="fech-bikes__best-price">ab 1.599 €</span>
1546                          <a class="fech-bikes__best-jobrad" href="https://www.fahrradcenter.de/Unternehmen/Leasing-Finanzierung/">oder ab 959 € effektiv mit
1547                            <img src="https://www.trenga.de/media/b1/82/00/1776941897/jobrad-logo-anthrazit-schutzraum.png?1777014038" alt="JobRad" loading="lazy">
1548                          </a>
1549                        </div>
1550                      </div>
1551                      <div class="fech-bikes__best-card">
1552                        <div class="fech-bikes__best-img" style="background-image:url('https://www.trenga.de/media/16/ca/92/1778055053/trenga_gle-140_gravel-grey-metallic_Matt_106702_60_web.avif?1778055053');"></div>
1553                        <div class="fech-bikes__best-body">
1554                          <span class="fech-bikes__best-tag">E-Bike</span>
1555                          <a class="fech-bikes__best-label" href="https://www.trenga.de/E-Bikes/E-Trekking/E-Trekkingraeder/">TRENGA GLE
1556                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1557                          </a>
1558                          <span class="fech-bikes__best-price">ab 2.999 €</span>
1559                          <a class="fech-bikes__best-jobrad" href="https://www.fahrradcenter.de/Unternehmen/Leasing-Finanzierung/">oder ab 1.799 € effektiv mit
1560                            <img src="https://www.trenga.de/media/b1/82/00/1776941897/jobrad-logo-anthrazit-schutzraum.png?1777014038" alt="JobRad" loading="lazy">
1561                          </a>
1562                        </div>
1563                      </div>
1564                    </div>
1565                  </div>
1566
1567                  <!-- Kategorie-Vorschau: Bild + Preis + Leasing (erscheint bei Hover) -->
1568                  <div class="fech-bikes__preview-card" id="fechBikesPreviewCard">
1569                    <div class="fech-bikes__preview-photo" id="fechBikesPreviewPhoto"></div>
1570                    <div class="fech-bikes__preview-info">
1571                      <a class="fech-bikes__best-label" id="fechBikesPreviewLink" href="#">
1572                        <span id="fechBikesPreviewName"></span>
1573                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1574                      </a>
1575                      <span class="fech-bikes__best-price" id="fechBikesPreviewPrice"></span>
1576                      <a class="fech-bikes__best-jobrad" href="https://www.fahrradcenter.de/Unternehmen/Leasing-Finanzierung/">oder <span id="fechBikesPreviewLeasing"></span> effektiv mit
1577                        <img src="https://www.trenga.de/media/b1/82/00/1776941897/jobrad-logo-anthrazit-schutzraum.png?1777014038" alt="JobRad" loading="lazy">
1578                      </a>
1579                    </div>
1580                  </div>
1581                </div>
1582              </div>
1583            </div>
1584          </div>
1585        </li>
1586
1587        <!-- Zubehör: reiner Link auf / (kein Dropdown) -->
1588        <li class="fech-nav__item">
1589          <a class="fech-nav__link" href="https://fahrradcenter.de/fahrradzubehoer">Fahrradzubehör</a>
1590        </li>
1591
1592        <!-- Dienstrad-Leasing: reiner Link, kein Dropdown -->
1593        <li class="fech-nav__item">
1594          <a class="fech-nav__link" href="https://www.fahrradcenter.de/Unternehmen/Leasing-Finanzierung/">Dienstrad</a>
1595        </li>
1596
1597        <!-- Werkstatt: Hover öffnet 2 Standort-Karten -->
1598        <li class="fech-nav__item">
1599          <button type="button" class="fech-nav__link" aria-expanded="false" aria-haspopup="true">
1600            Fahrradwerkstatt
1601            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
1602          </button>
1603          <div class="fech-nav__mega">
1604            <div class="fech-nav__mega-inner">
1605              <p class="fech-nav__mega-title">Werkstattservice direkt vom Hersteller</p>
1606              <div class="fech-store-grid">
1607                <a class="fech-store-card" href="https://www.fahrradcenter.de/fahrradwerkstatt-hamburg">
1608                  <div class="fech-store-card__photo" style="background-image:url('https://www.trenga.de/media/80/ec/0a/1606391384/Fahrrad-und-E-bike-Center-FECH-Harburg.avif?1781772673');"></div>
1609                  <div class="fech-store-card__body">
1610                    <h4>Standort Hamburg</h4>
1611                    <p>Großmoordamm 63-67<br>21079 Hamburg-Harburg</p>
1612                    <span class="fech-store-card__cta">Zur Werkstatt Hamburg
1613                      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1614                    </span>
1615                  </div>
1616                </a>
1617                <a class="fech-store-card" href="https://www.fahrradcenter.de/fahrradwerkstatt-buchholz">
1618                  <div class="fech-store-card__photo" style="background-image:url('https://www.trenga.de/media/g0/fd/fe/1606391528/Ansicht-FECH-Factory-Store-Buchholz.avif?1781772635');"></div>
1619                  <div class="fech-store-card__body">
1620                    <h4>Standort Buchholz</h4>
1621                    <p>Innungsstraße 2<br>21244 Buchholz i. d. Nordheide</p>
1622                    <span class="fech-store-card__cta">Zur Werkstatt Buchholz
1623                      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1624                    </span>
1625                  </div>
1626                </a>
1627              </div>
1628            </div>
1629          </div>
1630        </li>
1631
1632      </ul>
1633    </nav>
1634
1635    <div class="fech-nav__actions">
1636      <a class="fech-btn fech-btn--black" href="https://www.trenga.de/beratung-service/#werkstatt">Werkstatt Termin buchen</a>
1637      <button type="button" class="fech-btn fech-btn--blue timify-button" data-account-id="6041e03ef36cce115938efd8">Probefahrt buchen</button>
1638    </div>
1639  </div>
1640
1641  <!-- Mobiles Burger-Menü -->
1642  <div class="fech-mobile" id="fechMobile">
1643    <div class="fech-mobile__inner">
1644
1645      <div class="fech-mobile__section">
1646        <button type="button" class="fech-mobile__trigger" aria-expanded="false">
1647          Fahrräder
1648          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
1649        </button>
1650        <div class="fech-mobile__panel">
1651          <div>
1652            <div class="fech-mobile__cats">
1653              <a class="fech-mobile__cat" href="https://trenga.de/E-Bike/">
1654                <span class="fech-mobile__cat-title">E-Bikes</span>
1655                <span class="fech-mobile__cat-sub">Rückenwind für deinen Alltag</span>
1656              </a>
1657              <a class="fech-mobile__cat" href="https://trenga.de/Gravel-Bikes/">
1658                <span class="fech-mobile__cat-title">Gravel Bikes</span>
1659                <span class="fech-mobile__cat-sub">Bereit für dein nächstes Abenteuer</span>
1660              </a>
1661              <a class="fech-mobile__cat" href="https://trenga.de/City-Trekking/">
1662                <span class="fech-mobile__cat-title">City &amp; Trekking</span>
1663                <span class="fech-mobile__cat-sub">Zuverlässig für Touren & Alltag</span>
1664              </a>
1665              <a class="fech-mobile__cat" href="https://trenga.de/MTB/">
1666                <span class="fech-mobile__cat-title">Mountainbikes</span>
1667                <span class="fech-mobile__cat-sub">Zum Trails schrubben</span>
1668              </a>
1669              <a class="fech-mobile__cat" href="https://trenga.de/Rennrad/">
1670                <span class="fech-mobile__cat-title">Rennräder</span>
1671                <span class="fech-mobile__cat-sub">Carbon statt Comfort</span>
1672              </a>
1673            </div>
1674          </div>
1675        </div>
1676      </div>
1677
1678      <a class="fech-mobile__link" href="https://fahrradcenter.de/fahrradzubehoer">Zubehör
1679        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1680      </a>
1681
1682      <a class="fech-mobile__link" href="https://www.fahrradcenter.de/Unternehmen/Leasing-Finanzierung/">Dienstrad-Leasing
1683        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1684      </a>
1685
1686      <div class="fech-mobile__section">
1687        <button type="button" class="fech-mobile__trigger" aria-expanded="false">
1688          Werkstatt
1689          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
1690        </button>
1691        <div class="fech-mobile__panel">
1692          <div>
1693            <div class="fech-mobile__stores">
1694              <a class="fech-mobile__store" href="https://www.fahrradcenter.de/fahrradwerkstatt-hamburg">
1695                <div class="fech-mobile__store-img" style="background-image:url('https://www.trenga.de/media/80/ec/0a/1606391384/Fahrrad-und-E-bike-Center-FECH-Harburg.avif?1781772673');"></div>
1696                <span class="fech-mobile__store-label">Werkstatt Hamburg
1697                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 18 15 12 9 6"></polyline></svg>
1698                </span>
1699              </a>
1700              <a class="fech-mobile__store" href="https://www.fahrradcenter.de/fahrradwerkstatt-buchholz">
1701                <div class="fech-mobile__store-img" style="background-image:url('https://www.trenga.de/media/g0/fd/fe/1606391528/Ansicht-FECH-Factory-Store-Buchholz.avif?1781772635');"></div>
1702                <span class="fech-mobile__store-label">Werkstatt Buchholz
1703                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 18 15 12 9 6"></polyline></svg>
1704                </span>
1705              </a>
1706            </div>
1707          </div>
1708        </div>
1709      </div>
1710
1711      <div class="fech-mobile__ctas">
1712        <button type="button" class="fech-btn fech-btn--blue timify-button" data-account-id="6041e03ef36cce115938efd8">Probefahrt buchen</button>
1713        <a class="fech-btn fech-btn--black" href="https://www.trenga.de/beratung-service/#werkstatt">Werkstatt Termin buchen</a>
1714      </div>
1715
1716    </div>
1717  </div>
1718</header>
1719
1720<!-- ===================== CONVERSION BAR (unter dem Menü) ===================== -->
1721<div class="trenga-acc">
1722  <button type="button" class="trenga-acc__head" aria-expanded="false">
1723    <span class="trenga-acc__msg">Jetzt Probefahrt vereinbaren</span>
1724    <svg class="trenga-acc__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
1725  </button>
1726
1727  <div class="trenga-acc__panel">
1728    <div>
1729      <div class="trenga-acc__inner">
1730        <div class="trenga-acc__grid">
1731
1732          <div class="trenga-acc__item">
1733            <h3 class="trenga-acc__h">
1734              <a class="trenga-acc__pill" href="https://www.trenga.de/probefahrt-plus">Probefahrt +</a>
1735            </h3>
1736            <p>Spür den Unterschied schon vor dem Kauf: Teste kostenfrei ein ganzes Wochenende Dein neues TRENGA und finde heraus, ob es wirklich zu Dir passt.</p>
1737            <button type="button" class="trenga-acc__link timify-button" data-account-id="6041e03ef36cce115938efd8">Termin sichern
1738              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1739            </button>
1740          </div>
1741
1742          <div class="trenga-acc__item">
1743            <h3 class="trenga-acc__h">
1744              <a class="trenga-acc__pill" href="https://trenga.de/Dienstrad-Leasing/">Dienstrad-Leasing</a>
1745            </h3>
1746            <p>Fahr dein Traumrad und spare bis zu 40 % gegenüber dem Direktkauf – bequem über Dein Gehalt, ganz ohne hohe Anschaffungskosten auf einen Schlag.</p>
1747            <a class="trenga-acc__link" href="https://trenga.de/Dienstrad-Leasing/">So funktioniert's
1748              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1749            </a>
1750          </div>
1751
1752          <div class="trenga-acc__item">
1753            <h3 class="trenga-acc__h">
1754              <a class="trenga-acc__pill" href="https://trenga.de/Unternehmen/Newsletter/">Spare mit unserem Newsletter</a>
1755            </h3>
1756            <p>Sei vor allen anderen informiert: neue Modelle, Aktionen und Group Rides landen direkt in Deinem Postfach.</p>
1757            <a class="trenga-acc__link" href="https://trenga.de/Unternehmen/Newsletter/">Jetzt anmelden
1758              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
1759            </a>
1760          </div>
1761
1762        </div>
1763      </div>
1764    </div>
1765  </div>
1766</div>
1767
1768<!-- HINWEIS: Menü + Conversion Bar sind position:fixed und überdecken
1769     den Seitenanfang. Oberen Abstand (145px Desktop / 112px Mobil)
1770     bitte in Shopware am ersten Inhaltselement selbst setzen. -->
1771
1772<!-- Timify Widget – nur EINMAL pro Seite einbinden -->
1773<script async
1774  src="//book.timify.com/widget/widget.min.js"
1775  id="timify-widget"
1776  data-position="flexible"
1777  data-locale="de-de"
1778></script>
1778
1779
1780<script>
1781(function(){
1782  var nav     = document.getElementById('fechNav');
1783  var burger  = document.getElementById('fechBurger');
1784  var mobile  = document.getElementById('fechMobile');
1785  var acc     = document.querySelector('.trenga-acc');
1786  var accHead = acc.querySelector('.trenga-acc__head');
1787  var accMsg  = acc.querySelector('.trenga-acc__msg');
1788  var accChev = acc.querySelector('.trenga-acc__chevron');
1789
1790  /* ---- Rotierende Messages hier pflegen ---- */
1791  var messages = [
1792    "Jetzt Probefahrt vereinbaren",
1793    "Bis zu 40% günstiger mit Dienstrad-Leasing",
1794    "Spare mit unserem Newsletter"
1795  ];
1796  var INTERVAL = 5000;
1797  var SHOW_AT_TOP = 30;
1798  var i = 0;
1799
1800  /* ------------------------------------------------------------
1801     Mega-Dropdowns: Hover-Intent mit Schließverzögerung.
1802     So bleibt das Panel offen, während die Maus vom Menüpunkt
1803     hinüberwandert. Klick auf den Button togglet zusätzlich
1804     (Touch/Barrierefreiheit).
1805     ------------------------------------------------------------ */
1806  var HOVER_CLOSE_DELAY = 220;
1807
1808  function closeAllMega(except){
1809    document.querySelectorAll('.fech-nav__item.is-open').forEach(function(o){
1810      if(o === except) return;
1811      o.classList.remove('is-open');
1812      var t = o.querySelector('[aria-haspopup]');
1813      if(t) t.setAttribute('aria-expanded','false');
1814    });
1815  }
1816
1817  document.querySelectorAll('.fech-nav__item').forEach(function(item){
1818    var mega = item.querySelector('.fech-nav__mega');
1819    if(!mega) return;
1820    var trigger = item.querySelector('[aria-haspopup]');
1821    var closeTimer;
1822
1823    function open(){
1824      clearTimeout(closeTimer);
1825      closeAllMega(item);
1826      item.classList.add('is-open');
1827      if(trigger) trigger.setAttribute('aria-expanded','true');
1828    }
1829    function scheduleClose(){
1830      clearTimeout(closeTimer);
1831      closeTimer = setTimeout(function(){
1832        item.classList.remove('is-open');
1833        if(trigger) trigger.setAttribute('aria-expanded','false');
1834      }, HOVER_CLOSE_DELAY);
1835    }
1836
1837    item.addEventListener('mouseenter', open);
1838    item.addEventListener('mouseleave', scheduleClose);
1839
1840    if(trigger && trigger.tagName === 'BUTTON'){
1841      trigger.addEventListener('click', function(e){
1842        e.stopPropagation();
1843        if(item.classList.contains('is-open')){
1844          item.classList.remove('is-open');
1845          trigger.setAttribute('aria-expanded','false');
1846        } else {
1847          open();
1848        }
1849      });
1850    }
1851  });
1852
1853  /* Klick außerhalb schließt offene Dropdowns */
1854  document.addEventListener('click', function(e){
1855    if(!e.target.closest('.fech-nav__item')) closeAllMega(null);
1856  });
1857
1858  /* ------------------------------------------------------------
1859     Fahrräder-Panel: Vorschau-Karte mit Bild, Preis und
1860     Leasing-Zeile erscheint beim Hover über eine Kategorie
1861     (Bilder werden vorab geladen)
1862     ------------------------------------------------------------ */
1863  var bikesList      = document.getElementById('fechBikesList');
1864  var bikesPreview   = document.getElementById('fechBikesPreview');
1865  var previewCard    = document.getElementById('fechBikesPreviewCard');
1866  var previewPhoto   = document.getElementById('fechBikesPreviewPhoto');
1867  var previewLink    = document.getElementById('fechBikesPreviewLink');
1868  var previewName    = document.getElementById('fechBikesPreviewName');
1869  var previewPrice   = document.getElementById('fechBikesPreviewPrice');
1870  var previewLeasing = document.getElementById('fechBikesPreviewLeasing');
1871  var bikesWrap      = bikesList ? bikesList.closest('.fech-bikes') : null;
1872
1873  if(bikesList && bikesPreview && previewCard){
1874    bikesList.querySelectorAll('.fech-bikes__link').forEach(function(link){
1875      var url = link.getAttribute('data-img');
1876      if(!url) return;
1877      var pre = new Image();
1878      pre.src = url;
1879
1880      function show(){
1881        previewPhoto.style.backgroundImage = "url('" + url + "')";
1882        previewName.textContent = link.textContent.trim();
1883        previewLink.setAttribute('href', link.getAttribute('href') || '#');
1884        previewPrice.textContent = link.getAttribute('data-price') || '';
1885        previewLeasing.textContent = link.getAttribute('data-leasing') || '';
1886        bikesPreview.classList.add('is-active');
1887      }
1888      link.addEventListener('mouseenter', show);
1889      link.addEventListener('focus', show);
1890    });
1891
1892    /* Zurück zu den Bestsellern erst, wenn der GESAMTE Bereich
1893       (Liste + Vorschau) verlassen wird – so bleibt die Karte
1894       stehen, während man von der Kategorie hinüberwandert. */
1895    if(bikesWrap){
1896      bikesWrap.addEventListener('mouseleave', function(){
1897        bikesPreview.classList.remove('is-active');
1898      });
1899    }
1900  }
1901
1902  /* ------------------------------------------------------------
1903     Mobiles Burger-Menü + Akkordeon "Fahrräder"
1904     ------------------------------------------------------------ */
1905  burger.addEventListener('click', function(){
1906    var open = mobile.classList.toggle('is-open');
1907    burger.setAttribute('aria-expanded', open);
1908    burger.setAttribute('aria-label', open ? 'Menü schließen' : 'Menü öffnen');
1909  });
1910
1911  mobile.querySelectorAll('.fech-mobile__trigger').forEach(function(trigger){
1912    trigger.addEventListener('click', function(){
1913      var panel = trigger.nextElementSibling;
1914      var open = panel.classList.toggle('is-open');
1915      trigger.setAttribute('aria-expanded', open);
1916    });
1917  });
1918
1919  document.addEventListener('keydown', function(e){
1920    if(e.key !== 'Escape') return;
1921    closeAllMega(null);
1922    if(document.activeElement && document.activeElement.blur) document.activeElement.blur();
1923    if(mobile.classList.contains('is-open')){
1924      mobile.classList.remove('is-open');
1925      burger.setAttribute('aria-expanded','false');
1926      burger.setAttribute('aria-label','Menü öffnen');
1927      burger.focus();
1928    }
1929  });
1930
1931  /* ------------------------------------------------------------
1932     Conversion Bar: auf/zu + Message-Rotation
1933     ------------------------------------------------------------ */
1934  accHead.addEventListener('click', function(){
1935    var open = acc.classList.toggle('is-open');
1936    accHead.setAttribute('aria-expanded', open);
1937  });
1938
1939  setInterval(function(){
1940    if(acc.classList.contains('is-open')) return;
1941    accMsg.style.opacity = '0';
1942    accMsg.style.transform = 'translateY(-6px)';
1943    accChev.style.opacity = '0';
1944    setTimeout(function(){
1945      i = (i + 1) % messages.length;
1946      accMsg.textContent = messages[i];
1947      accMsg.style.transform = 'translateY(6px)';
1948      void accMsg.offsetWidth;
1949      accMsg.style.opacity = '1';
1950      accMsg.style.transform = 'translateY(0)';
1951      accChev.style.opacity = '1';
1952    }, 350);
1953  }, INTERVAL);
1954
1955  /* ------------------------------------------------------------
1956     Scroll-Logik NUR für die Conversion Bar:
1957     Das Menü bleibt immer sichtbar. Die Bar blendet beim
1958     Runterscrollen aus (gleitet hinter das Menü, z 110 < 120)
1959     und beim Hochscrollen wieder ein.
1960     ------------------------------------------------------------ */
1961  var lastY = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
1962  var ticking = false;
1963  var DELTA = 3;
1964
1965  function onScroll(){
1966    var y = Math.max(0, window.pageYOffset || document.documentElement.scrollTop);
1967
1968    if(y <= SHOW_AT_TOP || acc.classList.contains('is-open')){
1969      acc.classList.remove('is-hidden');
1970      lastY = y;
1971      ticking = false;
1972      return;
1973    }
1974
1975    var diff = y - lastY;
1976    if(Math.abs(diff) < DELTA){
1977      ticking = false;
1978      return;
1979    }
1980
1981    if(diff > 0){
1982      acc.classList.add('is-hidden');
1983    } else {
1984      acc.classList.remove('is-hidden');
1985    }
1986
1987    lastY = y;
1988    ticking = false;
1989  }
1990
1991  window.addEventListener('scroll', function(){
1992    if(!ticking){
1993      window.requestAnimationFrame(onScroll);
1994      ticking = true;
1995    }
1996  }, { passive:true });
1997})();
1998</script>
1998
1999            </div>
2000            </div>
2001                    </div>
2002                            </div>
2003            </div>
2004                        </div>
2005                </div>
2006                                                        
2007            
2008            
2009            
2010                                        
2011                                    
2012                            <div class="cms-section  pos-2 cms-section-default"
2013                     style="">
2014
2015                                <div class="cms-section-default full-width">
2016                                    
2017                
2018                
2019    
2020    
2021    
2022    
2023            
2024    
2025                
2026            
2027    <div class="cms-block  pos-0 cms-block-html"
2028         style="">
2029                            
2030                    <div class="cms-block-container"
2031                 style="padding: 20px 20px 50px 20px;">
2032                                    <div class="cms-block-container-row row cms-row ">
2033                                
2034    <div class="col-12" data-cms-element-id="019f84511efc75e9b32fd10a52162e6c">
2035                        <div class="cms-element-html">
2036                    <style>
2037  .trenga-zbt{
2038    --zbt-blue:#0057b8;
2039    --zbt-text:#111111;
2040    --zbt-muted:#6b7280;
2041    --zbt-line:rgba(17,17,17,.10);
2042    --zbt-tile:#f2f4f7;
2043    --zbt-blue-soft:rgba(0,87,184,.08);
2044    --zbt-ease:cubic-bezier(0.22,1,0.36,1);
2045    font-family:inherit;
2046    color:var(--zbt-text);
2047    padding:0; /* Außenabstände kommen aus Shopware */
2048    -webkit-font-smoothing:antialiased;
2049  }
2050
2051  .trenga-zbt *,
2052  .trenga-zbt *::before,
2053  .trenga-zbt *::after{box-sizing:border-box;}
2054
2055  .trenga-zbt a,.trenga-zbt button{text-decoration:none;}
2056  .trenga-zbt a:hover,.trenga-zbt a:focus,
2057  .trenga-zbt button:hover,.trenga-zbt button:focus{text-decoration:none !important;}
2058
2059  .trenga-zbt__inner{
2060    max-width:1200px;
2061    margin:0 auto;
2062  }
2063
2064  /* ---------- Kopfbereich ---------- */
2065  .trenga-zbt__header{
2066    max-width:640px;
2067    margin-bottom:clamp(20px,3vw,28px);
2068  }
2069  .trenga-zbt__title{
2070    font-size:clamp(28px,5vw,42px);
2071    line-height:1.15;
2072    letter-spacing:-0.02em;
2073    font-weight:800;
2074    font-style:normal !important; /* Theme rendert Headlines kursiv – hier bewusst aufheben */
2075    margin:0 0 12px;
2076  }
2077  .trenga-zbt__sub{
2078    font-size:clamp(15px,2vw,17px);
2079    line-height:1.6;
2080    color:var(--zbt-muted);
2081    margin:0;
2082  }
2083
2084  /* ============================================================
2085     Suchfeld
2086     ============================================================ */
2087  .trenga-zbt__search{
2088    position:relative;
2089    max-width:560px;
2090    margin:0 0 clamp(24px,3vw,36px);
2091  }
2092  .trenga-zbt__search-icon{
2093    position:absolute;
2094    left:20px;top:50%;
2095    transform:translateY(-50%);
2096    width:20px;height:20px;
2097    color:var(--zbt-muted);
2098    pointer-events:none;
2099    transition:color .3s var(--zbt-ease);
2100  }
2101  .trenga-zbt__input{
2102    width:100%;
2103    height:56px;
2104    padding:0 52px 0 52px;
2105    border:1px solid var(--zbt-line);
2106    border-radius:999px;
2107    background:#fff;
2108    font:inherit;
2109    font-size:16px; /* verhindert iOS-Zoom beim Fokus */
2110    font-weight:500;
2111    letter-spacing:-0.01em;
2112    color:var(--zbt-text);
2113    box-shadow:0 1px 2px rgba(17,17,17,.04);
2114    transition:border-color .3s var(--zbt-ease), box-shadow .3s var(--zbt-ease);
2115    -webkit-appearance:none;
2116    appearance:none;
2117  }
2118  .trenga-zbt__input::placeholder{color:var(--zbt-muted);font-weight:400;}
2119  .trenga-zbt__input::-webkit-search-cancel-button{display:none;}
2120  .trenga-zbt__input:focus{
2121    outline:none;
2122    border-color:var(--zbt-blue);
2123    box-shadow:0 0 0 4px var(--zbt-blue-soft), 0 4px 16px rgba(17,17,17,.06);
2124  }
2125  .trenga-zbt__search:focus-within .trenga-zbt__search-icon{color:var(--zbt-blue);}
2126
2127  .trenga-zbt__clear{
2128    position:absolute;
2129    right:10px;top:50%;
2130    transform:translateY(-50%);
2131    display:none;
2132    align-items:center;justify-content:center;
2133    width:36px;height:36px;
2134    padding:0;
2135    border:0;border-radius:50%;
2136    background:var(--zbt-tile);
2137    color:var(--zbt-text);
2138    cursor:pointer;
2139    transition:background .3s var(--zbt-ease), color .3s var(--zbt-ease);
2140  }
2141  .trenga-zbt__clear svg{width:16px;height:16px;}
2142  .trenga-zbt__clear.is-shown{display:inline-flex;}
2143  .trenga-zbt__clear:focus-visible{outline:2px solid var(--zbt-blue);outline-offset:2px;}
2144  @media (hover:hover){
2145    .trenga-zbt__clear:hover{background:var(--zbt-blue-soft);color:var(--zbt-blue);}
2146  }
2147
2148  /* ============================================================
2149     Bereichs-Tabs oben (Desktop) – Stil wie .fech-nav__link
2150     ============================================================ */
2151  .trenga-zbt__tabs{
2152    display:flex;
2153    align-items:center;
2154    flex-wrap:wrap;
2155    gap:6px;
2156    list-style:none;
2157    margin:0 0 clamp(24px,3vw,36px);
2158    padding:0 0 20px;
2159    border-bottom:1px solid var(--zbt-line);
2160  }
2161  .trenga-zbt__tab{margin:0;}
2162  .trenga-zbt__tab-btn{
2163    display:inline-flex;
2164    align-items:center;
2165    gap:7px;
2166    padding:11px 20px;
2167    background:none;border:0;
2168    border-radius:999px;
2169    color:var(--zbt-text);
2170    font:inherit;
2171    font-size:15px;
2172    font-weight:600;
2173    letter-spacing:-0.01em;
2174    line-height:1.2;
2175    cursor:pointer;
2176    transition:background .3s var(--zbt-ease), color .3s var(--zbt-ease);
2177  }
2178  .trenga-zbt__tab-btn:focus-visible{outline:2px solid var(--zbt-blue);outline-offset:2px;}
2179  .trenga-zbt__tab-btn[aria-selected="true"]{
2180    background:var(--zbt-blue-soft);
2181    color:var(--zbt-blue);
2182  }
2183  @media (hover:hover){
2184    .trenga-zbt__tab-btn:hover{background:var(--zbt-blue-soft);color:var(--zbt-blue);}
2185  }
2186
2187  /* ============================================================
2188     Bereiche & Kategoriegruppen
2189     ============================================================ */
2190  .trenga-zbt__area{display:none;}
2191  .trenga-zbt__area.is-shown{display:block;}
2192
2193  /* Bereichs-Label: mobil sichtbar, Desktop übernehmen die Tabs */
2194  .trenga-zbt__area-label{
2195    display:none;
2196    margin:0 0 4px;
2197    font-size:13px;
2198    font-weight:600;
2199    letter-spacing:.06em;
2200    text-transform:uppercase;
2201    color:var(--zbt-muted);
2202  }
2203
2204  .trenga-zbt__grid{
2205    display:grid;
2206    grid-template-columns:repeat(3,1fr);
2207    gap:clamp(24px,3vw,40px) clamp(24px,4vw,56px);
2208    align-items:start;
2209  }
2210
2211  /* Einblend-Animation beim Tab-Wechsel – wie fechItemDown */
2212  .trenga-zbt__area.is-shown .trenga-zbt__group{
2213    animation:zbtItemDown .4s var(--zbt-ease) both;
2214  }
2215  .trenga-zbt__area.is-shown .trenga-zbt__group:nth-child(1){animation-delay:.
221503s;}
2216  .trenga-zbt__area.is-shown .trenga-zbt__group:nth-child(2){animation-delay:.07s;}
2217  .trenga-zbt__area.is-shown .trenga-zbt__group:nth-child(3){animation-delay:.11s;}
2218  .trenga-zbt__area.is-shown .trenga-zbt__group:nth-child(4){animation-delay:.15s;}
2219  .trenga-zbt__area.is-shown .trenga-zbt__group:nth-child(5){animation-delay:.19s;}
2220  .trenga-zbt__area.is-shown .trenga-zbt__group:nth-child(6){animation-delay:.23s;}
2221  .trenga-zbt__area.is-shown .trenga-zbt__group:nth-child(7){animation-delay:.27s;}
2222  .trenga-zbt__area.is-shown .trenga-zbt__group:nth-child(8){animation-delay:.31s;}
2223  .trenga-zbt__area.is-shown .trenga-zbt__group:nth-child(9){animation-delay:.35s;}
2224  @keyframes zbtItemDown{
2225    from{opacity:0;transform:translateY(-8px);}
2226    to{opacity:1;transform:translateY(0);}
2227  }
2228
2229  /* Gruppen-Titel – Stil wie .fech-nav__mega-title */
2230  .trenga-zbt__group-head{
2231    display:flex;
2232    align-items:center;
2233    justify-content:space-between;
2234    gap:12px;
2235    width:100%;
2236    margin:0 0 14px;
2237    padding:0;
2238    background:none;border:0;
2239    font:inherit;
2240    font-size:13px;
2241    font-weight:600;
2242    letter-spacing:.06em;
2243    text-transform:uppercase;
2244    color:var(--zbt-muted);
2245    text-align:left;
2246    cursor:default;
2247  }
2248  .trenga-zbt__group-head svg{
2249    display:none; /* Chevron nur mobil */
2250    width:16px;height:16px;flex:0 0 auto;
2251    transition:transform .35s var(--zbt-ease);
2252  }
2253
2254  /* Unterkategorien als Pillen */
2255  .trenga-zbt__pills{
2256    list-style:none;
2257    display:flex;
2258    flex-wrap:wrap;
2259    gap:8px;
2260    margin:0;padding:0;
2261  }
2262  .trenga-zbt__pill{
2263    display:inline-flex;
2264    align-items:center;
2265    padding:9px 16px;
2266    border-radius:999px;
2267    background:var(--zbt-tile);
2268    font-size:14px;
2269    font-weight:600;
2270    letter-spacing:-0.01em;
2271    line-height:1.2;
2272    color:var(--zbt-text);
2273    white-space:nowrap;
2274    transition:background .3s var(--zbt-ease), color .3s var(--zbt-ease);
2275  }
2276  @media (hover:hover){
2277    .trenga-zbt__pill:hover{background:var(--zbt-blue-soft);color:var(--zbt-blue);}
2278  }
2279  /* Kurzes Aufblitzen, wenn per Suchtreffer angesprungen */
2280  .trenga-zbt__pill.is-flash{background:var(--zbt-blue);color:#fff;}
2281
2282  @media (prefers-reduced-motion:reduce){
2283    .trenga-zbt *{transition-duration:.01ms !important;animation-duration:.01ms !important;}
2284  }
2285
2286  /* ============================================================
2287     Markenraster
2288     ============================================================ */
2289  .trenga-zbt__brands{
2290    display:grid;
2291    grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
2292    gap:16px;
2293    list-style:none;
2294    margin:0;padding:0;
2295  }
2296  .trenga-zbt__brand{
2297    display:flex;
2298    flex-direction:column;
2299    align-items:center;
2300    justify-content:center;
2301    gap:12px;
2302    width:100%;
2303    min-height:132px;
2304    padding:20px 16px;
2305    border:1px solid var(--zbt-line);
2306    border-radius:16px;
2307    background:#fff;
2308    font:inherit;
2309    color:var(--zbt-text);
2310    cursor:pointer;
2311    box-shadow:0 1px 2px rgba(17,17,17,.04);
2312    transition:border-color .3s var(--zbt-ease),
2313               box-shadow .3s var(--zbt-ease),
2314               transform .3s var(--zbt-ease);
2315  }
2316  .trenga-zbt__brand:focus-visible{outline:2px solid var(--zbt-blue);outline-offset:2px;}
2317  .trenga-zbt__brand-logo{
2318    display:flex;
2319    align-items:center;
2320    justify-content:center;
2321    width:100%;
2322    height:52px;
2323  }
2324  .trenga-zbt__brand-logo img{
2325    max-width:100%;
2326    max-height:100%;
2327    width:auto;height:auto;
2328    object-fit:contain;
2329    mix-blend-mode:multiply; /* schluckt weiße Kanten der JPG-Logos */
2330    transition:transform .4s var(--zbt-ease);
2331  }
2332  .trenga-zbt__brand-name{
2333    font-size:13px;
2334    font-weight:600;
2335    letter-spacing:-0.01em;
2336    line-height:1.2;
2337    color:var(--zbt-muted);
2338    text-align:center;
2339    transition:color .3s var(--zbt-ease);
2340  }
2341  @media (hover:hover){
2342    .trenga-zbt__brand:hover{
2343      border-color:rgba(0,87,184,.25);
2344      box-shadow:0 8px 24px rgba(17,17,17,.07);
2345      transform:translateY(-2px);
2346    }
2347    .trenga-zbt__brand:hover .trenga-zbt__brand-logo img{transform:scale(1.05);}
2348    .trenga-zbt__brand:hover .trenga-zbt__brand-name{color:var(--zbt-blue);}
2349  }
2350  .trenga-zbt__brands-hint{
2351    margin:0 0 20px;
2352    font-size:14px;
2353    line-height:1.6;
2354    color:var(--zbt-muted);
2355  }
2356
2357  /* ============================================================
2358     Suchergebnisse
2359     ============================================================ */
2360  .trenga-zbt__results{display:none;}
2361  .trenga-zbt__results.is-shown{display:block;}
2362
2363  .trenga-zbt__results-meta{
2364    margin:0 0 clamp(20px,3vw,28px);
2365    padding:0 0 20px;
2366    border-bottom:1px solid var(--zbt-line);
2367    font-size:14px;
2368    line-height:1.6;
2369    color:var(--zbt-muted);
2370  }
2371  .trenga-zbt__results-meta strong{color:var(--zbt-text);font-weight:700;}
2372
2373  .trenga-zbt__block + .trenga-zbt__block{margin-top:clamp(32px,4vw,44px);}
2374  .trenga-zbt__block-title{
2375    margin:0 0 16px;
2376    font-size:13px;
2377    font-weight:600;
2378    letter-spacing:.06em;
2379    text-transform:uppercase;
2380    color:var(--zbt-muted);
2381  }
2382
2383  /* Kombitreffer „Kategorie von Marke“ */
2384  .trenga-zbt__combos{
2385    display:flex;
2386    flex-wrap:wrap;
2387    gap:10px;
2388    list-style:none;
2389    margin:0;padding:0;
2390  }
2391  .trenga-zbt__combo{
2392    display:inline-flex;
2393    align-items:center;
2394    gap:10px;
2395    padding:8px 18px 8px 10px;
2396    border-radius:999px;
2397    background:var(--zbt-blue-soft);
2398    color:var(--zbt-blue);
2399    font-size:14px;
2400    font-weight:600;
2401    letter-spacing:-0.01em;
2402    line-height:1.2;
2403  }
2404  .trenga-zbt__combo img{
2405    width:36px;height:24px;
2406    object-fit:contain;
2407    mix-blend-mode:multiply;
2408    flex:0 0 auto;
2409  }
2410
2411  .trenga-zbt__result-head{
2412    margin:0 0 14px;
2413    font-size:13px;
2414    font-weight:600;
2415    letter-spacing:.06em;
2416    text-transform:uppercase;
2417    color:var(--zbt-muted);
2418  }
2419  .trenga-zbt__result-head span{color:rgba(107,114,128,.6);}
2420
2421  .trenga-zbt__result-pill{
2422    border:0;
2423    font:inherit;
2424    font-size:14px;
2425    font-weight:600;
2426    letter-spacing:-0.01em;
2427    cursor:pointer;
2428  }
2429  .trenga-zbt__result-pill:focus-visible{outline:2px solid var(--zbt-blue);outline-offset:2px;}
2430
2431  .trenga-zbt__empty{
2432    padding:clamp(28px,4vw,40px);
2433    border:1px solid var(--zbt-line);
2434    border-radius:16px;
2435    background:var(--zbt-tile);
2436    text-align:center;
2437  }
2438  .trenga-zbt__empty p{
2439    margin:0 0 6px;
2440    font-size:16px;
2441    font-weight:700;
2442    letter-spacing:-0.01em;
2443  }
2444  .trenga-zbt__empty span{
2445    display:block;
2446    font-size:14px;
2447    line-height:1.6;
2448    color:var(--zbt-muted);
2449  }
2450
2451  /* ============================================================
2452     Mobile ≤900px – Bereichslabels + Tap-Akkordeon je Kategorie
2453     (Breakpoint identisch mit dem FECH-Menü)
2454     ============================================================ */
2455  @media (max-width:900px){
2456    .trenga-zbt__tabs{display:none;}
2457
2458    .trenga-zbt__area{display:block;}
2459    .trenga-zbt__area + .trenga-zbt__area{margin-top:36px;}
2460
2461    .trenga-zbt__area-label{display:block;}
2462
2463    .trenga-zbt__grid{
2464      display:block;
2465      border-top:1px solid var(--zbt-line);
2466    }
2467
2468    .trenga-zbt__area .trenga-zbt__group{animation:none;}
2469    .trenga-zbt__group{border-bottom:1px solid var(--zbt-line);}
2470
2471    /* Gruppen-Titel wird zum Akkordeon-Trigger – Stil wie
2472       .fech-mobile__trigger */
2473    .trenga-zbt__group-head{
2474      margin:0;
2475      padding:16px 4px;
2476      font-size:16px;
2477      font-weight:700;
2478      letter-spacing:-0.01em;
2479      text-transform:none;
2480      color:var(--zbt-text);
2481      cursor:pointer;
2482      -webkit-tap-highlight-color:transparent;
2483    }
2484    .trenga-zbt__group-head:focus-visible{outline:2px solid var(--zbt-blue);outline-offset:-2px;}
2485    .trenga-zbt__group-head svg{display:block;}
2486    .trenga-zbt__group-head[aria-expanded="true"] svg{transform:rotate(180deg);}
2487    .trenga-zbt__group-head[aria-expanded="true"]{color:var(--zbt-blue);}
2488
2489    .trenga-zbt__panel{
2490      display:grid;
2491      grid-template-rows:0fr;
2492      transition:grid-template-rows .45s var(--zbt-ease);
2493    }
2494    .trenga-zbt__panel.is-open{grid-template-rows:1fr;}
2495    .trenga-zbt__panel > div{overflow:hidden;min-height:0;}
2496
2497    .trenga-zbt__pills{padding:2px 4px 18px;}
2498
2499    /* Markenraster + Ergebnisliste bleiben mobil einspaltig lesbar */
2500    .trenga-zbt__brands{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;}
2501    .trenga-zbt__brand{min-height:112px;padding:16px 12px;}
2502    .trenga-zbt__brand-logo{height:40px;}
2503
2504    /* Ergebnisgruppen sind immer offen – kein Akkordeon in der Suche */
2505    .trenga-zbt__results .trenga-zbt__grid{border-top:0;}
2506    .trenga-zbt__results .trenga-zbt__group{border-bottom:0;padding-bottom:20px;}
2507    .trenga-zbt__results .trenga-zbt__pills{padding:0;}
2508  }
2509</style>
2510
2511<section class="trenga-zbt" id="trenga-zubehoer">
2512  <div class="trenga-zbt__inner">
2513
2514    <header class="trenga-zbt__header">
2515      <h1 class="trenga-zbt__title">Fahrradzubehör</h1>
2516      <p class="trenga-zbt__sub">Fahrradzubehör, Bekleidung und Fahrradteile: Alles, was du bei uns für dein Bike bekommst, auf einen Blick.</p>
2517    </header>
2518
2519    <!-- ==================== Suche ==================== -->
2520    <div class="trenga-zbt__search" role="search">
2521      <svg class="trenga-zbt__search-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
2522        <circle cx="11" cy="11" r="7"></circle><line x1="16.5" y1="16.5" x2="21" y2="21"></line>
2523      </svg>
2524      <input class="trenga-zbt__input" type="search" id="zbt-search" data-zbt-input
2525             placeholder="Suche nach Kategorie oder Marke – z. B. „Schloss Abus“"
2526             autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
2527             aria-label="Zubehör und Marken durchsuchen"
2528             aria-controls="zbt-results">
2529      <button class="trenga-zbt__clear" type="button" data-zbt-clear aria-label="Suche zurücksetzen">
2530        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true">
2531          <line x1="6" y1="6" x2="18" y2="18"></line><line x1="18" y1="6" x2="6" y2="18"></line>
2532        </svg>
2533      </button>
2534    </div>
2535
2536    <!-- ==================== Suchergebnisse ==================== -->
2537    <div class="trenga-zbt__results" id="zbt-results" data-zbt-results>
2538      <p class="trenga-zbt__results-meta" data-zbt-meta aria-live="polite"></p>
2539      <div data-zbt-results-body></div>
2540    </div>
2541
2542    <!-- ==================== Browsing ==================== -->
2543    <div data-zbt-browse>
2544
2545      <!-- Bereichs-Tabs (Desktop) -->
2546      <ul class="trenga-zbt__tabs" role="tablist" aria-label="Zubehör-Bereiche" data-zbt-tabs>
2547        <li class="trenga-zbt__tab" role="presentation">
2548          <button class="trenga-zbt__tab-btn" type="button" role="tab" id="zbt-tab-zubehoer" aria-controls="zbt-area-zubehoer" aria-selected="true">Fahrradzubehör</button>
2549        </li>
2550        <li class="trenga-zbt__tab" role="presentation">
2551          <button class="trenga-zbt__tab-btn" type="button" role="tab" id="zbt-tab-teile" aria-controls="zbt-area-teile" aria-selected="false">Fahrradteile</button>
2552        </li>
2553        <li class="trenga-zbt__tab" role="presentation">
2554          <button class="trenga-zbt__tab-btn" type="button" role="tab" id="zbt-tab-bekleidung" aria-controls="zbt-area-bekleidung" aria-selected="false">Fahrradbekleidung</button>
2555        </li>
2556        <li class="trenga-zbt__tab" role="presentation">
2557          <button class="trenga-zbt__tab-btn" type="button" role="tab" id="zbt-tab-marken" aria-controls="zbt-area-marken" aria-selected="false">Marken</button>
2558        </li>
2559      </ul>
2560
2561      <!-- ==================== Fahrradzubehör ==================== -->
2562      <div class="trenga-zbt__area is-shown" id="zbt-area-zubehoer" role="tabpanel" aria-labelledby="zbt-tab-zubehoer" data-zbt-area data-area-label="Fahrradzubehör">
2563        <p class="trenga-zbt__area-label">Fahrradzubehör</p>
2564        <div class="trenga-zbt__grid">
2565
2566          <div class="trenga-zbt__group">
2567            <button class="trenga-zbt__group-head" type="button" aria-expanded="false" aria-controls="zbt-p-beleuchtung">Beleuchtung
2568              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
2569            </button>
2570            <div class="trenga-zbt__panel" id="zbt-p-beleuchtung">
2571              <div>
2572                <ul class="trenga-zbt__pills">
2573                  <li class="trenga-zbt__pill">Akkubeleuchtung</li>
2574                  <li class="trenga-zbt__pill">Beleuchtungssets</li>
2575                  <li class="trenga-zbt__pill">Reflektoren</li>
2576                </ul>
2577              </div>
2578            </div>
2579          </div>
2580
2581          <div class="trenga-zbt__group">
2582            <button class="trenga-zbt__group-head" type="button" aria-expanded="false" aria-controls="zbt-p-schloesser">Schlösser
2583              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
2584            </button>
2585            <div class="trenga-zbt__panel" id="zbt-p-schloesser">
2586              <div>
2587                <ul class="trenga-zbt__pills">
2588                  <li class="trenga-zbt__pill">Faltschlösser</li>
2589                  <li class="trenga-zbt__pill">Bügelschlösser</li>
2590                  <li class="trenga-zbt__pill">Kettenschlösser</li>
2591                  <li class="trenga-zbt__pill">Kabelschlösser</li>
2592                </ul>
2593              </div>
2594            </div>
2595          </div>
2596
2597          <div class="trenga-zbt__group">
2598            <button class="trenga-zbt__group-head" type="button" aria-expanded="false" aria-controls="zbt-p-taschen">Taschen &amp; Gepäck
2599              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
2600            </button>
2601            <div class="trenga-zbt__panel" id="zbt-p-taschen">
2602              <div>
2603                <ul class="trenga-zbt__pills">
2604                  <li class="trenga-zbt__pill">Gepäckträgertaschen</li>
2605                  <li class="trenga-zbt__pill">Bikepacking Taschen</li>
2606                  <li class="trenga-zbt__pill">Lenkertaschen</li>
2607                  <li class="trenga-zbt__pill">Rahmentaschen</li>
2608                  <li class="trenga-zbt__pill">Satteltaschen</li>
2609                  <li class="trenga-zbt__pill">Gepäckträger</li>
2610                  <li class="trenga-zbt__pill">Körbe</li>
2611                </ul>
2612              </div>
2613            </div>
2614          </div>
2615
2616          <div class="trenga-zbt__group">
2617            <button class="trenga-zbt__group-head" type="button" aria-expanded="false" aria-controls="zbt-p-pumpen">Pumpen
2618              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
2619            </button>
2620            <div class="trenga-zbt__panel" id="zbt-p-pumpen">
2621              <div>
2622                <ul class="trenga-zbt__pills">
2623                  <li class="trenga-zbt__pill">Standpumpen</li>
2624                  <li class="trenga-zbt__pill">Minipumpen</li>
2625                  <li class="trenga-zbt__pill">CO₂ Pumpen</li>
2626                  <li class="trenga-zbt__pill">Dämpferpumpen</li>
2627                </ul>
2628              </div>
2629            </div>
2630          </div>
2631
2632          <div class="trenga-zbt__group">
2633            <button class="trenga-zbt__group-head" type="button" aria-expanded="false" aria-controls="zbt-p-smartphone">Smartphone &amp; Navigation
2634              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
2635            </button>
2636            <div class="trenga-zbt__panel" id="zbt-p-smartphone">
2637              <div>
2638                <ul class="trenga-zbt__pills">
2639                  <li class="trenga-zbt__pill">Smartphonehalter</li>
2640                </ul>
2641              </div>
2642            </div>
2643          </div>
2644
2645          <div class="trenga-zbt__group">
2646            <button class="trenga-zbt__group-head" type="button" aria-expanded="false" aria-controls="zbt-p-komfort">Komfort
2647              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
2648            </button>
2649            <div class="trenga-zbt__panel" id="zbt-p-komfort">
2650              <div>
2651                <ul class="trenga-zbt__pills">
2652                  <li class="trenga-zbt__pill">Sättel</li>
2653                  <li class="trenga-zbt__pill">Lenkergriffe</li>
2654                  <li class="trenga-zbt__pill">Lenkerband</li>
2655                  <li class="trenga-zbt__pill">Trinkflaschen</li>
2656                  <li class="trenga-zbt__pill">Flaschenhalter</li>
2657                </ul>
2658              </div>
2659            </div>
2660          </div>
2661
2662          <div class="trenga-zbt__group">
2663            <button class="trenga-zbt__group-head" type="button" aria-expanded="false" aria-controls="zbt-p-transport">Transport &amp; Aufbewahrung
2664              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
2665            </button>
2666            <div class="trenga-zbt__panel" id="zbt-p-transport">
2667              <div>
2668                <ul class="trenga-zbt__pills">
2669                  <li class="trenga-zbt__pill">Fahrradständer</li>
2670                  <li class="trenga-zbt__pill">Wandhalter</li>
2671                </ul>
2672              </div>
2673            </div>
2674          </div>
2675
2676          <div class="trenga-zbt__group">
2677            <button class="trenga-zbt__group-head" type="button" aria-expanded="false" aria-controls="zbt-p-sicherheit">Sicherheit
2678              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
2679            </button>
2680            <div class="trenga-zbt__panel" id="zbt-p-sicherheit">
2681              <div>
2682                <ul class="trenga-zbt__pills">
2683                  <li class="trenga-zbt__pill">Klingeln</li>
2684                  <li class="trenga-zbt__pill">Spiegel</li>
2685                  <li class="trenga-zbt__pill">Schutzbleche</li>
2686                </ul>
2687              </div>
2688            </div>
2689          </div>
2690
2691          <div class="trenga-zbt__group">
2692            <button class="trenga-zbt__group-head" type="button" aria-expanded="false" aria-controls="zbt-p-ebike">E-Bike Zubehör
2693              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
2694            </button>
2695            <div class="trenga-zbt__panel" id="zbt-p-ebike">
2696              <div>
2697                <ul class="trenga-zbt__pills">
2698                  <li class="trenga-zbt__pill">Ladegeräte</li>
2699                  <li class="trenga-zbt__pill">Akkutaschen</li>
2700                  <li class="trenga-zbt__pill">Akkuschutzhüllen</li>
2701                  <li class="trenga-zbt__pill">Displayschutz</li>
2702                  <li class="trenga-zbt__pill">Ersatzakkus</li>
2703                </ul>
2704              </div>
2705            </div>
2706          </div>
2707
2708        </div>
2709      </div>
2710
2711      <!-- ==================== Fahrradteile ==================== -->
2712      <div class="trenga-zbt__area" id="zbt-area-teile" role="tabpanel" aria-labelledby="zbt-tab-teile" data-zbt-area data-area-label="Fahrradteile">
2713        <p class="trenga-zbt__area-label">Fahrradteile</p>
2714        <div class="trenga-zbt__grid">
2715
2716          <div class="trenga-zbt__group">
2717            <button class="trenga-zbt__group-head" type="button" aria-expanded="false" aria-controls="zbt-p-teile">Teile &amp; Ersatzteile
2718              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
2719            </button>
2720            <div class="trenga-zbt__panel" id="zbt-p-teile">
2721              <div>
2722                <ul class="trenga-zbt__pills">
2723                  <li class="trenga-zbt__pill">Pedale</li>
2724                  <li class="trenga-zbt__pill">Fahrradketten</li>
2725                  <li class="trenga-zbt__pill">Schaltungs- &amp; Bremskomponenten</li>
2726                  <li class="trenga-zbt__pill">Kassetten</li>
2727                  <li class="trenga-zbt__pill">Umwerfer &amp; Schaltwerke</li>
2728                  <li class="trenga-zbt__pill">Fahrradreifen</li>
2729                  <li class="trenga-zbt__pill">Werkzeug</li>
2730                </ul>
2731              </div>
2732            </div>
2733          </div>
2734
2735          <div class="trenga-zbt__group">
2736            <button class="trenga-zbt__group-head" type="button" aria-expanded="false" aria-controls="zbt-p-werkstatt">Werkstatt &amp; Pflege
2737              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
2738            </button>
2739            <div class="trenga-zbt__panel" id="zbt-p-werkstatt">
2740              <div>
2741                <ul class="trenga-zbt__pills">
2742                  <li class="trenga-zbt__pill">Fahrradreiniger</li>
2743                  <li class="trenga-zbt__pill">Kettenpflege</li>
2744                  <li class="trenga-zbt__pill">Multitools</li>
2745                  <li class="trenga-zbt__pill">Montageständer</li>
2746                  <li class="trenga-zbt__pill">Flickzeug</li>
2747                  <li class="trenga-zbt__pill">Reifenheber</li>
2748                  <li class="trenga-zbt__pill">Werkstattsets</li>
2749                </ul>
2750              </div>
2751            </div>
2752          </div>
2753
2754        </div>
2755      </div>
2756
2757      <!-- ==================== Fahrradbekleidung ==================== -->
2758      <div class="trenga-zbt__area" id="zbt-area-bekleidung" role="tabpanel" aria-labelledby="zbt-tab-bekleidung" data-zbt-area data-area-label="Fahrradbekleidung">
2759        <p class="trenga-zbt__area-label">Fahrradbekleidung</p>
2760        <div class="trenga-zbt__grid">
2761
2762          <div class="trenga-zbt__group">
2763            <button class="trenga-zbt__group-head" type="button" aria-expanded="false" aria-controls="zbt-p-helme">Helme
2764              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
2765            </button>
2766            <div class="trenga-zbt__panel" id="zbt-p-helme">
2767              <div>
2768                <ul class="trenga-zbt__pills">
2769                  <li class="trenga-zbt__pill">City Helme</li>
2770                  <li class="trenga-zbt__pill">E-Bike Helme</li>
2771                  <li class="trenga-zbt__pill">MTB Helme</li>
2772                  <li class="trenga-zbt__pill">Gravel- &amp; Rennradhelme</li>
2773                  <li class="trenga-zbt__pill">Kinderhelme</li>
2774                </ul>
2775              </div>
2776            </div>
2777          </div>
2778
2779          <div class="trenga-zbt__group">
2780            <button class="trenga-zbt__group-head" type="button" aria-expanded="false" aria-controls="zbt-p-bekleidung">Bekleidung
2781              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
2782            </button>
2783            <div class="trenga-zbt__panel" id="zbt-p-bekleidung">
2784              <div>
2785                <ul class="trenga-zbt__pills">
2786                  <li class="trenga-zbt__pill">Handschuhe</li>
2787                  <li class="trenga-zbt__pill">Regenbekleidung</li>
2788                  <li class="trenga-zbt__pill">Überschuhe</li>
2789                  <li class="trenga-zbt__pill">Fahrradbrillen</li>
2790                </ul>
2791              </div>
2792            </div>
2793          </div>
2794
2795        </div>
2796      </div>
2797
2798      <!-- ==================== Marken ====================
2799           data-cat = Kategorien exakt wie oben benannt (Trennung mit |)
2800           data-kw  = zusätzliche Suchbegriffe / Produktwelten
2801      ================================================== -->
2802      <div class="trenga-zbt__area" id="zbt-area-marken" role="tabpanel" aria-labelledby="zbt-tab-marken" data-zbt-area data-area-label="Marken">
2803        <p class="trenga-zbt__area-label">Marken</p>
2804        <p class="trenga-zbt__brands-hint">Diese Marken führen wir in unseren Stores in Hamburg-Harburg und Buchholz. Tipp: Marke antippen und du siehst sofort, welche Kategorien dahinterstecken.</p>
2805
2806        <ul class="trenga-zbt__brands">
2807
2808          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="ABUS"
2809              data-cat="Faltschlösser|Bügelschlösser|Kettenschlösser|Kabelschlösser|City Helme|E-Bike Helme|MTB Helme|Gravel- &amp; Rennradhelme|Kinderhelme"
2810              data-kw="schloss schlösser s
2810icherheit diebstahlschutz rahmenschloss helm bordo granit">
2811            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/94/17/8f/1585655095/abus_Logo_teaser_161124_0.jpg?1785406484" alt="ABUS" loading="lazy"></span>
2812            <span class="trenga-zbt__brand-name">ABUS</span>
2813          </button></li>
2814
2815          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Basil"
2816              data-cat="Körbe|Gepäckträgertaschen|Lenkertaschen"
2817              data-kw="korb weidenkorb einkaufskorb doppeltasche shopper city holland">
2818            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/81/d1/02/1786006858/basil-logo-tagline_rgb-zwart.png?1786006858" alt="Basil" loading="lazy"></span>
2819            <span class="trenga-zbt__brand-name">Basil</span>
2820          </button></li>
2821
2822          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Bosch"
2823              data-cat="Ladegeräte|Ersatzakkus|Displayschutz"
2824              data-kw="ebike e-bike antrieb motor performance line cx powertube powerpack kiox purion nyon smart system akku">
2825            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/36/e5/9d/1786007441/Bosch-logotype.svg.webp?1786007441" alt="Bosch" loading="lazy"></span>
2826            <span class="trenga-zbt__brand-name">Bosch</span>
2827          </button></li>
2828
2829          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Brooks"
2830              data-cat="Sättel|Lenkerband|Lenkergriffe|Satteltaschen|Rahmentaschen|Lenkertaschen"
2831              data-kw="ledersattel leder england b17 c17 cambium scape">
2832            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/7d/12/04/1786006859/Logo_Brooks.webp?1786006859" alt="Brooks" loading="lazy"></span>
2833            <span class="trenga-zbt__brand-name">Brooks</span>
2834          </button></li>
2835
2836          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="CamelBak"
2837              data-cat="Trinkflaschen"
2838              data-kw="trinksystem trinkrucksack bottle podium hydration flasche">
2839            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/e4/96/eb/1585655095/camelbak_Logo_teaser_161124_06.jpg?1785406484" alt="CamelBak" loading="lazy"></span>
2840            <span class="trenga-zbt__brand-name">CamelBak</span>
2841          </button></li>
2842
2843          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Campagnolo"
2844              data-cat="Schaltungs- &amp; Bremskomponenten|Kassetten|Umwerfer &amp; Schaltwerke|Fahrradketten"
2845              data-kw="schaltung rennrad gruppe bremse ekar chorus record italien">
2846            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/f1/32/3a/1585655095/campagnolo_Logo_teaser_161124_07.jpg?1785406484" alt="Campagnolo" loading="lazy"></span>
2847            <span class="trenga-zbt__brand-name">Campagnolo</span>
2848          </button></li>
2849
2850          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="CatEye"
2851              data-cat="Akkubeleuchtung|Beleuchtungssets|Reflektoren"
2852              data-kw="licht lampe rücklicht frontlicht volt ampp fahrradcomputer tacho japan">
2853            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/5c/45/5b/1786006858/logo512x_cateye-1.png?1786006858" alt="CatEye" loading="lazy"></span>
2854            <span class="trenga-zbt__brand-name">CatEye</span>
2855          </button></li>
2856
2857          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Chariot"
2858              data-cat=""
2859              data-kw="fahrradanhänger kinderanhänger anhänger buggy kindertransport thule chariot">
2860            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/35/44/0e/1585655095/cahriot_Logo_teaser_161124_09.jpg?1785406484" alt="Chariot" loading="lazy"></span>
2861            <span class="trenga-zbt__brand-name">Chariot</span>
2862          </button></li>
2863
2864          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="CITEC"
2865              data-cat=""
2866              data-kw="laufräder laufradsatz felgen speichen naben systemlaufrad">
2867            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/d8/18/d1/1585655095/citec_Logo_teaser_161124_010.jpg?1785406484" alt="CITEC" loading="lazy"></span>
2868            <span class="trenga-zbt__brand-name">CITEC</span>
2869          </button></li>
2870
2871          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Continental"
2872              data-cat="Fahrradreifen|Flickzeug"
2873              data-kw="reifen mantel decke schlauch schläuche pannenschutz gp5000 grand prix contact urban ride tour">
2874            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/5c/4f/bb/1786006859/Continental-Logo.png?1786006859" alt="Continental" loading="lazy"></span>
2875            <span class="trenga-zbt__brand-name">Continental</span>
2876          </button></li>
2877
2878          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Croozer"
2879              data-cat=""
2880              data-kw="fahrradanhänger kinderanhänger hundeanhänger lastenanhänger anhänger buggy">
2881            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/2c/91/36/1585655095/croozer_0.jpg?1785406484" alt="Croozer" loading="lazy"></span>
2882            <span class="trenga-zbt__brand-name">Croozer</span>
2883          </button></li>
2884
2885          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Deuter"
2886              data-cat="Satteltaschen|Bikepacking Taschen"
2887              data-kw="rucksack fahrradrucksack trinkrucksack bike bag cabezon">
2888            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/c8/55/35/1585655095/deuter_Logo_teaser_161124_013.jpg?1785406484" alt="Deuter" loading="lazy"></span>
2889            <span class="trenga-zbt__brand-name">Deuter</span>
2890          </button></li>
2891
2892          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Dr. Wack"
2893              data-cat="Fahrradreiniger|Kettenpflege"
2894              data-kw="f100 reiniger pflege kettenöl kettenwachs politur entfetter wack">
2895            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/1a/d6/b9/1786006859/Wack_Logo_black_360x.webp?1786006859" alt="Dr. Wack" loading="lazy"></span>
2896            <span class="trenga-zbt__brand-name">Dr. Wack</span>
2897          </button></li>
2898
2899          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Elite"
2900              data-cat="Trinkflaschen|Flaschenhalter"
2901              data-kw="bidon flasche käfig cage rollentrainer italien">
2902            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/c4/14/4a/1585655095/elite_Logo_teaser_161124_016.jpg?1785406484" alt="Elite" loading="lazy"></span>
2903            <span class="trenga-zbt__brand-name">Elite</span>
2904          </button></li>
2905
2906          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Ergon"
2907              data-cat="Lenkergriffe|Sättel|Lenkerband"
2908              data-kw="ergonomie griffe griff gp1 gp5 sm sr sattel handschmerzen taubheit">
2909            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/fd/e7/87/1786006859/Ergon%20Logo.svg?1786006859" alt="Ergon" loading="lazy"></span>
2910            <span class="trenga-zbt__brand-name">Ergon</span>
2911          </button></li>
2912
2913          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Ergotec"
2914              data-cat="Lenkergriffe"
2915              data-kw="lenker vorbau sattelstütze humpert ergonomie höhenverstellbar">
2916            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/84/00/08/1786006858/logoergo.png?1786006858" alt="Ergotec" loading="lazy"></span>
2917            <span class="trenga-zbt__brand-name">Ergotec</span>
2918          </button></li>
2919
2920          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Hebie"
2921              data-cat="Schutzbleche|Fahrradständer"
2922              data-kw="ständer seitenständer hinterbauständer kettenschutz schutzblech chainglider">
2923            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/9b/0d/95/1585655095/hebie_Logo_teaser_161124_021.jpg?1785406484" alt="Hebie" loading="lazy"></span>
2924            <span class="trenga-zbt__brand-name">Hebie</span>
2925          </button></li>
2926
2927          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="KLICKfix"
2928              data-cat="Lenkertaschen|Körbe|Gepäckträgertaschen|Smartphonehalter"
2929              data-kw="adapter halterung schnellbefestigung rixen kaul lenkeradapter phonebag">
2930            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/af/e2/4e/1786006858/klickfix-logo.svg?1786006858" alt="KLICKfix" loading="lazy"></span>
2931            <span class="trenga-zbt__brand-name">KLICKfix</span>
2932          </button></li>
2933
2934          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Knog"
2935              data-cat="Akkubeleuchtung|Beleuchtungssets|Klingeln|Kabelschlösser"
2936              data-kw="licht lampe design australien blinder cobber oi klingel scout">
2937            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/9c/34/b1/1585655095/knog_Logo_teaser_161124_052.jpg?1785406484" alt="Knog" loading="lazy"></span>
2938            <span class="trenga-zbt__brand-name">Knog</span>
2939          </button></li>
2940
2941          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Lezyne"
2942              data-cat="Standpumpen|Minipumpen|CO₂ Pumpen|Dämpferpumpen|Multitools|Werkzeug|Reifenheber|Flickzeug|Satteltaschen|Akkubeleuchtung|Beleuchtungssets"
2943              data-kw="pumpe minitool licht lampe co2 kartusche drive alloy caddy">
2944            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/0a/88/63/1585655095/lezyne_Logo_teaser_161124_023.jpg?1785406484" alt="Lezyne" loading="lazy"></span>
2945            <span class="trenga-zbt__brand-name">Lezyne</span>
2946          </button></li>
2947
2948          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Magura"
2949              data-cat="Schaltungs- &amp; Bremskomponenten"
2950              data-kw="bremse scheibenbremse hydraulisch bremsbeläge bremsscheibe mt5 mt7 hs11 federgabel">
2951            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/c9/45/d3/1585655095/Magura%20Teaser.jpg?1785406484" alt="Magura" loading="lazy"></span>
2952            <span class="trenga-zbt__brand-name">Magura</span>
2953          </button></li>
2954
2955          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="ORTLIEB"
2956              data-cat="Gepäckträgertaschen|Bikepacking Taschen|Lenkertaschen|Rahmentaschen|Satteltaschen"
2957              data-kw="wasserdicht packtaschen back roller front roller ultimate radreise tour">
2958            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/c1/c0/6c/1585655095/ortlieb_Logo_teaser_161124_029.jpg?1785406484" alt="ORTLIEB" loading="lazy"></span>
2959            <span class="trenga-zbt__brand-name">ORTLIEB</span>
2960          </button></li>
2961
2962          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="OSRAM"
2963              data-cat="Akkubeleuchtung|Beleuchtungssets"
2964              data-kw="licht lampe led scheinwerfer rücklicht">
2965            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/37/14/c2/1786006859/Osram_Logo.svg.webp?1786006859" alt="OSRAM" loading="lazy"></span>
2966            <span class="trenga-zbt__brand-name">OSRAM</span>
2967          </button></li>
2968
2969          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="QIO"
2970              data-cat=""
2971              data-kw="ebike e-bike pedelec marke räder fahrräder">
2972            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/cf/4d/04/1786007472/qio_logo.png?1786007472" alt="QIO" loading="lazy"></span>
2973            <span class="trenga-zbt__brand-name">QIO</span>
2974          </button></li>
2975
2976          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Racktime"
2977              data-cat="Gepäckträger|Gepäckträgertaschen|Körbe"
2978              data-kw="träger hinterradträger snapit system gepäckträgersystem">
2979            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/a1/9c/f0/1585655095/racktime_Logo_teaser_161124_048.jpg?1785406484" alt="Racktime" loading="lazy"></span>
2980            <span class="trenga-zbt__brand-name">Racktime</span>
2981          </button></li>
2982
2983          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="reisenthel"
2984              data-cat="Körbe|Gepäckträgertaschen"
2985              data-kw="korb einkauf shopper carrybag bikebasket city">
2986            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/0e/8d/82/1786006859/Reisenthel_Logo_800X600px_clr.avif?1786006859" alt="reisenthel" loading="lazy"></span>
2987            <span class="trenga-zbt__brand-name">reisenthel</span>
2988          </button></li>
2989
2990          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Rixen &amp; Kaul"
2991              data-cat="Lenkertaschen|Körbe|Gepäckträgertaschen|Smartphonehalter"
2992              data-kw="klickfix adapter halterung lenkeradapter schnellbefestigung">
2993            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/96/92/b9/1786006859/Rixen_Kaul.svg?1786006859" alt="Rixen &amp; Kaul" loading="lazy"></span>
2994            <span class="trenga-zbt__brand-name">Rixen &amp; Kaul</span>
2995          </button></li>
2996
2997          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Rohloff"
2998              data-cat="Fahrradketten|Werkzeug"
2999              data-kw="nabe getriebenabe speedhub 14 gang kettenverschleiß caliber slt99">
3000            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/30/3f/44/1585655095/rohloff__Logo_teaser_161124_031.jpg?1785406484" alt="Rohloff" loading="lazy"></span>
3001            <span class="trenga-zbt__brand-name">Rohloff</span>
3002          </button></li>
3003
3004          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Schwalbe"
3005              data-cat="Fahrradreifen|Flickzeug|Reifenheber"
3006              data-kw="reifen mantel decke schlauch schläuche marathon pannenschutz tubeless g-one big apple">
3007            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/e1/86/b3/1786006858/schwalbe-logo_(1).svg?1786006858" alt="Schwalbe" loading="lazy"></span>
3008            <span class="trenga-zbt__brand-name">Schwalbe</span>
3009          </button></li>
3010
3011          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="SCOTT"
3012              data-cat="City Helme|MTB Helme|Gravel- &amp; Rennradhelme|Kinderhelme|Fahrradbrillen|Handschuhe|Regenbekleidung"
3013              data-kw="helm brille sportbrille bekleidung trikot fahrräder mountainbike">
3014            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/29/e2/2a/1786007472/SCOTT_LOGO_BLACK-sm.png?1786007472" alt="SCOTT" loading="lazy"></span>
3015            <span class="trenga-zbt__brand-name">SCOTT</span>
3016          </button></li>
3017
3018          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Selle Italia"
3019              data-cat="Sättel|Lenkerband"
3020              data-kw="sattel rennrad slr flite italien">
3021            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/c6/58/9c/1786006858/selle-italia-logo-400x400.png?1786006858" alt="Selle Italia" loading="lazy"></span>
3022            <span class="trenga-zbt__brand-name">Selle Italia</span>
3023          </button></li>
3024
3025          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Selle Royal"
3026              data-cat="Sättel|Lenkergriffe"
3027              data-kw="sattel komfort gel city trekking royalgel">
3028            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/b7/cc/fd/1585655095/selle_royal_Logo_teaser_161124_034.jpg?1785406484" alt="Selle Royal" loading="lazy"></span>
3029            <span class="trenga-zbt__brand-name">Selle Royal</span>
3030          </button></li>
3031
3032          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Shimano"
3033              data-cat="Schaltungs- &amp; Bremskomponenten|Kassetten|Umwerfer &amp; Schaltwerke|Fahrradketten|Pedale"
3034              data-kw="schaltung bremse deore xt slx alfine nexus 105 ultegra di2 spd nabendynamo">
3035            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/7e/d3/c7/1786007444/shimano-logo-png-transparent.png?1786007444" alt="Shimano" loading="lazy"></span>
3036            <span class="trenga-zbt__brand-name">Shimano</span>
3037          </button></li>
3038
3039          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="SIGMA"
3040              data-cat="Akkubeleuchtung|Beleuchtungssets"
3041              data-kw="licht lampe aura buster fahrradcomputer tacho gps rox">
3042            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/46/31/32/1786006859/sigma-logo-website-rgb-617x1002x.avif?1786006859" alt="SIGMA" loading="lazy"></span>
3043            <span class="trenga-zbt__brand-name">SIGMA</span>
3044          </button></li>
3045
3046          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="SKS Germany"
3047              data-cat="Schutzbleche|Standpumpen|Minipumpen|Flaschenhalter|Smartphonehalter|Multitools"
3048              data-kw="schutzblech spritzschutz bluemels velobottle compit pumpe rennkompressor">
3049            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/7f/61/14/1786006859/SKS-GERMANY_15013.png?1786006859" alt="SKS Germany" loading="lazy"></span>
3050            <span class="trenga-zbt__brand-name">SKS Germany</span>
3051          </button></li>
3052
3053          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="SP Connect"
3054              data-cat="Smartphonehalter"
3055              data-kw="handyhalterung handyhalter handy iphone samsung navigation case">
3056            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/53/9c/29/1786006859/Logo_SP%20Connect.avif?1786006859" alt="SP Connect" loading="lazy"></span>
3057            <span class="trenga-zbt__brand-name">SP Connect</span>
3058          </button></li>
3059
3060          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Speedlifter"
3061              data-cat=""
3062              data-kw="vorbau höhenverstellbar lenker by schulz twist">
3063            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/69/95/74/1786006859/Speedlifter%20Logo.png?1786006859" alt="Speedlifter" loading="lazy"></span>
3064            <span class="trenga-zbt__brand-name">Speedlifter</span>
3065          </button></li>
3066
3067          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Spurcycle"
3068              data-cat="Klingeln"
3069              data-kw="klingel glocke bell messing design usa">
3070            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/ca/36/73/1786006858/SPURCYCLE_LOGO_BLACK_Raster.avif?1786006858" alt="Spurcycle" loading="lazy"></span>
3071            <span class="trenga-zbt__brand-name">Spurcycle</span>
3072          </button></li>
3073
3074          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="SQlab"
3075              data-cat="Sättel|Lenkergriffe|Lenkerband|Pedale"
3076              data-kw="ergonomie sattel griffe sitzknochen vermessung 60x 611 innerbarends">
3077            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/f7/g0/86/1786006858/SQ%20Lab%20Logo.jpg?1786006858" alt="SQlab" loading="lazy"></span>
3078            <span class="trenga-zbt__brand-name">SQlab</span>
3079          </button></li>
3080
3081          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="SRAM"
3082              data-cat="Schaltungs- &amp; Bremskomponenten|Kassetten|Umwerfer &amp; Schaltwerke|Fahrradketten"
3083              data-kw="schaltung bremse eagle gx nx xo axs rival force red">
3084            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/0e/02/1e/1585655095/sram_Logo_teaser_161124_041.jpg?1785406484" alt="SRAM" loading="lazy"></span>
3085            <span class="trenga-zbt__brand-name">SRAM</span>
3086          </button></li>
3087
3088          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="SR Suntour"
3089              data-cat=""
3090              data-kw="federgabel dämpfer federung suspension mobie ncx aion">
3091            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/9e/ff/a0/1786006859/SunTour_logo.svg.webp?1786006859" alt="SR Suntour" loading="lazy"></span>
3092            <span class="trenga-zbt__brand-name">SR Suntour</span>
3093          </button></li>
3094
3095          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Syntace"
3096              data-cat="Lenkergriffe"
3097              data-kw="lenker vorbau sattelstütze carbon vector megaforce p6">
3098            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/9c/fa/eb/1585655095/syntace_Logo_teaser_161124_049.jpg?1785406484" alt="Syntace" loading="lazy"></span>
3099            <span class="trenga-zbt__brand-name">Syntace</span>
3100          </button></li>
3101
3102          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Thule"
3103              data-cat="Gepäckträgertaschen"
3104              data-kw="fahrradträger heckträger dachträger kupplungsträger anhänger kinderanhänger kindersitz shield">
3105            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/bd/67/cc/1786006859/Thule_Brand_Logo_03.2023.svg.webp?1786006859" alt="Thule" loading="lazy"></span>
3106            <span class="trenga-zbt__brand-name">Thule</span>
3107          </button></li>
3108
3109          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Topeak"
3110              data-cat="Standpumpen|Minipumpen|CO₂ Pumpen|Dämpferpumpen|Multitools|Werkzeug|Werkstattsets|Montageständer|Flickzeug|Reifenheber|Satteltaschen|Rahmentaschen|Gepäckträger|Flaschenhalter|Smartphonehalter"
3111              data-kw="pumpe minitool werkzeug montageständer ridecase mtx joeblow hexus">
3112            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/8e/ed/e0/1585655095/topeak_Logo_teaser_161124_044.jpg?1786006866" alt="Topeak" loading="lazy"></span>
3113            <span class="trenga-zbt__brand-name">Topeak</span>
3114          </button></li>
3115
3116          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="Tubus"
3117              data-cat="Gepäckträger"
3118              data-kw="träger stahl edelstahl reise tour logo cargo">
3119            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/a2/d1/53/1786006859/Tubus%20Logo.png?1786006859" alt="Tubus" loading="lazy"></span>
3120            <span class="trenga-zbt__brand-name">Tubus</span>
3121          </button></li>
3122
3123          <li><button class="trenga-zbt__brand" type="button" data-zbt-brand data-name="XLC"
3124              data-cat="Klingeln|Spiegel|Schutzbleche|Fahrradständer|Wandhalter|Werkzeug|Multitools|Pedale|Reifenheber|Flickzeug|Minipumpen|Standpumpen|Akkubeleuchtung|Beleuchtungssets|Reflektoren|Sättel|Lenkergriffe|Trinkflaschen|Flaschenhalter|Gepäckträger|Kabelschlösser|Handschuhe"
3125              data-kw="zubehör allrounder komplettsortiment klingel ständer werkzeug pedale">
3126            <span class="trenga-zbt__brand-logo"><img src="https://www.trenga.de/media/2c/39/03/1786006858/XLC%202619-415-max.png?1786006858" alt="XLC" loading="lazy"></span>
3127            <span class="trenga-zbt__brand-name">XLC</span>
3128          </button></li>
3129
3130        </ul>
3131      </div>
3132
3133    </div><!-- /data-zbt-browse -->
3134
3135  </div>
3136</section>
3137
3138<script>
3139  (function () {
3140    'use strict';
3141
3142    var root = document.getElementById('trenga-zubehoer');
3143    if (!root) return;
3144
3145    var tabs    = Array.prototype.slice.call(root.querySelectorAll('.trenga-zbt__tab-btn'));
3146    var areas   = Array.prototype.slice.call(root.querySelectorAll('[data-zbt-area]'));
3147    var heads   = Array.prototype.slice.call(root.querySelectorAll('.trenga-zbt__group-head'));
3148    var input   = root.querySelector('[data-zbt-input]');
3149    var clearBtn= root.querySelector('[data-zbt-clear]');
3150    var browse  = root.querySelector('[data-zbt-browse]');
3151    var results = root.querySelector('[data-zbt-results]');
3152    var meta    = root.querySelector('[data-zbt-meta]');
3153    var body    = root.querySelector('[data-zbt-results-body]');
3154    var mqDesktop = window.matchMedia('(min-width: 901px)');
3155
3156    /* ============================================================
3157       1) Textnormalisierung – Umlaute, Sonderzeichen, Tokens
3158       ============================================================ */
3159    function norm(s) {
3160      return (s || '').toLowerCase()
3161        .replace(/ä/g, 'a').replace(/ö/g, 'o').replace(/ü/g, 'u')
3162        .replace(/ß/g, 'ss').replace(/₂/g, '2')
3163        .replace(/[^a-z0-9]+/g, ' ')
3164        .replace(/\s+/g, ' ')
3165        .trim();
3166    }
3167    function toTokens(s) {
3168      var n = norm(s);
3169      return n ? n.split(' ') : [];
3170    }
3171
3172    /* Synonyme: Alltagssprache -> unsere Kategorienamen.
3173       Key = normalisierter Kategorie- bzw. Gruppenname. */
3174    var KEYWORDS = {
3175      'beleuchtung':'licht lichter lampe lampen leuchte scheinwerfer frontlicht ruecklicht rucklicht led dynamo stvzo sichtbar dunkel',
3176      'akkubeleuchtung':'akkulicht batterielicht usb licht lampe aufladbar',
3177      'beleuchtungssets':'lichtset lampenset set licht',
3178      'reflektoren':'reflektor katzenauge speichenreflektor sichtbarkeit',
3179      'schlosser':'schloss abschliessen diebstahl diebstahlschutz sicherheit sichern',
3180      'faltschlosser':'faltschloss folding',
3181      'bugelschlosser':'bugelschloss buegelschloss u lock',
3182      'kettenschlosser':'kettenschloss kette schloss',
3183      'kabelschlosser':'kabelschloss spiralschloss',
3184      'taschen gepack':'tasche gepack transport packtaschen reise stauraum',
3185      'gepacktragertaschen':'packtasche doppeltasche hinten tasche',
3186      'bikepacking taschen':'bikepacking tasche tour abenteuer',
3187      'lenkertaschen':'lenkertasche vorne tasche',
3188      'rahmentaschen':'rahmentasche oberrohr tasche',
3189      'satteltaschen':'satteltasche werkzeugtasche tasche',
3190      'gepacktrager':'trager rack hinten',
3191      'korbe':'korb einkaufskorb weidenkorb',
3192      'pumpen':'pumpe aufpumpen luft reifendruck luftpumpe',
3193      'standpumpen':'standpumpe werkstattpumpe luft',
3194      'minipumpen':'minipumpe handpumpe unterwegs luft',
3195      'co2 pumpen':'co2 kartusche schnell luft',
3196      'dampferpumpen':'dampferpumpe federgabel luftdruck sag',
3197      'smartphone navigation':'handy smartphone navi navigation gps halterung',
3198      'smartphonehalter':'handyhalterung handyhalter smartphone navi halterung',
3199      'komfort':'bequem ergonomie sitzen',
3200      'sattel':'sattel sitz sitzflache po schmerzen ergonomie',
3201      'lenkergriffe':'griffe griff lenker ergonomie hande',
3202      'lenkerband':'lenkerband tape rennrad gravel',
3203      'trinkflaschen':'trinkflasche flasche bidon wasser',
3204      'flaschenhalter':'flaschenhalter halter kafig',
3205      'transport aufbewahrung':'transport aufbewahren lagern anhanger trager',
3206      'fahrradstander':'stander abstellen aufstellen parken',
3207      'wandhalter':'wandhalterung aufhangen garage keller',
3208      'sicherheit':'sicher sichtbar schutz',
3209      'klingeln':'klingel glocke bimmel bell',
3210      'spiegel':'ruckspiegel lenkerspiegel',
3211      'schutzbleche':'schutzblech spritzschutz kotflugel regen dreck',
3212      'e bike zubehor':'ebike pedelec elektro akku motor',
3213      'ladegerate':'ladegerat laden charger netzteil akku',
3214      'akkutaschen':'akkutasche akku transport',
3215      'akkuschutzhullen':'akkuschutz hulle neopren akku kalte',
3216      'displayschutz':'display schutz folie bedieneinheit',
3217      'ersatzakkus':'ersatzakku zweitakku akku reichweite',
3218      'teile ersatzteile':'ersatzteil teile komponenten reparatur verschleiss',
3219      'pedale':'pedal klickpedal plattform',
3220      'fahrradketten':'kette antrieb verschleiss',
3221      'schaltungs bremskomponenten':'schaltung bremse bremsen bremsbelage scheibenbremse bremsscheibe zug',
3222      'kassetten':'kassette ritzel zahnkranz',
3223      'umwerfer schaltwerke':'schaltwerk umwerfer schaltung',
3224      'fahrradreifen':'reifen mantel decke schlauch pannenschutz gummi profil',
3225      'werkzeug':'werkzeug tool schrauben reparieren',
3226      'werkstatt pflege':'pflege putzen reinigen warten werkstatt reparatur',
3227      'fahrradreiniger':'reiniger putzen waschen sauber shampoo',
3228      'kettenpflege':'kettenol ol schmieren wachs trocken nass',
3229      'multitools':'multitool minitool unterwegs werkzeug',
3230      'montagestander':'montagestander reparaturstander werkstatt',
3231      'flickzeug':'flicken panne schlauch platten reparatur',
3232      'reifenheber':'reifenheber montierhebel panne',
3233      'werkstattsets':'werkzeugset werkzeugkoffer set',
3234      'helme':'helm kopfschutz sicherheit',
3235      'city helme':'cityhelm alltag stadt helm',
3236      'e bike helme':'ebike helm pedelec nta schlaffenhelm',
3237      'mtb helme':'mtb helm mountainbike trail enduro',
3238      'gravel rennradhelme':'rennradhelm gravel helm aero',
3239      'kinderhelme':'kinderhelm kind kids helm',
3240      'bekleidung':'kleidung anziehen tragen outfit',
3241      'handschuhe':'handschuh finger warm grip',
3242      'regenbekleidung':'regenjacke regenhose regen nass wasserdicht',
3243      'uberschuhe':'uberschuh schuhe regen kalte',
3244      'fahrradbrillen':'brille sonnenbrille sportbrille augen'
3245    };
3246
3247    /* ============================================================
3248       2) Levenshtein mit Abbruch – für Tippfehler
3249       ============================================================ */
3250    function lev(a, b, max) {
3251      if (Math.abs(a.length - b.length) > max) return max + 1;
3252      var prev = [], cur = [], i, j;
3253      for (j = 0; j <= b.length; j++) prev[j] = j;
3254      for (i = 1; i <= a.length; i++) {
3255        cur[0] = i;
3256        var best = cur[0];
3257        for (j = 1; j <= b.length; j++) {
3258          cur[j] = Math.min(
3259            prev[j] + 1,
3260            cur[j - 1] + 1,
3261            prev[j - 1] + (a.charAt(i - 1) === b.charAt(j - 1) ? 0 : 1)
3262          );
3263          if (cur[j] < best) best = cur[j];
3264        }
3265        if (best > max) return max + 1;
3266        prev = cur.slice();
3267      }
3268      return prev[b.length];
3269    }
3270
3271    /* Bester Score eines Suchtokens gegen eine Tokenliste */
3272    function matchList(q, list) {
3273      var best = 0, i, t;
3274      for (i = 0; i < list.length; i++) {
3275        t = list[i];
3276        if (t === q) return 12;
3277        if (t.indexOf(q) === 0 && q.length >= 3) { best = Math.max(best, 9); continue; }
3278        if (q.indexOf(t) === 0 && t.length >= 4) { best = Math.max(best, 8); continue; }
3279        if (q.length >= 4 && t.indexOf(q) > -1)   { best = Math.max(best, 6); continue; }
3280        if (q.length >= 4) {
3281          var max = q.length >= 7 ? 2 : 1;
3282          var d = lev(q, t, max);
3283          if (d <= max) best = Math.max(best, 5 - d);
3284        }
3285      }
3286      return best;
3287    }
3288
3289    /* ============================================================
3290       3) Index aus dem DOM aufbauen
3291       ============================================================ */
3292    var catEntries = [], brandEntries = [];
3293
3294    areas.forEach(function (area) {
3295      if (area.id === 'zbt-area-marken') return;
3296      var areaLabel = area.getAttribute('data-area-label') || '';
3297      Array.prototype.slice.call(area.querySelectorAll('.trenga-zbt__group')).forEach(function (group) {
3298        var head = group.querySelector('.trenga-zbt__group-head');
3299        var groupLabel = head ? head.firstChild.nodeValue.trim() : '';
3300        var ctx = toTokens(groupLabel)
3301          .concat(toTokens(KEYWORDS[norm(groupLabel)] || ''))
3302          .concat(toTokens(areaLabel));
3303
3304        Array.prototype.slice.call(group.querySelectorAll('.trenga-zbt__pill')).forEach(function (pill) {
3305          var label = pill.textContent.trim();
3306          catEntries.push({
3307            label: label,
3308            group: groupLabel,
3309            area: areaLabel,
3310            areaId: area.id,
3311            node: pill,
3312            groupNode: group,
3313            own: toTokens(label).concat(toTokens(KEYWORDS[norm(label)] || '')),
3314            ctx: ctx,
3315            brands: []   /* wird im Cross-Index gefüllt */
3316          });
3317        });
3318      });
3319    });
3320
3321    Array.prototype.slice.call(root.querySelectorAll('[data-zbt-brand]')).forEach(function (btn) {
3322      var name = btn.getAttribute('data-name') || '';
3323      var cats = (btn.getAttribute('data-cat') || '').split('|')
3324        .map(function (c) { return c.trim(); })
3325        .filter(Boolean);
3326      var img = btn.querySelector('img');
3327      brandEntries.push({
3328        label: name,
3329        cats: cats,
3330        logo: img ? img.getAttribute('src') : '',
3331        node: btn,
3332        own: toTokens(name),
3333        kw: toTokens(btn.getAttribute('data-kw') || '').concat(toTokens(cats.join(' ')))
3334      });
3335    });
3336
3337    /* Cross-Index: Markennamen in die passenden Kategorien spiegeln,
3338       damit „Continental“ auch Fahrradreifen findet.
3339       Wichtig: Es zählt ausschließlich die exakte Unterkategorie aus
3340       data-cat. Gruppennamen werden bewusst NICHT gematcht – sonst
3341       würde eine Marke auf alle Pillen ihrer Gruppe abfärben. */
3342    brandEntries.forEach(function (b) {
3343      var normCats = b.cats.map(norm);
3344      if (!normCats.length) return;
3345      catEntries.forEach(function (c) {
3346        if (normCats.indexOf(norm(c.label)) > -1) {
3347          c.brands = c.brands.concat(b.own);
3348          b.matchedCats = b.matchedCats || [];
3349          b.matchedCats.push(c);
3350        }
3351      });
3352    });
3353
3354    /* Kontrolle im Dev-Modus: meldet data-cat-Werte, die zu keiner
3355       Unterkategorie auf der Seite passen (Tippfehler, Umbenennungen). */
3356    (function () {
3357      var known = {};
3358      catEntries.forEach(function (c) { known[norm(c.label)] = true; });
3359      var orphans = [];
3360      brandEntries.forEach(function (b) {
3361        b.cats.forEach(function (cat) {
3362          if (!known[norm(cat)]) orphans.push(b.label + ' → ' + cat);
3363        });
3364      });
3365      if (orphans.length && window.console && console.warn) {
3366        console.warn('[trenga-zbt] data-cat ohne passende Unterkategorie:', orphans);
3367      }
3368    })();
3369
3370    /* ============================================================
3371       4) Scoring
3372       ============================================================ */
3373    function scoreCat(qTokens, e) {
3374      var total = 0, hits = [];
3375      qTokens.forEach(function (q, i) {
3376        var s = Math.max(
3377          matchList(q, e.own),
3378          matchList(q, e.brands) * 0.85,
3379          matchList(q, e.ctx) * 0.6
3380        );
3381        if (s > 0) { total += s; hits.push(i); }
3382      });
3383      if (!hits.length) return null;
3384      if (hits.length === qTokens.length && qTokens.length > 1) total *= 1.7;
3385      return { score: total, hits: hits };
3386    }
3387
3388    function scoreBrand(qTokens, e) {
3389      var total = 0, hits = [];
3390      qTokens.forEach(function (q, i) {
3391        var s = Math.max(
3392          matchList(q, e.own),
3393          matchList(q, e.kw) * 0.75
3394        );
3395        if (s > 0) { total += s; hits.push(i); }
3396      });
3397      if (!hits.length) return null;
3398      if (hits.length === qTokens.length && qTokens.length > 1) total *= 1.7;
3399      return { score: total, hits: hits };
3400    }
3401
3402    /* ============================================================
3403       5) Ergebnisse rendern
3404       ============================================================ */
3405    function el(tag, cls, text) {
3406      var n = document.createElement(tag);
3407      if (cls) n.className = cls;
3408      if (text != null) n.textContent = text;
3409      return n;
3410    }
3411
3412    function flashPill(entry) {
3413      /* Suche schließen und Treffer im Browsing anspringen */
3414      input.value = '';
3415      update();
3416      selectTabById('zbt-tab-' + entry.areaId.replace('zbt-area-', ''));
3417      if (!mqDesktop.matches) {
3418        var head = entry.groupNode.querySelector('.trenga-zbt__group-head');
3419        var panel = document.getElementById(head.getAttribute('aria-controls'));
3420        panel.classList.add('is-open');
3421        head.setAttribute('aria-expanded', 'true');
3422      }
3423      var target = entry.node;
3424      window.requestAnimationFrame(function () {
3425        target.scrollIntoView({ behavior: 'smooth', block: 'center' });
3426        target.classList.add('is-flash');
3427        window.setTimeout(function () { target.classList.remove('is-flash'); }, 1400);
3428      });
3429    }
3430
3431    function renderResults(q, cats, brands, combos) {
3432      body.innerHTML = '';
3433
3434      var count = cats.length + brands.length;
3435      if (!count) {
3436        meta.innerHTML = '';
3437        var empty = el('div', 'trenga-zbt__empty');
3438        empty.appendChild(el('p', null, 'Keine Treffer für „' + q + '“'));
3439        empty.appendChild(el('span', null, 'Versuch es mit einem anderen Begriff – oder ruf uns an. Was wir nicht vorrätig haben, besorgen wir dir in der Regel innerhalb weniger Tage.'));
3440        body.appendChild(empty);
3441        return;
3442      }
3443
3444      meta.innerHTML = '<strong>' + count + (count === 1 ? ' Treffer' : ' Treffer') + '</strong> für „' + q.replace(/</g, '&lt;') + '“';
3445
3446      /* --- Kombitreffer: Kategorie + Marke --- */
3447      if (combos.length) {
3448        var cBlock = el('div', 'trenga-zbt__block');
3449        cBlock.appendChild(el('p', 'trenga-zbt__block-title', 'Das passt zusammen'));
3450        var cList = el('ul', 'trenga-zbt__combos');
3451        combos.slice(0, 8).forEach(function (combo) {
3452          var li = document.createElement('li');
3453          var chip = el('span', 'trenga-zbt__combo');
3454          if (combo.brand.logo) {
3455            var img = document.createElement('img');
3456            img.src = combo.brand.logo;
3457            img.alt = combo.brand.label;
3458            img.loading = 'lazy';
3459            chip.appendChild(img);
3460          }
3461          chip.appendChild(document.createTextNode(combo.cat.label + ' von ' + combo.brand.label));
3462          li.appendChild(chip);
3463          cList.appendChild(li);
3464        });
3465        cBlock.appendChild(cList);
3466        body.appendChild(cBlock);
3467      }
3468
3469      /* --- Kategorien, gruppiert nach ihrer Kategoriegruppe --- */
3470      if (cats.length) {
3471        var kBlock = el('div', 'trenga-zbt__block');
3472        kBlock.appendChild(el('p', 'trenga-zbt__block-title', 'Kategorien'));
3473        var grid = el('div', 'trenga-zbt__grid');
3474
3475        var order = [], buckets = {};
3476        cats.forEach(function (r) {
3477          var key = r.entry.area + '||' + r.entry.group;
3478          if (!buckets[key]) { buckets[key] = { entry: r.entry, items: [] }; order.push(key); }
3479          buckets[key].items.push(r.entry);
3480        });
3481
3482        order.forEach(function (key) {
3483          var bucket = buckets[key];
3484          var group = el('div', 'trenga-zbt__group');
3485          var headEl = el('p', 'trenga-zbt__result-head');
3486          headEl.innerHTML = '<span>' + bucket.entry.area + ' › </span>' + bucket.entry.group;
3487          group.appendChild(headEl);
3488
3489          var ul = el('ul', 'trenga-zbt__pills');
3490          bucket.items.forEach(function (entry) {
3491            var li = document.createElement('li');
3492            var btn = el('button', 'trenga-zbt__pill trenga-zbt__result-pill', entry.label);
3493            btn.type = 'button';
3494            btn.addEventListener('click', function () { flashPill(entry); });
3495            li.appendChild(btn);
3496            ul.appendChild(li);
3497          });
3498          group.appendChild(ul);
3499          grid.appendChild(group);
3500        });
3501
3502        kBlock.appendChild(grid);
3503        body.appendChild(kBlock);
3504      }
3505
3506      /* --- Marken --- */
3507      if (brands.length) {
3508        var bBlock = el('div', 'trenga-zbt__block');
3509        bBlock.appendChild(el('p', 'trenga-zbt__block-title', 'Marken'));
3510        var bList = el('ul', 'trenga-zbt__brands');
3511        brands.forEach(function (r) {
3512          var li = document.createElement('li');
3513          var clone = r.entry.node.cloneNode(true);
3514          clone.addEventListener('click', function () {
3515            input.value = r.entry.label;
3516            update();
3517            root.scrollIntoView({ behavior: 'smooth', block: 'start' });
3518          });
3519          li.appendChild(clone);
3520          bList.appendChild(li);
3521        });
3522        bBlock.appendChild(bList);
3523        body.appendChild(bBlock);
3524      }
3525    }
3526
3527    /* ============================================================
3528       6) Suche ausführen
3529       ============================================================ */
3530    function search(q) {
3531      var qTokens = toTokens(q);
3532      if (!qTokens.length) return null;
3533
3534      var cats = [], brands = [];
3535
3536      catEntries.forEach(function (e) {
3537        var r = scoreCat(qTokens, e);
3538        if (r && r.score >= 4) cats.push({ entry: e, score: r.score, hits: r.hits });
3539      });
3540      brandEntries.forEach(function (e) {
3541        var r = scoreBrand(qTokens, e);
3542        if (r && r.score >= 4) brands.push({ entry: e, score: r.score, hits: r.hits });
3543      });
3544
3545      cats.sort(function (a, b) { return b.score - a.score; });
3546      brands.sort(function (a, b) { return b.score - a.score; });
3547      cats = cats.slice(0, 30);
3548      brands = brands.slice(0, 18);
3549
3550      /* Kombis nur bei Mehrwortsuche: Marke und Kategorie müssen von
3551         unterschiedlichen Suchbegriffen getroffen worden sein. */
3552      var combos = [];
3553      if (qTokens.length > 1) {
3554        brands.forEach(function (b) {
3555          cats.forEach(function (c) {
3556            var normCats = b.entry.cats.map(norm);
3557            if (normCats.indexOf(norm(c.entry.label)) === -1) return;
3558            var brandOnly = b.hits.some(function (i) { return c.hits.indexOf(i) === -1; });
3559            var catOnly   = c.hits.some(function (i) { return b.hits.indexOf(i) === -1; });
3560            if (brandOnly && catOnly) {
3561              combos.push({ brand: b.entry, cat: c.entry, score: b.score + c.score });
3562            }
3563          });
3564        });
3565        combos.sort(function (a, b) { return b.score - a.score; });
3566      }
3567
3568      return { cats: cats, brands: brands, combos: combos };
3569    }
3570
3571    /* ============================================================
3572       7) Zustand umschalten Browsing <-> Ergebnisse
3573       ============================================================ */
3574    function update() {
3575      var q = input.value.trim();
3576      clearBtn.classList.toggle('is-shown', q.length > 0);
3577
3578      if (q.length < 2) {
3579        results.classList.remove('is-shown');
3580        browse.style.display = '';
3581        meta.innerHTML = '';
3582        body.innerHTML = '';
3583        return;
3584      }
3585
3586      var res = search(q);
3587      browse.style.display = 'none';
3588      results.classList.add('is-shown');
3589      renderResults(q, res.cats, res.brands, res.combos);
3590    }
3591
3592    var timer = null;
3593    input.addEventListener('input', function () {
3594      window.clearTimeout(timer);
3595      timer = window.setTimeout(update, 120);
3596    });
3597    input.addEventListener('keydown', function (e) {
3598      if (e.key === 'Escape') { input.value = ''; update(); }
3599      if (e.key === 'Enter')  { e.preventDefault(); window.clearTimeout(timer); update(); }
3600    });
3601    clearBtn.addEventListener('click', function () {
3602      input.value = '';
3603      update();
3604      input.focus();
3605    });
3606
3607    /* ---------- Desktop: Tab-Wechsel ---------- */
3608    function selectTab(tab) {
3609      tabs.forEach(function (t) {
3610        var isTarget = t === tab;
3611        t.setAttribute('aria-selected', isTarget ? 'true' : 'false');
3612        var area = document.getElementById(t.getAttribute('aria-controls'));
3613        if (area) area.classList.toggle('is-shown', isTarget);
3614      });
3615    }
3616    function selectTabById(id) {
3617      var t = tabs.filter(function (x) { return x.id === id; })[0];
3618      if (t && mqDesktop.matches) selectTab(t);
3619    }
3620
3621    tabs.forEach(function (tab) {
3622      tab.addEventListener('click', function () { selectTab(tab); });
3623
3624      /* Pfeiltasten-Navigation zwischen den Tabs */
3625      tab.addEventListener('keydown', function (e) {
3626        var idx = tabs.indexOf(tab);
3627        var next = null;
3628        if (e.key === 'ArrowRight') next = tabs[(idx + 1) % tabs.length];
3629        if (e.key === 'ArrowLeft')  next = tabs[(idx - 1 + tabs.length) % tabs.length];
3630        if (next) { e.preventDefault(); next.focus(); selectTab(next); }
3631      });
3632    });
3633
3634    /* ---------- Markenkachel: setzt die Suche auf die Marke ---------- */
3635    brandEntries.forEach(function (b) {
3636      b.node.addEventListener('click', function () {
3637        input.value = b.label;
3638        update();
3639        root.scrollIntoView({ behavior: 'smooth', block: 'start' });
3640      });
3641    });
3642
3643    /* ---------- Mobile: Akkordeon je Kategoriegruppe ---------- */
3644    heads.forEach(function (head) {
3645      head.addEventListener('click', function () {
3646        if (mqDesktop.matches) return; /* Desktop: Titel ist statisch */
3647        var panel = document.getElementById(head.getAttribute('aria-controls'));
3648        var open = panel.classList.toggle('is-open');
3649        head.setAttribute('aria-expanded', open ? 'true' : 'false');
3650      });
3651    });
3652
3653    /* ---------- Moduswechsel: Zustände sauber zurücksetzen ---------- */
3654    function applyMode() {
3655      if (mqDesktop.matches) {
3656        heads.forEach(function (head) {
3657          head.setAttribute('aria-expanded', 'true');
3658        });
3659        var active = tabs.filter(function (t) { return t.getAttribute('aria-selected') === 'true'; })[0] || tabs[0];
3660        selectTab(active);
3661      } else {
3662        heads.forEach(function (head) {
3663          var panel = document.getElementById(head.getAttribute('aria-controls'));
3664          panel.classList.remove('is-open');
3665          head.setAttribute('aria-expanded', 'false');
3666        });
3667      }
3668    }
3669
3670    if (typeof mqDesktop.addEventListener === 'function') {
3671      mqDesktop.addEventListener('change', applyMode);
3672    } else {
3673      mqDesktop.addListener(applyMode); /* Fallback ältere Browser */
3674    }
3675
3676    applyMode();
3677    update();
3678  })();
3679</script>
3679
3680            </div>
3681            </div>
3682                    </div>
3683                            </div>
3684            </div>
3685                        </div>
3686                </div>
3687                                                        
3688            
3689            
3690            
3691                                        
3692                                    
3693                            <div class="cms-section  pos-3 cms-section-default"
3694                     style="">
3695
3696                                <div class="cms-section-default boxed">
3697                                    
3698                
3699                
3700    
3701    
3702    
3703    
3704            
3705    
3706                
3707            
3708    <div class="cms-block  pos-0 cms-block-html"
3709         style="">
3710                            
3711                    <div class="cms-block-container"
3712                 style="padding: 75px 20px 75px 20px;">
3713                                    <div class="cms-block-container-row row cms-row ">
3714                                
3715    <div class="col-12" data-cms-element-id="019f8f74890d739e8269106c3c893655">
3716                        <div class="cms-element-html">
3717                    
3718
3719<style>
3720  .trenga-zcta{
3721    --zcta-blue:#0057b8;
3722    --zcta-blue-dark:#004a9e;
3723    --zcta-text:#111111;
3724    --zcta-muted:#6b7280;
3725    --zcta-tile:#f2f4f7;
3726    --zcta-blue-soft:rgba(0,87,184,.08);
3727    --zcta-ease:cubic-bezier(0.22,1,0.36,1);
3728    font-family:inherit;
3729    color:var(--zcta-text);
3730    padding:0; /* Außenabstände kommen aus Shopware */
3731    -webkit-font-smoothing:antialiased;
3732  }
3733
3734  .trenga-zcta *,
3735  .trenga-zcta *::before,
3736  .trenga-zcta *::after{box-sizing:border-box;}
3737
3738  .trenga-zcta a{text-decoration:none;}
3739  .trenga-zcta a:hover,.trenga-zcta a:focus{text-decoration:none !important;}
3740
3741  .trenga-zcta__inner{
3742    max-width:1200px;
3743    margin:0 auto;
3744    text-align:center;
3745  }
3746
3747  /* ---------- Aufforderung ---------- */
3748  .trenga-zcta__claim{
3749    margin:0 0 20px;
3750    font-size:clamp(17px,2.4vw,21px);
3751    line-height:1.4;
3752    letter-spacing:-0.01em;
3753    font-weight:700;
3754    font-style:normal !important;
3755  }
3756
3757  /* ---------- Buttons im Pill-Stil der Übersicht ---------- */
3758  .trenga-zcta__buttons{
3759    display:flex;
3760    flex-wrap:wrap;
3761    justify-content:center;
3762    align-items:center;
3763    gap:10px;
3764  }
3765
3766  .trenga-zcta__btn{
3767    display:inline-flex;
3768    align-items:center;
3769    justify-content:center;
3770    gap:9px;
3771    padding:13px 24px;
3772    border:0;
3773    border-radius:999px;
3774    font-size:15px;
3775    font-weight:600;
3776    letter-spacing:-0.01em;
3777    line-height:1.2;
3778    white-space:nowrap;
3779    cursor:pointer;
3780    transition:background .3s var(--zcta-ease),
3781               color .3s var(--zcta-ease),
3782               transform .3s var(--zcta-ease);
3783    -webkit-tap-highlight-color:transparent;
3784  }
3785  .trenga-zcta__btn svg{width:17px;height:17px;flex:0 0 auto;}
3786  .trenga-zcta__btn:focus-visible{outline:2px solid var(--zcta-blue);outline-offset:3px;}
3787  .trenga-zcta__btn:active{transform:scale(.98);}
3788
3789  /* Primär: Timify-Beratungstermin */
3790  .trenga-zcta__btn--primary{
3791    background:var(--zcta-blue);
3792    color:#ffffff;
3793  }
3794  @media (hover:hover){
3795    .trenga-zcta__btn--primary:hover{background:var(--zcta-blue-dark);}
3796  }
3797
3798  /* Sekundär: Routen – wie .trenga-zbt__pill */
3799  .trenga-zcta__btn--secondary{
3800    background:var(--zcta-tile);
3801    color:var(--zcta-text);
3802  }
3803  @media (hover:hover){
3804    .trenga-zcta__btn--secondary:hover{
3805      background:var(--zcta-blue-soft);
3806      color:var(--zcta-blue);
3807    }
3808  }
3809
3810  @media (prefers-reduced-motion:reduce){
3811    .trenga-zcta *{transition-duration:.01ms !important;}
3812  }
3813
3814  /* ---------- Mobile ≤640px: symmetrisch gestapelt ---------- */
3815  @media (max-width:640px){
3816    .trenga-zcta__buttons{
3817      flex-direction:column;
3818      align-items:stretch;
3819      max-width:360px;
3820      margin:0 auto;
3821    }
3822    .trenga-zcta__btn{width:100%;}
3823  }
3824</style>
3825
3826<section class="trenga-zcta" id="trenga-zubehoer-cta">
3827  <div class="trenga-zcta__inner">
3828
3829    <p class="trenga-zcta__claim">Unsicher, was genau du brauchst? Wir helfen dir gerne in einer persönlichen Beratung vor Ort.</p>
3830
3831    <div class="trenga-zcta__buttons">
3832
3833      <!-- CTA 1: Timify-Beratungstermin (gilt für beide Standorte) -->
3834      <div
3835        class="timify-button trenga-zcta__btn trenga-zcta__btn--primary"
3836        data-account-id="6041e03ef36cce115938efd8"
3837        role="button"
3838        tabindex="0"
3839      >
3840        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
3841        Beratungstermin buchen
3842      </div>
3843
3844      <!-- CTA 2: Route Hamburg-Harburg -->
3845      <a
3846        class="trenga-zcta__btn trenga-zcta__btn--secondary"
3847        href="https://www.google.com/maps/dir/?api=1&amp;destination=TRENGA%20Bicycles%2C%20Gro%C3%9Fmoordamm%2065%2C%2021079%20Hamburg&amp;destination_place_id=ChIJddL_c7CRsUcR33gCaQjUNJY"
3848        target="_blank"
3849        rel="noopener"
3850      >
3851        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
3852        Route: Hamburg
3853      </a>
3854
3855      <!-- CTA 3: Route Buchholz -->
3856      <a
3857        class="trenga-zcta__btn trenga-zcta__btn--secondary"
3858        href="https://www.google.com/maps/dir/?api=1&amp;destination=TRENGA%20Bicycles%20Buchholz%2C%20Innungsstra%C3%9Fe%202%2C%202
38581244%20Buchholz%20in%20der%20Nordheide&amp;destination_place_id=ChIJsZzuh4CXsUcR61Jf_Ufl5iM"
3859        target="_blank"
3860        rel="noopener"
3861      >
3862        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
3863        Route: Buchholz
3864      </a>
3865
3866    </div>
3867
3868  </div>
3869</section>
3870            </div>
3871            </div>
3872                    </div>
3873                            </div>
3874            </div>
3875                        </div>
3876                </div>
3877                        </div>
3878                                    </div>
3879                        </div>
3880            </main>
3881        
3882                    <footer class="footer-main">
3883                                        <div class="container">
3884                    <div
3885                id="footerColumns"
3886                class="row footer-columns"
3887                data-collapse-footer-columns="true"
3888                role="list"
3889            >
3890                                    <div class="col-md-4 footer-column js-footer-column">
3891                                                    <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
3892                                 id="collapseFooterHotlineTitle"
3893                                 data-bs-target="#collapseFooterHotline"
3894                                 aria-expanded="true"
3895                                 aria-controls="collapseFooterHotline"
3896                                 role="listitem">
3897                                Fahrrad &amp; E-Bike Center Hamburg
3898
3899                                                                    <div class="footer-column-toggle">
3900                                        <span class="footer-plus-icon">
3901                                            <span class="icon icon-plus">
3902                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs><path d="M11 11V3c0-.5523.4477-1 1-1s1 .4477 1 1v8h8c.5523 0 1 .4477 1 1s-.4477 1-1 1h-8v8c0 .5523-.4477 1-1 1s-1-.4477-1-1v-8H3c-.5523 0-1-.4477-1-1s.4477-1 1-1h8z" id="icons-default-plus" /></defs><use xlink:href="#icons-default-plus" fill="#758CA3" fill-rule="evenodd" /></svg>
3903        </span>                                        </span>
3904                                        <span class="footer-minus-icon">
3905                                            <span class="icon icon-minus">
3906                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs><path id="icons-default-minus" d="M3 13h18c.5523 0 1-.4477 1-1s-.4477-1-1-1H3c-.5523 0-1 .4477-1 1s.4477 1 1 1z" /></defs><use xlink:href="#icons-default-minus" fill="#758CA3" fill-rule="evenodd" /></svg>
3907        </span>                                        </span>
3908                                    </div>
3909                                                            </div>
3910                        
3911                                                    <div id="collapseFooterHotline"
3912                                 class="footer-column-content collapse js-footer-column-content footer-contact"
3913                                 aria-labelledby="collapseFooterHotlineTitle"
3914                                 role="listitem">
3915                                <div class="footer-column-content-inner">
3916                                    <p class="footer-contact-hotline">
3917                                        <a href="tel:+494032310010">Harburg: 040 / 32310010</a><a href="tel:+49418136060">Buchholz: 04181 / 36060</a>Mo-Fr: 9:00 - 18:00 Uhr
3918                                    </p>
3919                                </div>
3920                                <div class="footer-contact-form">
3921                                    Oder über unser <a data-ajax-modal="true" data-url="/widgets/cms" href="/widgets/cms" title="Kontaktformular">Kontaktformular</a>.
3922                                </div>
3923                            </div>
3924                                            </div>
3925                
3926                                                                                        <div class="col-md-4 footer-column js-footer-column">
3927                                                                    <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
3928                                         data-bs-target="#collapseFooterTitle1"
3929                                         aria-expanded="true"
3930                                         aria-controls="collapseFooter1">
3931
3932                                                                                    <a href="https://www.trenga.de"
3933                                                                                              title="Fahrräder">
3934                                                Fahrräder
3935                                            </a>
3936                                        
3937                                                                                    <div class="footer-column-toggle">
3938                                                <span class="footer-plus-icon">
3939                                                    <span class="icon icon-plus">
3940                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icons-default-plus" fill="#758CA3" fill-rule="evenodd" /></svg>
3941        </span>                                                </span>
3942                                                <span class="footer-minus-icon">
3943                                                    <span class="icon icon-minus">
3944                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icons-default-minus" fill="#758CA3" fill-rule="evenodd" /></svg>
3945        </span>                                                </span>
3946                                            </div>
3947                                                                            </div>
3948                                
3949                                                                    <div id="collapseFooter1"
3950                                         class="footer-column-content collapse js-footer-column-content"
3951                                         aria-labelledby="collapseFooterTitle1">
3952                                        <div class="footer-column-content-inner">
3953                                                                                            <ul class="list-unstyled">
3954                                                                                                                                                                    
3955                                                                                                                    <li class="footer-link-item">
3956                                                                                                                                                                                                            <a class="footer-link"
3957                                                                           href="https://www.trenga.de/E-Bikes/"
3958                                                                                                                                                      title="E-Bikes">
3959                                                                            E-Bikes
3960                                                                        </a>
3961                                                                                                                                                                                                </li>
3962                                                                                                                                                                                                                            
3963                                                                                                                    <li class="footer-link-item">
3964                                                                                                                                                                                                            <a class="footer-link"
3965                                                                           href="https://www.trenga.de/Gravel-Bikes/"
3966                                                                                                                                                      title="Gravel Bikes">
3967                                                                            Gravel Bikes
3968                                                                        </a>
3969                                                                                                                                                                                                </li>
3970                                                                                                                                                                                                                            
3971                                                                                                                    <li class="footer-link-item">
3972                                                                                                                                                                                                            <a class="footer-link"
3973                                                                           href="https://www.trenga.de/City-Trekking/"
3974                                                                                                                                                      title="City &amp; Trekking">
3975                                                                            City &amp; Trekking
3976                                                                        </a>
3977                                                                                                                                                                                                </li>
3978                                                                                                                                                                                                                            
3979                                                                                                                    <li class="footer-link-item">
3980                                                                                                                                                                                                            <a class="footer-link"
3981                                                                           href="https://www.trenga.de/mtb"
3982                                                                                                                                                      title="MTB">
3983                                                                            MTB
3984                                                                        </a>
3985                                                                                                                                                                                                </li>
3986                                                                                                                                                                                                                            
3987                                                                                                                    <li class="footer-link-item">
3988                                                                                                                                                                                                            <a class="footer-link"
3989                                                                           href="https://www.trenga.de/Rennrad/"
3990                                                                                                                                                      title="Rennräder">
3991                                                                            Rennräder
3992                                                                        </a>
3993                                                                                                                                                                                                </li>
3994                                                                                                                                                                                                                            
3995                                                                                                                    <li class="footer-link-item">
3996                                                                                                                                                                                                            <a class="footer-link"
3997                                                                           href="https://www.trenga.de/Sommer-Sale/"
3998                                                                                                                                                      title="Sale">
3999                                                                            Sale
4000                                                                        </a>
4001                                                                                                                                                                                                </li>
4002                                                                                                                                                            </ul>
4003                                                                                    </div>
4004                                    </div>
4005                                                            </div>
4006                                                                                                <div class="col-md-4 footer-column js-footer-column">
4007                                                                    <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
4008                                         data-bs-target="#collapseFooterTitle2"
4009                                         aria-expanded="true"
4010                                         aria-controls="collapseFooter2">
4011
4012                                                                                    Service
4013                                        
4014                                                                                    <div class="footer-column-toggle">
4015                                                <span class="footer-plus-icon">
4016                                                    <span class="icon icon-plus">
4017                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icons-default-plus" fill="#758CA3" fill-rule="evenodd" /></svg>
4018        </span>                                                </span>
4019                                                <span class="footer-minus-icon">
4020                                                    <span class="icon icon-minus">
4021                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icons-default-minus" fill="#758CA3" fill-rule="evenodd" /></svg>
4022        </span>                                                </span>
4023                                            </div>
4024                                                                            </div>
4025                                
4026                                                                    <div id="collapseFooter2"
4027                                         class="footer-column-content collapse js-footer-column-content"
4028                                         aria-labelledby="collapseFooterTitle2">
4029                                        <div class="footer-column-content-inner">
4030                                                                                            <ul class="list-unstyled">
4031                                                                                                                                                                    
4032                                                                                                                    <li class="footer-link-item">
4033                                                                                                                                                                                                            <a class="footer-link"
4034                                                                           href="https://www.fahrradcenter.de/Service/Leasing-Finanzierung/"
4035                                                                                                                                                      title="Leasing &amp; Finanzierung">
4036                                                                            Leasing &amp; Finanzierung
4037                                                                        </a>
4038                                                                                                                                                                                                </li>
4039                                                                                                                                                                                                                            
4040                                                                                                                    <li class="footer-link-item">
4041                                                                                                                                                                                                            <a class="footer-link"
4042                                                                           href="https://www.fahrradcenter.de/fahrradwerkstatt-hamburg"
4043                                                                                                                                                      title="Fahrradwerkstatt Hamburg">
4044                                                                            Fahrradwerkstatt Hamburg
4045                                                                        </a>
4046                                                                                                                                                                                                </li>
4047                                                                                                                                                                                                                            
4048                                                                                                                    <li class="footer-link-item">
4049                                                                                                                                                                                                            <a class="footer-link"
4050                                                                           href="https://www.fahrradcenter.de/fahrradwerkstatt-buchholz"
4051                                                                                                                                                      title="Fahrradwerkstatt Buchholz">
4052                                                                            Fahrradwerkstatt Buchholz
4053                                                                        </a>
4054                                                                                                                                                                                                </li>
4055                                                                                                                                                                                                                            
4056                                                                                                                    <li class="footer-link-item">
4057                                                                                                                                                                                                            <a class="footer-link"
4058                                                                           href="https://www.fahrradcenter.de/Service/Beratung-Service/"
4059                                                                                                                                                      title="Beratung &amp; Service">
4060                                                                            Beratung &amp; Service
4061                                                                        </a>
4062                                                                                                                                                                                                </li>
4063                                                                                                                                                                                                                            
4064                                                                                                                    <li class="footer-link-item">
4065                                                                                                                                                                                                            <a class="footer-link"
4066                                                                           href="https://www.fahrradcenter.de/Service/FAQ/"
4067                                                                                                                                                      title="FAQ">
4068                                                                            FAQ
4069                                                                        </a>
4070                                                                                                                                                                                                </li>
4071                                                                                                                                                            </ul>
4072                                                                                    </div>
4073                                    </div>
4074                                                            </div>
4075                                                                                                <div class="col-md-4 footer-column js-footer-column">
4076                                                                    <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
4077                                         data-bs-target="#collapseFooterTitle3"
4078                                         aria-expanded="true"
4079                                         aria-controls="collapseFooter3">
4080
4081                                                                                    <a href="https://www.fahrradcenter.de/Unternehmen/"
4082                                                                                              title="Unternehmen">
4083                                                Unternehmen
4084                                            </a>
4085                                        
4086                                                                                    <div class="footer-column-toggle">
4087                                                <span class="footer-plus-icon">
4088                                                    <span class="icon icon-plus">
4089                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icons-default-plus" fill="#758CA3" fill-rule="evenodd" /></svg>
4090        </span>                                                </span>
4091                                                <span class="footer-minus-icon">
4092                                                    <span class="icon icon-minus">
4093                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icons-default-minus" fill="#758CA3" fill-rule="evenodd" /></svg>
4094        </span>                                                </span>
4095                                            </div>
4096                                                                            </div>
4097                                
4098                                                                    <div id="collapseFooter3"
4099                                         class="footer-column-content collapse js-footer-column-content"
4100                                         aria-labelledby="collapseFooterTitle3">
4101                                        <div class="footer-column-content-inner">
4102                                                                                            <ul class="list-unstyled">
4103                                                                                                                                                                    
4104                                                                                                                    <li class="footer-link-item">
4105                                                                                                                                                                                                            <a class="footer-link"
4106                                                                           href="https://www.fahrradcenter.de/Unternehmen/OEffnungszeiten/"
4107                                                                                                                                                      title="Öffnungszeiten">
4108                                                                            Öffnungszeiten
4109                                                                        </a>
4110                                                                                                                                                                                                </li>
4111                                                                                                                                                                                                                            
4112                                                                                                                    <li class="footer-link-item">
4113                                                                                                                                                                                                            <a class="footer-link"
4114                                                                           href="https://www.fahrradcenter.de/Unternehmen/Factorystore-Hamburg/"
4115                                                                                                                                                      title="Factorystore Hamburg">
4116                                                                            Factorystore Hamburg
4117                                                                        </a>
4118                                                                                                                                                                                                </li>
4119                                                                                                                                                                                                                            
4120                                                                                                                    <li class="footer-link-item">
4121                                                                                                                                                                                                            <a class="footer-link"
4122                                                                           href="https://www.fahrradcenter.de/Unternehmen/Factorystore-Buchholz/"
4123                                                                                                                                                      title="Factorystore Buchholz">
4124                                                                            Factorystore Buchholz
4125                                                                        </a>
4126                                                                                                                                                                                                </li>
4127                                                                                                                                                                                                                            
4128                                                                                                                    <li class="footer-link-item">
4129                                                                                                                                                                                                            <a class="footer-link"
4130                                                                           href="https://www.fahrradcenter.de/Unternehmen/TRENGA-Fahrradmanufaktur/"
4131                                                                                                                                                      title="TRENGA Fahrradmanufaktur">
4132                                                                            TRENGA Fahrradmanufaktur
4133                                                                        </a>
4134                                                                                                                                                                                                </li>
4135                                                                                                                                                                                                                            
4136                                                                                                                    <li class="footer-link-item">
4137                                                                                                                                                                                                            <a class="footer-link"
4138                                                                           href="https://www.fahrradcenter.de/Unternehmen/Jobs/"
4139                                                                                                                                                      title="Jobs">
4140                                                                            Jobs
4141                                                                        </a>
4142                                                                                                                                                                                                </li>
4143                                                                                                                                                                                                                            
4144                                                                                                                    <li class="footer-link-item">
4145                                                                                                                                                                                                            <a class="footer-link"
4146                                                                           href="https://www.fahrradcenter.de/Unternehmen/Ausbildungsberufe/"
4147                                                                                                                                                      title="Ausbildungsberufe">
4148                                                                            Ausbildungsberufe
4149                                                                        </a>
4150                                                                                                                                                                                                </li>
4151                                                                                                                                                            </ul>
4152                                                                                    </div>
4153                                    </div>
4154                                                            </div>
4155                                                                                                <div class="col-md-4 footer-column js-footer-column">
4156                                                                    <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
4157                                         data-bs-target="#collapseFooterTitle4"
4158                                         aria-expanded="true"
4159                                         aria-controls="collapseFooter4">
4160
4161                                                                                    2026 Fahrrad &amp; E-Bike Center Hamburg GmbH
4162                                        
4163                                                                                    <div class="footer-column-toggle">
4164                                                <span class="footer-plus-icon">
4165                                                    <span class="icon icon-plus">
4166                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icons-default-plus" fill="#758CA3" fill-rule="evenodd" /></svg>
4167        </span>                                                </span>
4168                                                <span class="footer-minus-icon">
4169                                                    <span class="icon icon-minus">
4170                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icons-default-minus" fill="#758CA3" fill-rule="evenodd" /></svg>
4171        </span>                                                </span>
4172                                            </div>
4173                                                                            </div>
4174                                
4175                                                                    <div id="collapseFooter4"
4176                                         class="footer-column-content collapse js-footer-column-content"
4177                                         aria-labelledby="collapseFooterTitle4">
4178                                        <div class="footer-column-content-inner">
4179                                                                                            <ul class="list-unstyled">
4180                                                                                                                                                                    
4181                                                                                                                    <li class="footer-link-item">
4182                                                                                                                                                                                                            <a class="footer-link"
4183                                                                           href="https://www.fahrradcenter.de/agb"
4184                                                                           target="_blank"                                                                           title="Allgemeine Geschäftsbedingungen">
4185                                                                            Allgemeine Geschäftsbedingungen
4186                                                                        </a>
4187                                                                                                                                                                                                </li>
4188                                                                                                                                                                                                                            
4189                                                                                                                    <li class="footer-link-item">
4190                                                                                                                                                                                                            <a class="footer-link"
4191                                                                           href="https://www.fahrradcenter.de/impressum"
4192                                                                           target="_blank"                                                                           title="Impressum">
4193                                                                            Impressum
4194                                                                        </a>
4195                                                                                                                                                                                                </li>
4196                                                                                                                                                                                                                            
4197                                                                                                                    <li class="footer-link-item">
4198                                                                                                                                                                                                            <a class="footer-link"
4199                                                                           href="https://www.fahrradcenter.de/Datenschutz"
4200                                                                           target="_blank"                                                                           title="Datenschutz">
4201                                                                            Datenschutz
4202                                                                        </a>
4203                                                                                                                                                                                                </li>
4204                                                                                                                                                            </ul>
4205                                                                                    </div>
4206                                    </div>
4207                                                            </div>
4208                                                                        </div>
4209        
4210                    <div class="footer-logos">
4211                                    
4212            
4213                                                                                                                                                                                                                                        
4214
4215                    
4216                    <div data-swag-paypal-funding-eligibility="true"
4217                 data-swag-paypal-funding-eligibility-options="{&quot;extensions&quot;:[],&quot;clientId&quot;:&quot;AWs9LO4mVAu7FGWQGjzb_bNAxRVTZ1PbLSor5qLQhDYbI4Ku5AtdFGUWYov29yiIfjOu7FgLGmPjQFyL&quot;,&quot;merchantPayerId&quot;:&quot;DZ9JG3VEEHPYS&quot;,&quot;partnerAttributionId&quot;:&quot;shopwareAG_Cart_Shopware6_PPCP&quot;,&quot;languageIso&quot;:&quot;de_DE&quot;,&quot;currency&quot;:&quot;EUR&quot;,&quot;intent&quot;:&quot;capture&quot;,&quot;filteredPaymentMethods&quot;:[],&quot;methodEligibilityUrl&quot;:&quot;\/paypal\/payment-method-eligibility&quot;}">
4218            </div>
4219            
4220                                                                                                                                                                </div>
4221            </div>
4222
4223        
4224            <div class="footer-bottom">
4225                            <div class="container">
4226                                            <ul class="footer-service-menu-list list-unstyled"></ul>                                    </div>
4227            
4228                                                <div class="footer-vat">
4229                                                    <p>
4230                                * Alle Preise inkl. gesetzl. Mehrwertsteuer zzgl. <a data-ajax-modal="true" href="/widgets/cms" data-url="/widgets/cms">Versandkosten</a> und ggf. Nachnahmegebühren, wenn nicht anders angegeben.
4231                            </p>
4232                                            </div>
4233                            
4234                            <div class="footer-copyright">
4235                    <span class="icon icon-shopware icon-xs">
4236                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs><path d="M19.0876 21.3016a.172.172 0 0 1 .067.1384.17.17 0 0 1-.0692.1362c-2.0605 1.5243-4.506 2.3308-7.0746 2.3308-3.1805 0-6.1686-1.2389-8.4151-3.4854C1.347 18.1751.1103 15.187.1103 12.0086c0-3.1762 1.2389-6.1643 3.4854-8.4108C5.8443 1.3492 8.8324.1124 12.0108.1124c2.9406 0 5.7643 1.0811 7.9481 3.0465A.1685.1685 0 0 1 20 3.358a.1682.1682 0 0 1-.1773.0972c-.8476-.1167-1.7622-.1751-2.72-.1751-3.466 0-6.281.774-8.1384 2.2357-1.6562 1.3038-2.5319 3.107-2.5319 5.2173 0 2.3502.9017 4.2097 2.7525 5.6843 1.6346 1.2995 3.8119 2.1449 5.7319 2.8886 1.613.625 3.1373 1.2173 4.1708 1.9957zm4.7697-10.3913c.0346.3783.0497.748.0519 1.0983 0 1.4941-.2746 2.9536-.8151 4.3373-.0173.0476-.0563.0822-.1017.0995a.1854.1854 0 0 1-.0583.0108.1612.1612 0 0 1-.0822-.0216c-1.414-.7849-2.9557-1.36-4.4454-1.9157-2.893-1.0789-5.3903-2.0108-5.3903-4.054 0-.7287.3049-1.3514.8822-1.7968.666-.5146 1.6648-.7762 2.9665-.7762 2.441 0 4.4497.841 6.9319 2.9016a.172.172 0 0 1 .0605.1168z" id="icons-default-shopware" /></defs><use xlink:href="#icons-default-shopware" fill="#758CA3" fill-rule="evenodd" /></svg>
4237        </span>                    Fahrrad &amp; E-Bike Center Hamburg GmbH
4238                </div>
4239                    </div>
4240    
4241                            </footer>
4242            
4243
4244
4245        
4246                <div class="scroll-up-container"
4247         data-scroll-up="true">
4248                    <div class="scroll-up-button js-scroll-up-button">
4249                <button type="submit"
4250                        class="btn btn-primary"
4251                        aria-hidden="true">
4252                                            <span class="icon icon-arrow-up icon-sm">
4253                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs><path d="M13 3.4142V23c0 .5523-.4477 1-1 1s-1-.4477-1-1V3.4142l-4.2929 4.293c-.3905.3904-1.0237.3904-1.4142 0-.3905-.3906-.3905-1.0238 0-1.4143l6-6c.3905-.3905 1.0237-.3905 1.4142 0l6 6c.3905.3905.3905 1.0237 0 1.4142-.3905.3905-1.0237.3905-1.4142 0L13 3.4142z" id="icons-default-arrow-up" /></defs><use xlink:href="#icons-default-arrow-up" fill="#758CA3" fill-rule="evenodd" /></svg>
4254        </span>                                    </button>
4255            </div>
4256            </div>
4257    
4258                
4259                <div class="js-pseudo-modal-template">
4260        <div class="modal modal-lg fade"
4261             tabindex="-1"
4262             role="dialog">
4263            <div class="modal-dialog"
4264                 role="document">
4265                <div class="modal-content">
4266                                            <div class="modal-header only-close">
4267                                                            <div class="modal-title js-pseudo-modal-template-title-element h5"></div>
4268                            
4269                                                            <button type="button"
4270                                        class="btn-close close"
4271                                        data-bs-dismiss="modal"
4272                                        aria-label="Close">
4273                                                                                                                                                                                        </button>
4274                                                    </div>
4275                    
4276                                            <div class="modal-body js-pseudo-modal-template-content-element">
4277                        </div>
4278                                    </div>
4279            </div>
4280
4281            <template class="js-pseudo-modal-back-btn-template">
4282                
4283                                                    <button class="js-pseudo-modal-back-btn btn btn-outline-primary" data-ajax-modal="true" data-url="#" href="#">
4284                                                    <span class="icon icon-arrow-left icon-sm icon-me-1">
4285                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs><path d="m3.4142 13 4.293 4.2929c.3904.3905.3904 1.0237 0 1.4142-.3906.3905-1.0238.3905-1.4143 0l-6-6c-.3905-.3905-.3905-1.0237 0-1.4142l6-6c.3905-.3905 1.0237-.3905 1.4142 0 .3905.3905.3905 1.0237 0 1.4142L3.4142 11H23c.5523 0 1 .4477 1 1s-.4477 1-1 1H3.4142z" id="icons-default-arrow-left" /></defs><use xlink:href="#icons-default-arrow-left" fill="#758CA3" fill-rule="evenodd" /></svg>
4286        </span>                            Zurück
4287                                            </button>
4288                            </template>
4289        </div>
4290    </div>
4291    
4292            </body>
4293</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.