PageSourceSearch

https://www.sportsonline.de/account/login?redirectTo=frontend.acco…=%7B%22_noStore%22:true%7D

html sportsonline.de collected 2026-10-09 03:57:28 UTC 404,416 bytes, 6,873 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="noindex,follow">
19                <meta name="revisit-after"
20                      content="15 days">
21                <meta name="keywords"
22                      content="">
23                <meta name="description"
24                      content="">
25            
26                            <meta property="og:url"
27                      content="https://www.sportsonline.de/account/login">
28                <meta property="og:type"
29                      content="website">
30                <meta property="og:site_name"
31                      content="SportsOnline.de - Outdoor Shop">
32                <meta property="og:title"
33                      content="SportsOnline.de - Outdoor Shop">
34                <meta property="og:description"
35                      content="">
36                <meta property="og:image"
37                      content="https://www.sportsonline.de/media/90/a7/20/1707354491/sportsonline-logo.svg">
38
39                <meta name="twitter:card"
40                      content="summary">
41                <meta name="twitter:site"
42                      content="SportsOnline.de - Outdoor Shop">
43                <meta name="twitter:title"
44                      content="SportsOnline.de - Outdoor Shop">
45                <meta name="twitter:description"
46                      content="">
47                <meta name="twitter:image"
48                      content="https://www.sportsonline.de/media/90/a7/20/1707354491/sportsonline-logo.svg">
49            
50                
51    <meta itemprop="copyrightHolder"
52          content="SportsOnline.de - Outdoor Shop">
53    <meta itemprop="copyrightYear"
54          content="">
55    <meta itemprop="isFamilyFriendly"
56          content="true">
57    <meta itemprop="image"
58          content="https://www.sportsonline.de/media/90/a7/20/1707354491/sportsonline-logo.svg">
59    <meta name="HandheldFriendly" content="True">
60
61
62    <meta name="msapplication-navbutton-color" content="#73d327">
63    <meta name="msapplication-TileColor" content="#73d327">
64    <meta name="theme-color" content="#73d327">
65
66                                                
67                    <link rel="shortcut icon"
68                  href="https://www.sportsonline.de/media/0a/94/c8/1651791417/sportsonline.svg">
69        
70                                <link rel="apple-touch-icon"
71                  sizes="180x180"
72                  href="https://www.sportsonline.de/media/28/10/f0/1651791425/sportsonline-share-logo.png">
73                    
74                            
75                    <title itemprop="name">Registrierung</title>
76        
77                                                                            <link rel="stylesheet"
78                      href="https://www.sportsonline.de/theme/c7ad9d3a4ae5ac41058b7f17e69b93f7/css/all.css?1791269836">
79                                    
80                                                                                                                                                    <style>
81            body.nve-category-sidebar {
82                --nve-account-bg: url("https://www.sportsonline.de/media/8a/7c/8e/1781136176/skitreff-berge-kunden-konto.png");                --nve-sidebar-gap: 40px;
83            }
84        </style>
85    
86            
87        
88        
89        
90        
91        
92    <style>
93        :root {
94            --nve-cat-accent: #73d327;
95            --nve-acc-accent: #73d327;
96            --nve-mod-accent: #73d327;
97            --nve-card-accent: #73d327;
98            --nve-filter-accent: #73d327;
99        }
100
101        /* === Kategorie-Sidebar (links) ===
102           Doppel-Body-Klassen-Trick (body.nve-category-sidebar.nve-category-sidebar)
103           bumpt die Specificity auf 0,2,1 statt 0,1,1 → schlägt die SCSS-Regeln
104           im _account-sidebar.scss (die haben max. 0,5,0 für is-active-Pfade)
105           UND auch userdefinierte Customizations in der gleichen Datei.
106           background-image: none zwingt den linear-gradient explizit zu null,
107           damit der solide var()-Background nicht von einem Gradient überschrieben wird. */
108                body.nve-category-sidebar.nve-category-sidebar .category-navigation-link.is-active,
109        body.nve-category-sidebar.nve-category-sidebar .category-navigation.level-0 > .category-navigation-entry > .category-navigation-link.is-active,
110        body.nve-category-sidebar.nve-category-sidebar .category-navigation.level-1 > .category-navigation-entry > .category-navigation-link.is-active,
111        body.nve-category-sidebar.nve-category-sidebar .category-navigation.level-2 > .category-navigation-entry > .category-navigation-link.is-active,
112        body.nve-category-sidebar.nve-category-sidebar .category-navigation.level-1 > li > .category-navigation-link.is-active,
113        body.nve-category-sidebar.nve-category-sidebar .category-navigation.level-2 > li > .category-navigation-link.is-active {
114            background: var(--nve-cat-accent) !important;
115            background-image: none !important;   /* kill linear-gradient aus SCSS */
116            color: #fff !important;
117            box-shadow: 0 4px 12px color-mix(in srgb, var(--nve-cat-accent) 28%, transparent) !important;
118        }
119        body.nve-category-sidebar.nve-category-sidebar .category-navigation-entry:has(> ul.category-navigation > li)::before {
120            border-right-color: var(--nve-cat-accent) !important;
121            border-bottom-color: var(--nve-cat-accent) !important;
122        }
123        body.nve-category-sidebar.nve-category-sidebar .category-navigation.level-1 > li > .category-navigation-link:not(.is-active),
124        body.nve-category-sidebar.nve-category-sidebar .category-navigation.level-2 > li > .category-navigation-link:not(.is-active) {
125            color: var(--nve-cat-accent) !important;
126        }
127        
128        /* === Account-Menü („Dein Konto") === */
129                body.nve-account-sidebar .account-aside-list-group .list-group-item-action.active,
130        body.nve-account-sidebar .account-aside-list-group .list-group-item-action:hover,
131        body.nve-category-sidebar .account-aside-list-group .list-group-item-action.active,
132        body.nve-category-sidebar .account-aside-list-group .list-group-item-action:hover {
133            background: color-mix(in srgb, var(--nve-acc-accent) 12%, transparent) !important;
134            color: var(--nve-acc-accent) !important;
135        }
136        
137        /* === Produkt-Modal („Produkt Beschreibung") === */
138                body.nve-product-modal .modal[id*="porduktbeschreibung"] .modal-content::before,
139        body.nve-product-modal .modal[id*="produktbeschreibung"] .modal-content::before,
140        body.nve-product-modal .modal[id*="produkt"] .modal-content::before,
141        body.nve-product-modal .modal[id*="description"] .modal-content::before,
142        body.nve-product-modal .modal[id*="Description"] .modal-content::before,
143        body.nve-product-modal .description-modal .modal-content::before,
144        body.nve-product-modal .product-description-modal .modal-content::before {
145            background: var(--nve-mod-accent) !important;
146        }
147        body.nve-product-modal .modal[id*="porduktbeschreibung"] .btn-close,
148        body.nve-product-modal .modal[id*="produktbeschreibung"] .btn-close,
149        body.nve-product-modal .modal[id*="produkt"] .btn-close,
150        body.nve-product-modal .modal[id*="description"] .btn-close,
151        body.nve-product-modal .modal[id*="Description"] .btn-close {
152            background-color: var(--nve-mod-accent) !important;
153            box-shadow: 0 2px 8px color-mix(in srgb, var(--nve-mod-accent) 35%, transparent) !important;
154        }
155        body.nve-product-modal .modal[id*="produkt"] .modal-footer .btn-primary,
156        body.nve-product-modal .modal[id*="description"] .modal-footer .btn-primary {
157            background: var(--nve-mod-accent) !important;
158            box-shadow: 0 4px 12px color-mix(in srgb, var(--nve-mod-accent) 25%, transparent) !important;
159        }
160        body.nve-product-modal .custom-productinfo-block .productinfo-block-link {
161            border-left-color: var(--nve-mod-accent) !important;
162        }
163        body.nve-product-modal .custom-productinfo-block .productinfo-block-arrow::after {
164            border-right-color: var(--nve-mod-accent) !important;
165            border-bottom-color: var(--nve-mod-accent) !important;
166        }
167        
168        /* === Unterkategorie-Karten === */
169                body.nve-subcategory-cards .nve-subcategory-card {
170            background: color-mix(in srgb, var(--nve-card-accent) 10%, transparent) !important;
171            border-color: color-mix(in srgb, var(--nve-card-accent) 25%, transparent) !important;
172            border-top-color: var(--nve-card-accent) !important;
173            color: var(--nve-card-accent) !important;
174        }
175        body.nve-subcategory-cards .nve-subcategory-card:hover {
176            background: var(--nve-card-accent) !important;
177            border-color: var(--nve-card-accent) !important;
178            color: #fff !important;
179            box-shadow: 0 8px 20px color-mix(in srgb, var(--nve-card-accent) 35%, transparent) !important;
180        }
181        
182        /* === Filter-Leiste === */
183                body.nve-modern-filters .filter-boolean.filter-panel-item .form-check,
184        body.nve-modern-filters .filter-multi-select.filter-panel-item .filter-panel-item-toggle,
185        body.nve-modern-filters .filter-range.filter-panel-item .filter-panel-item-toggle {
186            border-color: color-mix(in srgb, var(--nve-filter-accent) 25%, transparent) !important;
187            color: var(--nve-filter-accent) !important;
188        }
189        body.nve-modern-filters .filter-boolean.filter-panel-item:hover .form-check,
190        body.nve-modern-filters .filter-multi-select.filter-panel-item .filter-panel-item-toggle:hover,
191        body.nve-modern-filters .filter-multi-select.filter-panel-item .filter-panel-item-toggle:focus,
192        body.nve-modern-filters .filter-range.filter-panel-item .filter-panel-item-toggle:hover,
193        body.nve-modern-filters .filter-range.filter-panel-item .filter-panel-item-toggle:focus {
194            border-color: var(--nve-filter-accent) !important;
195            background: color-mix(in srgb, var(--nve-filter-accent) 4%, transparent) !important;
196            color: var(--nve-filter-accent) !important;
197        }
198        body.nve-modern-filters .filter-multi-select.filter-panel-item.show .f
198ilter-panel-item-toggle,
199        body.nve-modern-filters .filter-multi-select.filter-panel-item .filter-panel-item-toggle[aria-expanded="true"],
200        body.nve-modern-filters .filter-range.filter-panel-item.show .filter-panel-item-toggle,
201        body.nve-modern-filters .filter-range.filter-panel-item .filter-panel-item-toggle[aria-expanded="true"] {
202            background: var(--nve-filter-accent) !important;
203            border-color: var(--nve-filter-accent) !important;
204            color: #fff !important;   /* WICHTIG: sonst grüner Text auf grünem Bg unsichtbar */
205        }
206        /* SVG-Innenfarbe im Chevron + Count-Badge ebenfalls weiß im offenen Zustand */
207        body.nve-modern-filters .filter-multi-select.filter-panel-item.show .filter-panel-item-toggle .icon-filter-panel-item-toggle::after,
208        body.nve-modern-filters .filter-multi-select.filter-panel-item .filter-panel-item-toggle[aria-expanded="true"] .icon-filter-panel-item-toggle::after,
209        body.nve-modern-filters .filter-range.filter-panel-item.show .filter-panel-item-toggle .icon-filter-panel-item-toggle::after,
210        body.nve-modern-filters .filter-range.filter-panel-item .filter-panel-item-toggle[aria-expanded="true"] .icon-filter-panel-item-toggle::after {
211            border-right-color: #fff !important;
212            border-bottom-color: #fff !important;
213        }
214        body.nve-modern-filters .filter-multi-select.filter-panel-item .filter-multi-select-count {
215            background: var(--nve-filter-accent) !important;
216            color: #fff !important;
217        }
218        body.nve-modern-filters .filter-panel-active-container .filter-active,
219        body.nve-modern-filters .filter-panel-active-container button.filter-active {
220            background: color-mix(in srgb, var(--nve-filter-accent) 10%, transparent) !important;
221            border-color: color-mix(in srgb, var(--nve-filter-accent) 35%, transparent) !important;
222            color: var(--nve-filter-accent) !important;
223        }
224            </style>
225
226                        
226<script>
227        window.features = {"V6_5_0_0":true,"v6.5.0.0":true,"V6_6_0_0":false,"v6.6.0.0":false,"V6_7_0_0":false,"v6.7.0.0":false,"VUE3":false,"vue3":false,"MEDIA_PATH":false,"media.path":false,"ES_MULTILINGUAL_INDEX":false,"es.multilingual.index":false,"STOCK_HANDLING":false,"stock.handling":false,"ASYNC_THEME_COMPILATION":false,"async.theme.compilation":false,"FEATURE_SWAGCMSEXTENSIONS_1":true,"feature.swagcmsextensions.1":true,"FEATURE_SWAGCMSEXTENSIONS_2":true,"feature.swagcmsextensions.2":true,"FEATURE_SWAGCMSEXTENSIONS_8":true,"feature.swagcmsextensions.8":true,"FEATURE_SWAGCMSEXTENSIONS_63":true,"feature.swagcmsextensions.63":true};
228    </script>
vendor: 187 bytes, lines 228-232
228
229        
230                                                    
231                            
232            <script type="text/javascript" src='https://www.google.com/recaptcha/api.js?render=
2326Lf38f8sAAAAAAMdWd_6-NAerZS3RYWNTzcQilVH
vendor: 26 bytes, lines 232-233
232' defer></script>
233        
233<script>
234                                        window.googleReCaptchaV3Active = true;
235                    </script>
235
236            
237                
238                                    
238<script>
239                    window.useDefaultCookieConsent = true;
240                </script>
240
241                    
242                                    
242<script>
243                window.activeNavigationId = '8a055c6b577e45bb873ea39eec3b36b2';
244                window.router = {
245                    'frontend.cart.offcanvas': '/checkout/offcanvas',
246                    'frontend.cookie.offcanvas': '/cookie/offcanvas',
247                    'frontend.checkout.finish.page': '/checkout/finish',
248                    'frontend.checkout.info': '/widgets/checkout/info',
249                    'frontend.menu.offcanvas': '/widgets/menu/offcanvas',
250                    'frontend.cms.page': '/widgets/cms',
251                    'frontend.cms.navigation.page': '/widgets/cms/navigation',
252                    'frontend.account.addressbook': '/widgets/account/address-book',
253                    'frontend.country.country-data': '/country/country-state-data',
254                    'frontend.app-system.generate-token': '/app-system/Placeholder/generate-token',
255                    };
256                window.salesChannelId = '4bab5f65a9474432bd234d0854efa535';
257            </script>
257
258        
259
260        
261    
261<script>
262        window.router['widgets.swag.cmsExtensions.quickview'] = '/swag/cms-extensions/quickview';
263        window.router['widgets.swag.cmsExtensions.quickview.variant'] = '/swag/cms-extensions/quickview/variant';
264    </script>
264
265
266                                
266<script>
267                
268                window.breakpoints = {"xs":0,"sm":576,"md":768,"lg":992,"xl":1200};
269            </script>
269
270        
271        
272                            
272<script src="https://www.sportsonline.de/bundles/pickwaredhl/assets/jquery-3.5.1.slim.min.js?1790782065"></script>
272
273    
274                                                            
274<script type="text/javascript" src="https://www.sportsonline.de/theme/c7ad9d3a4ae5ac41058b7f17e69b93f7/js/all.js?1791269836" defer></script>
274
275                                    
276
277    
278    
279        </head>
280
281    <body class="is-ctl-auth is-act-loginpage nve-category-sidebar nve-account-sidebar nve-product-modal nve-subcategory-cards nve-modern-filters">
282
283            
284        
285    
285<script>
286        (function(w,d,s,l){
287            if (w.__novumSmartTagManagerLoaded) {
288                return;
289            }
290
291            w.__novumSmartTagManagerLoaded = true;
292            w[l] = w[l] || [];
293            w.gtag = w.gtag || function(){w[l].push(arguments);};
294
295                        w.gtag('consent', 'default', {
296                ad_storage: 'denied',
297                analytics_storage: 'denied',
298                ad_user_data: 'denied',
299                ad_personalization: 'denied',
300                wait_for_update: 500
301            });
302            
303            w.novumSmartTagManager = {"enabled":true,"containerId":"GTM-MHVLVGQ","ga4MeasurementId":"G-SP4H7EERLN","googleTagAutoConfigurationEnabled":true,"directGa4EventsEnabled":false,"dataLayerName":"dataLayer","consentModeDefaultDenied":true,"consentBridgeEnabled":true,"debugMode":false,"ecommerceEventsEnabled":true,"purchaseTrackingEnabled":true,"adsConversionId":"AW-865755279","adsPurchaseLabel":"5gUiCOfy578cEI_B6ZwD","adsDirectConversionEnabled":true,"metaPixelId":"","tiktokPixelId":"","sendOrderNumber":true,"centralConversionTrackingEnabled":false,"centralConversionEventName":"novum_conversion","centralConversionRules":"","retargetingEnabled":true,"retargetingFeedType":"retail","retargetingProductIdField":"product_number","retargetingLegacyParamsEnabled":true,"firstPartyMeasurementEnabled":true,"crossDeviceTrackingEnabled":true,"sourceTrackingEnabled":true,"serverSideForwardingEnabled":false,"serverSideOrderConversionEnabled":false,"serverSideRetryEnabled":true,"serverSideRequireMarketingConsent":true,"serverSideUserDataEnabled":false,"trackingDomain":"","firstPartyScriptProxyEnabled":false,"serverSideEndpointUrl":"waldemar.kuschel","customerDataInDataLayer":false,"customDataLayerVariables":"","collectPath":"\/novum-stm\/collect","tagManagerBaseUrl":"https:\/\/www.googletagmanager.com","currency":"EUR","customer":[]};
304            w.novumSmartTagManagerPurchase = null;
305
306            var firstScript = d.getElementsByTagName(s)[0];
307            var dataLayerParameter = l !== 'dataLayer' ? '&l=' + encodeURIComponent(l) : '';
308            var insertScript = function(script) {
309                if (firstScript && firstScript.parentNode) {
310                    firstScript.parentNode.insertBefore(script, firstScript);
311                    return;
312                }
313
314                (d.head || d.documentElement).appendChild(script);
315            };
316
317                                                            var googleTag = d.createElement(s);
318            googleTag.async = true;
319            googleTag.src = 'https\u003A\/\/www.googletagmanager.com/gtag/js?id=G\u002DSP4H7EERLN' + dataLayerParameter;
320            insertScript(googleTag);
321
322            w.gtag('js', new Date());
323
324                        w.gtag('config', 'G\u002DSP4H7EERLN', {
325                send_page_view: true                            });
326            
327                        w.gtag('config', 'AW\u002D865755279');
328                        
329                        w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'});
330            var tagManager = d.createElement(s);
331            tagManager.async = true;
332            tagManager.src = 'https\u003A\/\/www.googletagmanager.com/gtm.js?id=GTM\u002DMHVLVGQ' + dataLayerParameter;
333            insertScript(tagManager);
334            
335            var storefront = d.createElement(s);
336            storefront.defer = true;
337            storefront.src = 'https://www.sportsonline.de/bundles/novumsmarttagmanager/storefront/novum-smart-tag-manager.js?1790782065';
338            insertScript(storefront);
339        })(window,document,'script','dataLayer');
340    </script>
vendor: 86 bytes, lines 340-343
340
341    
342    <noscript>
343        <iframe src="https://www.googletagmanager.com/ns.html?id=
343GTM-MHVLVGQ
vendor: 160 bytes, lines 343-348
343"
344                height="0"
345                width="0"
346                style="display:none;visibility:hidden"></iframe>
347    </noscript>
348                        
348<noscript class="noscript-main">
349                
350    <div role="alert"
351         class="alert alert-info alert-has-icon">
352                                                                <span class="icon icon-info">
353                        <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>
354        </span>
355                                        
356                    <div class="alert-content-container">
357                                                    
358                                    <div class="alert-content">
359                                                    Um unseren Shop in vollem Umfang nutzen zu können, empfehlen wir Ihnen Javascript in Ihrem Browser zu aktivieren.
360                                            </div>
361                
362                                                                </div>
363            </div>
364            </noscript>
365        
366                    <header class="header-main">
367                                    <div class="container">
368                                    
369
370<style>
371.nv-aktion-banner{
372    position:relative;
373    width:100%;
374    color:#ffffff !important;
375    padding:16px 22px;
376    display:none;
377    grid-template-columns:1fr auto auto;
378    grid-template-areas:"text button close";
379    align-items:center;
380    gap:18px;
381    z-index:9999;
382    transition:opacity .6s ease,transform .6s ease;
383    border-bottom:3px solid #fde047;
384    overflow:hidden;
385    background:linear-gradient(90deg,#c2410c 0%,#d97706 50%,#0284c7 100%);
386    box-shadow:0 10px 30px rgba(0,0,0,.15);
387}
388
389.nv-aktion-banner::before{
390    content:"";
391    position:absolute;
392    top:-60px;
393    left:40px;
394    width:180px;
395    height:180px;
396    border-radius:50%;
397    background:radial-gradient(circle,rgba(253,224,71,.95) 0%,rgba(245,158,11,.55) 38%,rgba(245,158,11,0) 72%);
398    pointer-events:none;
399}
400
401.nv-aktion-banner::after{
402    content:"";
403    position:absolute;
404    inset:0;
405    background:
406        radial-gradient(circle at 10% 30%,rgba(255,255,255,.2) 0 2px,transparent 3px),
407        radial-gradient(circle at 18% 20%,rgba(255,255,255,.2) 0 2px,transparent 3px),
408        radial-gradient(circle at 28% 34%,rgba(255,255,255,.2) 0 2px,transparent 3px),
409        radial-gradient(circle at 40% 24%,rgba(255,255,255,.15) 0 2px,transparent 3px),
410        radial-gradient(circle at 55% 30%,rgba(255,255,255,.18) 0 2px,transparent 3px),
411        radial-gradient(circle at 72% 26%,rgba(255,255,255,.15) 0 2px,transparent 3px),
412        radial-gradient(circle at 88% 30%,rgba(255,255,255,.18) 0 2px,transparent 3px);
413    pointer-events:none;
414    opacity:.85;
415}
416
417.nv-aktion-text{
418    position:relative;
419    z-index:2;
420    grid-area:text;
421    display:flex;
422    flex-direction:column;
423    align-items:center;
424    justify-content:center;
425    justify-self:center;
426    text-align:center;
427    min-width:260px;
428}
429
430.nv-aktion-title-row{
431    display:flex;
432    flex-wrap:nowrap;
433    align-items:center;
434    justify-content:center;
435    gap:10px;
436    margin-bottom:4px;
437    white-space:nowrap;
438}
439
440.nv-aktion-title{
441    margin:0;
442    font-size:1.9rem;
443    font-weight:900;
444    line-height:1.05;
445    color:#ffffff !important;
446    text-shadow:0 4px 12px rgba(0,0,0,.3);
447}
448
449.nv-hot{
450    display:inline-flex;
451    align-items:center;
452    justify-content:center;
453    padding:4px 14px;
454    border-radius:999px;
455    background:#b45309;
456    border:2px solid rgba(255,255,255,.75);
457    color:#fff;
458    font-weight:900;
459    font-size:.95rem;
460    line-height:1;
461    white-space:nowrap;
462    box-shadow:0 6px 16px rgba(0,0,0,.18);
463    flex-shrink:0;
464}
465
466.nv-aktion-subtitle{
467    display:flex;
468    flex-wrap:nowrap;
469    align-items:center;
470    justify-content:center;
471    gap:8px;
472    margin:0;
473    font-size:1.18rem;
474    font-weight:800;
475    color:#fffdf0 !important;
476    line-height:1.2;
477    white-space:nowrap;
478}
479
480.nv-ontop-badge{
481    display:inline-flex;
482    align-items:center;
483    justify-content:center;
484    padding:4px 10px;
485    border-radius:999px;
486    font-weight:900;
487    font-size:.8rem;
488    line-height:1;
489    white-space:nowrap;
490    background:rgba(255,255,255,.24);
491    border:1px solid rgba(255,255,255,.65);
492    color:#fff;
493    flex-shrink:0;
494}
495
496.nv-aktion-btn{
497    position:relative;
498    z-index:2;
499    grid-area:button;
500    justify-self:end;
501    background:linear-gradient(135deg,#fffef7,#fef08a,#fde047);
502    color:#06131f !important;
503    border:2px solid #ffffff;
504    border-radius:30px;
505    padding:12px 30px;
506    font-size:1rem;
507    font-weight:900;
508    cursor:pointer;
509    white-space:nowrap;
510    box-shadow:0 10px 25px rgba(253,224,71,.3);
511    transition:all .3s ease;
512}
513
514.nv-aktion-btn:hover{
515    transform:scale(1.04);
516}
517
518.nv-aktion-close{
519    position:relative;
520    z-index:2;
521    grid-area:close;
522    justify-self:end;
523    background:rgba(0,0,0,.18);
524    border:none;
525    color:#fff;
526    width:34px;
527    height:34px;
528    border-radius:50%;
529    cursor:pointer;
530    font-size:16px;
531    line-height:1;
532}
533
534.nv-aktion-modal{
535    display:none;
536    position:fixed;
537    z-index:100001;
538    left:0;
539    top:0;
540    width:100%;
541    height:100%;
542    background:rgba(6,19,31,.85);
543    justify-content:center;
544    align-items:center;
545}
546
547.nv-aktion-modal-content{
548    border-radius:20px;
549    padding:30px;
550    text-align:center;
551    width:70%;
552    max-width:700px;
553    color:#ffffff;
554    border:3px solid #fde047;
555    background:linear-gradient(135deg,#c2410c,#d97706,#0284c7);
556    box-shadow:0 20px 50px rgba(0,0,0,.35);
557}
558
559.nv-aktion-modal-content h2{
560    margin-top:0;
561    color:#ffffff;
562    font-weight:900;
563    text-shadow:0 6px 18px rgba(0,0,0,.4);
564}
565
566.nv-aktion-close-modal{
567    background:linear-gradient(135deg,#ffffff,#fef08a,#fde047);
568    color:#06131f;
569    border:none;
570    padding:12px 30px;
571    border-radius:30px;
572    margin-top:15px;
573    cursor:pointer;
574    font-weight:900;
575}
576
577.nv-modal .modal-dialog{
578    position:relative;
579    z-index:100001;
580}
581
582.nv-modal .modal-content{
583    position:relative;
584    max-height:90vh;
585    overflow:hidden;
586    border-radius:18px;
587    border:2px solid #2bb8d6;
588    background:#ffffff;
589    color:#1f2937;
590    box-shadow:0 22px 60px rgba(0,0,0,.4);
591}
592
593.nv-modal-header{
594    position:relative;
595    min-height:64px;
596    padding:14px 18px;
597    border:0;
598    background:#ffffff;
599    border-radius:16px 16px 0 0;
600    display:flex;
601    align-items:center;
602}
603
604.nv-modal-header-line{
605    height:7px;
606    width:calc(100% - 62px);
607    margin-right:62px;
608    border-radius:999px;
609    background:#edf1f4;
610}
611
612.nv-modal-close{
613    position:absolute;
614    right:14px;
615    top:50%;
616    transform:translateY(-50%);
617    width:46px;
618    height:46px;
619    padding:0;
620    border:0;
621    border-radius:50%;
622    background:#2bb8d6;
623    color:#ffffff;
624    font-size:29px;
625    font-family:Arial,sans-serif;
626    font-weight:400;
627    line-height:1;
628    display:flex;
629    align-items:center;
630    justify-content:center;
631    cursor:pointer;
632    z-index:10;
633    box-shadow:0 5px 14px rgba(0,0,0,.18);
634    transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
635}
636
637.nv-modal-close:hover{
638    background:#20a9c7;
639    transform:translateY(-50%) scale(1.06);
640    box-shadow:0 7px 18px rgba(0,0,0,.24);
641}
642
643.nv-modal-close:focus{
644    outline:none;
645    box-shadow:0 0 0 4px rgba(43,184,214,.22),0 7px 18px rgba(0,0,0,.24);
646}
647
648.nv-modal .modal-body{
649    overflow-y:auto;
650    max-height:calc(90vh - 135px);
651    padding:18px 28px 24px;
652    color:#1f2937 !important;
653}
654
655.nv-modal .modal-title{
656    color:#111827;
657    font-size:1.15rem;
658    line-height:1.3;
659}
660
661.nv-modal-selection{
662    max-width:680px;
663    margin:0 auto 24px;
664    padding:16px 20px;
665    border-radius:12px;
666    background:#eef8fb;
667    border:1px solid #b9e3ec;
668}
669
670.nv-modal-selection-title{
671    font-weight:800;
672    margin-bottom:10px;
673    color:#111827;
674}
675
676.nv-modal-selection-option{
677    font-weight:700;
678    padding:3px 0;
679}
680
681.nv-modal-service{
682    border:1px solid #dbe5ea;
683    border-radius:12px;
684    padding:18px 20px;
685    margin-bottom:20px;
686    background:#f8fafb;
687}
688
689.nv-modal-service-title{
690    font-size:1.05rem;
691    font-weight:800;
692    margin-bottom:12px;
693    color:#111827;
694}
695
696.nv-modal-info{
697    padding:15px 18px;
698    border-radius:10px;
699    background:#eef8fb;
700    border-left:4px solid #2bb8d6;
701}
702
703.nv-modal-warning{
704    padding:18px;
705    border-radius:10px;
706    background:#fff8e6;
707    border:1px solid #f2cf6d;
708    color:#352d17;
709}
710
711.nv-modal .modal-footer{
712    background:#ffffff;
713    border-radius:0 0 16px 16px;
714    padding:14px 20px 20px;
715}
716
717.nv-modal-close-bottom{
718    background:#e9a51b;
719    color:#ffffff !important;
720    border:0;
721    border-radius:30px;
722    padding:10px 26px;
723    font-weight:800;
724    transition:background .2s ease,transform .2s ease;
725}
726
727.nv-modal-close-bottom:hover{
728    background:#cf8f10;
729    transform:translateY(-1px);
730}
731
732.modal-backdrop{
733    z-index:99998 !important;
734}
735
736.modal-backdrop.show{
737    opacity:.79 !important;
738}
739
740.modal.nv-modal{
741    z-index:99999 !important;
742    background:transparent !important;
743}
744
745.modal.nv-modal.show{
746    z-index:99999 !important;
747    background:transparent !important;
748}
749
750@media (max-width:900px){
751    .nv-aktion-title{
752        font-size:1.55rem;
753    }
754
755    .nv-aktion-subtitle{
756        font-size:1rem;
757    }
758
759    .nv-hot{
760        font-size:.85rem;
761        padding:4px 12px;
762    }
763}
764
765@media (max-width:768px){
766    .nv-aktion-banner{
767        grid-template-columns:1fr auto;
768        grid-template-areas:
769            "text close"
770            "button button";
771        gap:14px;
772        padding:14px 16px;
773    }
774
775    .nv-aktion-text{
776        align-items:center;
777        text-align:center;
778        justify-self:center;
779        min-width:0;
780    }
781
782    .nv-aktion-title-row,
783    .nv-aktion-subtitle{
784        flex-wrap:wrap;
785        white-space:normal;
786    }
787
788    .nv-aktion-title{
789        font-size:1.35rem;
790    }
791
792    .nv-aktion-subtitle{
793        font-size:.95rem;
794        gap:6px;
795    }
796
797    .nv-aktion-btn{
798        justify-self:center;
799        width:100%;
800        max-width:320px;
801        padding:12px 18px;
802    }
803
804    .nv-aktion-modal-content{
805        width:90%;
806    }
807
808    .nv-modal .modal-dialog{
809        margin:10px;
810    }
811
812    .nv-modal-header{
813        min-height:58px;
814        padding:11px 14px;
815    }
816
817    .nv-modal-header-line{
818        width:calc(100% - 55px);
819        margin-right:55px;
820        height:6px;
821    }
822
823    .nv-modal-close{
824        right:10px;
825        width:42px;
826        height:42px;
827        font-size:26px;
828    }
829
830    .nv-modal .modal-body{
831        padding:14px 18px 20px;
832        max-height:calc(90vh - 125px);
833    }
834
835    .nv-modal-service{
836        padding:15px;
837    }
838
839    .nv-modal-selection{
840        padding:14px 16px;
841    }
842}
843</style>
844
845<div class="nv-aktion-banner" id="nvAktionBanner">
846    <div class="nv-aktion-text">
847        <div class="nv-aktion-title-row">
848            <div class="nv-aktion-title">🍂 Goldener Herbst SALE</div>
849            <span class="nv-hot">Herbst-Special</span>
850        </div>
851
852        <div class="nv-aktion-subtitle">
853            <span>🔥 Jetzt <strong>10 %</strong></span>
854            <span class="nv-ontop-badge">ON TOP</span>
855            <span>auf <strong>ALLES</strong></span>
856        </div>
857    </div>
858
859    <button class="nv-aktion-btn"
860            id="nvAktionOpen"
861            type="button">
862        Jetzt Herbst-Deal sichern →
863    </button>
864
865    <button class="nv-aktion-close"
866            id="nvAktionClose"
867            type="button"
868            aria-label="Banner schließen">
869        ✕
870    </button>
871</div>
872
873<div class="nv-aktion-modal" id="nvAktionModal">
874    <div class="nv-aktion-modal-content">
875        <h2>🍂 Goldener Herbst SALE</h2>
876        <p><strong>🔥 10 % Rabatt auf ALLES 🔥</strong></p>
877        <p>Direkt im Warenkorb – kein Code nötig</p>
878        
879
880        <button class="nv-aktion-close-modal"
881                id="nvModalClose"
882                type="button">
883            Schließen
884        </button>
885    </div>
886</div>
887
888<script>
889(function(){
890    const banner=document.getElementById('nvAktionBanner');
891    const closeBannerBtn=document.getElementById('nvAktionClose');
892    const openModalBtn=document.getElementById('nvAktionOpen');
893    const modal=document.getElementById('nvAktionModal');
894    const modalCloseBtn=document.getElementById('nvModalClose');
895
896    if(!banner||!closeBannerBtn||!openModalBtn||!modal||!modalCloseBtn)return;
897
898    const storageKey='nvAktionBannerHiddenUntil';
899    const hideTime=2*60*1000;
900
901    function showBanner(){
902        banner.style.display='grid';
903        try{
904            localStorage.removeItem(storageKey);
905        }catch(e){}
906    }
907
908    function hideBanner(){
909        banner.style.display='none';
910        try{
911            const hiddenUntil=Date.now()+hideTime;
912            localStorage.setItem(storageKey,hiddenUntil.toString());
913        }catch(e){}
914    }
915
916    function initBanner(){
917        let hiddenUntil=0;
918
919        try{
920            hiddenUntil=parseInt(localStorage.getItem(storageKey),10);
921        }catch(e){
922            hiddenUntil=0;
923        }
924
925        const now=Date.now();
926
927        if(hiddenUntil&&hiddenUntil>now){
928            banner.style.display='none';
929
930            setTimeout(function(){
931                showBanner();
932            },hiddenUntil-now);
933        }else{
934            showBanner();
935        }
936    }
937
938    closeBannerBtn.addEventListener('click',function(){
939        hideBanner();
940    });
941
942    openModalBtn.addEventListener('click',function(){
943        modal.style.display='flex';
944    });
945
946    modalCloseBtn.addEventListener('click',function(){
947        modal.style.display='none';
948    });
949
950    window.addEventListener('click',function(e){
951        if(e.target===modal){
952            modal.style.display='none';
953        }
954    });
955
956    initBanner();
957})();
958</script>
958
959
960    <div class="top-bar base-slider container-inner" data-base-slider="true" data-base-slider-options='{"slider":{"gutter":30,"nav":false,"autoplay":true,"speed":1000,"autoHeight":false,"autoplayButtonOutput":false,"items":3,"slideBy":1,"responsive":{"xs":{"items":1},"sm":{"items":1},"md":{"items":2},"lg":{"items":3},"xl":{"items":3},"xxl":{"items":3}}}}'>
961        <div class="slider-topbar top-bar__list" data-base-slider-container="true">
962            <div class="slide">
963                <div class="top-bar__list-item">
964                    <button type="button" class="btn top-bar__item-link top-bar__item-link--icon-2">
965                         Rechnungskauf
966                                            </button>
967                </div>
968            </div>
969            <div class="slide">
970                <div class="top-bar__list-item">
971                    <button type="button" class="btn top-bar__item-link top-bar__item-link--icon-4">
972                          Beratung 073379248380 Mo-Fr. 14-17 Uhr                       
973                    </button>
974                </div>
975            </div>
976            <div class="slide">
977                <div class="top-bar__list-item">
978                    <button type="button" class="btn top-bar__item-link top-bar__item-link--icon-3">
979                         25 Jahre Outdoor Shop
980                    </button>
981                </div>
982            </div>
983        </div>
984        <div class="top-slider-controls-container">
985            <div class="base-slider-controls" data-base-slider-controls="true">
986                <button class="base-slider-controls-prev slider-button slider-prev prev">&#10094;</button>
987                <button class="base-slider-controls-next slider-button slider-next next">&#10095;</button>
988            </div>
989        </div>
990    </div> 
991        <div class="banner">
992            <div class="container-inner">
993                                                <a class="banner-link" href="https://www.skitreff.de" >
994                        WINTER SHOP (www.skitreff.de)
995                        <div class="lonng-arrow"></div>    
996                    </a>
997                             
998            </div>   
999        </div>
1000    
1001            <div class="row align-items-center header-row novum-header container-inner">
1002            
1003                                    <div class="col-12 col-lg-auto header-logo-col">
1004                            <div class="header-logo-main">
1005                    <a class="header-logo-main-link"
1006               href="/"
1007               title="Zur Startseite gehen">
1008                                    <picture class="header-logo-picture">
1009                                                                                
1010                                                                            
1011                                                                                    <img src="https://www.sportsonline.de/media/90/a7/20/1707354491/sportsonline-logo.svg"
1012                                     alt="Zur Startseite gehen"
1013                                     class="img-fluid header-logo-main-img">
1014                                                                        </picture>
1015                            </a>
1016            </div>
1017                    </div>
1018                
1019                                    <div class="col-12 order-2 col-sm order-sm-1 header-search-col">
1020                        <div class="row">
1021                            <div class="col-sm-auto d-none d-sm-block d-lg-none">
1022                                                                    <div class="nav-main-toggle">
1023                                                                                    <button
1024                                                class="btn nav-main-toggle-btn header-actions-btn"
1025                                                type="button"
1026                                                                                                                                                    data-offcanvas-menu="true"
1027                                                                                                aria-label="Menü"
1028                                            >
1029                                                                                                            <sp
1029an class="icon icon-stack">
1030                        <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>
1031        </span>
1032                                                                                                </button>
1033                                                                            </div>
1034                                                            </div>
1035                            <div class="col">
1036                                
1037    <div class="collapse"
1038         id="searchCollapse">
1039        <div class="header-search">
1040                            <form action="/search"
1041                      method="get"
1042                                                                      data-search-form="true"
1043                                            data-search-widget-options='{&quot;searchWidgetMinChars&quot;:3}'
1044                      data-url="/suggest?search="
1045                      class="header-search-form">
1046                        <div class="input-group input-group-lg">
1047                                                    <input type="search"
1048                                       name="search"
1049                                       class="form-control header-search-input"
1050                                       autocomplete="off"
1051                                       autocapitalize="off"
1052                                       placeholder="Suchbegriff eingeben ..."
1053                                       aria-label="Suchbegriff eingeben ..."
1054                                       value=""
1055                                >
1056                            
1057        
1058                                                <button type="submit"
1059                        class="btn header-search-btn js-search-toggle-btn"
1060                        aria-label="Suchen">
1061                    <span class="header-search-icon">
1062                        			        <span class="icon icon-search">
1063                        <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.0944 16.3199 4.707 21.707c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L8.68 14.9056C7.6271 13.551 7 11.8487 7 10c0-4.4183 3.5817-8 8-8s8 3.5817 8 8-3.5817 8-8 8c-1.8487 0-3.551-.627-4.9056-1.6801zM15 16c3.3137 0 6-2.6863 6-6s-2.6863-6-6-6-6 2.6863-6 6 2.6863 6 6 6z" id="icons-default-search" /></defs><use xlink:href="#icons-default-search" fill="#758CA3" fill-rule="evenodd" /></svg>
1064        </span>
1065                        </span>
1066                </button>
1067                        </div>
1068                </form>
1069                    </div>
1070    </div>
1071                            </div>
1072                        </div>
1073                    </div>
1074                
1075                                    <div class="col-12 order-1 col-sm-auto order-sm-2 header-actions-col">
1076                        <div class="row g-0">
1077                                                            <div class="col d-sm-none">
1078                                <a class="nav-link main-navigation-link home-link" href="/" itemprop="url" title="Home">
1079                                        <span itemprop="name">Home</span>                                    
1080                                    </a>         
1081                                    <div class="menu-button">
1082                                                                                    <button
1083                                                class="btn nav-main-toggle-btn header-actions-btn"
1084                                                type="button"
1085                                                                                                                                                    data-offcanvas-menu="true"
1086                                                                                                aria-label="Menü"
1087                                            >
1088                                                                                                            <sp
1088an class="icon icon-stack">
1089                        <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-stack" fill="#758CA3" fill-rule="evenodd" /></svg>
1090        </span>
1091                                                                                                </button>
1092                                                                            </div>
1093                                </div>
1094                            
1095                                                            <div class="col-auto d-sm-none">
1096                                    <div class="search-toggle">
1097                                        <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
1098                                                type="button"
1099                                                data-bs-toggle="collapse"
1100                                                data-bs-target="#searchCollapse"
1101                                                aria-expanded="false"
1102                                                aria-controls="searchCollapse"
1103                                                aria-label="Suchen">
1104                                                    <span class="icon icon-search">
1105                        <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-search" fill="#758CA3" fill-rule="evenodd" /></svg>
1106        </span>
1107                                            </button>
1108                                    </div>
1109                                </div>
1110                            
1111                            
1112                                                            <div class="col-auto">   
1113                                   <div class="service-menu dropdown" >   
1114                                        <button class="btn dropdown-toggle service-menu-btn btn-sm"
1115                                                type="button">
1116                                                    <span class="icon icon-help">
1117                        <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="M24 12c0 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 2zm0 13c.5523 0 1 .4477 1 1s-.4477 1-1 1-1-.4477-1-1 .4477-1 1-1zm-1-5c0 .5523-.4477 1-1 1s-1-.4477-1-1c0-1.8856 1.1144-3 3-3s3 1.1144 3 3c0 1.1817-.434 1.7713-1.3587 2.3496l-.1078.0674c-.4464.2817-.5335.4154-.5335 1.083 0 .5523-.4477 1-1 1s-1-.4477-1-1c0-1.4161.4788-2.1515 1.4665-2.7745l.1142-.0716C12.9784 10.4052 13 10.376 13 10c0-.781-.219-1-1-1s-1 .219-1 1z" id="icons-default-help" /></defs><use xlink:href="#icons-default-help" fill="#758CA3" fill-rule="evenodd" /></svg>
1118        </span>
1119                                            </button>
1120
1121                                                                           
1122                                    </div>
1123                                </div>
1124                            
1125                                                            <div class="col-auto">
1126                                    <div class="account-menu">
1127					
1128                                            <div class="dropdown">
1129                    <button class="btn account-menu-btn header-actions-btn"
1130                    type="button"
1131                    id="accountWidget"
1132                                                                data-offcanvas-account-menu="true"
1133                                        data-bs-toggle="dropdown"
1134                    aria-haspopup="true"
1135                    aria-expanded="false"
1136                    aria-label="Dein Konto"
1137                    title="Dein Konto">
1138                        <span class="icon icon-avatar">
1139                        <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 3C9.7909 3 8 4.7909 8 7c0 2.2091 1.7909 4 4 4 2.2091 0 4-1.7909 4-4 0-2.2091-1.7909-4-4-4zm0-2c3.3137 0 6 2.6863 6 6s-2.6863 6-6 6-6-2.6863-6-6 2.6863-6 6-6zM4 22.099c0 .5523-.4477 1-1 1s-1-.4477-1-1V20c0-2.7614 2.2386-5 5-5h10.0007c2.7614 0 5 2.2386 5 5v2.099c0 .5523-.4477 1-1 1s-1-.4477-1-1V20c0-1.6569-1.3431-3-3-3H7c-1.
11396569 0-3 1.3431-3 3v2.099z" id="icons-default-avatar" /></defs><use xlink:href="#icons-default-avatar" fill="#758CA3" fill-rule="evenodd" /></svg>
1140        </span>
1141                </button>
1142        
1143                    <div class="dropdown-menu dropdown-menu-end account-menu-dropdown js-account-menu-dropdown"
1144                 aria-labelledby="accountWidget">
1145                
1146
1147        
1148            <div class="offcanvas-header">
1149                            <button class="btn btn-light offcanvas-close js-offcanvas-close">
1150                                                    <span class="icon icon-x icon-sm">
1151                        <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>
1152        </span>
1153                        
1154                                            Menü schließen
1155                                    </button>
1156                    </div>
1157    
1158            <div class="offcanvas-body">
1159                <div class="account-menu">
1160                                    <div class="dropdown-header account-menu-header">
1161                    Dein Konto
1162                </div>
1163                    
1164                                    <div class="account-menu-login">
1165                                            <a href="/account/login"
1166                           title="ANMELDEN"
1167                           class="btn btn-primary account-menu-login-button">
1168                            ANMELDEN
1169                        </a>
1170                    
1171                                            <div class="account-menu-register">
1172                            oder <a href="/account/login"
1173                                                                            title="Registrieren">registrieren</a>
1174                        </div>
1175                                    </div>
1176                    
1177                    <div class="account-menu-links">
1178                    <div class="header-account-menu">
1179        <div class="card account-menu-inner">
1180                                        
1181                                                        <div class="sidebar-menu-white-card">
1182                            <div class="list-group list-group-flush account-aside-list-group">
1183
1184                                                                    <a href="/account"
1185                                       title="Übersicht"
1186                                       class="list-group-item list-group-item-action account-aside-item">
1187                                        <span class="account-icon">
1188                                                    <span class="icon icon-align-center">
1189                        <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="M4 5c-.5523 0-1-.4477-1-1s.4477-1 1-1h16c.5523 0 1 .4477 1 1s-.4477 1-1 1H4zm3 4c-.5523 0-1-.4477-1-1s.4477-1 1-1h11c.5523 0 1 .4477 1 1s-.4477 1-1 1H7zm-1 4c-.5523 0-1-.4477-1-1s.4477-1 1-1h13c.5523 0 1 .4477 1 1s-.4477 1-1 1H6zm-2 4c-.5523 0-1-.4477-1-1s.4477-1 1-1h16c.5523 0 1 .4477 1 1s-.4477 1-1 1H4zm3 4c-.5523 0-1-.4477-1-1s.4477-1 1-1h11c.5523 0 1 .4477 1 1s-.4477 1-1 1H7z" id="icons-default-align-center" /></defs><use xlink:href="#icons-default-align-center" fill="#758CA3" fill-rule="evenodd" /></svg>
1190        </span>
1191                                            </span>
1192                                        Übersicht
1193                                    </a>
1194                                
1195                                                                    <a href="/account/profile"
1196                                       title="Persönliches Profil"
1197                                       class="list-group-item list-group-item-action account-aside-item">
1198                                        <span class="account-icon">
1199                                                    <span class="icon icon-avatar">
1200                        <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-avatar" fill="#758CA3" fill-rule="evenodd" /></svg>
1201        </span>
1202                                            </span>
1203                                        Persönliches Profil
1204                                    </a>
1205                                
1206                                                                    <a href="/account/address"
1207                                       title="Adressen"
1208                                       class="list-group-item list-group-item-action account-aside-item">
1209                                        <span class="account-icon">
1210                                                    <span class="icon icon-bookmark">
1211                        <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="M6 2v18.47l4.3346-2.893a3 3 0 0 1 3.3308 0L18 20.47V2H6zM5 0h14c.5523 0 1 .4477 1 1v21.3398c0 .5523-.4477 1-1 1a1 1 0 0 1-.5551-.1683l-5.8898-3.931a1 1 0 0 0-1.1102 0l-5.8898 3.931c-.4593.3066-1.0803.1828-1.3869-.2766A1 1 0 0 1 4 22.3398V1c0-.5523.4477-1 1-1z" id="icons-default-bookmark" /></defs><use xlink:href="#icons-default-bookmark" fill="#758CA3" fill-rule="evenodd" /></svg>
1212        </span>
1213                                            </span>
1214                                        Adressen
1215                                    </a>
1216                                
1217                                                                    <a href="/account/payment"
1218                                       title="Zahlungsarten"
1219                                       class="list-group-item list-group-item-action account-aside-item">
1220                                        <span class="account-icon">
1221                                                    <span class="icon icon-books">
1222                        <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="M8 4V3c0-1.1046.8954-2 2-2h4c1.1046 0 2 .8954 2 2h4c1.1046 0 2 .8954 2 2v16c0 1.1046-.8954 2-2 2h-4a1.9908 1.9908 0 0 1-1-.2676A1.9908 1.9908 0 0 1 14 23h-4a1.9908 1.9908 0 0 1-1-.2676A1.9908 1.9908 0 0 1 8 23H4c-1.1046 0-2-.8954-2-2V6c0-1.1046.8954-2 2-2h4zm0 2H4v15h4V6zm8 15h4V5h-4v16zM10 3v18h4V3h-4zM5 15c0-.5523.4477-1 1-1s1 .4477 1 1v4c0 .5523-.4477 1-1 1s-1-.4477-1-1v-4zm6-2c0-.5523.4477-1 1-1s1 .4477 1 1v6c0 .5523-.4477 1-1 1s-1-.4477-1-1v-6zm6 4c0-.5523.4477-1 1-1s1 .4477 1 1v2c0 .5523-.4477 1-1 1s-1-.4477-1-1v-2z" id="icons-default-books" /></defs><use xlink:href="#icons-default-books" fill="#758CA3" fill-rule="evenodd" /></svg>
1223        </span>
1224                                            </span>
1225                                        Zahlungsarten
1226                                    </a>
1227                                
1228                                                                    <a href="/account/order"
1229                                       title="Bestellungen"
1230                                       class="list-group-item list-group-item-action account-aside-item">
1231                                        <span class="account-icon">
1232                                                    <span class="icon icon-basket">
1233                        <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="M8 7V6c0-1.6569 1.3431-3 3-3h2c1.6569 0 3 1.3431 3 3v1h5.8458a2 2 0 0 1 .3288.0272c1.0896.1816 1.8256 1.212 1.644 2.3016l-1.5274 9.1644C22.0502 19.9398 20.7986 21 19.332 21H4.6943c-1.4666 0-2.7181-1.0602-2.9592-2.5068L.2077 9.3288A2 2 0 0 1 .1805 9c0-1.1045.8954-2 2-2H8zm2 0h4V6c0-.5523-.4477-1-1-1h-2c-.5523 0-1 .4477-1 1v1zM2.1805 9l1.5274 9.1644A1 1 0 0 0 4.6943 19H19.332a1 1 0 0 0 .9864-.8356L21.8458 9H2.1805zM6 11c.5523 0 1 .4477 1 1s-.4477 1-1 1-1-.4477-1-1 .4477-1 1-1zm6 0c.5523 0 1 .4477 1 1s-.4477 1-1 1-1-.4477-1-1 .4477-1 1-1zm6 0c.5523 0 1 .4477 1 1s-.4477 1-1 1-1-.4477-1-1 .4477-1 1-1zm-3 4c.5523 0 1 .4477 1 1s-.4477 1-1 1-1-.4477-1-1 .4477-1 1-1zm-6 0c.5523 0 1 .4477 1 1s-.4477 1-1 1-1-.4477-1-1 .4477-1 1-1z" id="icons-default-basket" /></defs><use xlink:href="#icons-default-basket" fill="#758CA3" fill-rule="evenodd" /></svg>
1234        </span>
1235                                            </span>
1236                                        Bestellungen
1237                                    </a>
1238                                
1239                            </div>
1240                        </div>
1241                                    
1242                                                        </div>
1243    </div>
1244            </div>
1245            </div>
1246        </div>
1247                </div>
1248            </div>
1249                                    </div>
1250                                </div>
1251                            
1252                                                            <div class="col-auto">
1253                                    <div
1254                                        class="header-cart dropdown"
1255                                                                                                                            data-offcanvas-cart="true"
1256                                                                            >
1257                                        <a class="btn header-cart-btn header-actions-btn"
1258                                            href="/checkout/cart"
1259                                            data-cart-widget="true"
1260                                            title="Warenkorb"
1261                                            aria-label="Warenkorb">
1262                                                <span class="header-cart-icon">
1263                <span class="icon icon-bag">
1264                        <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="M5.892 3c.5523 0 1 .4477 1 1s-.4477 1-1 1H3.7895a1 1 0 0 0-.9986.9475l-.7895 15c-.029.5515.3946 1.0221.9987 1.0525h17.8102c.5523 0 1-.4477.9986-1.0525l-.7895-15A1 1 0 0 0 20.0208 5H17.892c-.5523 0-1-.4477-1-1s.4477-1 1-1h2.1288c1.5956 0 2.912 1.249 2.9959 2.8423l.7894 15c.0035.0788.0035.0788.0042.1577 0 1.6569-1.3432 3-3 3H3c-.079-.0007-.079-.0007-.1577-.0041-1.6546-.0871-2.9253-1.499-2.8382-3.1536l.7895-15C.8775 4.249 2.1939 3 3.7895 3H5.892zm4 2c0 .5523-.4477 1-1 1s-1-.4477-1-1V3c0-1.6569 1.3432-3 3-3h2c1.6569 0 3 1.3431 3 3v2c0 .5523-.4477 1-1 1s-1-.4477-1-1V3c0-.5523-.4477-1-1-1h-2c-.5523 0-1 .4477-1 1v2z" id="icons-default-bag" /></defs><use xlink:href="#icons-default-bag" fill="#758CA3" fill-rule="evenodd" /></svg>
1265        </span>
1266        </span>
1267        <span class="header-cart-total">
1268        0,00 €*
1269    </span>
1270                                        </a>
1271                                    </div>
1272                                </div>
1273                                                    </div>
1274                    </div>
1275                            
1276        </div>
1277    
1278   
1279    <div class="service-menu__offcanvas">
1280        <div class="service-menu__content fade"> 
1281            <div class="info-head-service">
1282                <div class="navigation-close">
1283
1284			        Menü schließen
1285			        <span class="icon icon-x icon-sm icon-close">
1286                        <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"></use></svg>
1287                    </span>
1288                </div>
1289            </div>
1290            <div class="info-body">  
1291                                                                        
1292                                    <div class="info-item">
1293                    <a class="top-bar-list-item dropdown-item"
1294                        href="https://www.sportsonline.de/ruecksendung/"
1295                                                title="Rücksendung">Rücksendung</a>
1296                </div>       
1297                                                                        
1298                                    <div class="info-item">
1299                    <a class="top-bar-list-item dropdown-item"
1300                        href="https://www.sportsonline.de/reklamation/"
1301                                                title="Reklamation">Reklamation</a>
1302                </div>       
1303                                                                        
1304                                    <div class="info-item">
1305                    <a class="top-bar-list-item dropdown-item"
1306                        href="https://www.sportsonline.de/versandkosten/"
1307                                                title="Versandkosten">Versandkosten</a>
1308                </div>       
1309                                                                        
1310                                    <div class="info-item">
1311                    <a class="top-bar-list-item dropdown-item"
1312                        href="https://www.sportsonline.de/kontakt/"
1313                                                title="Kontakt">Kontakt</a>
1314                </div>       
1315                                                                        
1316                                    <div class="info-item">
1317                    <a class="top-bar-list-item dropdown-item"
1318                        href="https://www.sportsonline.de/ueber-uns/"
1319                                                title="Über Uns">Über Uns</a>
1320                </div>       
1321                            </div>                                                         
1322        </div>
1323        <div class="service-menu__canvas fade"></div>
1324    </div>
1325
1326    <div class="account-menu__offcanvas">
1327        <div class="account-menu__content fade">    
1328            <div class="info-head-account">            
1329               <div class="navigation-close">
1330                   
1331                    Menü schließen
1332                    <span class="icon icon-x icon-sm icon-close">
1333                            <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"></use></svg>
1334                    </span>
1335                </div>
1336            </div>
1337            <div class="info-body">  
1338                
1339
1340        
1341            <div class="offcanvas-header">
1342                            <button class="btn btn-light offcanvas-close js-offcanvas-close">
1343                                                    <span class="icon icon-x icon-sm">
1344                        <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>
1345        </span>
1346                        
1347                                            Menü schließen
1348                                    </button>
1349                    </div>
1350    
1351            <div class="offcanvas-body">
1352                <div class="account-menu">
1353                                    <div class="dropdown-header account-menu-header">
1354                    Dein Konto
1355                </div>
1356                    
1357                                    <div class="account-menu-login">
1358                                            <a href="/account/login"
1359                           title="ANMELDEN"
1360                           class="btn btn-primary account-menu-login-button">
1361                            ANMELDEN
1362                        </a>
1363                    
1364                                            <div class="account-menu-register">
1365                            oder <a href="/account/login"
1366                                                                            title="Registrieren">registrieren</a>
1367                        </div>
1368                                    </div>
1369                    
1370                    <div class="account-menu-links">
1371                    <div class="header-account-menu">
1372        <div class="card account-menu-inner">
1373                                        
1374                                                        <div class="sidebar-menu-white-card">
1375                            <div class="list-group list-group-flush account-aside-list-group">
1376
1377                                                                    <a href="/account"
1378                                       title="Übersicht"
1379                                       class="list-group-item list-group-item-action account-aside-item">
1380                                        <span class="account-icon">
1381                                                    <span class="icon icon-align-center">
1382                        <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-align-center" fill="#758CA3" fill-rule="evenodd" /></svg>
1383        </span>
1384                                            </span>
1385                                        Übersicht
1386                                    </a>
1387                                
1388                                                                    <a href="/account/profile"
1389                                       title="Persönliches Profil"
1390                                       class="list-group-item list-group-item-action account-aside-item">
1391                                        <span class="account-icon">
1392                                                    <span class="icon icon-avatar">
1393                        <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-avatar" fill="#758CA3" fill-rule="evenodd" /></svg>
1394        </span>
1395                                            </span>
1396                                        Persönliches Profil
1397                                    </a>
1398                                
1399                                                                    <a href="/account/address"
1400                                       title="Adressen"
1401                                       class="list-group-item list-group-item-action account-aside-item">
1402                                        <span class="account-icon">
1403                                                    <span class="icon icon-bookmark">
1404                        <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-bookmark" fill="#758CA3" fill-rule="evenodd" /></svg>
1405        </span>
1406                                            </span>
1407                                        Adressen
1408                                    </a>
1409                                
1410                                                                    <a href="/account/payment"
1411                                       title="Zahlungsarten"
1412                                       class="list-group-item list-group-item-action account-aside-item">
1413                                        <span class="account-icon">
1414                                                    <span class="icon icon-books">
1415                        <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-books" fill="#758CA3" fill-rule="evenodd" /></svg>
1416        </span>
1417                                            </span>
1418                                        Zahlungsarten
1419                                    </a>
1420                                
1421                                                                    <a href="/account/order"
1422                                       title="Bestellungen"
1423                                       class="list-group-item list-group-item-action account-aside-item">
1424                                        <span class="account-icon">
1425                                                    <span class="icon icon-basket">
1426                        <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-basket" fill="#758CA3" fill-rule="evenodd" /></svg>
1427        </span>
1428                                            </span>
1429                                        Bestellungen
1430                                    </a>
1431                                
1432                            </div>
1433                        </div>
1434                                    
1435                                                        </div>
1436    </div>
1437            </div>
1438            </div>
1439        </div>
1440                </div>                                                         
1441        </div>
1442        <div class="account-menu__canvas fade"></div>
1443    </div>
1444
1445
1446                    </div>
1447                            </header>
1448        
1449                    <div class="nav-main">
1450                                        <div class="main-navigation"
1451         id="mainNavigation"
1452         data-flyout-menu="true">
1453                    <div class="container">
1454                                    <nav class="nav main-navigation-menu"
1455                        itemscope="itemscope"
1456                        itemtype="http://schema.org/SiteNavigationElement">
1457                        
1458                                                                                    <a class="nav-link main-navigation-link home-link"
1459                                    href="/"
1460                                    itemprop="url"
1461                                    title="Home">
1462                                    <div class="main-navigation-link-text">
1463                                        <span itemprop="name">Home</span>
1464                                    </div>
1465                                </a>
1466                                                    
1467                                                    
1468                                                                                            
1469                                                                                                            <a class="nav-link main-navigation-link"
1470                                           href="https://www.sportsonline.de/bekleidung/"
1471                                           itemprop="url"
1472                                           data-flyout-menu-trigger="f3191296cdec4d2db62f45fa4ca749a3"                                                                                      title="Bekleidung">
1473                                            <div class="main-navigation-link-text">
1474                                                <span itemprop="name">Bekleidung</span>
1475                                            </div>
1476                                        </a>
1477                                                                                                                                                                
1478                                                                                                            <a class="nav-link main-navigation-link"
1479                                           href="https://www.sportsonline.de/schuhe/"
1480                                           itemprop="url"
1481                                           data-flyout-menu-trigger="540f051a8b2c419abe9e19f29cc9e623"                                                                                      title="Schuhe">
1482                                            <div class="main-navigation-link-text">
1483                                                <span itemprop="name">Schuhe</span>
1484                                            </div>
1485                                        </a>
1486                                                                                                                                                                
1487                                                                                                            <a class="nav-link main-navigation-link"
1488                                           href="https://www.sportsonline.de/outdoor-ausruestung/"
1489                                           itemprop="url"
1490                                           data-flyout-menu-trigger="850260b64a13403e9ecf55af666f3535"                                                                                      title="Outdoor Ausrüstung">
1491                                            <div class="main-navigation-link-text">
1492                                                <span itemprop="name">Outdoor Ausrüstung</span>
1493                                            </div>
1494                                        </a>
1495                                                                                                                                                                
1496                                                                                                            <a class="nav-link main-navigation-link"
1497                                           href="https://www.sportsonline.de/radsport/"
1498                                           itemprop="url"
1499                                           data-flyout-menu-trigger="f654c7ae930e45a7893533bae03a0d1e"                                                                                      title="Radsport">
1500                                            <div class="main-navigation-link-text">
1501                                                <span itemprop="name">Radsport</span>
1502                                            </div>
1503                                        </a>
1504                                                                                                                                                                
1505                                                                                                            <a class="nav-link main-navigation-link"
1506                                           href="https://www.sportsonline.de/camping/"
1507                                           itemprop="url"
1508                                           data-flyout-menu-trigger="59ac848213f84503a735f91605b20e01"                                                                                      title="Camping">
1509                                            <div class="main-navigation-link-text">
1510                                                <span itemprop="name">Camping</span>
1511                                            </div>
1512                                        </a>
1513                                                                                                                                                                
1514                                                                                                            <a class="nav-link main-navigation-link"
1515                                           href="https://www.sportsonline.de/freizeitsport/"
1516                                           itemprop="url"
1517                                           data-flyout-menu-trigger="9f54ca3e192a4b67b0070e67f5bdf8b0"                                                                                      title="Freizeitsport">
1518                                            <div class="main-navigation-link-text">
1519                                                <span itemprop="name">Freizeitsport</span>
1520                                            </div>
1521                                        </a>
1522                                                                                                                                                                
1523                                                                                                            <a class="nav-link main-navigation-link"
1524                                           href="https://www.sportsonline.de/deals-sale/"
1525                                           itemprop="url"
1526                                                                                                                                 title="Deals &amp; Sale">
1527                                            <div class="main-navigation-link-text">
1528                                                <span itemprop="name">Deals &amp; Sale</span>
1529                                            </div>
1530                                        </a>
1531                                                                                                                                            </nav>
1532                            </div>
1533        
1534                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
1535                                                <div class="navigation-flyouts">
1536                                                                                                                                                                <div class="navigation-flyout"
1537                                             data-flyout-menu-id="f3191296cdec4d2db62f45fa4ca749a3">
1538                                            <div class="container">
1539                                                                                                                        <div class="row navigation-flyout-bar">
1540                            <div class="col">
1541                    <div class="navigation-flyout-category-link">
1542                                                                                    <a class="nav-link"
1543                                   href="https://www.sportsonline.de/bekleidung/"
1544                                   itemprop="url"
1545                                   title="Bekleidung">
1546                                                                            Zur Kategorie Bekleidung
1547                                                <span class="icon icon-arrow-right icon-primary">
1548                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><defs><path id="icons-solid-arrow-right" d="M6.7071 6.2929c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142l3 3c.3905.3905 1.0237.3905 1.4142 0l3-3c.3905-.3905.3905-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0L9 8.5858l-2.2929-2.293z" /></defs><use transform="rotate(-90 9 8.5)" xlink:href="#icons-solid-arrow-right" fill="#758CA3" fill-rule="evenodd" /></svg>
1549        </span>
1550                                                                        </a>
1551                                                                        </div>
1552                </div>
1553            
1554                            <div class="col-auto">
1555                    <div class="navigation-flyout-close js-close-flyout-menu">
1556                                                                                            <span class="icon icon-x">
1557                        <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>
1558        </span>
1559                                                                            </div>
1560                </div>
1561                    </div>
1562    
1563            <div class="row navigation-flyout-content">
1564                            <div class="col">
1565                    <div class="navigation-flyout-categories">
1566                                                        
1567                    
1568    
1569    <div class="row navigation-flyout-categories is-level-0">
1570                                            
1571                            <div class="col-3 navigation-flyout-col">
1572                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
1573                               href="https://www.sportsonline.de/bekleidung/outdoor-bekleidung/"
1574                               itemprop="url"
1575                                                              title="Outdoor Bekleidung">
1576                                <span itemprop="name">Outdoor Bekleidung</span>
1577                            </a>
1578                                            
1579                                                                            
1580        
1581    
1582    <div class="navigation-flyout-categories is-level-1">
1583                                            
1584                            <div class="navigation-flyout-col">
1585                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1586                               href="https://www.sportsonline.de/bekleidung/outdoor-bekleidung/outdoor-jacken/"
1587                               itemprop="url"
1588                                                              title="Outdoor Jacken">
1589                                <span itemprop="name">Outdoor Jacken</span>
1590                            </a>
1591                                            
1592                                                                            
1593        
1594    
1595    <div class="navigation-flyout-categories is-level-2">
1596            </div>
1597                                                            </div>
1598                                                        
1599                            <div class="navigation-flyout-col">
1600                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1601                               href="https://www.sportsonline.de/bekleidung/outdoor-bekleidung/outdoor-hosen/"
1602                               itemprop="url"
1603                                                              title="Outdoor Hosen">
1604                                <span itemprop="name">Outdoor Hosen</span>
1605                            </a>
1606                                            
1607                                                                            
1608        
1609    
1610    <div class="navigation-flyout-categories is-level-2">
1611            </div>
1612                                                            </div>
1613                                                        
1614                            <div class="navigation-flyout-col">
1615                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1616                               href="https://www.sportsonline.de/bekleidung/outdoor-bekleidung/shirts-longsleeves/"
1617                               itemprop="url"
1618                                                              title="Shirts &amp; Longsleeves">
1619                                <span itemprop="name">Shirts &amp; Longsleeves</span>
1620                            </a>
1621                                            
1622                                                                            
1623        
1624    
1625    <div class="navigation-flyout-categories is-level-2">
1626            </div>
1627                                                            </div>
1628                                                        
1629                            <div class="navigation-flyout-col">
1630                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1631                               href="https://www.sportsonline.de/bekleidung/outdoor-bekleidung/pullover-hoodies/"
1632                               itemprop="url"
1633                                                              title="Pullover &amp; Hoodies">
1634                                <span itemprop="name">Pullover &amp; Hoodies</span>
1635                            </a>
1636                                            
1637                                                                            
1638        
1639    
1640    <div class="navigation-flyout-categories is-level-2">
1641            </div>
1642                                                            </div>
1643                                                        
1644                            <div class="navigation-flyout-col">
1645                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1646                               href="https://www.sportsonline.de/bekleidung/outdoor-bekleidung/funktionsunterwaesche/"
1647                               itemprop="url"
1648                                                              title="Funktionsunterwäsche">
1649                                <span itemprop="name">Funktionsunterwäsche</span>
1650                            </a>
1651                                            
1652                                                                            
1653        
1654    
1655    <div class="navigation-flyout-categories is-level-2">
1656            </div>
1657                                                            </div>
1658                                                        
1659                            <div class="navigation-flyout-col">
1660                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1661                               href="https://www.sportsonline.de/bekleidung/outdoor-bekleidung/kopfbedeckung/"
1662                               itemprop="url"
1663                                                              title="Kopfbedeckung">
1664                                <span itemprop="name">Kopfbedeckung</span>
1665                            </a>
1666                                            
1667                                                                            
1668        
1669    
1670    <div class="navigation-flyout-categories is-level-2">
1671            </div>
1672                                                            </div>
1673                                                        
1674                            <div class="navigation-flyout-col">
1675                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1676                               href="https://www.sportsonline.de/bekleidung/outdoor-bekleidung/handschuhe/"
1677                               itemprop="url"
1678                                                              title="Handschuhe">
1679                                <span itemprop="name">Handschuhe</span>
1680                            </a>
1681                                            
1682                                                                            
1683        
1684    
1685    <div class="navigation-flyout-categories is-level-2">
1686            </div>
1687                                                            </div>
1688                                                        
1689                            <div class="navigation-flyout-col">
1690                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1691                               href="https://www.sportsonline.de/bekleidung/outdoor-bekleidung/accessoires/"
1692                               itemprop="url"
1693                                                              title="Accessoires">
1694                                <span itemprop="name">Accessoires</span>
1695                            </a>
1696                                            
1697                                                                            
1698        
1699    
1700    <div class="navigation-flyout-categories is-level-2">
1701            </div>
1702                                                            </div>
1703                                                        
1704                            <div class="navigation-flyout-col">
1705                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1706                               href="https://www.sportsonline.de/bekleidung/outdoor-bekleidung/socken/"
1707                               itemprop="url"
1708                                                              title="Socken">
1709                                <span itemprop="name">Socken</span>
1710                            </a>
1711                                            
1712                                                                            
1713        
1714    
1715    <div class="navigation-flyout-categories is-level-2">
1716            </div>
1717                                                            </div>
1718                        </div>
1719                                                            </div>
1720                                                        
1721                            <div class="col-3 navigation-flyout-col">
1722                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
1723                               href="https://www.sportsonline.de/bekleidung/fahrrad-bekleidung/"
1724                               itemprop="url"
1725                                                              title="Fahrrad Bekleidung">
1726                                <span itemprop="name">Fahrrad Bekleidung</span>
1727                            </a>
1728                                            
1729                                                                            
1730        
1731    
1732    <div class="navigation-flyout-categories is-level-1">
1733                                            
1734                            <div class="navigation-flyout-col">
1735                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1736                               href="https://www.sportsonline.de/bekleidung/fahrrad-bekleidung/fahrrad-jacken/"
1737                               itemprop="url"
1738                                                              title="Fahrrad Jacken">
1739                                <span itemprop="name">Fahrrad Jacken</span>
1740                            </a>
1741                                            
1742                                                                            
1743        
1744    
1745    <div class="navigation-flyout-categories is-level-2">
1746            </div>
1747                                                            </div>
1748                                                        
1749                            <div class="navigation-flyout-col">
1750                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1751                               href="https://www.sportsonline.de/bekleidung/fahrrad-bekleidung/fahrrad-hosen/"
1752                               itemprop="url"
1753                                                              title="Fahrrad Hosen">
1754                                <span itemprop="name">Fahrrad Hosen</span>
1755                            </a>
1756                                            
1757                                                                            
1758        
1759    
1760    <div class="navigation-flyout-categories is-level-2">
1761            </div>
1762                                                            </div>
1763                                                        
1764                            <div class="navigation-flyout-col">
1765                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1766                               href="https://www.sportsonline.de/bekleidung/fahrrad-bekleidung/fahrrad-trikot/"
1767                               itemprop="url"
1768                                                              title="Fahrrad Trikot">
1769                                <span itemprop="name">Fahrrad Trikot</span>
1770                            </a>
1771                                            
1772                                                                            
1773        
1774    
1775    <div class="navigation-flyout-categories is-level-2">
1776            </div>
1777                                                            </div>
1778                                                        
1779                            <div class="navigation-flyout-col">
1780                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1781                               href="https://www.sportsonline.de/bekleidung/fahrrad-bekleidung/funktionsunterwaesche/"
1782                               itemprop="url"
1783                                                              title="Funktionsunterwäsche">
1784                                <span itemprop="name">Funktionsunterwäsche</span>
1785                            </a>
1786                                            
1787                                                                            
1788        
1789    
1790    <div class="navigation-flyout-categories is-level-2">
1791            </div>
1792                                                            </div>
1793                                                        
1794                            <div class="navigation-flyout-col">
1795                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1796                               href="https://www.sportsonline.de/bekleidung/fahrrad-bekleidung/socken/"
1797                               itemprop="url"
1798                                                              title="Socken">
1799                                <span itemprop="name">Socken</span>
1800                            </a>
1801                                            
1802                                                                            
1803        
1804    
1805    <div class="navigation-flyout-categories is-level-2">
1806            </div>
1807                                                            </div>
1808                                                        
1809                            <div class="navigation-flyout-col">
1810                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1811                               href="https://www.sportsonline.de/bekleidung/fahrrad-bekleidung/handschuhe/"
1812                               itemprop="url"
1813                                                              title="Handschuhe">
1814                                <span itemprop="name">Handschuhe</span>
1815                            </a>
1816                                            
1817                                                                            
1818        
1819    
1820    <div class="navigation-flyout-categories is-level-2">
1821            </div>
1822                                                            </div>
1823                                                        
1824                            <div class="navigation-flyout-col">
1825                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
1826                               href="https://www.sportsonline.de/bekleidung/fahrrad-bekleidung/accessoires/"
1827                               itemprop="url"
1828                                                              title="Accessoires">
1829                                <span itemprop="name">Accessoires</span>
1830                            </a>
1831                                            
1832                                                                            
1833        
1834    
1835    <div class="navigation-flyout-categories is-level-2">
1836            </div>
1837                                                            </div>
1838                        </div>
1839                                                            </div>
1840                                                        
1841                            <div class="col-3 navigation-flyout-col">
1842                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
1843                               href="https://www.sportsonline.de/bekleidung/textilpflege-impraegnierung-reinigung/"
1844                               itemprop="url"
1845                                                              title=" Textilpflege, Imprägnierung &amp; Reinigung ">
1846                                <span itemprop="name"> Textilpflege, Imprägnierung &amp; Reinigung </span>
1847                            </a>
1848                                            
1849                                                                            
1850        
1851    
1852    <div class="navigation-flyout-categories is-level-1">
1853            </div>
1854                                                            </div>
1855                        </div>
1856                                            </div>
1857                </div>
1858            
1859                                                </div>
1860                                                                                                </div>
1861                                        </div>
1862                                                                                                                                                                                                            <div class="navigation-flyout"
1863                                             data-flyout-menu-id="540f051a8b2c419abe9e19f29cc9e623">
1864                                            <div class="container">
1865                                                                                                                        <div class="row navigation-flyout-bar">
1866                            <div class="col">
1867                    <div class="navigation-flyout-category-link">
1868                                                                                    <a class="nav-link"
1869                                   href="https://www.sportsonline.de/schuhe/"
1870                                   itemprop="url"
1871                                   title="Schuhe">
1872                                                                            Zur Kategorie Schuhe
1873                                                <span class="icon icon-arrow-right icon-primary">
1874                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><use transform="rotate(-90 9 8.5)" xlink:href="#icons-solid-arrow-right" fill="#758CA3" fill-rule="evenodd" /></svg>
1875        </span>
1876                                                                        </a>
1877                                                                        </div>
1878                </div>
1879            
1880                            <div class="col-auto">
1881                    <div class="navigation-flyout-close js-close-flyout-menu">
1882                                                                                            <span class="icon icon-x">
1883                        <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>
1884        </span>
1885                                                                            </div>
1886                </div>
1887                    </div>
1888    
1889            <div class="row navigation-flyout-content">
1890                            <div class="col">
1891                    <div class="navigation-flyout-categories">
1892                                                        
1893                    
1894    
1895    <div class="row navigation-flyout-categories is-level-0">
1896                                            
1897                            <div class="col-3 navigation-flyout-col">
1898                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
1899                               href="https://www.sportsonline.de/schuhe/wanderschuhe/"
1900                               itemprop="url"
1901                                                              title="Wanderschuhe">
1902                                <span itemprop="name">Wanderschuhe</span>
1903                            </a>
1904                                            
1905                                                                            
1906        
1907    
1908    <div class="navigation-flyout-categories is-level-1">
1909            </div>
1910                                                            </div>
1911                                                        
1912                            <div class="col-3 navigation-flyout-col">
1913                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
1914                               href="https://www.sportsonline.de/schuhe/bergstiefel/"
1915                               itemprop="url"
1916                                                              title="Bergstiefel">
1917                                <span itemprop="name">Bergstiefel</span>
1918                            </a>
1919                                            
1920                                                                            
1921        
1922    
1923    <div class="navigation-flyout-categories is-level-1">
1924            </div>
1925                                                            </div>
1926                                                        
1927                            <div class="col-3 navigation-flyout-col">
1928                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
1929                               href="https://www.sportsonline.de/schuhe/trekkingschuhe/"
1930                               itemprop="url"
1931                                                              title="Trekkingschuhe">
1932                                <span itemprop="name">Trekkingschuhe</span>
1933                            </a>
1934                                            
1935                                                                            
1936        
1937    
1938    <div class="navigation-flyout-categories is-level-1">
1939            </div>
1940                                                            </div>
1941                                                        
1942                            <div class="col-3 navigation-flyout-col">
1943                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
1944                               href="https://www.sportsonline.de/schuhe/multifunktionsschuhe/"
1945                               itemprop="url"
1946                                                              title="Multifunktionsschuhe">
1947                                <span itemprop="name">Multifunktionsschuhe</span>
1948                            </a>
1949                                            
1950                                                                            
1951        
1952    
1953    <div class="navigation-flyout-categories is-level-1">
1954            </div>
1955                                                            </div>
1956                                                        
1957                            <div class="col-3 navigation-flyout-col">
1958                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
1959                               href="https://www.sportsonline.de/schuhe/trailrunningschuhe/"
1960                               itemprop="url"
1961                                                              title="Trailrunningschuhe">
1962                                <span itemprop="name">Trailrunningschuhe</span>
1963                            </a>
1964                                            
1965                                                                            
1966        
1967    
1968    <div class="navigation-flyout-categories is-level-1">
1969            </div>
1970                                                            </div>
1971                                                        
1972                            <div class="col-3 navigation-flyout-col">
1973                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
1974                               href="https://www.sportsonline.de/schuhe/laufschuhe/"
1975                               itemprop="url"
1976                                                              title="Laufschuhe">
1977                                <span itemprop="name">Laufschuhe</span>
1978                            </a>
1979                                            
1980                                                                            
1981        
1982    
1983    <div class="navigation-flyout-categories is-level-1">
1984            </div>
1985                                                            </div>
1986                                                        
1987                            <div class="col-3 navigation-flyout-col">
1988                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
1989                               href="https://www.sportsonline.de/schuhe/freizeitschuhe/"
1990                               itemprop="url"
1991                                                              title="Freizeitschuhe">
1992                                <span itemprop="name">Freizeitschuhe</span>
1993                            </a>
1994                                            
1995                                                                            
1996        
1997    
1998    <div class="navigation-flyout-categories is-level-1">
1999            </div>
2000                                                            </div>
2001                                                        
2002                            <div class="col-3 navigation-flyout-col">
2003                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2004                               href="https://www.sportsonline.de/schuhe/winterschuhe/"
2005                               itemprop="url"
2006                                                              title="Winterschuhe">
2007                                <span itemprop="name">Winterschuhe</span>
2008                            </a>
2009                                            
2010                                                                            
2011        
2012    
2013    <div class="navigation-flyout-categories is-level-1">
2014            </div>
2015                                                            </div>
2016                                                        
2017                            <div class="col-3 navigation-flyout-col">
2018                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2019                               href="https://www.sportsonline.de/schuhe/sandalen/"
2020                               itemprop="url"
2021                                                              title="Sandalen">
2022                                <span itemprop="name">Sandalen</span>
2023                            </a>
2024                                            
2025                                                                            
2026        
2027    
2028    <div class="navigation-flyout-categories is-level-1">
2029            </div>
2030                                                            </div>
2031                                                        
2032                            <div class="col-3 navigation-flyout-col">
2033                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2034                               href="https://www.sportsonline.de/schuhe/schneeschuhe/"
2035                               itemprop="url"
2036                                                              title="Schneeschuhe">
2037                                <span itemprop="name">Schneeschuhe</span>
2038                            </a>
2039                                            
2040                                                                            
2041        
2042    
2043    <div class="navigation-flyout-categories is-level-1">
2044            </div>
2045                                                            </div>
2046                                                        
2047                            <div class="col-3 navigation-flyout-col">
2048                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2049                               href="https://www.sportsonline.de/schuhe/zehentrenner/"
2050                               itemprop="url"
2051                                                              title=" Zehentrenner">
2052                                <span itemprop="name"> Zehentrenner</span>
2053                            </a>
2054                                            
2055                                                                            
2056        
2057    
2058    <div class="navigation-flyout-categories is-level-1">
2059            </div>
2060                                                            </div>
2061                                                        
2062                            <div class="col-3 navigation-flyout-col">
2063                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2064                               href="https://www.sportsonline.de/schuhe/barfussschuhe/"
2065                               itemprop="url"
2066                                                              title="Barfußschuhe">
2067                                <span itemprop="name">Barfußschuhe</span>
2068                            </a>
2069                                            
2070                                                                            
2071        
2072    
2073    <div class="navigation-flyout-categories is-level-1">
2074            </div>
2075                                                            </div>
2076                                                        
2077                            <div class="col-3 navigation-flyout-col">
2078                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2079                               href="https://www.sportsonline.de/schuhe/zustiegsschuhe/"
2080                               itemprop="url"
2081                                                              title="Zustiegsschuhe">
2082                                <span itemprop="name">Zustiegsschuhe</span>
2083                            </a>
2084                                            
2085                                                                            
2086        
2087    
2088    <div class="navigation-flyout-categories is-level-1">
2089            </div>
2090                                                            </div>
2091                                                        
2092                            <div class="col-3 navigation-flyout-col">
2093                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2094                               href="https://www.sportsonline.de/schuhe/schuhpflege-schuhzubehoer/"
2095                               itemprop="url"
2096                                                              title="Schuhpflege &amp; Schuhzubehör">
2097                                <span itemprop="name">Schuhpflege &amp; Schuhzubehör</span>
2098                            </a>
2099                                            
2100                                                                            
2101        
2102    
2103    <div class="navigation-flyout-categories is-level-1">
2104            </div>
2105                                                            </div>
2106                        </div>
2107                                            </div>
2108                </div>
2109            
2110                                                </div>
2111                                                                                                </div>
2112                                        </div>
2113                                                                                                                                                                                                            <div class="navigation-flyout"
2114                                             data-flyout-menu-id="850260b64a13403e9ecf55af666f3535">
2115                                            <div class="container">
2116                                                                                                                        <div class="row navigation-flyout-bar">
2117                            <div class="col">
2118                    <div class="navigation-flyout-category-link">
2119                                                                                    <a class="nav-link"
2120                                   href="https://www.sportsonline.de/outdoor-ausruestung/"
2121                                   itemprop="url"
2122                                   title="Outdoor Ausrüstung">
2123                                                                            Zur Kategorie Outdoor Ausrüstung
2124                                                <span class="icon icon-arrow-right icon-primary">
2125                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><use transform="rotate(-90 9 8.5)" xlink:href="#icons-solid-arrow-right" fill="#758CA3" fill-rule="evenodd" /></svg>
2126        </span>
2127                                                                        </a>
2128                                                                        </div>
2129                </div>
2130            
2131                            <div class="col-auto">
2132                    <div class="navigation-flyout-close js-close-flyout-menu">
2133                                                                                            <span class="icon icon-x">
2134                        <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>
2135        </span>
2136                                                                            </div>
2137                </div>
2138                    </div>
2139    
2140            <div class="row navigation-flyout-content">
2141                            <div class="col">
2142                    <div class="navigation-flyout-categories">
2143                                                        
2144                    
2145    
2146    <div class="row navigation-flyout-categories is-level-0">
2147                                            
2148                            <div class="col-3 navigation-flyout-col">
2149                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2150                               href="https://www.sportsonline.de/outdoor-ausruestung/stoecke/"
2151                               itemprop="url"
2152                                                              title="Stöcke">
2153                                <span itemprop="name">Stöcke</span>
2154                            </a>
2155                                            
2156                                                                            
2157        
2158    
2159    <div class="navigation-flyout-categories is-level-1">
2160                                            
2161                            <div class="navigation-flyout-col">
2162                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2163                               href="https://www.sportsonline.de/outdoor-ausruestung/stoecke/wanderstoecke/"
2164                               itemprop="url"
2165                                                              title="Wanderstöcke ">
2166                                <span itemprop="name">Wanderstöcke </span>
2167                            </a>
2168                                            
2169                                                                            
2170        
2171    
2172    <div class="navigation-flyout-categories is-level-2">
2173            </div>
2174                                                            </div>
2175                                                        
2176                            <div class="navigation-flyout-col">
2177                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2178                               href="https://www.sportsonline.de/outdoor-ausruestung/stoecke/wanderstoecke-faltbar/"
2179                               itemprop="url"
2180                                                              title="Wanderstöcke Faltbar">
2181                                <span itemprop="name">Wanderstöcke Faltbar</span>
2182                            </a>
2183                                            
2184                                                                            
2185        
2186    
2187    <div class="navigation-flyout-categories is-level-2">
2188            </div>
2189                                                            </div>
2190                                                        
2191                            <div class="navigation-flyout-col">
2192                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2193                               href="https://www.sportsonline.de/outdoor-ausruestung/stoecke/wanderstoecke-teleskop/"
2194                               itemprop="url"
2195                                                              title="Wanderstöcke Teleskop">
2196                                <span itemprop="name">Wanderstöcke Teleskop</span>
2197                            </a>
2198                                            
2199                                                                            
2200        
2201    
2202    <div class="navigation-flyout-categories is-level-2">
2203            </div>
2204                                                            </div>
2205                                                        
2206                            <div class="navigation-flyout-col">
2207                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2208                               href="https://www.sportsonline.de/outdoor-ausruestung/stoecke/nordic-walking-stoecke/"
2209                               itemprop="url"
2210                                                              title="Nordic Walking Stöcke">
2211                                <span itemprop="name">Nordic Walking Stöcke</span>
2212                            </a>
2213                                            
2214                                                                            
2215        
2216    
2217    <div class="navigation-flyout-categories is-level-2">
2218            </div>
2219                                                            </div>
2220                                                        
2221                            <div class="navigation-flyout-col">
2222                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2223                               href="https://www.sportsonline.de/outdoor-ausruestung/stoecke/trail-running-stoecke/"
2224                               itemprop="url"
2225                                                              title="Trail Running Stöcke">
2226                                <span itemprop="name">Trail Running Stöcke</span>
2227                            </a>
2228                                            
2229                                                                            
2230        
2231    
2232    <div class="navigation-flyout-categories is-level-2">
2233            </div>
2234                                                            </div>
2235                                                        
2236                            <div class="navigation-flyout-col">
2237                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2238                               href="https://www.sportsonline.de/outdoor-ausruestung/stoecke/cross-trail-stoecke/"
2239                               itemprop="url"
2240                                                              title="Cross Trail Stöcke">
2241                                <span itemprop="name">Cross Trail Stöcke</span>
2242                            </a>
2243                                            
2244                                                                            
2245        
2246    
2247    <div class="navigation-flyout-categories is-level-2">
2248            </div>
2249                                                            </div>
2250                                                        
2251                            <div class="navigation-flyout-col">
2252                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2253                               href="https://www.sportsonline.de/outdoor-ausruestung/stoecke/trekking-stoecke/"
2254                               itemprop="url"
2255                                                              title="Trekking Stöcke">
2256                                <span itemprop="name">Trekking Stöcke</span>
2257                            </a>
2258                                            
2259                                                                            
2260        
2261    
2262    <div class="navigation-flyout-categories is-level-2">
2263            </div>
2264                                                            </div>
2265                                                        
2266                            <div class="navigation-flyout-col">
2267                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2268                               href="https://www.sportsonline.de/outdoor-ausruestung/stoecke/ski-roller-stoecke/"
2269                               itemprop="url"
2270                                                              title="Ski Roller Stöcke">
2271                                <span itemprop="name">Ski Roller Stöcke</span>
2272                            </a>
2273                                            
2274                                                                            
2275        
2276    
2277    <div class="navigation-flyout-categories is-level-2">
2278            </div>
2279                                                            </div>
2280                                                        
2281                            <div class="navigation-flyout-col">
2282                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2283                               href="https://www.sportsonline.de/outdoor-ausruestung/stoecke/zubehoer-stoecke/"
2284                               itemprop="url"
2285                                                              title="Zubehör Stöcke">
2286                                <span itemprop="name">Zubehör Stöcke</span>
2287                            </a>
2288                                            
2289                                                                            
2290        
2291    
2292    <div class="navigation-flyout-categories is-level-2">
2293            </div>
2294                                                            </div>
2295                        </div>
2296                                                            </div>
2297                                                        
2298                            <div class="col-3 navigation-flyout-col">
2299                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2300                               href="https://www.sportsonline.de/outdoor-ausruestung/rucksaecke/"
2301                               itemprop="url"
2302                                                              title="Rucksäcke">
2303                                <span itemprop="name">Rucksäcke</span>
2304                            </a>
2305                                            
2306                                                                            
2307        
2308    
2309    <div class="navigation-flyout-categories is-level-1">
2310                                            
2311                            <div class="navigation-flyout-col">
2312                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2313                               href="https://www.sportsonline.de/outdoor-ausruestung/rucksaecke/fahrrad-rucksaecke/"
2314                               itemprop="url"
2315                                                              title="Fahrrad Rucksäcke">
2316                                <span itemprop="name">Fahrrad Rucksäcke</span>
2317                            </a>
2318                                            
2319                                                                            
2320        
2321    
2322    <div class="navigation-flyout-categories is-level-2">
2323            </div>
2324                                                            </div>
2325                                                        
2326                            <div class="navigation-flyout-col">
2327                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2328                               href="https://www.sportsonline.de/outdoor-ausruestung/rucksaecke/freizeit-rucksaecke/"
2329                               itemprop="url"
2330                                                              title="Freizeit Rucksäcke">
2331                                <span itemprop="name">Freizeit Rucksäcke</span>
2332                            </a>
2333                                            
2334                                                                            
2335        
2336    
2337    <div class="navigation-flyout-categories is-level-2">
2338            </div>
2339                                                            </div>
2340                                                        
2341                            <div class="navigation-flyout-col">
2342                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2343                               href="https://www.sportsonline.de/outdoor-ausruestung/rucksaecke/wander-rucksaecke/"
2344                               itemprop="url"
2345                                                              title="Wander Rucksäcke">
2346                                <span itemprop="name">Wander Rucksäcke</span>
2347                            </a>
2348                                            
2349                                                                            
2350        
2351    
2352    <div class="navigation-flyout-categories is-level-2">
2353            </div>
2354                                                            </div>
2355                                                        
2356                            <div class="navigation-flyout-col">
2357                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2358                               href="https://www.sportsonline.de/outdoor-ausruestung/rucksaecke/hochtouren-rucksaecke/"
2359                               itemprop="url"
2360                                                              title="Hochtouren Rucksäcke">
2361                                <span itemprop="name">Hochtouren Rucksäcke</span>
2362                            </a>
2363                                            
2364                                                                            
2365        
2366    
2367    <div class="navigation-flyout-categories is-level-2">
2368            </div>
2369                                                            </div>
2370                                                        
2371                            <div class="navigation-flyout-col">
2372                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2373                               href="https://www.sportsonline.de/outdoor-ausruestung/rucksaecke/trekking-rucksaecke/"
2374                               itemprop="url"
2375                                                              title="Trekking Rucksäcke">
2376                                <span itemprop="name">Trekking Rucksäcke</span>
2377                            </a>
2378                                            
2379                                                                            
2380        
2381    
2382    <div class="navigation-flyout-categories is-level-2">
2383            </div>
2384                                                            </div>
2385                                                        
2386                            <div class="navigation-flyout-col">
2387                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2388                               href="https://www.sportsonline.de/outdoor-ausruestung/rucksaecke/kletterrucksaecke/"
2389                               itemprop="url"
2390                                                              title="Kletterrucksäcke">
2391                                <span itemprop="name">Kletterrucksäcke</span>
2392                            </a>
2393                                            
2394                                                                            
2395        
2396    
2397    <div class="navigation-flyout-categories is-level-2">
2398            </div>
2399                                                            </div>
2400                                                        
2401                            <div class="navigation-flyout-col">
2402                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2403                               href="https://www.sportsonline.de/outdoor-ausruestung/rucksaecke/trailrunning-rucksaecke/"
2404                               itemprop="url"
2405                                                              title="Trailrunning Rucksäcke">
2406                                <span itemprop="name">Trailrunning Rucksäcke</span>
2407                            </a>
2408                                            
2409                                                                            
2410        
2411    
2412    <div class="navigation-flyout-categories is-level-2">
2413            </div>
2414                                                            </div>
2415                                                        
2416                            <div class="navigation-flyout-col">
2417                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2418                               href="https://www.sportsonline.de/outdoor-ausruestung/rucksaecke/biwacksaecke-erste-hilfe-sets/"
2419                               itemprop="url"
2420                                                              title="Biwacksäcke &amp; Erste Hilfe Sets">
2421                                <span itemprop="name">Biwacksäcke &amp; Erste Hilfe Sets</span>
2422                            </a>
2423                                            
2424                                                                            
2425        
2426    
2427    <div class="navigation-flyout-categories is-level-2">
2428            </div>
2429                                                            </div>
2430                                                        
2431                            <div class="navigation-flyout-col">
2432                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2433                               href="https://www.sportsonline.de/outdoor-ausruestung/rucksaecke/kinder-rucksaecke-kindertragen/"
2434                               itemprop="url"
2435                                                              title="Kinder Rucksäcke &amp; Kindertragen">
2436                                <span itemprop="name">Kinder Rucksäcke &amp; Kindertragen</span>
2437                            </a>
2438                                            
2439                                                                            
2440        
2441    
2442    <div class="navigation-flyout-categories is-level-2">
2443            </div>
2444                                                            </div>
2445                        </div>
2446                                                            </div>
2447                                                        
2448                            <div class="col-3 navigation-flyout-col">
2449                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2450                               href="https://www.sportsonline.de/outdoor-ausruestung/sport-reisetaschen/"
2451                               itemprop="url"
2452                                                              title="Sport &amp; Reisetaschen">
2453                                <span itemprop="name">Sport &amp; Reisetaschen</span>
2454                            </a>
2455                                            
2456                                                                            
2457        
2458    
2459    <div class="navigation-flyout-categories is-level-1">
2460                                            
2461                            <div class="navigation-flyout-col">
2462                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2463                               href="https://www.sportsonline.de/outdoor-ausruestung/sport-reisetaschen/sporttaschen/"
2464                               itemprop="url"
2465                                                              title="Sporttaschen">
2466                                <span itemprop="name">Sporttaschen</span>
2467                            </a>
2468                                            
2469                                                                            
2470        
2471    
2472    <div class="navigation-flyout-categories is-level-2">
2473            </div>
2474                                                            </div>
2475                                                        
2476                            <div class="navigation-flyout-col">
2477                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2478                               href="https://www.sportsonline.de/outdoor-ausruestung/sport-reisetaschen/sport-rucksaecke/"
2479                               itemprop="url"
2480                                                              title="Sport Rucksäcke">
2481                                <span itemprop="name">Sport Rucksäcke</span>
2482                            </a>
2483                                            
2484                                                                            
2485        
2486    
2487    <div class="navigation-flyout-categories is-level-2">
2488            </div>
2489                                                            </div>
2490                                                        
2491                            <div class="navigation-flyout-col">
2492                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2493                               href="https://www.sportsonline.de/outdoor-ausruestung/sport-reisetaschen/reise-taschen/"
2494                               itemprop="url"
2495                                                              title="Reise Taschen">
2496                                <span itemprop="name">Reise Taschen</span>
2497                            </a>
2498                                            
2499                                                                            
2500        
2501    
2502    <div class="navigation-flyout-categories is-level-2">
2503            </div>
2504                                                            </div>
2505                                                        
2506                            <div class="navigation-flyout-col">
2507                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2508                               href="https://www.sportsonline.de/outdoor-ausruestung/sport-reisetaschen/trolleys/"
2509                               itemprop="url"
2510                                                              title="Trolleys">
2511                                <span itemprop="name">Trolleys</span>
2512                            </a>
2513                                            
2514                                                                            
2515        
2516    
2517    <div class="navigation-flyout-categories is-level-2">
2518            </div>
2519                                                            </div>
2520                                                        
2521                            <div class="navigation-flyout-col">
2522                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2523                               href="https://www.sportsonline.de/outdoor-ausruestung/sport-reisetaschen/reise-koffer/"
2524                               itemprop="url"
2525                                                              title="Reise Koffer">
2526                                <span itemprop="name">Reise Koffer</span>
2527                            </a>
2528                                            
2529                                                                            
2530        
2531    
2532    <div class="navigation-flyout-categories is-level-2">
2533            </div>
2534                                                            </div>
2535                                                        
2536                            <div class="navigation-flyout-col">
2537                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2538                               href="https://www.sportsonline.de/outdoor-ausruestung/sport-reisetaschen/travel-zubehoer/"
2539                               itemprop="url"
2540                                                              title="Travel Zubehör">
2541                                <span itemprop="name">Travel Zubehör</span>
2542                            </a>
2543                                            
2544                                                                            
2545        
2546    
2547    <div class="navigation-flyout-categories is-level-2">
2548            </div>
2549                                                            </div>
2550                        </div>
2551                                                            </div>
2552                                                        
2553                            <div class="col-3 navigation-flyout-col">
2554                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2555                               href="https://www.sportsonline.de/outdoor-ausruestung/trink-isolierflaschen/"
2556                               itemprop="url"
2557                                                              title="Trink- &amp; Isolierflaschen">
2558                                <span itemprop="name">Trink- &amp; Isolierflaschen</span>
2559                            </a>
2560                                            
2561                                                                            
2562        
2563    
2564    <div class="navigation-flyout-categories is-level-1">
2565            </div>
2566                                                            </div>
2567                        </div>
2568                                            </div>
2569                </div>
2570            
2571                                                </div>
2572                                                                                                </div>
2573                                        </div>
2574                                                                                                                                                                                                            <div class="navigation-flyout"
2575                                             data-flyout-menu-id="f654c7ae930e45a7893533bae03a0d1e">
2576                                            <div class="container">
2577                                                                                                                        <div class="row navigation-flyout-bar">
2578                            <div class="col">
2579                    <div class="navigation-flyout-category-link">
2580                                                                                    <a class="nav-link"
2581                                   href="https://www.sportsonline.de/radsport/"
2582                                   itemprop="url"
2583                                   title="Radsport">
2584                                                                            Zur Kategorie Radsport
2585                                                <span class="icon icon-arrow-right icon-primary">
2586                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><use transform="rotate(-90 9 8.5)" xlink:href="#icons-solid-arrow-right" fill="#758CA3" fill-rule="evenodd" /></svg>
2587        </span>
2588                                                                        </a>
2589                                                                        </div>
2590                </div>
2591            
2592                            <div class="col-auto">
2593                    <div class="navigation-flyout-close js-close-flyout-menu">
2594                                                                                            <span class="icon icon-x">
2595                        <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>
2596        </span>
2597                                                                            </div>
2598                </div>
2599                    </div>
2600    
2601            <div class="row navigation-flyout-content">
2602                            <div class="col">
2603                    <div class="navigation-flyout-categories">
2604                                                        
2605                    
2606    
2607    <div class="row navigation-flyout-categories is-level-0">
2608                                            
2609                            <div class="col-3 navigation-flyout-col">
2610                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2611                               href="https://www.sportsonline.de/radsport/fahrradbekleidung/"
2612                               itemprop="url"
2613                                                              title="Fahrradbekleidung">
2614                                <span itemprop="name">Fahrradbekleidung</span>
2615                            </a>
2616                                            
2617                                                                            
2618        
2619    
2620    <div class="navigation-flyout-categories is-level-1">
2621                                            
2622                            <div class="navigation-flyout-col">
2623                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2624                               href="https://www.sportsonline.de/radsport/fahrradbekleidung/fahrradbekleidung-damen/"
2625                               itemprop="url"
2626                                                              title="Fahrradbekleidung Damen">
2627                                <span itemprop="name">Fahrradbekleidung Damen</span>
2628                            </a>
2629                                            
2630                                                                            
2631        
2632    
2633    <div class="navigation-flyout-categories is-level-2">
2634            </div>
2635                                                            </div>
2636                                                        
2637                            <div class="navigation-flyout-col">
2638                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2639                               href="https://www.sportsonline.de/radsport/fahrradbekleidung/fahrradbekleidung-herren/"
2640                               itemprop="url"
2641                                                              title="Fahrradbekleidung Herren">
2642                                <span itemprop="name">Fahrradbekleidung Herren</span>
2643                            </a>
2644                                            
2645                                                                            
2646        
2647    
2648    <div class="navigation-flyout-categories is-level-2">
2649            </div>
2650                                                            </div>
2651                        </div>
2652                                                            </div>
2653                                                        
2654                            <div class="col-3 navigation-flyout-col">
2655                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2656                               href="https://www.sportsonline.de/radsport/fahrradhelme/"
2657                               itemprop="url"
2658                                                              title="Fahrradhelme">
2659                                <span itemprop="name">Fahrradhelme</span>
2660                            </a>
2661                                            
2662                                                                            
2663        
2664    
2665    <div class="navigation-flyout-categories is-level-1">
2666                                            
2667                            <div class="navigation-flyout-col">
2668                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2669                               href="https://www.sportsonline.de/radsport/fahrradhelme/mountainbike-helme/"
2670                               itemprop="url"
2671                                                              title="Mountainbike Helme">
2672                                <span itemprop="name">Mountainbike Helme</span>
2673                            </a>
2674                                            
2675                                                                            
2676        
2677    
2678    <div class="navigation-flyout-categories is-level-2">
2679            </div>
2680                                                            </div>
2681                                                        
2682                            <div class="navigation-flyout-col">
2683                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2684                               href="https://www.sportsonline.de/radsport/fahrradhelme/gravelbike-helme/"
2685                               itemprop="url"
2686                                                              title="Gravelbike Helme">
2687                                <span itemprop="name">Gravelbike Helme</span>
2688                            </a>
2689                                            
2690                                                                            
2691        
2692    
2693    <div class="navigation-flyout-categories is-level-2">
2694            </div>
2695                                                            </div>
2696                                                        
2697                            <div class="navigation-flyout-col">
2698                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2699                               href="https://www.sportsonline.de/radsport/fahrradhelme/rennrad-helme/"
2700                               itemprop="url"
2701                                                              title="Rennrad Helme">
2702                                <span itemprop="name">Rennrad Helme</span>
2703                            </a>
2704                                            
2705                                                                            
2706        
2707    
2708    <div class="navigation-flyout-categories is-level-2">
2709            </div>
2710                                                            </div>
2711                                                        
2712                            <div class="navigation-flyout-col">
2713                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2714                               href="https://www.sportsonline.de/radsport/fahrradhelme/trekkinghelme-cityhelme/"
2715                               itemprop="url"
2716                                                              title="Trekkinghelme &amp; Cityhelme">
2717                                <span itemprop="name">Trekkinghelme &amp; Cityhelme</span>
2718                            </a>
2719                                            
2720                                                                            
2721        
2722    
2723    <div class="navigation-flyout-categories is-level-2">
2724            </div>
2725                                                            </div>
2726                                                        
2727                            <div class="navigation-flyout-col">
2728                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2729                               href="https://www.sportsonline.de/radsport/fahrradhelme/downhill-helme/"
2730                               itemprop="url"
2731                                                              title="Downhill Helme">
2732                                <span itemprop="name">Downhill Helme</span>
2733                            </a>
2734                                            
2735                                                                            
2736        
2737    
2738    <div class="navigation-flyout-categories is-level-2">
2739            </div>
2740                                                            </div>
2741                                                        
2742                            <div class="navigation-flyout-col">
2743                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-1"
2744                               href="https://www.sportsonline.de/radsport/fahrradhelme/junior-fahrradhelme/"
2745                               itemprop="url"
2746                                                              title="Junior Fahrradhelme">
2747                                <span itemprop="name">Junior Fahrradhelme</span>
2748                            </a>
2749                                            
2750                                                                            
2751        
2752    
2753    <div class="navigation-flyout-categories is-level-2">
2754            </div>
2755                                                            </div>
2756                        </div>
2757                                                            </div>
2758                                                        
2759                            <div class="col-3 navigation-flyout-col">
2760                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2761                               href="https://www.sportsonline.de/radsport/fahrradrucksaecke/"
2762                               itemprop="url"
2763                                                              title=" Fahrradrucksäcke">
2764                                <span itemprop="name"> Fahrradrucksäcke</span>
2765                            </a>
2766                                            
2767                                                                            
2768        
2769    
2770    <div class="navigation-flyout-categories is-level-1">
2771            </div>
2772                                                            </div>
2773                                                        
2774                            <div class="col-3 navigation-flyout-col">
2775                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2776                               href="https://www.sportsonline.de/radsport/sportbrillen/"
2777                               itemprop="url"
2778                                                              title="Sportbrillen">
2779                                <span itemprop="name">Sportbrillen</span>
2780                            </a>
2781                                            
2782                                                                            
2783        
2784    
2785    <div class="navigation-flyout-categories is-level-1">
2786            </div>
2787                                                            </div>
2788                                                        
2789                            <div class="col-3 navigation-flyout-col">
2790                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2791                               href="https://www.sportsonline.de/radsport/fahrradpflege/"
2792                               itemprop="url"
2793                                                              title="Fahrradpflege">
2794                                <span itemprop="name">Fahrradpflege</span>
2795                            </a>
2796                                            
2797                                                                            
2798        
2799    
2800    <div class="navigation-flyout-categories is-level-1">
2801            </div>
2802                                                            </div>
2803                                                        
2804                            <div class="col-3 navigation-flyout-col">
2805                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2806                               href="https://www.sportsonline.de/radsport/trink-isolierflaschen/"
2807                               itemprop="url"
2808                                                              title="Trink- &amp; Isolierflaschen">
2809                                <span itemprop="name">Trink- &amp; Isolierflaschen</span>
2810                            </a>
2811                                            
2812                                                                            
2813        
2814    
2815    <div class="navigation-flyout-categories is-level-1">
2816            </div>
2817                                                            </div>
2818                        </div>
2819                                            </div>
2820                </div>
2821            
2822                                                </div>
2823                                                                                                </div>
2824                                        </div>
2825                                                                                                                                                                                                            <div class="navigation-flyout"
2826                                             data-flyout-menu-id="59ac848213f84503a735f91605b20e01">
2827                                            <div class="container">
2828                                                                                                                        <div class="row navigation-flyout-bar">
2829                            <div class="col">
2830                    <div class="navigation-flyout-category-link">
2831                                                                                    <a class="nav-link"
2832                                   href="https://www.sportsonline.de/camping/"
2833                                   itemprop="url"
2834                                   title="Camping">
2835                                                                            Zur Kategorie Camping
2836                                                <span class="icon icon-arrow-right icon-primary">
2837                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><use transform="rotate(-90 9 8.5)" xlink:href="#icons-solid-arrow-right" fill="#758CA3" fill-rule="evenodd" /></svg>
2838        </span>
2839                                                                        </a>
2840                                                                        </div>
2841                </div>
2842            
2843                            <div class="col-auto">
2844                    <div class="navigation-flyout-close js-close-flyout-menu">
2845                                                                                            <span class="icon icon-x">
2846                        <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>
2847        </span>
2848                                                                            </div>
2849                </div>
2850                    </div>
2851    
2852            <div class="row navigation-flyout-content">
2853                            <div class="col">
2854                    <div class="navigation-flyout-categories">
2855                                                        
2856                    
2857    
2858    <div class="row navigation-flyout-categories is-level-0">
2859                                            
2860                            <div class="col-3 navigation-flyout-col">
2861                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2862                               href="https://www.sportsonline.de/camping/haengematten/"
2863                               itemprop="url"
2864                                                              title="Hängematten">
2865                                <span itemprop="name">Hängematten</span>
2866                            </a>
2867                                            
2868                                                                            
2869        
2870    
2871    <div class="navigation-flyout-categories is-level-1">
2872            </div>
2873                                                            </div>
2874                                                        
2875                            <div class="col-3 navigation-flyout-col">
2876                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2877                               href="https://www.sportsonline.de/camping/isomatten/"
2878                               itemprop="url"
2879                                                              title="Isomatten">
2880                                <span itemprop="name">Isomatten</span>
2881                            </a>
2882                                            
2883                                                                            
2884        
2885    
2886    <div class="navigation-flyout-categories is-level-1">
2887            </div>
2888                                                            </div>
2889                                                        
2890                            <div class="col-3 navigation-flyout-col">
2891                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2892                               href="https://www.sportsonline.de/camping/schlafsaecke-decken/"
2893                               itemprop="url"
2894                                                              title="Schlafsäcke &amp; Decken">
2895                                <span itemprop="name">Schlafsäcke &amp; Decken</span>
2896                            </a>
2897                                            
2898                                                                            
2899        
2900    
2901    <div class="navigation-flyout-categories is-level-1">
2902            </div>
2903                                                            </div>
2904                                                        
2905                            <div class="col-3 navigation-flyout-col">
2906                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2907                               href="https://www.sportsonline.de/camping/zelte/"
2908                               itemprop="url"
2909                                                              title="Zelte">
2910                                <span itemprop="name">Zelte</span>
2911                            </a>
2912                                            
2913                                                                            
2914        
2915    
2916    <div class="navigation-flyout-categories is-level-1">
2917            </div>
2918                                                            </div>
2919                                                        
2920                            <div class="col-3 navigation-flyout-col">
2921                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2922                               href="https://www.sportsonline.de/camping/travel/"
2923                               itemprop="url"
2924                                                              title="Travel">
2925                                <span itemprop="name">Travel</span>
2926                            </a>
2927                                            
2928                                                                            
2929        
2930    
2931    <div class="navigation-flyout-categories is-level-1">
2932            </div>
2933                                                            </div>
2934                                                        
2935                            <div class="col-3 navigation-flyout-col">
2936                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2937                               href="https://www.sportsonline.de/camping/camping-zubhoer/"
2938                               itemprop="url"
2939                                                              title="Camping Zubhör">
2940                                <span itemprop="name">Camping Zubhör</span>
2941                            </a>
2942                                            
2943                                                                            
2944        
2945    
2946    <div class="navigation-flyout-categories is-level-1">
2947            </div>
2948                                                            </div>
2949                                                        
2950                            <div class="col-3 navigation-flyout-col">
2951                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2952                               href="https://www.sportsonline.de/camping/schlafmatten/"
2953                               itemprop="url"
2954                                                              title="Schlafmatten">
2955                                <span itemprop="name">Schlafmatten</span>
2956                            </a>
2957                                            
2958                                                                            
2959        
2960    
2961    <div class="navigation-flyout-categories is-level-1">
2962            </div>
2963                                                            </div>
2964                                                        
2965                            <div class="col-3 navigation-flyout-col">
2966                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
2967                               href="https://www.sportsonline.de/camping/trink-isolierflaschen/"
2968                               itemprop="url"
2969                                                              title="Trink- &amp; Isolierflaschen">
2970                                <span itemprop="name">Trink- &amp; Isolierflaschen</span>
2971                            </a>
2972                                            
2973                                                                            
2974        
2975    
2976    <div class="navigation-flyout-categories is-level-1">
2977            </div>
2978                                                            </div>
2979                        </div>
2980                                            </div>
2981                </div>
2982            
2983                                                </div>
2984                                                                                                </div>
2985                                        </div>
2986                                                                                                                                                                                                            <div class="navigation-flyout"
2987                                             data-flyout-menu-id="9f54ca3e192a4b67b0070e67f5bdf8b0">
2988                                            <div class="container">
2989                                                                                                                        <div class="row navigation-flyout-bar">
2990                            <div class="col">
2991                    <div class="navigation-flyout-category-link">
2992                                                                                    <a class="nav-link"
2993                                   href="https://www.sportsonline.de/freizeitsport/"
2994                                   itemprop="url"
2995                                   title="Freizeitsport">
2996                                                                            Zur Kategorie Freizeitsport
2997                                                <span class="icon icon-arrow-right icon-primary">
2998                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><use transform="rotate(-90 9 8.5)" xlink:href="#icons-solid-arrow-right" fill="#758CA3" fill-rule="evenodd" /></svg>
2999        </span>
3000                                                                        </a>
3001                                                                        </div>
3002                </div>
3003            
3004                            <div class="col-auto">
3005                    <div class="navigation-flyout-close js-close-flyout-menu">
3006                                                                                            <span class="icon icon-x">
3007                        <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>
3008        </span>
3009                                                                            </div>
3010                </div>
3011                    </div>
3012    
3013            <div class="row navigation-flyout-content">
3014                            <div class="col">
3015                    <div class="navigation-flyout-categories">
3016                                                        
3017                    
3018    
3019    <div class="row navigation-flyout-categories is-level-0">
3020                                            
3021                            <div class="col-3 navigation-flyout-col">
3022                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
3023                               href="https://www.sportsonline.de/freizeitsport/inline-skates/"
3024                               itemprop="url"
3025                                                              title="Inline Skates">
3026                                <span itemprop="name">Inline Skates</span>
3027                            </a>
3028                                            
3029                                                                            
3030        
3031    
3032    <div class="navigation-flyout-categories is-level-1">
3033            </div>
3034                                                            </div>
3035                                                        
3036                            <div class="col-3 navigation-flyout-col">
3037                                                                        <a class="nav-item nav-link navigation-flyout-link is-level-0"
3038                               href="https://www.sportsonline.de/freizeitsport/sportbrillen/"
3039                               itemprop="url"
3040                                                              title="Sportbrillen">
3041                                <span itemprop="name">Sportbrillen</span>
3042                            </a>
3043                                            
3044                                                                            
3045        
3046    
3047    <div class="navigation-flyout-categories is-level-1">
3048            </div>
3049                                                            </div>
3050                        </div>
3051                                            </div>
3052                </div>
3053            
3054                                                </div>
3055                                                                                                </div>
3056                                        </div>
3057                                                                                                                                                                                                        </div>
3058                                        </div>
3059                            </div>
3060        
3061                                    <div class="d-none js-navigation-offcanvas-initial-content is-root">
3062                                            
3063
3064        
3065            <div class="offcanvas-header">
3066                            <button class="btn btn-light offcanvas-close js-offcanvas-close">
3067                                                    <span class="icon icon-x icon-sm">
3068                        <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>
3069        </span>
3070                        
3071                                            Menü schließen
3072                                    </button>
3073                    </div>
3074    
3075            <div class="offcanvas-body">
3076                        <nav class="nav navigation-offcanvas-actions">
3077                                
3078                
3079                                
3080                        </nav>
3081    
3082    
3083    <div class="navigation-offcanvas-container js-navigation-offcanvas">
3084        <div class="navigation-offcanvas-overlay-content js-navigation-offcanvas-overlay-content">
3085                                <div class="navigation-offcanvas-headline">
3086                    Kategorien
3087            </div>
3088            
3089            <ul class="list-unstyled navigation-offcanvas-list">
3090                
3091                                                    
3092<li class="navigation-offcanvas-list-item">
3093            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link"
3094           href="https://www.sportsonline.de/bekleidung/"
3095                            data-href="/widgets/menu/offcanvas?navigationId=f3191296cdec4d2db62f45fa4ca749a3"
3096                       itemprop="url"
3097                       title="Bekleidung">
3098                            <span itemprop="name">Bekleidung</span>
3099                                                            <span
3100                            class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
3101                                    <span class="icon icon-arrow-medium-right icon-sm">
3102                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><defs><path id="icons-solid-arrow-medium-right" d="M4.7071 5.2929c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142l4 4c.3905.3905 1.0237.3905 1.4142 0l4-4c.3905-.3905.3905-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0L8 8.5858l-3.2929-3.293z" /></defs><use transform="rotate(-90 8 8)" xlink:href="#icons-solid-arrow-medium-right" fill="#758CA3" fill-rule="evenodd" /></svg>
3103        </span>
3104                            </span>
3105                                                        </a>
3106    </li>
3107                                    
3108<li class="navigation-offcanvas-list-item">
3109            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link"
3110           href="https://www.sportsonline.de/schuhe/"
3111                            data-href="/widgets/menu/offcanvas?navigationId=540f051a8b2c419abe9e19f29cc9e623"
3112                       itemprop="url"
3113                       title="Schuhe">
3114                            <span itemprop="name">Schuhe</span>
3115                                                            <span
3116                            class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
3117                                    <span class="icon icon-arrow-medium-right icon-sm">
3118                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><use transform="rotate(-90 8 8)" xlink:href="#icons-solid-arrow-medium-right" fill="#758CA3" fill-rule="evenodd" /></svg>
3119        </span>
3120                            </span>
3121                                                        </a>
3122    </li>
3123                                    
3124<li class="navigation-offcanvas-list-item">
3125            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link"
3126           href="https://www.sportsonline.de/outdoor-ausruestung/"
3127                            data-href="/widgets/menu/offcanvas?navigationId=850260b64a13403e9ecf55af666f3535"
3128                       itemprop="url"
3129                       title="Outdoor Ausrüstung">
3130                            <span itemprop="name">Outdoor Ausrüstung</span>
3131                                                            <span
3132                            class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
3133                                    <span class="icon icon-arrow-medium-right icon-sm">
3134                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><use transform="rotate(-90 8 8)" xlink:href="#icons-solid-arrow-medium-right" fill="#758CA3" fill-rule="evenodd" /></svg>
3135        </span>
3136                            </span>
3137                                                        </a>
3138    </li>
3139                                    
3140<li class="navigation-offcanvas-list-item">
3141            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link"
3142           href="https://www.sportsonline.de/radsport/"
3143                            data-href="/widgets/menu/offcanvas?navigationId=f654c7ae930e45a7893533bae03a0d1e"
3144                       itemprop="url"
3145                       title="Radsport">
3146                            <span itemprop="name">Radsport</span>
3147                                                            <span
3148                            class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
3149                                    <span class="icon icon-arrow-medium-right icon-sm">
3150                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><use transform="rotate(-90 8 8)" xlink:href="#icons-solid-arrow-medium-right" fill="#758CA3" fill-rule="evenodd" /></svg>
3151        </span>
3152                            </span>
3153                                                        </a>
3154    </li>
3155                                    
3156<li class="navigation-offcanvas-list-item">
3157            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link"
3158           href="https://www.sportsonline.de/camping/"
3159                            data-href="/widgets/menu/offcanvas?navigationId=59ac848213f84503a735f91605b20e01"
3160                       itemprop="url"
3161                       title="Camping">
3162                            <span itemprop="name">Camping</span>
3163                                                            <span
3164                            class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
3165                                    <span class="icon icon-arrow-medium-right icon-sm">
3166                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><use transform="rotate(-90 8 8)" xlink:href="#icons-solid-arrow-medium-right" fill="#758CA3" fill-rule="evenodd" /></svg>
3167        </span>
3168                            </span>
3169                                                        </a>
3170    </li>
3171                                    
3172<li class="navigation-offcanvas-list-item">
3173            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link"
3174           href="https://www.sportsonline.de/freizeitsport/"
3175                            data-href="/widgets/menu/offcanvas?navigationId=9f54ca3e192a4b67b0070e67f5bdf8b0"
3176                       itemprop="url"
3177                       title="Freizeitsport">
3178                            <span itemprop="name">Freizeitsport</span>
3179                                                            <span
3180                            class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
3181                                    <span class="icon icon-arrow-medium-right icon-sm">
3182                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><use transform="rotate(-90 8 8)" xlink:href="#icons-solid-arrow-medium-right" fill="#758CA3" fill-rule="evenodd" /></svg>
3183        </span>
3184                            </span>
3185                                                        </a>
3186    </li>
3187                                    
3188<li class="navigation-offcanvas-list-item">
3189            <a class="navigation-offcanvas-link nav-item nav-link"
3190           href="https://www.sportsonline.de/deals-sale/"
3191                       itemprop="url"
3192                       title="Deals &amp; Sale">
3193                            <span itemprop="name">Deals &amp; Sale</span>
3194                                    </a>
3195    </li>
3196                            </ul>
3197        </div>
3198    </div>
3199        </div>
3200                                        </div>
3201                    
3202                    <main class="content-main">
3203                                    <div class="flashbags container">
3204                                            </div>
3205                
3206                            
3207                                        
3208        
3209                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
3210            
3211                        <div class="container">
3212                                                    <div class="container-main">
3213                                                                                                        
3214                                                
3215                                                
3216                
3217        <style>
3218            .nve-checkout {
3219                --nve-accent: #73d327;
3220                --nve-cta: #73d327;
3221                --nve-cta-contrast: #000000;
3222                --nve-bg: #f4f6f9;
3223                --nve-secondary: #27b4d3;
3224                --nve-secondary-contrast: #ffffff;
3225            }
3226        </style>
3227
3228        <div class="nve-checkout nve-account-login nve-rounded">
3229                    <div class="account-register">
3230                            <div class="row">
3231                                            <div class="col-lg-4">
3232                                <div class="card login-card">
3233        <div class="card-body">
3234                                                <div class="card-title">
3235                        ICH BIN BEREITS KUNDE
3236                    </div>
3237                            
3238                            <form class="login-form"
3239                      action="/account/login"
3240                      method="post"
3241                      data-form-validation="true">
3242
3243                                            <input type="hidden"
3244                               name="redirectTo"
3245                               value="frontend.account.home.page">
3246
3247                        <input type="hidden"
3248                               name="redirectParameters"
3249                               value="{&quot;_noStore&quot;:true}">
3250                    
3251                                            <p class="login-form-description">
3252                            Einloggen mit E-Mail-Adresse und Passwort <br /><br />
3253                        </p>
3254                    
3255                                                                
3256                                            <div class="row g-2">
3257                                                            <div class="form-group col-md-6">
3258                                                                            <label class="form-label"
3259                                               for="loginMail">
3260                                            Ihre E-Mail-Adresse
3261                                        </label>
3262                                    
3263                                                                            <input type="email"
3264                                               class="form-control"
3265                                               id="loginMail"
3266                                               placeholder="E-Mail-Adresse eingeben ..."
3267                                               name="username"
3268                                               required="required">
3269                                                                    </div>
3270                            
3271                                                            <div class="form-group col-md-6">
3272                                                                            <label class="form-label"
3273                                               for="loginPassword">
3274                                            Ihr Passwort
3275                                        </label>
3276                                                                                                                <input type="password"
3277                                               class="form-control"
3278                                               id="loginPassword"
3279                                               placeholder="Passwort eingeben ..."
3280                                               name="password"
3281                                               required="required">
3282                                                                    </div>
3283                                                    </div>
3284                    
3285                                            <div class="login-password-recover">
3286                                                            <a href="https://www.sportsonline.de/account/recover">
3287                                    Ich habe mein Passwort vergessen.
3288                                </a>
3289                                                    </div>
3290                    
3291                                            <div class="login-submit">
3292                            <button type="submit"
3293                                    class="btn btn-primary">
3294                                ANMELDEN
3295                            </button>
3296                        </div>
3297                                    </form>
3298                    </div>
3299    </div>
3300
3301                                    
3302                                    <div class="login-advantages">
3303                                                                            <div class="h5 login-advantages-header">
3304                                            Vorteile einer Registrierung:
3305                                        </div>
3306                                    
3307                                                                            <ul>
3308                                                                                            <li>Schnelles Einkaufen <br /> Sendung Verfolgen</li>
3309                                            
3310                                                                                            <li>Speichern Sie Ihre Daten und Einstellungen.</li>
3311                                            
3312            
3312                                                                                <li>Bestellübersicht und Versandinformationen</li>
3313                                            
3314                                                                                        </ul>
3315                                                                    </div>
3316                            
3317                        </div>
3318                    
3319                                            <div class="col-lg-8">
3320                                <div class="card register-card">
3321        <div class="card-body">
3322                                                    <div class="card-title">
3323                        ICH BIN NEUKUNDE
3324                    </div>
3325                            
3326
3327    
3328                            <form action="/account/register"
3329                      class="register-form"
3330                      method="post"
3331                      data-form-submit-loader="true"
3332                      data-form-validation="true">
3333
3334                                            <input type="hidden"
3335                               name="redirectTo"
3336                               value="frontend.account.home.page">
3337
3338                        <input type="hidden"
3339                               name="redirectParameters"
3340                               value="{&quot;_noStore&quot;:true}">
3341                    
3342                                            <input type="hidden"
3343                           name="createCustomerAccount"
3344                           value="1">
3345                    
3346                                            <input type="hidden"
3347                               name="errorRoute"
3348                               value="frontend.account.login.page">
3349
3350                        <input type="hidden"
3351                               name="errorParameters"
3352                               value="">
3353                    
3354                                            <div class="register-personal">
3355                                                                                                                        <input type="hidden" name="accountType">
3356            
3357            <div class="row g-2">
3358                            <div class="form-group col-md-3 col-sm-6">
3359                                            <label class="form-label"
3360                               for="personalSalutation">
3361                            Anrede
3362                        </label>
3363                    
3364                                            <select id="personalSalutation"
3365                                class="form-select"
3366                                name="salutationId">
3367                                                            <option                                         value="61aab20f7c524653aa4eb3e8096968a0">
3368                                    Keine Angabe
3369                                </option>
3370                                                            <option                                         value="0a0929a6115f4f8caa364b7a5437158e">
3371                                    Frau
3372                                </option>
3373                                                            <option                                         value="445b6ac318a849acab3bf1c18c0efa4c">
3374                                    Herr
3375                                </option>
3376                                                    </select>
3377                    
3378                                                                                </div>
3379            
3380                                                </div>
3381    
3382            <div class="row g-2">
3383                            <div class="form-group col-sm-6">
3384                                                                
3385                                            <label class="form-label"
3386                               for="personalFirstName">
3387                            Vorname*
3388                        </label>
3389                    
3390                                            <input type="text"
3391                               class="form-control"
3392                               autocomplete="section-personal given-name"
3393                               id="personalFirstName"
3394                               placeholder="Vornamen eingeben ..."
3395                               name="firstName"
3396                               value=""
3397                               data-form-validation-required
3398                               data-form-validation-required-message="Vorname darf nicht leer sein."                               required="required">
3399                    
3400                                                                                </div>
3401            
3402                            <div class="form-group col-sm-6">
3403                                                                
3404                                            <label class="form-label"
3405                               for="personalLastName">
3406                            Nachname*
3407                        </label>
3408                    
3409                                            <input type="text"
3410                               class="form-control"
3411                               autocomplete="section-personal family-name"
3412                               id="personalLastName"
3413                               placeholder="Nachnamen eingeben ..."
3414                               name="lastName"
3415                               value=""
3416                               data-form-validation-required
3417                               data-form-validation-required-message="Nachname darf nicht leer sein."                               required="required">
3418                    
3419                                                                                </div>
3420                    </div>
3421    
3422                
3423                
3424                                        <label for="personalBirthday">
3425                    Geburtsdatum
3426                </label>
3427            
3428                            <div class="row g-2">
3429                                            <div class="form-group col-md-2 col-4">
3430                            <select id="personalBirthday"
3431                                    name="birthdayDay"
3432                                    class="form-select"
3433                                    >
3434                                                                    <option selected="selected"
3435                                            value="">
3436                                        Tag
3437                                    </option>
3438                                                                                                    <option value="1"
3439                                            >
3440                                        1
3441                                    </option>
3442                                                                    <option value="2"
3443                                            >
3444                                        2
3445                                    </option>
3446                                                                    <option value="3"
3447                                            >
3448                                        3
3449                                    </option>
3450                                                                    <option value="4"
3451                                            >
3452                                        4
3453                                    </option>
3454                                                                    <option value="5"
3455                                            >
3456                                        5
3457                                    </option>
3458                                                                    <option value="6"
3459                                            >
3460                                        6
3461                                    </option>
3462                                                                    <option value="7"
3463                                            >
3464                                        7
3465                                    </option>
3466                                                                    <option value="8"
3467                                            >
3468                                        8
3469                                    </option>
3470                                                                    <option value="9"
3471                                            >
3472                                        9
3473                                    </option>
3474                                                                    <option value="10"
3475                                            >
3476                                        10
3477                                    </option>
3478                                                                    <option value="11"
3479                                            >
3480                                        11
3481                                    </option>
3482                                                                    <option value="12"
3483                                            >
3484                                        12
3485                                    </option>
3486                                                                    <option value="13"
3487                                            >
3488                                        13
3489                                    </option>
3490                                                                    <option value="14"
3491                                            >
3492                                        14
3493                                    </option>
3494                                                                    <option value="15"
3495                                            >
3496                                        15
3497                                    </option>
3498                                                                    <option value="16"
3499                                            >
3500                                        16
3501                                    </option>
3502                                                                    <option value="17"
3503                                            >
3504                                        17
3505                                    </option>
3506                                                                    <option value="18"
3507                                            >
3508                                        18
3509                                    </option>
3510                                                                    <option value="19"
3511                                            >
3512                                        19
3513                                    </option>
3514                                                                    <option value="20"
3515                                            >
3516                                        20
3517                                    </option>
3518                                                                    <option value="21"
3519                                            >
3520                                        21
3521                                    </option>
3522                                                                    <option value="22"
3523                                            >
3524                                        22
3525                                    </option>
3526                                                                    <option value="23"
3527                                            >
3528                                        23
3529                                    </option>
3530                                                                    <option value="24"
3531                                            >
3532                                        24
3533                                    </option>
3534                                                                    <option value="25"
3535                                            >
3536                                        25
3537                                    </option>
3538                                                                    <option value="26"
3539                                            >
3540                                        26
3541                                    </option>
3542                                                                    <option value="27"
3543                                            >
3544                                        27
3545                                    </option>
3546                                                                    <option value="28"
3547                                            >
3548                                        28
3549                                    </option>
3550                                                                    <option value="29"
3551                                            >
3552                                        29
3553                                    </option>
3554                                                                    <option value="30"
3555                                            >
3556                                        30
3557                                    </option>
3558                                                                    <option value="31"
3559                                            >
3560                                        31
3561                                    </option>
3562                                                            </select>
3563
3564                                                                                                                </div>
3565                    
3566                                            <div class="form-group col-md-2 col-4">
3567                            <select name="birthdayMonth"
3568                                    class="form-select"
3569                                    >
3570                                                                    <option selected="selected"
3571                                            value="">
3572                                        Monat
3573                                    </option>
3574                                                                                                    <option value="1"
3575                                            >
3576                                        1
3577                                    </option>
3578                                                                    <option value="2"
3579                                            >
3580                                        2
3581                                    </option>
3582                                                                    <option value="3"
3583                                            >
3584                                        3
3585                                    </option>
3586                                                                    <option value="4"
3587                                            >
3588                                        4
3589                                    </option>
3590                                                                    <option value="5"
3591                                            >
3592                                        5
3593                                    </option>
3594                                                                    <option value="6"
3595                                            >
3596                                        6
3597                                    </option>
3598                                                                    <option value="7"
3599                                            >
3600                                        7
3601                                    </option>
3602                                                                    <option value="8"
3603                                            >
3604                                        8
3605                                    </option>
3606                                                                    <option value="9"
3607                                            >
3608                                        9
3609                                    </option>
3610                                                                    <option value="10"
3611                                            >
3612                                        10
3613                                 
3613   </option>
3614                                                                    <option value="11"
3615                                            >
3616                                        11
3617                                    </option>
3618                                                                    <option value="12"
3619                                            >
3620                                        12
3621                                    </option>
3622                                                            </select>
3623
3624                                                                                                                </div>
3625                    
3626                                            <div class="form-group col-md-2 col-4">
3627                                                        
3628                            <select name="birthdayYear"
3629                                    class="form-select"
3630                                    >
3631                                                                    <option selected="selected"
3632                                            value="">
3633                                        Jahr
3634                                    </option>
3635                                                                                                    <option value="2026"
3636                                            >
3637                                        2026
3638                                    </option>
3639                                                                    <option value="2025"
3640                                            >
3641                                        2025
3642                                    </option>
3643                                                                    <option value="2024"
3644                                            >
3645                                        2024
3646                                    </option>
3647                                                                    <option value="2023"
3648                                            >
3649                                        2023
3650                                    </option>
3651                                                                    <option value="2022"
3652                                            >
3653                                        2022
3654                                    </option>
3655                                                                    <option value="2021"
3656                                            >
3657                                        2021
3658                                    </option>
3659                                                                    <option value="2020"
3660                                            >
3661                                        2020
3662                                    </option>
3663                                                                    <option value="2019"
3664                                            >
3665                                        2019
3666                                    </option>
3667                                                                    <option value="2018"
3668                                            >
3669                                        2018
3670                                    </option>
3671                                                                    <option value="2017"
3672                                            >
3673                                        2017
3674                                    </option>
3675                                                                    <option value="2016"
3676                                            >
3677                                        2016
3678                                    </option>
3679                                                                    <option value="2015"
3680                                            >
3681                                        2015
3682                                    </option>
3683                                                                    <option value="2014"
3684                                            >
3685                                        2014
3686                                    </option>
3687                                                                    <option value="2013"
3688                                            >
3689                                        2013
3690                                    </option>
3691                                                                    <option value="2012"
3692                                            >
3693                                        2012
3694                                    </option>
3695                                                                    <option value="2011"
3696                                            >
3697                                        2011
3698                                    </option>
3699                                                                    <option value="2010"
3700                                            >
3701                                        2010
3702                                    </option>
3703                                                                    <option value="2009"
3704                                            >
3705                                        2009
3706                                    </option>
3707                                                                    <option value="2008"
3708                                            >
3709                                        2008
3710                                    </option>
3711                                                                    <option value="2007"
3712                                            >
3713                                        2007
3714                                    </option>
3715                                                                    <option value="2006"
3716                                            >
3717                                        2006
3718                                    </option>
3719                                                                    <option value="2005"
3720                                            >
3721                                        2005
3722                                    </option>
3723                                                                    <option value="2004"
3724                                            >
3725                                        2004
3726                                    </option>
3727                                                                    <option value="2003"
3728                                            >
3729                                        2003
3730                                    </option>
3731                                                                    <option value="2002"
3732                                            >
3733                                        2002
3734                                    </option>
3735                                                                    <option value="2001"
3736                                            >
3737                                        2001
3738                                    </option>
3739                                                                    <option value="2000"
3740                                            >
3741                                        2000
3742                                    </option>
3743                                                                    <option value="1999"
3744                                            >
3745                                        1999
3746                                    </option>
3747                                                                    <option value="1998"
3748                                            >
3749                                        1998
3750                                    </option>
3751                                                                    <option value="1997"
3752                                            >
3753                                        1997
3754                                    </option>
3755                                                                    <option value="1996"
3756                                            >
3757                                        1996
3758                                    </option>
3759                                                                    <option value="1995"
3760                                            >
3761                                        1995
3762                                    </option>
3763                                                                    <option value="1994"
3764                                            >
3765                                        1994
3766                                    </option>
3767                                                                    <option value="1993"
3768                                            >
3769                                        1993
3770                                    </option>
3771                                                                    <option value="1992"
3772                                            >
3773                                        1992
3774                                    </option>
3775                                                                    <option value="1991"
3776                                            >
3777                                        1991
3778                                    </option>
3779                                                                    <option value="1990"
3780                                            >
3781                                        1990
3782                                    </option>
3783                                                                    <option value="1989"
3784                                            >
3785                                        1989
3786                                    </option>
3787                                                                    <option value="1988"
3788                                            >
3789                                        1988
3790                                    </option>
3791                                                                    <option value="1987"
3792                                            >
3793                                        1987
3794                                    </option>
3795                                                                    <option value="1986"
3796                                            >
3797                                        1986
3798                                    </option>
3799                                                                    <option value="1985"
3800                                            >
3801                                        1985
3802                                    </option>
3803                                                                    <option value="1984"
3804                                            >
3805                                        1984
3806                                    </option>
3807                                                                    <option value="1983"
3808                                            >
3809                                        1983
3810                                    </option>
3811                                                                    <option value="1982"
3812                                            >
3813                                        1982
3814                                    </option>
3815                                                                    <option value="1981"
3816                                            >
3817                                        1981
3818                                    </option>
3819                                                                    <option value="1980"
3820                                            >
3821                                        1980
3822                                    </option>
3823                                                                    <option value="1979"
3824                                            >
3825                                        1979
3826                                    </option>
3827                                                                    <option value="1978"
3828                                            >
3829                                        1978
3830                                    </option>
3831                                                                    <option value="1977"
3832                                            >
3833                                        1977
3834                                    </option>
3835                                                                    <option value="1976"
3836                                            >
3837                                        1976
3838                                    </option>
3839                                                                    <option value="1975"
3840                                            >
3841                                        1975
3842                                    </option>
3843                                                                    <option value="1974"
3844                                            >
3845                                        1974
3846                                    </option>
3847                                                                    <option value="1973"
3848                                            >
3849                                        1973
3850                                    </option>
3851                                                                    <option value="1972"
3852                                            >
3853                                        1972
3854                                    </option>
3855                                                                    <option value="1971"
3856                                            >
3857                                        1971
3858                                    </option>
3859                                                                    <option value="1970"
3860                                            >
3861                                        1970
3862                                    </option>
3863                                                                    <option value="1969"
3864                                            >
3865                                        1969
3866                                    </option>
3867                                                                    <option value="1968"
3868                                            >
3869                                        1968
3870                                    </option>
3871                                                                    <option value="1967"
3872                                            >
3873                                        1967
3874                                    </option>
3875                                                                    <option value="1966"
3876                                            >
3877                                        1966
3878                                    </option>
3879                                                                    <option value="1965"
3880                                            >
3881                                        1965
3882                                    </option>
3883                                                                    <option value="1964"
3884                                            >
3885                                        1964
3886                                    </option>
3887                                                                    <option value="1963"
3888                                            >
3889                                        1963
3890                                    </option>
3891                                                                    <option value="1962"
3892                                            >
3893                                        1962
3894                                    </option>
3895                                                                    <option value="1961"
3896                                            >
3897                                        1961
3898                                    </option>
3899                                                                    <option value="1960"
3900                                            >
3901                                        1960
3902                                    </option>
3903          
3903                                                          <option value="1959"
3904                                            >
3905                                        1959
3906                                    </option>
3907                                                                    <option value="1958"
3908                                            >
3909                                        1958
3910                                    </option>
3911                                                                    <option value="1957"
3912                                            >
3913                                        1957
3914                                    </option>
3915                                                                    <option value="1956"
3916                                            >
3917                                        1956
3918                                    </option>
3919                                                                    <option value="1955"
3920                                            >
3921                                        1955
3922                                    </option>
3923                                                                    <option value="1954"
3924                                            >
3925                                        1954
3926                                    </option>
3927                                                                    <option value="1953"
3928                                            >
3929                                        1953
3930                                    </option>
3931                                                                    <option value="1952"
3932                                            >
3933                                        1952
3934                                    </option>
3935                                                                    <option value="1951"
3936                                            >
3937                                        1951
3938                                    </option>
3939                                                                    <option value="1950"
3940                                            >
3941                                        1950
3942                                    </option>
3943                                                                    <option value="1949"
3944                                            >
3945                                        1949
3946                                    </option>
3947                                                                    <option value="1948"
3948                                            >
3949                                        1948
3950                                    </option>
3951                                                                    <option value="1947"
3952                                            >
3953                                        1947
3954                                    </option>
3955                                                                    <option value="1946"
3956                                            >
3957                                        1946
3958                                    </option>
3959                                                                    <option value="1945"
3960                                            >
3961                                        1945
3962                                    </option>
3963                                                                    <option value="1944"
3964                                            >
3965                                        1944
3966                                    </option>
3967                                                                    <option value="1943"
3968                                            >
3969                                        1943
3970                                    </option>
3971                                                                    <option value="1942"
3972                                            >
3973                                        1942
3974                                    </option>
3975                                                                    <option value="1941"
3976                                            >
3977                                        1941
3978                                    </option>
3979                                                                    <option value="1940"
3980                                            >
3981                                        1940
3982                                    </option>
3983                                                                    <option value="1939"
3984                                            >
3985                                        1939
3986                                    </option>
3987                                                                    <option value="1938"
3988                                            >
3989                                        1938
3990                                    </option>
3991                                                                    <option value="1937"
3992                                            >
3993                                        1937
3994                                    </option>
3995                                                                    <option value="1936"
3996                                            >
3997                                        1936
3998                                    </option>
3999                                                                    <option value="1935"
4000                                            >
4001                                        1935
4002                                    </option>
4003                                                                    <option value="1934"
4004                                            >
4005                                        1934
4006                                    </option>
4007                                                                    <option value="1933"
4008                                            >
4009                                        1933
4010                                    </option>
4011                                                                    <option value="1932"
4012                                            >
4013                                        1932
4014                                    </option>
4015                                                                    <option value="1931"
4016                                            >
4017                                        1931
4018                                    </option>
4019                                                                    <option value="1930"
4020                                            >
4021                                        1930
4022                                    </option>
4023                                                                    <option value="1929"
4024                                            >
4025                                        1929
4026                                    </option>
4027                                                                    <option value="1928"
4028                                            >
4029                                        1928
4030                                    </option>
4031                                                                    <option value="1927"
4032                                            >
4033                                        1927
4034                                    </option>
4035                                                                    <option value="1926"
4036                                            >
4037                                        1926
4038                                    </option>
4039                                                                    <option value="1925"
4040                                            >
4041                                        1925
4042                                    </option>
4043                                                                    <option value="1924"
4044                                            >
4045                                        1924
4046                                    </option>
4047                                                                    <option value="1923"
4048                                            >
4049                                        1923
4050                                    </option>
4051                                                                    <option value="1922"
4052                                            >
4053                                        1922
4054                                    </option>
4055                                                                    <option value="1921"
4056                                            >
4057                                        1921
4058                                    </option>
4059                                                                    <option value="1920"
4060                                            >
4061                                        1920
4062                                    </option>
4063                                                                    <option value="1919"
4064                                            >
4065                                        1919
4066                                    </option>
4067                                                                    <option value="1918"
4068                                            >
4069                                        1918
4070                                    </option>
4071                                                                    <option value="1917"
4072                                            >
4073                                        1917
4074                                    </option>
4075                                                                    <option value="1916"
4076                                            >
4077                                        1916
4078                                    </option>
4079                                                                    <option value="1915"
4080                                            >
4081                                        1915
4082                                    </option>
4083                                                                    <option value="1914"
4084                                            >
4085                                        1914
4086                                    </option>
4087                                                                    <option value="1913"
4088                                            >
4089                                        1913
4090                                    </option>
4091                                                                    <option value="1912"
4092                                            >
4093                                        1912
4094                                    </option>
4095                                                                    <option value="1911"
4096                                            >
4097                                        1911
4098                                    </option>
4099                                                                    <option value="1910"
4100                                            >
4101                                        1910
4102                                    </option>
4103                                                                    <option value="1909"
4104                                            >
4105                                        1909
4106                                    </option>
4107                                                                    <option value="1908"
4108                                            >
4109                                        1908
4110                                    </option>
4111                                                                    <option value="1907"
4112                                            >
4113                                        1907
4114                                    </option>
4115                                                                    <option value="1906"
4116                                            >
4117                                        1906
4118                                    </option>
4119                                                            </select>
4120
4121                                                                                                                </div>
4122                                    </div>
4123                                                        
4124                                                                        
4125                                    
4126                                
4127                                
4128                                
4129                                
4130                                                                    <div class="row g-2">
4131                                        <div class="form-group col-sm-6">
4132                                                                                                                                                                    <label class="form-label"
4133                                                   for="personalMail">
4134                                                Neue E-Mail-Adresse*
4135                                            </label>
4136                                        
4137                                                                                    <input type="email"
4138                                                   class="form-control"
4139                                                   autocomplete="section-personal email"
4140                                                   id="personalMail"
4141                                                   placeholder="Neue E-Mail-Adresse eingeben ..."
4142                                                   name="email"
4143                                                   value=""
4144                                                                                                      data-form-validation-equal="personalMail"
4145                                                                                                      required="required">
4146                                        
4147                                                                                                                                                                                                
4148                                        </div>
4149                                        <div class="form-group col-sm-6">
4150                                                                                                                                                                                                                    <label class="form-label"
4151                                                   for="personalMailConfirmation">
4152                                                E-Mail-Adressen-Bestätigung*
4153                                            </label>
4154                                        
4155                                                                                    <input type="email"
4156                                                   class="form-control"
4157                                                   autocomplete="section-personal email"
4158                                                   id="personalMailConfirmation"
4159                                                   placeholder="E-Mail-Adresse erneut eingeben ..."
4160                                                   name="emailConfirmation"
4161                                                   value=""
4162                                                   data-form-validation-equal="personalMail"
4163                                                   data-form-validation-equal-message="Die E-Mail-Adressen stimmen nicht überein."
4164                                                   required="required">
4165                                        
4166                                                                                    
4167                                                                                                                                                        
4168                                                                                    </div>
4169                                        <div class="form-group col-sm-6">
4170                                                                            
4170                                                                                            <span class="js-form-field-toggle-guest-mode">
4171                                                                                            <label class="form-label"
4172                                                       for="personalPassword">
4173                                                    Passwort*
4174                                                </label>
4175                                            
4176                                                                                            <input type="password"
4177                                                       class="form-control"
4178                                                       autocomplete="new-password"
4179                                                       id="personalPassword"
4180                                                       placeholder="Passwort eingeben ..."
4181                                                       name="password"
4182                                                       minlength="8"
4183                                                                                                                                                                     data-form-validation-length="8"
4184                                                       data-form-validation-length-message=" Das Passwort muss mindestens 8 Zeichen lang sein."
4185                                                                                                              required="required">
4186                                            
4187                                                                                                                                                <small class="form-text js-validation-message"
4188                                                           data-form-validation-length-text="true">
4189                                                        Das Passwort muss mindestens 8 Zeichen lang sein.
4190                                                    </small>
4191                                                                                            
4192                                                                                                                                                                                </span>
4193                                                                    
4194                                                                                    </div>
4195                                        <div class="form-group col-sm-6">
4196                                                                                    </div>
4197                                    </div>
4198                                                                                    </div>
4199                    
4200                                            <div class="register-address">
4201                                                                                                <div class="register-billing">
4202                                                                                    <div class="card-title">
4203                                                Adresse
4204                                            </div>
4205                                        
4206                                                                                        <div class="pickware-dhl-component-address-form-container">
4207        
4208                        
4209                
4210                        <div class="row g-2">
4211                            <div class="form-group col-md-6">
4212                                                                
4213                                            <label class="form-label"
4214                               for="billingAddressAddressStreet">
4215                            Straße und Hausnummer*
4216                        </label>
4217                    
4218                                            <input type="text"
4219                               class="form-control"
4220                               id="billingAddressAddressStreet"
4221                               placeholder="Straße und Hausnummer eingeben ..."
4222                               name="billingAddress[street]"
4223                               value=""
4224                               data-form-validation-required
4225                               data-form-validation-required-message="Straße und Hausnummer darf nicht leer sein."                               required="required">
4226                    
4227                                                                                </div>
4228            
4229                            
4230                
4231                                                    <div class="form-group col-md-2 col-4">
4232                                                                                                        
4233                                            <label class="form-label"
4234                               for="billingAddressAddressZipcode">
4235                            PLZ<span class="d-none" id="zipcodeLabel">*</span>
4236                        </label>
4237                    
4238                                            <input type="text"
4239                               class="form-control"
4240                               id="billingAddressAddressZipcode"
4241                               placeholder="PLZ eingeben ..."
4242                               name="billingAddress[zipcode]"
4243                               value=""
4244                               data-input-name="zipcodeInput"
4245                        >
4246                    
4247                                                                                
4248                    </div>
4249
4250                    <div class="form-group col-md-4 col-8">
4251                                                                                                                
4252                                            <label class="form-label"
4253                               for="billingAddressAddressCity">
4254                            Ort*
4255                        </label>
4256                    
4257                                            <input type="text"
4258                               class="form-control"
4259                               id="billingAddressAddressCity"
4260                               placeholder="Ort eingeben ..."
4261                               name="billingAddress[city]"
4262                               value=""
4263                               data-form-validation-required
4264                               data-form-validation-required-message="Ort darf nicht leer sein."                               required="required">
4265                    
4266                                                                                
4267                    </div>
4268                            
4269                                                
4270                    <div class="form-group col-md-6">
4271                                                    <label class="form-label"
4272                                   for="billingAddressAdditionalField1">
4273                                Adresszusatz 1
4274                            </label>
4275                        
4276                                                    <input type="text"
4277                                   class="form-control "
4278                                   id="billingAddressAdditionalField1"
4279                                   placeholder="Adresszusatz eingeben ..."
4280                                   name="billingAddress[additionalAddressLine1]"
4281                                   value=""
4282                                    >
4283                        
4284                                                                                                </div>
4285                            
4286                                                </div>
4287
4288        <div class="row g-2 country-and-state-form-elements" data-country-state-select="true">
4289                            <div class="form-group col-md-6">
4290                    
4291                    
4292                    
4293                                            <label class="form-label"
4294                               for="billingAddressAddressCountry">
4295                            Land*
4296                        </label>
4297                    
4298                                            <select class="country-select form-select"
4299                                id="billingAddressAddressCountry"
4300                                name="billingAddress[countryId]"
4301                                required="required"
4302                                data-initial-country-id="">
4303                                                            <option disabled="disabled"
4304                                        value=""
4305                                        selected="selected">
4306                                    Land auswählen ...
4307                                </option>
4308                                                                                        <option                                         value="e4f57dddbd4b45c28c0012b65ca8e351"
4309                                        data-zipcode-required="1"
4310                                        data-vat-id-required=""
4311                                        data-state-required=""
4312                                        >
4313                                    Deutschland                                </option>
4314                                                            <option                                         value="ad7108457a864a9da086e6a41d031983"
4315                                        data-zipcode-required=""
4316                                        data-vat-id-required=""
4317                                        data-state-required=""
4318                                        >
4319                                    Belgien                                </option>
4320                                                            <option                                         value="d9b2910ed3e54e6ab995bc5221fdb8d6"
4321                                        data-zipcode-required=""
4322                                        data-vat-id-required=""
4323                                        data-state-required=""
4324                                        >
4325                                    Bulgarien                                </option>
4326                                                            <option                                         value="36c488041bc74fb5b7c4d12428fec66e"
4327                                        data-zipcode-required=""
4328                                        data-vat-id-required=""
4329                                        data-state-required=""
4330                                        >
4331                                    Dänemark                                </option>
4332                                                            <option                                         value="618ddfeffa664c95aafb507903092b22"
4333                                        data-zipcode-required=""
4334                                        data-vat-id-required=""
4335                                        data-state-required=""
4336                                        >
4337                                    Estland                                </option>
4338                                                            <option                                         value="bde96beeb0bf4027b93e2b6d4932b44a"
4339                                        data-zipcode-required=""
4340                                        data-vat-id-required=""
4341                                        data-state-required=""
4342                                        >
4343                                    Finnland                                </option>
4344                                                            <option                                         value="9ead963a5cc14231a18755d3f70e636b"
4345                                        data-zipcode-required=""
4346                                        data-vat-id-required=""
4347                                        data-state-required=""
4348                                        >
4349                                    Frankreich                                </option>
4350                                                            <option                                         value="4cb35e712ccf44e890d2a5250ec8d64b"
4351                                        data-zipcode-required=""
4352                                        data-vat-id-required=""
4353                                        data-state-required=""
4354                                        >
4355                                    Griechenland                                </option>
4356                                                            <option                                         value="92857a226aa145ff96c544e11b3c58ee"
4357                                        data-zipcode-required=""
4358                                        data-vat-id-required=""
4359                                        data-state-required=""
4360                                        >
4361                                    Italien                                </option>
4362                                                            <option                                         value="a1e774099c9746d1b5fb6dcf02021dc6"
4363                                        data-zipcode-required=""
4364                                        data-vat-id-required=""
4365                                        data-state-required=""
4366                                        >
4367                                    Kroatien                                </option>
4368                                                            <option                                         value="474276ea417d4bf985148abed4d3acff"
4369                                        data-zipcode-required=""
4370                                        data-vat-id-required=""
4371                                        data-state-required=""
4372                                        >
4373                                    Lettland                                </option>
4374                                                            <option                                         value="fa02ae791794457dbb87b2115bf1f978"
4375                                        data-zipcode-required=""
4376                                        data-vat-id-required=""
4377                                        data-state-required=""
4378                                        >
4379                                    Litauen                                </option>
4380                                                            <option                                         value="5fad7c36ba9f433c9dfbe865abba7b7a"
4381                                        data-zipcode-required=""
4382                                        data-vat-id-required=""
4383                                        data-state-required=""
4384                                        >
4385                                    Luxemburg                                </option>
4386                                                            <option                                         value="84cc8a5a7c6047e39e3e9027ab0d5914"
4387                                        data-zipcode-required=""
4388                                        data-vat-id-required=""
4389                                        data-state-required=""
4390                                        >
4391                                    Monaco                                </option>
4392                                                            <option                                         value="7bfe2937add645a1b6bb29f067ca2035"
4393                                        data-zipcode-required=""
4394                                        data-vat-id-required=""
4395                                        data-state-required=""
4396                                        >
4397                                    Niederlande                                </option>
4398                                                            <option                                         value="8cfca4be399c445c9e7e031541789184"
4399                                        data-zipcode-required=""
4400                                        data-vat-id-required=""
4401                                        data-state-required=""
4402                                        >
4403                                    Norwegen                             
4403   </option>
4404                                                            <option                                         value="9f6e2827ba864719bb09e1be965046fc"
4405                                        data-zipcode-required=""
4406                                        data-vat-id-required=""
4407                                        data-state-required=""
4408                                        >
4409                                    Polen                                </option>
4410                                                            <option                                         value="460ca93184f442ba95246cff1db01ff8"
4411                                        data-zipcode-required=""
4412                                        data-vat-id-required=""
4413                                        data-state-required=""
4414                                        >
4415                                    Portugal                                </option>
4416                                                            <option                                         value="9c8c6316972a4c9b9d8701a12158d9d9"
4417                                        data-zipcode-required=""
4418                                        data-vat-id-required=""
4419                                        data-state-required=""
4420                                        >
4421                                    Rumänien                                </option>
4422                                                            <option                                         value="78867aa2f07441d8b34351909ee961f4"
4423                                        data-zipcode-required=""
4424                                        data-vat-id-required=""
4425                                        data-state-required=""
4426                                        >
4427                                    Schweden                                </option>
4428                                                            <option                                         value="ac0a19d053204cdf8023da01e20b2660"
4429                                        data-zipcode-required=""
4430                                        data-vat-id-required=""
4431                                        data-state-required=""
4432                                        >
4433                                    Slowakei                                </option>
4434                                                            <option                                         value="b5e6110416804785a44a32fa9d540712"
4435                                        data-zipcode-required=""
4436                                        data-vat-id-required=""
4437                                        data-state-required=""
4438                                        >
4439                                    Slowenien                                </option>
4440                                                            <option                                         value="1d73c59d77db42839d9b2b123c084c24"
4441                                        data-zipcode-required=""
4442                                        data-vat-id-required=""
4443                                        data-state-required=""
4444                                        >
4445                                    Tschechische Republik                                </option>
4446                                                            <option                                         value="87a601b27dd24d4fa14a4a39457aaf12"
4447                                        data-zipcode-required=""
4448                                        data-vat-id-required=""
4449                                        data-state-required=""
4450                                        >
4451                                    Ungarn                                </option>
4452                                                            <option                                         value="9996feead58e433287a6afda941d0888"
4453                                        data-zipcode-required=""
4454                                        data-vat-id-required=""
4455                                        data-state-required=""
4456                                        >
4457                                    Österreich                                </option>
4458                                                            <option                                         value="1240ad4e109f4fbd940e8bd28db933e6"
4459                                        data-zipcode-required=""
4460                                        data-vat-id-required=""
4461                                        data-state-required=""
4462                                        >
4463                                    Schweiz_DE                                </option>
4464                                                    </select>
4465                                    </div>
4466
4467                <div class="form-group col-md-6 d-none">
4468                    
4469                                            <label class="form-label"
4470                               for="billingAddressAddressCountryState">
4471                            Bundesland
4472                        </label>
4473                    
4474                                            <select class="country-state-select form-select"
4475                                id="billingAddressAddressCountryState"
4476                                name="billingAddress[countryStateId]"
4477                                data-initial-country-state-id="">
4478                            <option value=""
4479                                    selected="selected"
4480                                    data-placeholder-option="true">
4481                                Bundesland auswählen ...
4482                            </option>
4483                        </select>
4484                    
4485                                                                                </div>
4486                    </div>
4487
4488        <div class="row g-2">
4489                                                <div class="form-group col-md-6">
4490                        
4491                                                    <label class="form-label"
4492                                   for="billingAddressAddressPhoneNumber">
4493                                Telefonnummer
4494                            </label>
4495                        
4496                                                    <input type="text"
4497                                   class="form-control"
4498                                   id="billingAddressAddressPhoneNumber"
4499                                   placeholder="Telefonnummer eingeben ..."
4500                                   name="billingAddress[phoneNumber]"
4501                                   value=""
4502                                >
4503                        
4504                                                                                                </div>
4505                                    </div>
4506    
4507    
4508    </div>
4509                                                                            </div>
4510                                
4511                                                                    <div>
4512                                                                                    <div class="form-check register-different-shipping">
4513                                                                                                    <input type="checkbox"
4514                                                           class="form-check-input js-different-shipping-checkbox"
4515                                                           name="differentShippingAddress"
4516                                                           value="1"
4517                                                           id="differentShippingAddress"
4518                                                                                                                      data-form-field-toggle="true"
4519                                                           data-form-field-toggle-target=".js-form-field-toggle-shipping-address"
4520                                                           data-form-field-toggle-value="true"
4521                                                           data-form-field-toggle-trigger-nested="true">
4522                                                
4523                                                                                                    <label class="custom-control-label no-validation"
4524                                                           for="differentShippingAddress">
4525                                                        Lieferadresse weicht von Rechnungsadresse ab.
4526                                                    </label>
4527                                                                                            </div>
4528                                        
4529                                            <div class="pickware-dhl-location-finder-wrapper" data-behavior="modal">
4530                                                    <div class="register-shipping js-form-field-toggle-shipping-address d-none">
4531                                                                                                    <div class="card-title">
4532                                                        Abweichende Lieferadresse
4533                                                    </div>
4534                                                
4535                                                                                                                                                                                    <input type="hidden" name="accountType">
4536            
4537            <div class="row g-2">
4538                            <div class="form-group col-md-3 col-sm-6">
4539                                            <label class="form-label"
4540                               for="shippingAddresspersonalSalutation">
4541                            Anrede
4542                        </label>
4543                    
4544                                            <select id="shippingAddresspersonalSalutation"
4545                                class="form-select"
4546                                name="shippingAddress[salutationId]">
4547                                                            <option                                         value="61aab20f7c524653aa4eb3e8096968a0">
4548                                    Keine Angabe
4549                                </option>
4550                                                            <option                                         value="0a0929a6115f4f8caa364b7a5437158e">
4551                                    Frau
4552                                </option>
4553                                                            <option                                         value="445b6
4553ac318a849acab3bf1c18c0efa4c">
4554                                    Herr
4555                                </option>
4556                                                    </select>
4557                    
4558                                                                                </div>
4559            
4560                                                </div>
4561    
4562            <div class="row g-2">
4563                            <div class="form-group col-sm-6">
4564                                                                
4565                                            <label class="form-label"
4566                               for="shippingAddresspersonalFirstName">
4567                            Vorname*
4568                        </label>
4569                    
4570                                            <input type="text"
4571                               class="form-control"
4572                               autocomplete="section-personal given-name"
4573                               id="shippingAddresspersonalFirstName"
4574                               placeholder="Vornamen eingeben ..."
4575                               name="shippingAddress[firstName]"
4576                               value=""
4577                               data-form-validation-required
4578                               data-form-validation-required-message="Vorname darf nicht leer sein."                               required="required">
4579                    
4580                                                                                </div>
4581            
4582                            <div class="form-group col-sm-6">
4583                                                                
4584                                            <label class="form-label"
4585                               for="shippingAddresspersonalLastName">
4586                            Nachname*
4587                        </label>
4588                    
4589                                            <input type="text"
4590                               class="form-control"
4591                               autocomplete="section-personal family-name"
4592                               id="shippingAddresspersonalLastName"
4593                               placeholder="Nachnamen eingeben ..."
4594                               name="shippingAddress[lastName]"
4595                               value=""
4596                               data-form-validation-required
4597                               data-form-validation-required-message="Nachname darf nicht leer sein."                               required="required">
4598                    
4599                                                                                </div>
4600                    </div>
4601    
4602                
4603                
4604                                                                    
4605                                                                                                                
4606            <div class="js-field-toggle-contact-type-company-shippingAddress d-none">
4607                            <div class="row g-2">
4608                                            <div class="form-group col-12">
4609                                                                                        
4610                                                            <label class="form-label"
4611                                       for="shippingAddresscompany">
4612                                    Firma                                </label>
4613                            
4614                                                            <input type="text"
4615                                       class="form-control"
4616                                       id="shippingAddresscompany"
4617                                       placeholder="Firma eingeben ..."
4618                                       name="shippingAddress[company]"
4619                                       value=""
4620                                       data-form-validation-required
4621                                                                              >
4622                            
4623                                                                                                                </div>
4624                                    </div>
4625                <div class="row g-2">
4626                                            <div class="form-group col-md-6">
4627                            
4628                                                            <label class="form-label"
4629                                       for="shippingAddressdepartment">
4630                                    Abteilung
4631                                </label>
4632                            
4633                                                            <input type="text"
4634                                       class="form-control"
4635                                       id="shippingAddressdepartment"
4636                                       placeholder="Abteilung eingeben ..."
4637                                       name="shippingAddress[department]"
4638                                       value="">
4639                            
4640                                                                                                                </div>
4641                    
4642                                                                                </div>
4643                    </div>
4644                                                        
4645                                                                                                                <div class="pickware-dhl-component-address-form-container">
4646        
4647                        
4648                
4649                        <div class="row g-2">
4650                            <div class="form-group col-md-6">
4651                                                                
4652                                            <label class="form-label"
4653                               for="shippingAddressAddressStreet">
4654                            Straße und Hausnummer*
4655                        </label>
4656                    
4657                                            <input type="text"
4658                               class="form-control"
4659                               id="shippingAddressAddressStreet"
4660                               placeholder="Straße und Hausnummer eingeben ..."
4661                               name="shippingAddress[street]"
4662                               value=""
4663                               data-form-validation-required
4664                               data-form-validation-required-message="Straße und Hausnummer darf nicht leer sein."                               required="required">
4665                    
4666                                                                                </div>
4667            
4668                            
4669                
4670                                                    <div class="form-group col-md-2 col-4">
4671                                                                                                        
4672                                            <label class="form-label"
4673                               for="shippingAddressAddressZipcode">
4674                            PLZ<span class="d-none" id="zipcodeLabel">*</span>
4675                        </label>
4676                    
4677                                            <input type="text"
4678                               class="form-control"
4679                               id="shippingAddressAddressZipcode"
4680                               placeholder="PLZ eingeben ..."
4681                               name="shippingAddress[zipcode]"
4682                               value=""
4683                               data-input-name="zipcodeInput"
4684                        >
4685                    
4686                                                                                
4687                    </div>
4688
4689                    <div class="form-group col-md-4 col-8">
4690                                                                                                                
4691                                            <label class="form-label"
4692                               for="shippingAddressAddressCity">
4693                            Ort*
4694                        </label>
4695                    
4696                                            <input type="text"
4697                               class="form-control"
4698                               id="shippingAddressAddressCity"
4699                               placeholder="Ort eingeben ..."
4700                               name="shippingAddress[city]"
4701                               value=""
4702                               data-form-validation-required
4703                               data-form-validation-required-message="Ort darf nicht leer sein."                               required="required">
4704                    
4705                                                                                
4706                    </div>
4707                            
4708                                                
4709                    <div class="form-group col-md-6">
4710                                                    <label class="form-label"
4711                                   for="shippingAddressAdditionalField1">
4712                                Adresszusatz 1
4713                            </label>
4714                        
4715                                                    <input type="text"
4716                                   class="form-control "
4717                                   id="shippingAddressAdditionalField1"
4718                                   placeholder="Adresszusatz eingeben ..."
4719                                   name="shippingAddress[additionalAddressLine1]"
4720                                   value=""
4721                                    >
4722                        
4723                                                                                                </div>
4724                            
4725                                                </div>
4726
4727        <div class="row g-2 country-and-state-form-elements" data-country-state-select="true">
4728                            <div class="form-group col-md-6">
4729                    
4730                    
4731                    
4732                                            <label class="form-label"
4733                               for="shippingAddressAddressCountry">
4734                            Land*
4735                        </label>
4736                    
4737                                            <select class="country-select form-select"
4738                                id="shippingAddressAddressCountry"
4739                                name="shippingAddress[countryId]"
4740                                required="required"
4741                                data-initial-country-id="">
4742                                                            <option disabled="disabled"
4743                                        value=""
4744                                        selected="selected">
4745                                    Land auswählen ...
4746                                </option>
4747                                                                                        <option                                         value="e4f57dddbd4b45c28c0012b65ca8e351"
4748                                        data-zipcode-required="1"
4749                                        data-vat-id-required=""
4750                                        data-state-required=""
4751                                        >
4752                                    Deutschland                                </option>
4753                                                            <option                                         value="ad7108457a864a9da086e6a41d031983"
4754                                        data-zipcode-required=""
4755                                        data-vat-id-required=""
4756                                        data-state-required=""
4757                                        >
4758                                    Belgien                                </option>
4759                                                            <option                                         value="d9b2910ed3e54e6ab995bc5221fdb8d6"
4760                                        data-zipcode-required=""
4761                                        data-vat-id-required=""
4762                                        data-state-required=""
4763                                        >
4764                                    Bulgarien                                </option>
4765                                                            <option                                         value="36c488041bc74fb5b7c4d12428fec66e"
4766                                        data-zipcode-required=""
4767                                        data-vat-id-required=""
4768                                        data-state-required=""
4769                                        >
4770                                    Dänemark                                </option>
4771                                                            <option                                         value="618ddfeffa664c95aafb507903092b22"
4772                                        data-zipcode-required=""
4773                                        data-vat-id-required=""
4774                                        data-state-required=""
4775                                        >
4776                                    Estland                                </option>
4777                                                            <option                                         value="bde96beeb0bf4027b93e2b6d4932b44a"
4778                                        data-zipcode-required=""
4779                                        data-vat-id-required=""
4780                                        data-state-required=""
4781                                        >
4782                                    Finnland                                </option>
4783                                                            <option                                         value="9ead963a5cc14231a18755d3f70e636b"
4784                                        data-zipcode-required=""
4785                                        data-vat-id-required=""
4786                                        data-state-required=""
4787                                        >
4788                                    Frankreich                                </option>
4789                                                            <option                                         value="4cb35e712ccf44e890d2a5250ec8d64b"
4790                                        data-zipcode-required=""
4791                                        data-vat-id-required=""
4792                                        data-state-required=""
4793                                        >
4794                                    Griechenland                                </option>
4795                                                            <option                                         value="92857a226aa145ff96c544e11b3c58ee"
4796                                        data-zipcode-required=""
4797                                        data-vat-id-required=""
4798                                        data-state-required=""
4799                                        >
4800                                    Italien                                </option>
4801                                                            <option                                         value="a1e774099c9746d1b5fb6dcf02021dc6"
4802                                        data-zipcode-required=""
4803                                        data-vat-id-required=""
4804                                        data-state-required=""
4805                                        >
4806                                    Kroatien                                </option>
4807                                                            <option                                         value="474276ea417d4bf985148abed4d3acff"
4808                                        data-zipcode-required=""
4809                                        data-vat-id-required=""
4810                                        data-state-required=""
4811                                        >
4812                                    Lettland                                </option>
4813                                                            <option                                         value="fa02ae791794457dbb87b2115bf1f978"
4814                                        data-zipcode-required=""
4815          
4815                              data-vat-id-required=""
4816                                        data-state-required=""
4817                                        >
4818                                    Litauen                                </option>
4819                                                            <option                                         value="5fad7c36ba9f433c9dfbe865abba7b7a"
4820                                        data-zipcode-required=""
4821                                        data-vat-id-required=""
4822                                        data-state-required=""
4823                                        >
4824                                    Luxemburg                                </option>
4825                                                            <option                                         value="84cc8a5a7c6047e39e3e9027ab0d5914"
4826                                        data-zipcode-required=""
4827                                        data-vat-id-required=""
4828                                        data-state-required=""
4829                                        >
4830                                    Monaco                                </option>
4831                                                            <option                                         value="7bfe2937add645a1b6bb29f067ca2035"
4832                                        data-zipcode-required=""
4833                                        data-vat-id-required=""
4834                                        data-state-required=""
4835                                        >
4836                                    Niederlande                                </option>
4837                                                            <option                                         value="8cfca4be399c445c9e7e031541789184"
4838                                        data-zipcode-required=""
4839                                        data-vat-id-required=""
4840                                        data-state-required=""
4841                                        >
4842                                    Norwegen                                </option>
4843                                                            <option                                         value="9f6e2827ba864719bb09e1be965046fc"
4844                                        data-zipcode-required=""
4845                                        data-vat-id-required=""
4846                                        data-state-required=""
4847                                        >
4848                                    Polen                                </option>
4849                                                            <option                                         value="460ca93184f442ba95246cff1db01ff8"
4850                                        data-zipcode-required=""
4851                                        data-vat-id-required=""
4852                                        data-state-required=""
4853                                        >
4854                                    Portugal                                </option>
4855                                                            <option                                         value="9c8c6316972a4c9b9d8701a12158d9d9"
4856                                        data-zipcode-required=""
4857                                        data-vat-id-required=""
4858                                        data-state-required=""
4859                                        >
4860                                    Rumänien                                </option>
4861                                                            <option                                         value="78867aa2f07441d8b34351909ee961f4"
4862                                        data-zipcode-required=""
4863                                        data-vat-id-required=""
4864                                        data-state-required=""
4865                                        >
4866                                    Schweden                                </option>
4867                                                            <option                                         value="ac0a19d053204cdf8023da01e20b2660"
4868                                        data-zipcode-required=""
4869                                        data-vat-id-required=""
4870                                        data-state-required=""
4871                                        >
4872                                    Slowakei                                </option>
4873                                                            <option                                         value="b5e6110416804785a44a32fa9d540712"
4874                                        data-zipcode-required=""
4875                                        data-vat-id-required=""
4876                                        data-state-required=""
4877                                        >
4878                                    Slowenien                                </option>
4879                                                            <option                                         value="1d73c59d77db42839d9b2b123c084c24"
4880                                        data-zipcode-required=""
4881                                        data-vat-id-required=""
4882                                        data-state-required=""
4883                                        >
4884                                    Tschechische Republik                                </option>
4885                                                            <option                                         value="87a601b27dd24d4fa14a4a39457aaf12"
4886                                        data-zipcode-required=""
4887                                        data-vat-id-required=""
4888                                        data-state-required=""
4889                                        >
4890                                    Ungarn                                </option>
4891                                                            <option                                         value="9996feead58e433287a6afda941d0888"
4892                                        data-zipcode-required=""
4893                                        data-vat-id-required=""
4894                                        data-state-required=""
4895                                        >
4896                                    Österreich                                </option>
4897                                                            <option                                         value="1240ad4e109f4fbd940e8bd28db933e6"
4898                                        data-zipcode-required=""
4899                                        data-vat-id-required=""
4900                                        data-state-required=""
4901                                        >
4902                                    Schweiz_DE                                </option>
4903                                                    </select>
4904                                    </div>
4905
4906                <div class="form-group col-md-6 d-none">
4907                    
4908                                            <label class="form-label"
4909                               for="shippingAddressAddressCountryState">
4910                            Bundesland
4911                        </label>
4912                    
4913                                            <select class="country-state-select form-select"
4914                                id="shippingAddressAddressCountryState"
4915                                name="shippingAddress[countryStateId]"
4916                                data-initial-country-state-id="">
4917                            <option value=""
4918                                    selected="selected"
4919                                    data-placeholder-option="true">
4920                                Bundesland auswählen ...
4921                            </option>
4922                        </select>
4923                    
4924                                                                                </div>
4925                    </div>
4926
4927        <div class="row g-2">
4928                                                <div class="form-group col-md-6">
4929                        
4930                                                    <label class="form-label"
4931                                   for="shippingAddressAddressPhoneNumber">
4932                                Telefonnummer
4933                            </label>
4934                        
4935                                                    <input type="text"
4936                                   class="form-control"
4937                                   id="shippingAddressAddressPhoneNumber"
4938                                   placeholder="Telefonnummer eingeben ..."
4939                                   name="shippingAddress[phoneNumber]"
4940                                   value=""
4941                                >
4942                        
4943                                                                                                </div>
4944                                    </div>
4945    
4946    
4947    </div>
4948                                                                                                                                                </div>
4949                                        
4950
4951        <button type="button"
4952                class="pickware-dhl-location-finder__select-on-map-button btn btn-outline-secondary d-none"
4953                data-bs-toggle="modal"
4954                data-bs-target=".pickware-dhl-location-finder-modal"
4955                title="Auf Karte auswählen">
4956            Auf Karte auswählen
4957        </button>
4958
4959        <div class="modal fade pickware-dhl-location-finder-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
4960            <div class="modal-dialog modal-lg" role="document">
4961                <div class="modal-content">
4962                    <div class="modal-header">
4963                        <h5 class="modal-title pickware-dhl-location-finder-modal__title">
4964                            Standortsuche
4965                        </h5>
4966                        <button type="button" class="btn-close close" data-bs-dismiss="modal" aria-label="Close"></button>
4967                    </div>
4968                    <div class="modal-body">
4969                        
4970                        
4971                    </div>
4972                </div>
4973            </div>
4974        </div>
4975    </div>
4976                                    </div>
4977                                                                                    </div>
4978                    
4979                                                            
4980    
4981                                                                                                        
4982    <div class="captcha-google-re-captcha-v3"
4983         data-google-re-captcha-v3="true"
4984         data-google-re-captcha-v3-options="{&quot;siteKey&quot;:&quot;6Lf38f8sAAAAAAMdWd_6-NAerZS3RYWNTzcQilVH&quot;}">
4985        <input
4986            type="text"
4987            class="d-none grecaptcha_v3-input"
4988            name="_grecaptcha_v3"
4989            data-skip-report-validity="true"
4990            required>
4991
4992        <div class="data-protection-information grecaptcha-protection-information">
4993            Diese Seite ist durch reCAPTCHA geschützt und es gelten die <a href="https://policies.google.com/privacy?hl=de">Datenschutzrichtlinie</a> und <a href="https://policies.google.com/terms?hl=de">Nutzungsbedingungen</a>.
4994        </div>
4995    </div>
4996                                            
4997                                                <div class="form-text privacy-notice">
4998                    <strong>Datenschutz</strong><br>
4999        
5000                                    <div class="data-protection-information">
5001                                            <label>
5002                            Ich habe die <a data-ajax-modal="true" data-url="/widgets/cms/bf4983f60b2c4379bbe10130c8ae5546" href="/widgets/cms/bf4983f60b2c4379bbe10130c8ae5546" title="Datenschutzbestimmungen">Datenschutzbestimmungen</a> zur Kenntnis genommen und die <a data-ajax-modal="true" data-url="/widgets/cms/3886dbbf2f6b441f83c88e346ad8939d" href="/widgets/cms/3886dbbf2f6b441f83c88e346ad8939d" title="AGB">AGB</a> gelesen und bin mit ihnen einverstanden.
5003                        </label>
5004                                    </div>
5005                        </div>
5006                    
5007                                            <p class="register-required-info">
5008                            Die mit einem Stern (*) markierten Felder sind Pflichtfelder.
5009                        </p>
5010                    
5011                                            <div class="register-submit d-grid col-md-6 offset-md-6">
5012                            <button type="submit"
5013                                    class="btn btn-primary btn-lg">
5014                                Weiter
5015                            </button>
5016                        </div>
5017                                    </form>
5018                    </div>
5019    </div>
5020                        </div>
5021                                    </div>
5022                    </div>
5023    
5024        </div>
5025                                </div>
5026                                            </div>
5027                
5028            </main>
5029        
5030                    <footer class="footer-main">
5031                                    
5032<div class="service">
5033    <div class="service-btn">
5034        <div class="service-svg">
5035            <svg style="height:30px;" fill="#ffffff" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g data-name="39 live chat" id="_39_live_chat"> <path d="M53.72,11.02H28.65c-3.74,0-6.78,2.5-6.78,5.57v2.39H9.73c-3.44,0-6.23,2.3-6.23,5.13V39.93c0,2.83,2.79,5.13,6.23,5.13h2.42l8.21,7.65a.977.977,0,0,0,.68.27.953.953,0,0,0,.4-.08,1.011,1.011,0,0,0,.6-.92V45.06H32.35c3.44,0,6.23-2.3,6.23-5.13V39.7h1.6v7.76a1,1,0,0,0,.61.92.881.881,0,0,0,.39.08,1.039,1.039,0,0,0,.69-.26L51,39.7h2.72c3.74,0,6.78-2.5,6.78-5.58V16.59C60.5,13.52,57.46,11.02,53.72,11.02ZM36.58,39.93c0,1.7-1.94,3.13-4.23,3.13H21.04a1,1,0,0,0-1,1v5.62l-6.82-6.35a1,1,0,0,0-.68-.27H9.73c-2.33,0-4.23-1.4-4.23-3.13V24.11c0-1.72,1.9-3.13,4.23-3.13H21.87V34.12c0,3.08,3.04,5.58,6.78,5.58h7.93ZM58.5,34.12c0,1.97-2.15,3.58-4.78,3.58H50.6a1.014,1.014,0,0,0-.68.26l-7.74,7.21V38.7a.99.99,0,0,0-1-1H28.65c-2.63,0-4.78-1.61-4.78-3.58V16.59c0-1.97,2.15-3.57,4.78-3.57H53.72c2.63,0,4.78,1.6,4.78,3.57Z"></path> <path d="M31.11,21.44a3.745,3.745,0,1,0,3.75,3.75A3.751,3.751,0,0,0,31.11,21.44Zm0,5.49a1.745,1.745,0,1,1,1.75-1.74A1.75,1.75,0,0,1,31.11,26.93Z"></path> <path d="M41.18,21.44a3.745,3.745,0,1,0,3.75,3.75A3.749,3.749,0,0,0,41.18,21.44Zm0,5.49a1.745,1.745,0,1,1,1.75-1.74A1.741,1.741,0,0,1,41.18,26.93Z"></path> <path d="M51.26,21.44a3.745,3.745,0,1,0,3.75,3.75A3.751,3.751,0,0,0,51.26,21.44Zm0,5.49a1.745,1.745,0,1,1,1.75-1.74A1.743,1.743,0,0,1,51.26,26.93Z"></path> </g> </g></svg>
5036            <span style="margin-left:3px;">Support</span>
5037        </div>
5038    </div>
5039    <div class="service-container">
5040        <div class="rawa-header" style="height: 179px">
5041            <div id="rawa-close">
5042                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z"></path></svg>
5043            </div>
5044            <div class="rawa-greeting">
5045                <h2 class="rawa-title">Skitreff Support</h2>
5046                <div class="rawa-description">Hast Du eine Frage zu einem Produkt / Deiner Bestellung ?</div>
5047                <div class="rawa-note">Unser Team kümmert sich sofort um Dich</div>
5048            </div>
5049        </div>
5050        <div class="rawa-body">
5051            <a class="push" href="mailto:[email protected]?subject=Frage an Skitreff Experten (www.skitreff.de Support)">
5052                    <div class="rawa-button--email">
5053                                <span class="icon icon-novum-icons icon-novum-icons-novum-mail-open">
5054                        <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5055<path d="M4 19L9 14M20 19L15 14M3.02832 10L10.2246 14.8166C10.8661 15.2443 11.1869 15.4581 11.5336 15.5412C11.8399 15.6146 12.1593 15.6146 12.4657 15.5412C12.8124 15.4581 13.1332 15.2443 13.7747 14.8166L20.971 10M10.2981 4.06879L4.49814 7.71127C3.95121 8.05474 3.67775 8.22648 3.4794 8.45864C3.30385 8.66412 3.17176 8.90305 3.09111 9.161C3 9.45244 3 9.77535 3 10.4212V16.8C3 17.9201 3 18.4802 3.21799 18.908C3.40973 19.2843 3.71569 19.5903 4.09202 19.782C4.51984 20 5.0799 20 6.2 20H17.8C18.9201 20 19.4802 20 19.908 19.782C20.2843 19.5903 20.5903 19.2843 20.782 18.908C21 18.4802 21 17.9201 21 16.8V10.4212C21 9.77535 21 9.45244 20.9089 9.161C20.8282 8.90305 20.6962 8.66412 20.5206 8.45864C20.3223 8.22648 20.0488 8.05474 19.5019 7.71127L13.7019 4.06879C13.0846 3.68116 12.776 3.48735 12.4449 3.4118C12.152 3.34499 11.848 3.34499 11.5551 3.4118C11.224 3.48735 10.9154 3.68116 10.2981 4.06879Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5056</svg>
5057        </span>
5058                        </div>
5059                            <div class="rawa-profile">
5060                                <div class="rawa-name">E-Mail</div>
5061                            </div>
5062            </a>
5063            <a class="push" href="tel:+4973379248380">
5064                <div class="rawa-button--email">
5065                            <span class="icon icon-novum-icons icon-novum-icons-novum-phone">
5066                        <svg width="800px" height="800px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" stroke-width="3" stroke="#000000" fill="none"><rect x="18.57" y="7.27" width="27.34" height="51.86" rx="3.07"/><line x1="27.25" y1="11.54" x2="33.33" y2="11.54" stroke-linecap="round"/><line x1="30.72" y1="54.67" x2="33.76" y2="54.67" stroke-linecap="round"/><line x1="37.92" y1="11.54" x2="38.42" y2="11.54" stroke-linecap="round"/><line x1="18.57" y1="50.56" x2="45.91" y2="50.56"/><line x1="18.57" y1="15.95" x2="45.91" y2="15.95"/></svg>
5067        </span>
5068                                </div>
5069                            <div class="rawa-profile">
5070                                    <div class="rawa-name">Anrufen<br>
5071                        <span class="rawa-label">Täglich von 14:00 bis 17:00 Uhr</span></div>
5072                            </div>
5073            </a>
5074        <a class="push" href= "/kontakt/">
5075                    <div class="rawa-button--email">
5076                        <svg fill="#000000" height="28px" width="28px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 511 511" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M415.5,32h-80.001c-0.089,0-0.175,0.01-0.262,0.013C328.033,22.305,316.49,16,303.5,16h-20.68 c-5.521-9.749-15.921-16-27.32-16s-21.799,6.251-27.32,16H207.5c-12.99,0-24.533,6.305-31.736,16.013 C175.675,32.01,175.589,32,175.5,32h-80C73.72,32,56,49.72,56,71.5v400c0,21.78,17.72,39.5,39.5,39.5h320 c21.78,0,39.5-17.72,39.5-39.5v-400C455,49.72,437.28,32,415.5,32z M183,55.5c0-13.509,10.991-24.5,24.5-24.5h25.47 c3.174,0,6.004-1.998,7.067-4.988C242.378,19.426,248.592,15,255.5,15s13.122,4.426,15.463,11.012 c1.063,2.99,3.893,4.988,7.067,4.988h25.47c13.509,0,24.5,10.991,24.5,24.5V80H183V55.5z M440,471.5 c0,13.509-10.991,24.5-24.5,24.5h-320C81.991,496,71,485.009,71,471.5v-400C71,57.991,81.991,47,95.5,47h73.431 c-0.604,2.74-0.931,5.582-0.931,8.5v32c0,4.142,3.358,7.5,7.5,7.5h160c4.142,0,7.5-3.358,7.5-7.5v-32c0-2.918-0.328-5.76-0.931-8.5 H415.5c13.509,0,24.5,10.991,24.5,24.5V471.5z"></path> <path d="M415.5,64h-48c-4.142,0-7.5,3.358-7.5,7.5s3.358,7.5,7.5,7.5H408v281h-80.5c-12.958,0-23.5,10.542-23.5,23.5v47.999 c0,4.143,3.358,7.5,7.5,7.5s
50767.5-3.357,7.5-7.5V383.5c0-4.687,3.813-8.5,8.5-8.5h69.894l-89,89H103V79h40.5 c4.142,0,7.5-3.358,7.5-7.5s-3.358-7.5-7.5-7.5h-48c-4.142,0-7.5,3.358-7.5,7.5v400c0,4.142,3.358,7.5,7.5,7.5h216.001 c0.009,0,0.017-0.001,0.025-0.001c0.238-0.001,0.475-0.013,0.712-0.036c0.12-0.012,0.236-0.034,0.354-0.051 c0.123-0.018,0.247-0.032,0.37-0.057c0.135-0.026,0.265-0.063,0.397-0.097c0.104-0.027,0.209-0.049,0.313-0.08 c0.133-0.04,0.261-0.089,0.391-0.137c0.1-0.036,0.202-0.069,0.301-0.11c0.126-0.052,0.247-0.113,0.369-0.171 c0.099-0.047,0.198-0.09,0.295-0.142c0.124-0.066,0.242-0.141,0.362-0.214c0.089-0.054,0.18-0.104,0.267-0.162 c0.145-0.096,0.282-0.202,0.419-0.308c0.056-0.043,0.115-0.082,0.17-0.127c0.2-0.164,0.392-0.337,0.574-0.521l103.983-103.983 c0.012-0.012,0.021-0.027,0.033-0.039c0.219-0.222,0.419-0.46,0.609-0.708c0.052-0.068,0.104-0.136,0.154-0.205 c0.187-0.261,0.361-0.531,0.513-0.815c0.016-0.03,0.029-0.062,0.044-0.092c0.137-0.265,0.256-0.54,0.362-0.822 c0.024-0.065,0.049-0.13,0.072-0.197c0.106-0.31,0.197-0.626,0.262-0.952c0.003-0.017,0.005-0.034,0.008-0.051 c0.057-0.296,0.092-0.6,0.113-0.908c0.006-0.089,0.01-0.177,0.013-0.267c0.003-0.083,0.013-0.165,0.013-0.249V71.5 C423,67.358,419.642,64,415.5,64z"></path> <path d="M255.5,32c-1.97,0-3.91,0.8-5.3,2.2c-1.4,1.39-2.2,3.33-2.2,5.3c0,1.98,0.8,3.91,2.2,5.3c1.39,1.4,3.33,2.2,5.3,2.2 c1.97,0,3.91-0.8,5.3-2.2c1.4-1.39,2.2-3.33,2.2-5.3s-0.8-3.91-2.2-5.3C259.41,32.8,257.47,32,255.5,32z"></path> <path d="M287.5,151h80c4.142,0,7.5-3.358,7.5-7.5s-3.358-7.5-7.5-7.5h-80c-4.142,0-7.5,3.358-7.5,7.5S283.358,151,287.5,151z"></path> <path d="M263.5,183h104c4.142,0,7.5-3.358,7.5-7.5s-3.358-7.5-7.5-7.5h-104c-4.142,0-7.5,3.358-7.5,7.5S259.358,183,263.5,183z"></path> <path d="M367.5,200h-80c-4.142,0-7.5,3.358-7.5,7.5s3.358,7.5,7.5,7.5h80c4.142,0,7.5-3.358,7.5-7.5S371.642,200,367.5,200z"></path> <path d="M367.5,232h-224c-4.142,0-7.5,3.358-7.5,7.5s3.358,7.5,7.5,7.5h224c4.142,0,7.5-3.358,7.5-7.5S371.642,232,367.5,232z"></path> <path d="M367.5,264h-224c-4.142,0-7.5,3.358-7.5,7.5s3.358,7.5,7.5,7.5h224c4.142,0,7.5-3.358,7.5-7.5S371.642,264,367.5,264z"></path> <path d="M367.5,296h-224c-4.142,0-7.5,3.358-7.5,7.5s3.358,7.5,7.5,7.5h224c4.142,0,7.5-3.358,7.5-7.5S371.642,296,367.5,296z"></path> <path d="M375,335.5c0-4.142-3.358-7.5-7.5-7.5h-224c-4.142,0-7.5,3.358-7.5,7.5s3.358,7.5,7.5,7.5h224 C371.642,343,375,339.642,375,335.5z"></path>
5076 <path d="M279.5,360h-64c-4.142,0-7.5,3.358-7.5,7.5s3.358,7.5,7.5,7.5h64c4.142,0,7.5-3.358,7.5-7.5S283.642,360,279.5,360z"></path> <path d="M279.5,392h-32c-4.142,0-7.5,3.358-7.5,7.5s3.358,7.5,7.5,7.5h32c4.142,0,7.5-3.358,7.5-7.5S283.642,392,279.5,392z"></path> <path d="M136,167.5c0,4.142,3.358,7.5,7.5,7.5H176v32.5c0,4.142,3.358,7.5,7.5,7.5s7.5-3.358,7.5-7.5V175h32.5 c4.142,0,7.5-3.358,7.5-7.5s-3.358-7.5-7.5-7.5H191v-32.5c0-4.142-3.358-7.5-7.5-7.5s-7.5,3.358-7.5,7.5V160h-32.5 C139.358,160,136,163.358,136,167.5z"></path> </g> </g></svg>
5077                    </div>
5078                            <div class="rawa-profile">
5079                                <div class="rawa-name">Kontakt Forumular</div>
5080                            </div>
5081            </a>
5082            <a class="push" href="#">
5083            <div class="rawa-button--email faq">
5084                                <span class="icon icon-novum-icons icon-novum-icons-novum-faq">
5085                        <svg fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12,1A11,11,0,1,0,23,12,11.013,11.013,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9.011,9.011,0,0,1,12,21Zm1-4.5v2H11v-2Zm3-7a3.984,3.984,0,0,1-1.5,3.122A3.862,3.862,0,0,0,13.063,15H11.031a5.813,5.813,0,0,1,2.219-3.936A2,2,0,0,0,13.1,7.832a2.057,2.057,0,0,0-2-.14A1.939,1.939,0,0,0,10,9.5,1,1,0,0,1,8,9.5V9.5a3.909,3.909,0,0,1,2.319-3.647,4.061,4.061,0,0,1,3.889.315A4,4,0,0,1,16,9.5Z"/></svg>
5086        </span>
5087                </div>
5088                        <div class="rawa-profile">
5089                                <div class="rawa-name">Häufige Fragen & Antworten</div>
5090                        </div>
5091            </a>
5092        </div>
5093    </div>
5094</div>
5095
5096<div id="nv-discount-pill-wrapper">
5097  <button type="button"
5098          class="nv-vertical-pill"
5099          data-bs-toggle="modal"
5100          data-bs-target="#novumNewsletterModal"
5101          aria-label="Rabatt – Newsletter öffnen">
5102    <span class="nv-pill-inner">
5103      <span class="nv-badge">NEU</span>
5104      <span class="nv-icon-row" aria-hidden="true">
5105        <span class="nv-sep"></span>
5106        <span class="nv-gift">🎁</span>
5107        <span class="nv-sep"></span>
5108      </span>
5109      <span class="nv-vertical-text">5€ RABATT*</span>
5110    </span>
5111  </button>
5112
5113  <div class="modal fade" id="novumNewsletterModal" tabindex="-1"
5114       aria-labelledby="novumNewsletterModalLabel" aria-hidden="true" data-bs-backdrop="false">
5115    <div class="modal-dialog modal-xl modal-dialog-centered">
5116      <div class="modal-content">
5117        <div class="modal-header">
5118          <h3 class="modal-title visually-hidden" id="novumNewsletterModalLabel">Newsletter</h3>
5119          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
5120        </div>
5121        <div class="modal-body p-0" style="position:relative;">
5122          <iframe id="novumNewsletterFrame"
5123                  src="https://www.skitreff.de/novum-newsletter-voucher-system/embed/form.html?shop=sportsonline_de"
5124                  title="Newsletter-Anmeldung"
5125                  class="w-100 border-0"
5126                  loading="lazy"
5127                  style="min-height:720px; display:block; background:#fff;"></iframe>
5128        </div>
5129      </div>
5130    </div>
5131  </div>
5132</div>
5133
5134<style>
5135  :root{
5136    --nv-c1: #73d327; --nv-c2: #a4e86a;
5137    --nv-pill-text: #0b0b0b;
5138    --nv-pill-shadow: 0 12px 28px rgba(0,0,0,.18);
5139    --nv-pill-shadow-hover: 0 16px 32px rgba(0,0,0,.24);
5140    --nv-white: #fff;
5141  }
5142  #nv-discount-pill-wrapper .nv-vertical-pill{
5143    position: fixed; left: auto !important; top: 50%;
5144    transform: translateY(-50%); z-index: 1040;
5145    display: inline-flex; align-items: center; justify-content: center;
5146    width: 56px; height: 220px; padding: 0; border: none; border-radius: 999px;
5147    background: linear-gradient(180deg, var(--nv-c1), var(--nv-c2));
5148    box-shadow: var(--nv-pill-shadow);
5149    cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
5150  }
5151  #nv-discount-pill-wrapper .nv-vertical-pill:hover{
5152    transform: translateY(-50%) translateX(-1px);
5153    box-shadow: var(--nv-pill-shadow-hover);
5153 filter: saturate(1.03);
5154  }
5155  #nv-discount-pill-wrapper .nv-vertical-pill:focus-visible{
5156    outline: 3px solid rgba(115,211,39,.30); outline-offset: 2px;
5157  }
5158  #nv-discount-pill-wrapper .nv-pill-inner{
5159    display: flex; flex-direction: column; align-items: center;
5160    gap: 10px; width: 100%; height: 100%; padding: 12px 8px; box-sizing: border-box;
5161  }
5162  #nv-discount-pill-wrapper .nv-badge{
5163    display: inline-flex; align-items: center; justify-content: center;
5164    padding: 4px 9px; border-radius: 999px; font-weight: 800; font-size: 10px;
5165    letter-spacing: .3px; color: var(--nv-white); background: rgba(255,255,255,.18);
5166    box-shadow: inset 0 0 0 1px rgba(255,255,255,.45); user-select: none;
5167  }
5168  #nv-discount-pill-wrapper .nv-icon-row{
5169    display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 6px 0;
5170  }
5171  #nv-discount-pill-wrapper .nv-sep{
5172    width: 3px; height: 28px; background: rgba(255,255,255,.9);
5173    border-radius: 2px; box-shadow: 0 0 6px rgba(255,255,255,.65);
5174  }
5175  #nv-discount-pill-wrapper .nv-gift{ font-size: 22px; line-height: 1; filter: drop-shadow(0 2px 4px rgba(0,0,0,.15)); }
5176  #nv-discount-pill-wrapper .nv-vertical-text{
5177    writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(180deg);
5178    color: var(--nv-pill-text); font-weight: 800; font-size: 14px; letter-spacing: .6px;
5179    line-height: 1; white-space: nowrap; user-select: none;
5180    background: rgba(255,255,255,.25); padding: 6px 4px; border-radius: 6px;
5181    box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);
5182  }
5183  @media (max-width: 576px){
5184    #nv-discount-pill-wrapper .nv-vertical-pill{ width: 52px; height: 200px; }
5185    #nv-discount-pill-wrapper .nv-gift{ font-size: 20px; }
5186    #nv-discount-pill-wrapper .nv-vertical-text{ font-size: 12px; }
5187    #nv-discount-pill-wrapper .nv-sep{ height: 24px; }
5188  }
5189  @media (prefers-color-scheme: dark){
5190    #nv-discount-pill-wrapper .nv-vertical-text{ color: #101010; background: rgba(255,255,255,.3); }
5191  }
5192</style>
5193
5194<script>
5195(function () {
5196  const MODAL_ID = 'novumNewsletterModal';
5197  const FRAME_ID = 'novumNewsletterFrame';
5198  const ALLOWED_ORIGINS = ['https://www.skitreff.de', 'https://skitreff.de'];
5199  let closeTimer = null;
5200  window.addEventListener('message', function (event) {
5201    if (!ALLOWED_ORIGINS.includes(event.origin)) return;
5202    const data = event.data || {};
5203    if (data.type === 'nv-newsletter-height') {
5204      const frame = document.getElementById(FRAME_ID);
5205      if (frame) frame.style.height = Math.max(720, Number(data.height) || 0) + 'px';
5206    }
5207    if (data.type === 'nv-newsletter-success') {
5208      const modalEl = document.getElementById(MODAL_ID);
5209      if (!modalEl) return;
5210      if (closeTimer) clearTimeout(closeTimer);
5211      closeTimer = setTimeout(() => {
5212        if (window.bootstrap && window.bootstrap.Modal) {
5213          window.bootstrap.Modal.getOrCreateInstance(modalEl).hide();
5214        } else {
5215          modalEl.classList.remove('show'); modalEl.style.display = 'none';
5216          document.body.classList.remove('modal-open');
5217          document.querySelectorAll('.modal-backdrop').forEach(el => el.remove());
5218        }
5219      }, 5000);
5220    }
5221  });
5222})();
5223</script>
5223
5224
5225
5226    <div class="container container-inner">
5227        <div class="footer__top">
5228            <div class="footer__content">
5229                <h3 class="footer__content-title title">
5230                    <div class="link-pay">Kundenservice</div>
5231                </h3>
5232                <ul class="footer__menu-list">
5233                    <li class="footer__content-item">
5234                        <a class="link-to-page" href="/versandkosten/">Versandkosten</a>
5235                    </li>
5236                    <li class="footer__content-item">
5237                        <a class="link-to-page" href="/kontakt/">Kontakt</a>
5238                    </li>
5239                    <li class="footer__content-item">
5240                        <a class="link-to-page" href="/reklamation/">Reklamation</a>
5241                    </li>
5242                    <li class="footer__content-item">
5243                        <a class="link-to-page" href="/ruecksendung/">Rücksendung</a>
5244                    </li>
5245                </ul>
5246                <div style="text-align:left !important;margin-top: 3px;" class="novum-withdrawal-footer">
5247                    <button type="button"
5248                            class="btn btn-link novum-withdrawal-footer-button"
5249                            data-bs-toggle="modal"
5250                            data-bs-target="#novumWithdrawalModal">
5251                        Widerruf
5252                    </button>
5253                </div>
5254            </div>
5255
5256            <div class="footer__menu">
5257                <h3 class="footer__content-title title">
5258                    <div class="link-pay">ÜBER SKITREFF / SPORTSONLINE</div>
5259                </h3>
5260                <ul class="footer__menu-list">
5261                    <li class="footer__menu-item">
5262                        <a class="link-to-page" href="/ueber-uns/">Über SportsOnline</a>
5263                    </li>
5264                    <li class="footer__menu-item">
5265                        <a class="link-to-page" href="/gutscheine-rabatte-aktionen">SportsOnline Gutscheine & Deals</a>
5266                    </li>
5267                </ul>
5268            </div>
5269
5270            <div class="footer__contacts">
5271                <h3 class="footer__content-title title">
5272                    <div class="link-pay">Kontakt</div>
5273                </h3>
5274                <ul class="footer__contacts-list">
5275                    <div>
5276                        <li class="footer__contacts-item footer__contacts-item--placeholder">
5277                            <a href="https://www.google.de/maps/place/Skitreff+GmbH/@48.5461669,9.7992545,17z/data=!4m5!3m4!1s0x47997421e96df67b:0x6a413e3514a406c2!8m2!3d48.5461669!4d9.8014432">Oppinger Grund 13, 89191 Nellingen</a>
5278                        </li>
5279                        <li class="footer__contacts-item footer__contacts-item--phone">
5280                            <a href="tel:+4973379248380" target="_blank" rel="noreferrer" title="Skitreff anrufen">Telefon: +49 7337 924838-0</a>
5281                        </li>
5282                    </div>
5283                    <div>
5284                        <li class="footer__contacts-item footer__contacts-item--email">
5285                            <a href="mailto:[email protected]?subject=Allgemeine Frage an unseren Sport Experten" target="_blank" rel="noreferrer" title="Frage an unseren Sport Exprten">[email protected]</a>
5286                        </li>
5287                    </div>
5288                </ul>
5289            </div>
5290        </div>
5291
5292        <div class="footer__middle">
5293            <div class="first-column">
5294                <h3 class="footer__content-title title">
5295                    <div class="link-pay">Zahlungsarten</div>
5296                </h3>
5297                <div class="payment__logo">
5298                    <div class="footer-payment column--content js--collapse-target">
5299                        <div class="footer-icons payment-icons">
5300                            <div class="icon icon--payment-swagpaymentpaypalunified"></div>
5301                            <div class="icon icon--payment-stripe_payment_card-visa"></div>
5302                            <div class="icon icon--payment-amazon_pay"></div>
5303                            <div class="icon icon--payment-prepayment">Vorkasse</div>
5304                            <div class="icon icon--payment-stripe_payment_card-mastercard"></div>
5305                            <div class="icon icon--payment-bestit_klarna_payments_pay_later">Kauf auf Rechnung</div>
5306                            <div class="icon icon--payment-swagpaymentpaypalunifiedp24"></div>
5307                            <div class="icon icon--payment-swagpaymentpaypalunifiedsepa"></div>
5308                            <div class="icon icon--payment-bestit_klarna_payments_direct_bank_transfer"></div>
5309                            <div class="icon icon--payment-bestit_klarna_payments_pay_later">click & collect</div>
5310                        </div>
5311                    </div>
5312                </div>
5313            </div>
5314
5315            <div class="footer-column two-column">
5316                <h3 class="footer__content-title title">
5317                    <div class="link-pay">Partner</div>
5318                </h3>
5319                <div class="partner__logo">
5320                    <a href="https://geizhals.at/" title="geizhals-logo-sportsonline-de" target="_blank">
5321                        <div class="footer-icons">
5322                            <span class="icon icon--partner-geizhals"></span>
5323                        </div>
5324                        <a style="margin-top:-5px;" href="https://www.idealo.de/preisvergleich/Shop/327024.html">
5325                            <img style="filter:gray;-webkit-filter: grayscale(1);filter: grayscale(1);"
5326                                src="https://img.idealo.com/folder/Shop/316/6/316627/s1_idealo-partner.png"
5327                                alt="sportsonline idealo partner" />
5328                        </a>
5329                    </a>
5330                </div>
5331            </div>
5332
5333            <div class="footer-column three-column">
5334                <h3 class="footer__content-title title">
5335                    <div class="link-pay">SportsOnline in Nellingen</div>
5336                </h3>
5337                <div style="margin-top:20px;">
5338                    <span class="icon icon-shop" style="weight:18px;margin-right:10px;">        <span class="icon icon-shop">
5339                        <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="M8 22h3v-7H8v7zm8 0v-7h-3v7h3zM3 10.584V22h3v-7c0-1.1046.8954-2 2-2h8c1.1046 0 2 .8954 2 2v7h3V10.584A4.9831 4.9831 0 0 1 19 11c-1.3627 0-2.5981-.5452-3.5-1.4293C14.5981 10.4548 13.3627 11 12 11c-1.3627 0-2.5981-.5452-3.5-1.4293C7.5981 10.4548 6.3627 11 5 11a4.9831 4.9831 0 0 1-2-.416zM1 9.0005A4.9779 4.9779 0 0 1 0 6V4.4142A3 3 0 0 1 .8787 2.293L2.2929.8787A3 3 0 0 1 4.4142 0h15.1716a3 3 0 0 1 2.1213.8787l1.4142 1.4142A3 3 0 0 1 24 4.4142V6a4.9779 4.9779 0 0 1-1 3.0005V22c0 1.1046-.8954 2-2 2H3c-1.1046 0-2-.8954-2-2V9.0005zM15 6a.5.5 0 1 1 1 0c0 1.6569 1.3431 3 3 3s3-1.3431 3-3V4.4142a1 1 0 0 0-.2929-.707L20.293 2.2928A1 1 0 0 0 19.5858 2H4.4142a1 1 0 0 0-.707.2929L2.2928 3.707A1 1 0 0 0 2 4.4142V6c0 1.6569 
53391.3431 3 3 3s3-1.3431 3-3a.5.5 0 0 1 1 0c0 1.6569 1.3431 3 3 3s3-1.3431 3-3z" id="icons-default-shop" /></defs><use xlink:href="#icons-default-shop" fill="#758CA3" fill-rule="evenodd" /></svg>
5340        </span>
5341    </span>
5342                    Der stationäre Verkauf ist derzeit leider nicht möglich. Click & Collect bleibt jedoch verfügbar.
5343                    <br><br>
5344                </div>
5345            </div>
5346        </div>
5347
5348                    <div class="footer_top-kategorie">
5349                <h3 class="footer__content-title title">
5350                    <div class="link-pay">Top-Kategorien</div>
5351                </h3>
5352                <div id="footerColumns" class="row footer-columns" data-collapse-footer="true">
5353                    <div class="footer-container">
5354                        <ul class="list-unstyled">
5355                            <li class="footer-link-item">
5356                                <a class="footer-link" href="/bekleidung/outdoor-bekleidung/" title="Outdoor Bekleidung - online kaufen | sportsonline.de">Outdoor Bekleidung</a>
5357                            </li>
5358                            <li class="footer-link-item">
5359                                <a class="footer-link" href="/schuhe/wanderschuhe/" title="Wanderschuhe - online günstig kaufen | sportsonline.de">Wanderschuhe</a>
5360                            </li>
5361                            <li class="footer-link-item">
5362                                <a class="footer-link" href="/bekleidung/fahrrad-bekleidung/" title="Fahrrad Bekleidung - günstig bestellen | sportsonline.de">Fahrrad Bekleidung</a>
5363                            </li>
5364                            <li class="footer-link-item">
5365                                <a class="footer-link" href="/camping/schlafsaecke-decken/" title="Schlafsäcke - günstig bestellen | sportsonline.de">Schlafsäcke</a>
5366                            </li>
5367                            <li class="footer-link-item">
5368                                <a class="footer-link" href="/camping/zelte/" title="Zelt kaufen online Outdoor Shop | sportsonline.de">Zelte</a>
5369                            </li>
5370                            <li class="footer-link-item">
5371                                <a class="footer-link" href="/radsport/fahrradhelme/" title="Fahrradhelme kaufen online shop | sportsonline.de">Fahrradhelme</a>
5372                            </li>
5373                            <li class="footer-link-item">
5374                                <a class="footer-link" href="/outdoor-ausruestung/stoecke/" title="Wanderstöcke günsig kaufen online | sportsonline.de">Wanderstöcke</a>
5375                            </li>
5376                            <li class="footer-link-item">
5377                                <a class="footer-link" href="/schuhe/" title="Trekkingschuhe kaufen online Shop | sportsonline.de">Trekkingschuhe</a>
5378                            </li>
5379                        </ul>
5380                    </div>
5381                </div>
5382            </div>
5383            </div>
5384
5385    <div class="container">
5386        <div class="container-inner">
5387            <div class="footer__desk">
5388                <p class="footer__desk-text">
5389                    Alle Preise inkl. gesetzl. MwSt., zzgl. Versandkosten. Die durchgestrichenen Preise entsprechen unseren ehemaligen Verkaufspreisen.
5390                </p>
5391            </div>
5392
5393            <div class="footer__links">
5394                <ul class="footer__links-items">
5395                    <li class="footer__link-item">
5396                       <a data-ajax-modal="true" data-url="/widgets/cms/3886dbbf2f6b441f83c88e346ad8939d" href="/widgets/cms/3886dbbf2f6b441f83c88e346ad8939d" rel="nofollow">AGB</a>
5397                    </li>
5398                    <li class="footer__link-item">
5399                        <a data-ajax-modal="true" data-url="/widgets/cms/bf4983f60b2c4379bbe10130c8ae5546" href="/widgets/cms/bf4983f60b2c4379bbe10130c8ae5546" rel="nofollow">Datenschutz</a>
5400                    </li>
5401                    <li class="footer__link-item">
5402                        <a data-ajax-modal="true" data-url="/widgets/cms/3867c5019bfa44a78a4ecc691d1e9d71" href="/widgets/cms/3867c5019bfa44a78a4ecc691d1e9d71" rel="nofollow">Impressum</a>
5403                    </li>
5404                    <li class="footer__link-item">
5405                        <a data-ajax-modal="true" data-url="/widgets/cms/5cbf806444954391ab016f47af864877" href="/widgets/cms/5cbf806444954391ab016f47af864877" rel="nofollow">Widerrufsrecht</a>
5406                    </li>
5407                    <li class="footer__link-item" style="border-right: 0;">
5408                        <a data-ajax-modal="true" data-url="/widgets/cms/405cb70a44bd492fb26d35ea9f262ef0" href="/widgets/cms/405cb70a44bd492fb26d35ea9f262ef0" rel="nofollow">Kontakt</a>
5409                    </li>
5410                    <li class="footer__link-item">
5411                        <div class="link-to-page">
5412                            ©  2026 SKITREFF GMBH
5413                        </div>
5414                    </li>
5415                </ul>
5416            </div>
5417        </div>
5418
5419        <div class="footer__bot">
5420                                <div class="header-logo-main">
5421                    <a class="header-logo-main-link"
5422               href="/"
5423               title="Zur Startseite gehen">
5424                                    <picture class="header-logo-picture">
5425                                                                                
5426                                                                            
5427                                                                                    <img src="https://www.sportsonline.de/media/90/a7/20/1707354491/sportsonline-logo.svg"
5428                                     alt="Zur Startseite gehen"
5429                                     class="img-fluid header-logo-main-img">
5430                                                                        </picture>
5431                            </a>
5432            </div>
5433                    </div>
5434    </div>
5435
5436    <!-- Modal buttons top-bar for theme Skitreff-->
5437    <div class="modal fade" id="kostenloseModal" tabindex="-1" role="dialog" aria-labelledby="kostenloseModalLabel" aria-hidden="true">
5438        <div class="modal-dialog" role="document">
5439            <div class="modal-content">
5440                <div class="modal-header">
5441                    <h5 class="modal-title" id="kostenloseeModalLabel">Kostenlose Versand im Outdoor Store</h5>
5442                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
5443                </div>
5444                <div class="modal-body">
5445                    <p><p style="text-align:center;"><strong>Unsere Skisport Begeisterten Kunden freuen sich über unsere Versandkosten, den hier können Sie richtig sparen.</strong></p> <p style="text-align:center;"> </p> <p style="text-align:center;">Bereits <span style="text-decoration:underline;">ab 100 €</span> berechnen wir innerhalb Deutschland <span style="text-decoration:underline;">keine Versandkosten</span>.</p> <p style="text-align:center;">(Außer Sperrgut)</p><p style="text-align:center;"> </p> <p style="text-align:center;">So macht Skisport Online Shopping richtig Spaß!</p></p>
5446                </div>
5447            </div>
5448        </div>
5449    </div>
5450
5451    <div class="modal fade" id="rechnungskauf" tabindex="-1" role="dialog" aria-labelledby="rechnungskaufModalLabel" aria-hidden="true">
5452        <div class="modal-dialog" role="document">
5453            <div class="modal-content">
5454                <div class="modal-header">
5455                    <h5 class="modal-title" id="rechnungskaufModalLabel">Rechnungskauf im Freizeit Sport Store</h5>
5456                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
5457                </div>
5458                <div class="modal-body">
5459                    <p><p style="text-align:center;">Du kannst in unserem Outdoor Online Shop bequem per <span style="text-decoration:underline;">Rechnung</span> einkaufen.</p> <p style="text-align:center;"> </p> <p style="text-align:center;">Der <span style="text-decoration:underline;">Rechnungskauf</span> wird durch unseren Partner <span style="text-decoration:underline;">PayPal</span> abgewickelt.</p> <p style="text-align:center;"> </p> <p style="text-align:center;">Beim Kauf auf Rechnung musst du nur die Artikel bezahlen, die Du auch behalten willst und daher nicht retounierst.</p> <p style="text-align:center;"> </p> <p style="text-align:center;"><span style="text-decoration:underline;">Das Zahlungsziel beim Kauf auf Rechnung ist 10 Tage</span></p> <p style="text-align:center;"> </p></p>
5460                </div>
5461            </div>
5462        </div>
5463    </div>
5464
5465    <style>
5466    /* Nur Styles für das Modal im Footer */
5467    #SaleAktion .modal-dialog { max-width: 500px; margin: auto; }
5468    #SaleAktion .modal-content { border-radius: 15px; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); text-align: center; }
5469    #SaleAktion .modal-header { justify-content: center; background: linear-gradient(90deg, #ff0000, #ff4444); color: #fff; border-bottom: none; padding: 20px; }
5470    #SaleAktion .modal-title { font-weight: bold; font-size: 1.8rem; margin: 0 auto; }
5471    #SaleAktion .modal-body { text-align: center; font-size: 1.2rem; line-height: 1.5; padding: 40px 20px; background-color: #f9f9f9; color: #333; }
5472    #SaleAktion .modal-footer { justify-content: center; border-top: none; padding: 20px; background-color: #f2f2f2; }
5473    #SaleAktion .modal-footer .btn { background-color: #d7263d; color: #fff; font-weight: bold; border-radius: 25px; padding: 10px 20px; text-transform: uppercase; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); transition: background-color 0.3s ease; }
5474    #SaleAktion .modal-footer .btn:hover { background-color: #ff4444; }
5475    .modal-backdrop { z-index: 1050; }
5476    .modal { z-index: 1100; }
5477    @media (max-width: 768px) {
5478        #SaleAktion .modal-dialog { max-width: 90%; margin: 20px; }
5479        #SaleAktion .modal-body { padding: 20px; }
5480        #SaleAktion .modal-footer .btn { width: 100%; margin-top: 10px; }
5481    }
5482    </style>
5483
5484    <!-- Das Modal für die Aktion im Footer -->
5485    <div class="modal fade" id="SaleAktion" tabindex="-1" aria-labelledby="SaleAktionLabel" aria-hidden="true">
5486        <div class="modal-dialog modal-dialog-centered">
5487            <div class="modal-content">
5488                <div class="modal-header" style="background-color: #000;">
5489                    <h5 class="modal-title" id="SaleAktionLabel" style="color: #fff;">🎄 RED X-MAS DEALS 🔥</h5>
5490                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
5491                </div>
5492                <div class="modal-body" style="background-color: #f9f9f9;">
5493                    <p style="font-size: 1.8rem; font-weight: bold; color: #d7263d; text-transform: uppercase; margin-bottom: 20px;">Bis zu 14% ON TOP</p>
5494                    <ul style="font-size: 1.2rem; color: #333; line-height: 1.8; list-style: none; padding: 0;">
5495                        <li style="margin-bottom: 10px;"><span style="font-weight: bold; color: #d7263d;">10% RED X-MAS DEALS</span> – Wird automatisch an der Kasse abgezogen.</li>
5496                        <li style="margin-bottom: 10px;"><span style="font-weight: bold; color: #d7263d;">2% Kundenrabatt</span> – Erstelle jetzt dein Kundenkonto und profitiere.</li>
5497                        <li><span style="font-weight: bold; color: #d7263d;">2% Vorkassenrabatt</span> 💳 – Sichere dir den Vorteil bei Zahlung per Vorkasse.</li>
5498                    </ul>
5499                    <p style="font-size: 1.2rem; color: #555; line-height: 1.6; margin-top: 20px;">Diese Rabatte gelten für <span style="font-weight: bold; color: #d7263d;">Online-Bestellungen</span> und sind nicht mit weiteren Aktionen kombinierbar.</p>
5500                </div>
5501                <div class="modal-footer" style="background-color: #000;">
5502                    <button type="button" class="btn btn-secondary mx-auto" data-bs-dismiss="modal">Schließen</button>
5503                </div>
5504            </div>
5505        </div>
5506    </div>
5507
5508    <div class="modal fade" id="uberModal" tabindex="-1" role="dialog" aria-labelledby="uberModalLabel" aria-hidden="true">
5509        <div class="modal-dialog" role="document">
5510            <div class="modal-content">
5511                <div class="modal-header">
5512                    <h5 class="modal-title" id="uberModalLabel">25 Jahre Sport Geschäft in Nellingen</h5>
5513                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
5514                </div>
5515                <div class="modal-body">
5516                    <p><p style="text-align:center;">Seit einem Vierteljahrhundert sind wir die führende Adresse für Ski- und Bergsportbegeisterte im Online-Bereich.</p>  <p style="text-align:center;">
5516Unser Ski Online Shop bietet eine breite Auswahl an Winter- und Skisportartikeln von renommierten Herstellern.</p>  <p style="text-align:center;">Und wenn du persönlich vorbeikommst, profitierst du von unserem umfangreichen Sortiment in unserem:</p>  <p style="text-align:center;"> </p>  <p style="text-align:center;"><span style="font-size:20px;"><a href="https://www.google.com/maps/place/Skitreff+GmbH/@48.5461669,9.8014432,15z/data=!4m5!3m4!1s0x0:0x6a413e3514a406c2!8m2!3d48.5461669!4d9.8014432" title="Sport Ladengeschäft in Nellingen">Ski &amp; Sportgeschäft in Nellingen</a>.</span></p>  <p style="text-align:center;"> </p>  <p style="text-align:center;">Entdecke auch unseren Outdoor Online Shop unter:</p>  <p style="text-align:center;"> </p>  <p style="text-align:center;"><span style="font-size:20px;"><a href="https://www.sportsonline.de" title="Outdoor Online Store"><span style="color:#2ecc71;">www.sportsonline.de</span></a></span></p><p style="text-align:center;"> </p></p>
5517                </div>
5518            </div>
5519        </div>
5520    </div>
5521
5522    <div class="modal fade" id="telefonischeModal" tabindex="-1" role="dialog" aria-labelledby="telefonischeModalLabel" aria-hidden="true">
5523        <div class="modal-dialog" role="document">
5524            <div class="modal-content">
5525                <div class="modal-header">
5526                    <h5 class="modal-title" id="telefonischeModalLabel">Ski Online Shop Experten Beratung</h5>
5527                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
5528                </div>
5529                <div class="modal-body">
5530                    <p><p style="text-align:center;">Unsere Kunden profitieren von unserem <strong>Wintersport</strong> Expertenwissen sowohl Online in unserem <strong><u>Ski Online Shop</u></strong> als auch Vor Ort in unserem Ski &amp; Outdoor Sport Geschäft in Nellingen.</p>  <p style="text-align:center;"> </p>  <p style="text-align:center;">Ob am Telefon oder per Email, wir geben unser Know How in <strong> Sport Produkten </strong>mit Begeisterung weiter, um unseren Ski &amp; Bergsport begeisterten Kunden, die Perfekte Beratung anbieten zu können.</p>  <p style="text-align:center;"> </p>  <p style="text-align:center;"><strong>E-Mail: </strong><u><span style="color:#73d327;"> <a style="color:#73d327;text-decoration:underline;" href="mailto:[email protected]">[email protected]</a></span></u></p>  <p style="text-align:center;">Tel. Ski Beratung +49 (0) 7337 9248 380  </p>  <p style="text-align:center;"><u><strong>Ski &amp; Sportgeschäft in Nellingen</strong></u></p> <p style="text-align:center;"><strong>Skitreff GmbH</strong></p>  <p style="text-align:center;">Oppinger Grund 13</p>  <p style="text-align:center;">89191 Nellingen</p>  <p style="text-align:center;"> </p></p>
5531                </div>
5532            </div>
5533        </div>
5534    </div>
5535
5536    <!-- Modal buttons top-bar for theme Sportsonline-->
5537    <div class="modal fade" id="sportsonline-kostenloseModal" tabindex="-1" role="dialog" aria-labelledby="kostenloseModalLabel" aria-hidden="true">
5538        <div class="modal-dialog" role="document">
5539            <div class="modal-content">
5540                <div class="modal-header">
5541                    <h5 class="modal-title" id="kostenloseeModalLabel">Kostenlose Versand im Outdoor Store</h5>
5542                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
5543                </div>
5544                <div class="modal-body">
5545                    <p><p style="text-align:center;"><strong>Unsere Sport Begeisterten Kunden freuen sich über unsere Versandkosten, den hier können Sie richtig sparen.</strong></p> <p style="text-align:center;"> </p> <p style="text-align:center;">Bereits <span style="text-decoration:underline;">ab 100 €</span> berechnen wir innerhalb Deutschland <span style="text-decoration:underline;">keine Versandkosten</span>.</p> <p style="text-align:center;"> </p> <p style="text-align:center;">So macht Online Shopping richtig Spaß!</p><br /></p>
5546                </div>
5547            </div>
5548        </div>
5549    </div>
5550
5551    <div class="modal fade" id="sportsonline-rechnungskauf" tabindex="-1" role="dialog" aria-labelledby="rechnungskaufModalLabel" aria-hidden="true">
5552        <div class="modal-dialog" role="document">
5553            <div class="modal-content">
5554                <div class="modal-header">
5555                    <h5 class="modal-title" id="rechnungskaufModalLabel">Bequem und sicher bei uns per Rechnung einkaufen und bezahlen</h5>
5556                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
5557                </div>
5558                <div class="modal-body">
5559                    <p>Du kannst bequem und sicher bei uns per Rechnung einkaufen.  Beim Kauf auf Rechnung musst du nur die Artikel bezahlen, die Du auch behalten willst und daher nicht retounierst. Das Zahlungsziel beim Kauf auf Rechnung ist 14 Tage.</p>
5560                </div>
5561            </div>
5562        </div>
5563    </div>
5564
5565    <div class="modal fade" id="sportsonline-uberModal" tabindex="-1" role="dialog" aria-labelledby="uberModalLabel" aria-hidden="true">
5566        <div class="modal-dialog" role="document">
5567            <div class="modal-content">
5568                <div class="modal-header">
5569                    <h5 class="modal-title" id="uberModalLabel">Seit nunmehr 25 Jahren sind wir der Online Outdoor Shop Spezialist</h5>
5570                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
5571                </div>
5572                <div class="modal-body">
5573                    <p>Seit nunmehr 25 Jahren sind wir der Online Spezialist in den Bereichen Outdoor, Ski- und Bergsport. Tausende Artikel von den Renomiertesten Herstellern stehen in unserem Online Shop zur Auswahl. Und wenn Sie mal vor Ort sind profitieren sie auch hier von dem rießigen Sortiment in unserem Ladengeschäft.</p>
5574                </div>
5575            </div>
5576        </div>
5577    </div>
5578
5579    <div class="modal fade" id="sportsonline-telefonischeModal" tabindex="-1" role="dialog" aria-labelledby="telefonischeModalLabel" aria-hidden="true">
5580        <div class="modal-dialog" role="document">
5581            <div class="modal-content">
5582                <div class="modal-header">
5583                    <h5 class="modal-title" id="telefonischeModalLabel">Experten Beratung!</h5>
5584                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
5585                </div>
5586                <div class="modal-body">
5587                    <p>Unsere Kunden profitieren von unserem Expertenwissen sowohl Online als auch vor Ort. Ob am Telefon oder per Email, wir geben unser Know How mit Begeisterung weiter um unseren Kunden die optimalen Produkte anbieten zu können.</p>
5588                </div>
5589            </div>
5590        </div>
5591    </div>
5592
5593                            </footer>
5594            
5595
5596
5597    
5598                                                                                                                                                                        
5599    
5600    <style>
5601        @keyframes rawa-zoomIn {
5602            from {
5603                transform: scale(0.96);
5604            }
5605
5606            to {
5607                transform: scale(1);
5608            }
5609        }
5610
5611        .novum-withdrawal-button,
5612        .novum-withdrawal-footer-button {
5613            --novum-withdrawal-button-bg: #70f25e;
5614            --novum-withdrawal-button-color: #545454;
5615            --novum-withdrawal-button-border: rgba(242, 242, 242, 0);
5616            --novum-withdrawal-button-hover-bg: #565656;
5617            --novum-withdrawal-button-hover-color: #ffffff;
5618            --novum-withdrawal-button-hover-border: #b6b6b6;
5619            display: inline-flex;
5620            align-items: center;
5621            justify-content: center;
5622            gap: 0.35rem;
5623            min-height: 15px;
5624            padding: 3px 10px;
5625            border: 1px solid var(--novum-withdrawal-button-border);
5626            border-radius: 3px;
5627            font-weight: 600;
5628            line-height: 1.2;
5629            text-align: center;
5630            text-decoration: none;
5631            box-shadow: 2px 8px 14px rgba(0, 0, 0, 0.25);
5632            animation: rawa-zoomIn 0.2s;
5633            opacity: 1 !important;
5634            filter: none !important;
5635            mix-blend-mode: normal !important;
5636            isolation: isolate;
5637            -webkit-text-fill-color: var(--novum-withdrawal-button-color);
5638            transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
5639        }
5640
5641        .novum-withdrawal-button *,
5642        .novum-withdrawal-footer-button * {
5643            opacity: 1 !important;
5644            filter: none !important;
5645            mix-blend-mode: normal !important;
5646        }
5647
5648        .novum-withdrawal-button:hover,
5649        .novum-withdrawal-button:focus,
5650        .novum-withdrawal-footer-button:hover,
5651        .novum-withdrawal-footer-button:focus {
5652            text-decoration: none;
5653            box-shadow: 2px 8px 14px rgba(0, 0, 0, 0.25);
5654            animation: rawa-zoomIn 0.2s;
5655            opacity: 1 !important;
5656            filter: none !important;
5657            -webkit-text-fill-color: var(--novum-withdrawal-button-hover-color);
5658        }
5659
5660        .novum-withdrawal-button--filled {
5661            background: var(--novum-withdrawal-button-bg) !important;
5662            background-color: var(--novum-withdrawal-button-bg) !important;
5663            border-color: var(--novum-withdrawal-button-border) !important;
5664            color: var(--novum-withdrawal-button-color) !important;
5665        }
5666
5667        .novum-withdrawal-button--filled:hover,
5668        .novum-withdrawal-button--filled:focus {
5669            background: var(--novum-withdrawal-button-hover-bg) !important;
5670            background-color: var(--novum-withdrawal-button-hover-bg) !important;
5671            border-color: var(--novum-withdrawal-button-hover-border) !important;
5672            color: var(--novum-withdrawal-button-hover-color) !important;
5673        }
5674
5675        .novum-withdrawal-button--outline {
5676            background: transparent !important;
5677            background-color: transparent !important;
5678            color: var(--novum-withdrawal-button-border) !important;
5679        }
5680
5681        .novum-withdrawal-button--outline:hover,
5682        .novum-withdrawal-button--outline:focus {
5683            background: var(--novum-withdrawal-button-hover-bg) !important;
5684            background-color: var(--novum-withdrawal-button-hover-bg) !important;
5685            border-color: var(--novum-withdrawal-button-hover-border) !important;
5686            color: var(--novum-withdrawal-button-hover-color) !important;
5687        }
5688
5689        .novum-withdrawal-button--link {
5690            min-height: auto;
5691            padding: 0;
5692            border-color: transparent !important;
5693            background: transparent !important;
5694            background-color: transparent !important;
5695            color: var(--novum-withdrawal-button-border) !important;
5696            text-decoration: underline;
5697        }
5698
5699        .novum-withdrawal-button--link:hover,
5700        .novum-withdrawal-button--link:focus {
5701            color: var(--novum-withdrawal-button-hover-border) !important;
5702            text-decoration: underline;
5703        }
5704
5705        .novum-withdrawal-button.btn,
5706        .novum-withdrawal-button.btn-link,
5707        button.novum-withdrawal-footer-button,
5708        .btn.novum-withdrawal-footer-button,
5709        .btn-link.novum-withdrawal-footer-button,
5710        .novum-withdrawal-footer .novum-withdrawal-footer-button,
5711        .novum-withdrawal-footer-button.btn,
5712        .novum-withdrawal-footer-button.btn-link {
5713            background: var(--novum-withdrawal-button-bg) !important;
5714            background-color: var(--novum-withdrawal-button-bg) !important;
5715            border-color: var(--novum-withdrawal-button-border) !important;
5716            color: var(--novum-withdrawal-button-color) !important;
5717            opacity: 1 !important;
5718            filter: none !important;
5719            -webkit-text-fill-color: var(--novum-withdrawal-button-color) !important;
5720        }
5721
5722        .novum-withdrawal-button.btn:hover,
5723        .novum-withdrawal-button.btn:focus,
5724        .novum-withdrawal-button.btn-link:hover,
5725        .novum-withdrawal-button.btn-link:focus,
5726        button.novum-withdrawal-footer-button:hover,
5727        button.novum-withdrawal-footer-button:focus,
5728        .btn.novum-withdrawal-footer-button:hover,
5729        .btn.novum-withdrawal-footer-button:focus,
5730        .btn-link.novum-withdrawal-footer-button:hover,
5731        .btn-link.novum-withdrawal-footer-button:focus,
5732        .novum-withdrawal-footer .novum-withdrawal-footer-button:hover,
5733        .novum-withdrawal-footer .novum-withdrawal-footer-button:focus,
5734        .novum-withdrawal-footer-button.btn:hover,
5735        .novum-withdrawal-footer-button.btn:focus,
5736        .novum-withdrawal-footer-button.btn-link:hover,
5737        .novum-withdrawal-footer-button.btn-link:focus {
5738            background: var(--novum-withdrawal-button-hover-bg) !important;
5739            background-color: var(--novum-withdrawal-button-hover-bg) !important;
5740            border-color: var(--novum-withdrawal-button-hover-border) !important;
5741            color: var(--novum-withdrawal-button-hover-color) !important;
5742            opacity: 1 !important;
5743            filter: none !important;
5744            -webkit-text-fill-color: var(--novum-withdrawal-button-hover-color) !important;
5745        }
5746
5747        .novum-withdrawal-footer-button:not(.novum-withdrawal-button--filled):not(.novum-withdrawal-button--outline):not(.novum-withdrawal-button--link) {
5748                            background: var(--novum-withdrawal-button-bg) !important;
5749                background-color: var(--novum-withdrawal-button-bg) !important;
5750                border-color: var(--novum-withdrawal-button-border) !important;
5751                color: var(--novum-withdrawal-button-color) !important;
5752                    }
5753
5754        .novum-withdrawal-footer-button:not(.novum-withdrawal-button--filled):not(.novum-withdrawal-button--outline):not(.novum-withdrawal-button--link):hover,
5755        .novum-withdrawal-footer-button:not(.novum-withdrawal-button--filled):not(.novum-withdrawal-button--outline):not(.novum-withdrawal-button--link):focus {
5756                            background: var(--novum-withdrawal-button-hover-bg) !important;
5757                background-color: var(--novum-withdrawal-button-hover-bg) !important;
5758                border-color: var(--novum-withdrawal-button-hover-border) !important;
5759                color: var(--novum-withdrawal-button-hover-color) !important;
5760                    }
5761
5762        .novum-withdrawal-floating {
5763            position: fixed;
5764            right: 1rem;
5765            bottom: 1rem;
5766            z-index: 1040;
5767            box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.18);
5768        }
5769
5770        .novum-withdrawal-footer {
5771            margin-top: 1rem;
5772            text-align: center;
5773            opacity: 1 !important;
5774            filter: none !important;
5775            mix-blend-mode: normal !important;
5776        }
5777
5778        .novum-withdrawal-footer-button {
5779            --novum-withdrawal-button-bg: #70f25e;
5780            --novum-withdrawal-button-color: #545454;
5781            --novum-withdrawal-button-border: rgba(242, 242, 242, 0);
5782            --novum-withdrawal-button-hover-bg: #565656;
5783            --novum-withdrawal-button-hover-color: #ffffff;
5784            --novum-withdrawal-button-hover-border: #b6b6b6;
5785        }
5786
5787        .novum-withdrawal-status {
5788            display: none;
5789        }
5790
5791        .novum-withdrawal-status.is-visible {
5792            display: block;
5793        }
5794
5795        .novum-withdrawal-confirmation {
5796            display: none;
5797            padding: 1rem;
5798            border: 1px solid #badbcc;
5799            border-radius: 4px;
5800            background: #d1e7dd;
5801            color: #0f5132;
5802        }
5803
5804        .novum-withdrawal-confirmation-text {
5805            margin: 0;
5806        }
5807
5808        .novum-withdrawal-form .form-content {
5809            padding: 0;
5810        }
5811
5812        .novum-withdrawal-form .form-text {
5813            font-siz
5813e: 0.875rem;
5814        }
5815
5816        .novum-withdrawal-submit-button {
5817            background-color: #0fa7d5 !important;
5818            border-color: #ececec !important;
5819            border-radius: 5px !important;
5820            color: #ffffff !important;
5821            -webkit-text-fill-color: #ffffff !important;
5822        }
5823
5824        .novum-withdrawal-cancel-button {
5825            background-color: #383838 !important;
5826            border-color: #6c757d !important;
5827            border-radius: 5px !important;
5828            color: #ffffff !important;
5829            -webkit-text-fill-color: #ffffff !important;
5830        }
5831
5832        .novum-withdrawal-form .modal-footer {
5833            justify-content: center;
5834        }
5835
5836        .novum-withdrawal-modal .modal-body {
5837            max-height: min(70vh, calc(100vh - 12rem));
5838            overflow-y: auto;
5839        }
5840
5841        .novum-withdrawal-form.is-submitted .novum-withdrawal-intro,
5842        .novum-withdrawal-form.is-submitted .form-content,
5843        .novum-withdrawal-form.is-submitted .modal-footer {
5844            display: none;
5845        }
5846
5847        .novum-withdrawal-form.is-submitted .novum-withdrawal-status {
5848            display: none;
5849        }
5850
5851        .novum-withdrawal-form.is-submitted .modal-title {
5852            display: none;
5853        }
5854
5855        .novum-withdrawal-form.is-submitted .novum-withdrawal-confirmation {
5856            display: block;
5857        }
5858
5859        @media (max-width: 575.98px) {
5860            .novum-withdrawal-floating {
5861                right: 0.75rem;
5862                bottom: 0.75rem;
5863                max-width: calc(100vw - 1.5rem);
5864                white-space: normal;
5865            }
5866        }
5867    </style>
5868
5869    
5870    
5871    <div class="modal fade novum-withdrawal-modal"
5872         id="novumWithdrawalModal"
5873         tabindex="-1"
5874         aria-labelledby="novumWithdrawalModalTitle"
5875         aria-hidden="true">
5876        <div class="modal-dialog modal-dialog-scrollable">
5877            <div class="modal-content">
5878                <form id="novum-withdrawal-form"
5879                      class="novum-withdrawal-form"
5880                      action="/widerruf/einreichen"
5881                      method="post"
5882                      data-success-message="Vielen Dank. Deine Widerrufserklärung ist elektronisch bei uns eingegangen. Du erhältst eine Eingangsbestätigung per E-Mail. Die Prüfung erfolgt separat."
5883                      data-error-message="Die Anfrage konnte nicht verarbeitet werden."
5884                      data-auto-close-seconds="3"
5885                      data-button-style="filled"
5886                      data-button-bg="&#x23;70f25e"
5887                      data-button-color="&#x23;545454"
5888                      data-button-border="rgba&#x28;242,&#x20;242,&#x20;242,&#x20;0&#x29;"
5889                      data-button-hover-bg="&#x23;565656"
5890                      data-button-hover-color="&#x23;ffffff"
5891                      data-button-hover-border="&#x23;b6b6b6"
5892                      data-button-padding-y="3"
5893                      data-button-padding-x="10"
5894                      data-button-min-height="15"
5895                      data-button-radius="3"
5896                      data-button-shadow="2px&#x20;8px&#x20;14px&#x20;rgba&#x28;0,&#x20;0,&#x20;0,&#x20;0.25&#x29;"
5897                      data-form-validation="true"
5898                      novalidate>
5899                    <div class="modal-header">
5900                        <h2 class="modal-title h4" id="novumWithdrawalModalTitle">Widerrufsformular</h2>
5901                        <button type="button"
5902                                class="btn-close"
5903                                data-bs-dismiss="modal"
5904                                aria-label="Schliessen"></button>
5905                    </div>
5906
5907                    <div class="modal-body">
5908                        <p class="novum-withdrawal-intro">Widerruf einfach online absenden.</p>
5909
5910                        <div class="alert novum-withdrawal-status" role="alert" aria-live="polite"></div>
5911                        <div class="novum-withdrawal-confirmation" role="status" aria-live="polite">
5912                            <p class="novum-withdrawal-confirmation-text"
5913                               data-novum-withdrawal-confirmation-message>Vielen Dank. Deine Widerrufserklärung ist elektronisch bei uns eingegangen. Du erhältst eine Eingangsbestätigung per E-Mail. Die Prüfung erfolgt separat.</p>
5914                        </div>
5915
5916                        <div class="form-content">
5917                            <div class="row g-3">
5918                                                                    <input type="hidden" name="withdrawalType" value="full">
5919                                
5920                                <div class="col-md-6">
5921                                    <label class="form-label" for="novumWithdrawalFirstName">Vorname *</label>
5922                                    <input class="form-control"
5923                                           id="novumWithdrawalFirstName"
5924                                           name="firstName"
5925                                           value=""
5926                                           autocomplete="given-name"
5927                                           maxlength="120"
5928                                           required>
5929                                </div>
5930
5931                                <div class="col-md-6">
5932                                    <label class="form-label" for="novumWithdrawalLastName">Nachname *</label>
5933                                    <input class="form-control"
5934                                           id="novumWithdrawalLastName"
5935                                           name="lastName"
5936                                           value=""
5937                                           autocomplete="family-name"
5938                                           maxlength="120"
5939                                           required>
5940                                </div>
5941
5942                                <div class="col-12">
5943                                    <label class="form-label" for="novumWithdrawalEmail">E-Mail-Adresse *</label>
5944                                    <input class="form-control"
5945                                           id="novumWithdrawalEmail"
5946                                           type="email"
5947                                           name="email"
5948                                           value=""
5949                                           autocomplete="email"
5950                                           maxlength="180"
5951                                           required>
5952                                </div>
5953
5954                                <div class="col-md-6">
5955                                    <label class="form-label" for="novumWithdrawalOrderNumber">Bestellnummer *</label>
5956                                    <input class="form-control"
5957                                           id="novumWithdrawalOrderNumber"
5958                                           name="orderNumber"
5959                                           autocomplete="off"
5960                                           maxlength="120"
5961                                           required>
5962                                </div>
5963
5964                                <div class="col-md-6">
5965                                    <label class="form-label" for="novumWithdrawalOrderDate">Bestelldatum</label>
5966                                    <input class="form-control"
5967                                           id="novumWithdrawalOrderDate"
5968                                           type="date"
5969                                           name="orderDate">
5970                                </div>
5971
5972                                <div class="col-12">
5973                                    <label class="form-label" for="novumWithdrawalItems">Betroffene Artikel</label>
5974                                    <textarea class="form-control"
5975                                              id="novumWithdrawalItems"
5976                                              name="items"
5977                                              rows="2"
5978                                              maxlength="2000"></textarea>
5979                                </div>
5980
5981                                
5982                                <div class="col-12">
5983                                    <label class="form-label" for="novumWithdrawalMessage">Nachricht</label>
5984                                    <textarea class="form-control"
5985                                              id="novumWithdrawalMessage"
5986                                              name="message"
5987                                              rows="3"
5988                                              maxlength="4000">Hiermit widerrufe ich den Kaufvertrag zur oben genannten Bestellung.</textarea>
5989                                </div>
5990                            </div>
5991
5992                                <div class="form-text mt-4 mb-2">
5993        Die mit einem Stern (*) markierten Felder sind Pflichtfelder.
5994    </div>
5995
5996                                                            <p class="form-text mt-3 mb-0">Deine Angaben werden zur Bearbeitung deines Widerrufs verarbeitet.</p>
5997                            
5998                                
5999    
6000                                                                                                        
6001    <div class="captcha-google-re-captcha-v3"
6002         data-google-re-captcha-v3="true"
6003         data-google-re-captcha-v3-options="{&quot;siteKey&quot;:&quot;6Lf38f8sAAAAAAMdWd_6-NAerZS3RYWNTzcQilVH&quot;}">
6004        <input
6005            type="text"
6006            class="d-none grecaptcha_v3-input"
6007            name="_grecaptcha_v3"
6008            data-skip-report-validity="true"
6009            required>
6010
6011        <div class="data-protection-information grecaptcha-protection-information">
6012            Diese Seite ist durch reCAPTCHA geschützt und es gelten die <a href="https://policies.google.com/privacy?hl=de">Datenschutzrichtlinie</a> und <a href="https://policies.google.com/terms?hl=de">Nutzungsbedingungen</a>.
6013        </div>
6014    </div>
6015                        
6016                                
6017            <!--<div>Datenschutz *</div>-->
6018    
6019    <div class="form-text privacy-notice custom-control custom-checkbox">
6020                    <input name="privacy"
6021                   type="checkbox"
6022                   class="custom-control-input"
6023                   id="form-privacy-opt-in-"
6024                   required checked>
6025        
6026                    <label for="form-privacy-opt-in-" class=" custom-control-label">
6027                Ich habe die <a data-toggle="modal" data-bs-toggle="modal" data-url="%privacyUrl%" href="%privacyUrl%" title="Datenschutzbestimmungen">Datenschutzbestimmungen</a> zur Kenntnis genommen und die <a data-toggle="modal" data-bs-toggle="modal" data-url="%tosUrl%" href="%tosUrl%" title="AGB">AGB</a> gelesen und bin mit ihnen einverstanden.
6028            </label>
6029            </div>
6030                        </div>
6031                    </div>
6032
6033                    <div class="modal-footer">
6034                        <button type="button"
6035                                class="btn btn-secondary novum-withdrawal-cancel-button"
6036                                data-bs-dismiss="modal">
6037                            Abbrechen
6038                        </button>
6039                        <button type="submit" class="btn btn-primary novum-withdrawal-submit-button">
6040                            Widerruf bestätigen
6041                        </button>
6042                    </div>
6043                </form>
6044            </div>
6045        </div>
6046    </div>
6047
6048    
6048<script>
6049        (function () {
6050            function showStatus(form, success, message) {
6051                var status = form.querySelector('.novum-withdrawal-status');
6052                var confirmation = form.querySelector('.novum-withdrawal-confirmation');
6053                var modalBody = form.querySelector('.modal-body');
6054
6055                if (!status) {
6056                    return;
6057                }
6058
6059                if (form.novumWithdrawalCloseTimer) {
6060                    window.clearTimeout(form.novumWithdrawalCloseTimer);
6061                    form.novumWithdrawalCloseTimer = null;
6062                }
6063
6064                if (success !== true) {
6065                    form.classList.remove('is-submitted');
6066                }
6067
6068                if (confirmation) {
6069                    confirmation.style.display = '';
6070                }
6071
6072                status.style.display = '';
6073                status.className = 'alert novum-withdrawal-status is-visible ' + (success === 'info' ? 'alert-info' : (success ? 'alert-success' : 'alert-danger'));
6074                status.textContent = message || (success ? form.dataset.successMessage : form.dataset.errorMessage);
6075
6076                if (modalBody) {
6077                    modalBody.scrollTop = 0;
6078                }
6079            }
6080
6081            function closeModal() {
6082                var modal = document.getElementById('novumWithdrawalModal');
6083
6084                if (!modal) {
6085                    return;
6086                }
6087
6088                if (window.bootstrap && window.bootstrap.Modal) {
6089                    window.bootstrap.Modal.getOrCreateInstance(modal).hide();
6090                    return;
6091                }
6092
6093                var closeButton = modal.querySelector('[data-bs-dismiss="modal"]');
6094
6095                if (closeButton) {
6096                    closeButton.click();
6097                }
6098            }
6099
6100            function scheduleAutoClose(form) {
6101                var seconds = parseInt(form.dataset.autoCloseSeconds || '0', 10);
6102
6103                if (!seconds || seconds < 1) {
6104                    return;
6105                }
6106
6107                if (form.novumWithdrawalCloseTimer) {
6108                    window.clearTimeout(form.novumWithdrawalCloseTimer);
6109                }
6110
6111                form.novumWithdrawalCloseTimer = window.setTimeout(function () {
6112                    closeModal();
6113                }, seconds * 1000);
6114            }
6115
6116            function resetFormState(form) {
6117                var status = form.querySelector('.novum-withdrawal-status');
6118                var confirmation = form.querySelector('.novum-withdrawal-confirmation');
6119                var confirmationMessage = form.querySelector('[data-novum-withdrawal-confirmation-message]');
6120                var submitButton = form.querySelector('[type="submit"]');
6121
6122                if (form.novumWithdrawalCloseTimer) {
6123                    window.clearTimeout(form.novumWithdrawalCloseTimer);
6124                    form.novumWithdrawalCloseTimer = null;
6125                }
6126
6127                form.classList.remove('is-submitted');
6128                form.classList.remove('was-validated');
6129                form.dataset.novumSubmitting = 'false';
6130                form.reset();
6131
6132                if (status) {
6133                    status.className = 'alert novum-withdrawal-status';
6134                    status.textContent = '';
6135                    status.style.display = '';
6136                }
6137
6138                if (confirmation) {
6139                    confirmation.style.display = '';
6140                }
6141
6142                if (confirmationMessage) {
6143                    confirmationMessage.textContent = form.dataset.successMessage || '';
6144                }
6145
6146                if (submitButton) {
6147                    submitButton.disabled = false;
6148                }
6149            }
6150
6151            function showConfirmation(form, message, skipAutoClose) {
6152                var status = form.querySelector('.novum-withdrawal-status');
6153                var confirmation = form.querySelector('.novum-withdrawal-confirmation');
6154                var confirmationMessage = form.querySelector('[data-novum-withdrawal-confirmation-message]');
6155                var modalBody = form.querySelector('.modal-body');
6156
6157                if (confirmationMessage) {
6158                    confirmationMessage.textContent = message || form.dataset.successMessage;
6159                }
6160
6161                if (status) {
6162                    status.className = 'alert novum-withdrawal-status';
6163                    status.textContent = '';
6164                    status.style.display = 'none';
6165                }
6166
6167                if (confirmation) {
6168                    confirmation.style.display = 'block';
6169                }
6170
6171                form.classList.add('is-submitted');
6172
6173                if (modalBody) {
6174                    modalBody.scrollTop = 0;
6175                }
6176
6177                if (skipAutoClose !== true) {
6178                    scheduleAutoClose(form);
6179                }
6180            }
6181
6182            function showModal(retryCount, onShown) {
6183                var modal = document.getElementById('novumWithdrawalModal');
6184
6185                retryCount = retryCount || 0;
6186
6187                if (!modal) {
6188                    return false;
6189                }
6190
6191                if (window.bootstrap && window.bootstrap.Modal) {
6192                    window.bootstrap.Modal.getOrCreateInstance(modal).show();
6193                    if (typeof onShown === 'function') {
6194                        window.setTimeout(onShown, 50);
6195                    }
6196                    return true;
6197                }
6198
6199                if (retryCount < 50) {
6200                    window.setTimeout(function () {
6201                        showModal(retryCount + 1, onShown);
6202                    }, 100);
6203
6204                    return false;
6205                }
6206
6207                modal.style.display = 'block';
6208                modal.removeAttribute('aria-hidden');
6209                modal.setAttribute('aria-modal', 'true');
6210                modal.classList.add('show');
6211                document.body.classList.add('modal-open');
6212
6213                if (typeof onShown === 'function') {
6214                    window.setTimeout(onShown, 50);
6215                }
6216
6217                return true;
6218            }
6219
6220            function showFallbackResult() {
6221                var params = new URLSearchParams(window.location.search);
6222
6223                if (params.get('novumWithdrawalSubmitted') !== '1') {
6224                    return;
6225                }
6226
6227                var form = document.getElementById('novum-withdrawal-form');
6228
6229                if (!form) {
6230                    return;
6231                }
6232
6233                var success = params.get('novumWithdrawalSuccess') === '1';
6234
6235                if (success) {
6236                    showConfirmation(form, form.dataset.successMessage, true);
6237                } else {
6238                    showStatus(form, false, form.dataset.errorMessage);
6239                }
6240
6241                showModal(0, success ? function () {
6242                    scheduleAutoClose(form);
6243                } : null);
6244
6245                params.delete('novumWithdrawalSubmitted');
6246                params.delete('novumWithdrawalSuccess');
6247
6248                var query = params.toString();
6249                var cleanUrl = window.location.pathname + (query ? '?' + query : '') + window.location.hash;
6250                window.history.replaceState({}, document.title, cleanUrl);
6251            }
6252
6253            function handleWithdrawalSubmit(event) {
6254                var form = event.target;
6255
6256                if (!form || form.id !== 'novum-withdrawal-form') {
6257                    return true;
6258                }
6259
6260                event.preventDefault();
6261
6262                if (form.dataset.novumSubmitting === 'true') {
6263                    return false;
6264                }
6265
6266                if (!form.checkValidity()) {
6267                    form.classList.add('was-validated');
6268                    return false;
6269                }
6270
6271                var submitButton = form.querySelector('[type="submit"]');
6272                var formData = new FormData(form);
6273
6274                form.dataset.novumSubmitting = 'true';
6275
6276                if (submitButton) {
6277                    submitButton.disabled = true;
6278                }
6279
6280                showStatus(form, 'info', 'Deine Erklärung wird übermittelt...');
6281
6282                fetch(form.getAttribute('action'), {
6283                    method: 'POST',
6284                    body: formData,
6285                    headers: {
6286                        'X-Requested-With': 'XMLHttpRequest'
6287                    },
6288                    credentials: 'same-origin'
6289                }).then(function (response) {
6290                    var contentType = response.headers.get('content-type') || '';
6291
6292                    if (contentType.indexOf('application/json') === -1) {
6293                        return {
6294                            ok: false,
6295                            payload: {
6296                                message: 'Die Anfrage konnte nicht verarbeitet werden.'
6297                            }
6298                        };
6299                    }
6300
6301                    return response.json().then(function (payload) {
6302                        return {
6303                            ok: response.ok,
6304                            payload: payload
6305                        };
6306                    });
6307                }).then(function (result) {
6308                    if (result.ok && result.payload.success) {
6309                        form.reset();
6310                        form.classList.remove('was-validated');
6311                        showConfirmation(form, result.payload.message || form.dataset.successMessage);
6312                    } else {
6313                        showStatus(form, false, result.payload.message || form.dataset.errorMessage);
6314                    }
6315                }).catch(function () {
6316                    showStatus(form, false, form.dataset.errorMessage);
6317                }).finally(function () {
6318                    form.dataset.novumSubmitting = 'false';
6319
6320                    if (submitButton) {
6321                        submitButton.disabled = false;
6322                    }
6323                });
6324
6325                return false;
6326            }
6327
6328            function bindSubmitHandler() {
6329                var form = document.getElementById('novum-withdrawal-form');
6330
6331                if (!form || form.dataset.novumSubmitBound === 'true') {
6332                    return;
6333                }
6334
6335                form.dataset.novumSubmitBound = 'true';
6336                form.addEventListener('submit', handleWithdrawalSubmit);
6337            }
6338
6339            function bindResetHandlers() {
6340                var modal = document.getElementById('novumWithdrawalModal');
6341                var form = document.getElementById('novum-withdrawal-form');
6342
6343                if (!form) {
6344                    return;
6345                }
6346
6347                if (modal) {
6348                    modal.addEventListener('hidden.bs.modal', function () {
6349                        resetFormState(form);
6350                    });
6351                }
6352
6353                document.querySelectorAll('[data-bs-target="#novumWithdrawalModal"]').forEach(function (trigger) {
6354                    trigger.addEventListener('click', function () {
6355                        if (form.classList.contains('is-submitted')) {
6356                            resetFormState(form);
6357                        }
6358                    });
6359                });
6360            }
6361
6362            function applyConfiguredButtonStyles() {
6363                var form = document.getElementById('novum-withdrawal-form');
6364
6365                if (!form) {
6366                    return;
6367                }
6368
6369                document.querySelectorAll('.novum-withdrawal-footer-button, .novum-withdrawal-button').forEach(function (button) {
6370                    button.classList.add('novum-withdrawal-button');
6371
6372                    if (form.dataset.buttonStyle) {
6373                        button.classList.add('novum-withdrawal-button--' + form.dataset.buttonStyle);
6374                    }
6375
6376                    button.classList.remove('btn-link');
6377                    button.setAttribute('type', 'button');
6378
6379                    button.style.setProperty('--novum-withdrawal-button-bg', form.dataset.buttonBg || '');
6380                    button.style.setProperty('--novum-withdrawal-button-color', form.dataset.buttonColor || '');
6381                    button.style.setProperty('--novum-withdrawal-button-border', form.dataset.buttonBorder || '');
6382                    button.style.setProperty('--novum-withdrawal-button-hover-bg', form.dataset.buttonHoverBg || '');
6383                    button.style.setProperty('--novum-withdrawal-button-hover-color', form.dataset.buttonHoverColor || '');
6384                    button.style.setProperty('--novum-withdrawal-button-hover-border', form.dataset.buttonHoverBorder || '');
6385
6386                    button.style.backgroundColor = form.dataset.buttonBg || '';
6387                    button.style.borderColor = form.dataset.buttonBorder || '';
6388                    button.style.color = form.dataset.buttonColor || '';
6389                    button.style.opacity = '1';
6390                    button.style.filter = 'none';
6391                    button.style.minHeight = (form.dataset.buttonMinHeight || '42') + 'px';
6392                    button.style.padding = (form.dataset.buttonPaddingY || '10') + 'px ' + (form.dataset.buttonPaddingX || '18') + 'px';
6393                    button.style.borderRadius = (form.dataset.buttonRadius || '35') + 'px';
6394                    button.style.boxShadow = form.dataset.buttonShadow || '';
6395                    button.style.webkitTextFillColor = form.dataset.buttonColor || '';
6396                });
6397            }
6398
6399            function bindButtonStyleRefresh() {
6400                var observer;
6401
6402                if (document.readyState === 'loading') {
6403                    document.addEventListener('DOMContentLoaded', applyConfiguredButtonStyles);
6404                }
6405
6406                window.setTimeout(applyConfiguredButtonStyles, 50);
6407                window.setTimeout(applyConfiguredButtonStyles, 250);
6408
6409                if (!window.MutationObserver || !document.body) {
6410                    return;
6411                }
6412
6413                observer = new MutationObserver(function (mutations) {
6414                    var shouldRefresh = mutations.some(function (mutation) {
6415                        return Array.prototype.some.call(mutation.addedNodes, function (node) {
6416                            return node.nodeType === 1 && (
6417                                node.matches && node.matches('.novum-withdrawal-footer-button, .novum-withdrawal-button') ||
6418                                node.querySelector && node.querySelector('.novum-withdrawal-footer-button, .novum-withdrawal-button')
6419                            );
6420                        });
6421                    });
6422
6423                    if (shouldRefresh) {
6424                        applyConfiguredButtonStyles();
6425                    }
6426                });
6427
6428                observer.observe(document.body, {
6429                    childList: true,
6430                    subtree: true
6431                });
6432            }
6433
6434            bindSubmitHandler();
6435            bindResetHandlers();
6436            showFallbackResult();
6437            applyConfiguredButtonStyles();
6438            bindButtonStyleRefresh();
6439        }());
6440    </script>
6440
6441
6442                <div class="scroll-up-container"
6443         data-scroll-up="true">
6444                    <div class="scroll-up-button js-scroll-up-button">
6445                <button type="submit"
6446                        class="btn btn-primary">
6447                                                    <span class="icon icon-arrow-up icon-sm">
6448                        <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>
6449        </span>
6450                                        </button>
6451            </div>
6452            </div>
6453    
6454                                <div
6455            class="cookie-permission-container"
6456            data-cookie-permission="true">
6457            <div class="container">
6458                <div class="row align-items-center">
6459
6460                                            <div class="col cookie-permission-content">
6461                            Diese Website verwendet Cookies, um eine bestmögliche Erfahrung bieten zu können. <a data-ajax-modal="true" data-url="/widgets/cms/bf4983f60b2c4379bbe10130c8ae5546" href="/widgets/cms/bf4983f60b2c4379bbe10130c8ae5546" title="Mehr Informationen">Mehr Informationen ...</a>
6462                        </div>
6463                    
6464                                            <div class="col-12 col-md-auto d-flex justify-content-center flex-wrap cookie-permission-actions pe-2">
6465                                                            <span class="cookie-permission-button js-cookie-permission-button">
6466                                    <button
6467                                        type="submit"
6468                                        class="btn btn-primary">
6469                                        Nur technisch notwendige
6470                                    </button>
6471                                </span>
6472                            
6473                                                            <span class="js-cookie-configuration-button">
6474                                    <button
6475                                        type="submit"
6476                                        class="btn btn-primary">
6477                                        Konfigurieren
6478                                    </button>
6479                                </span>
6480                            
6481                                                                                                <span class="js-cookie-accept-all-button">
6482                                        <button
6483                                            type="submit"
6484                                            class="btn btn-primary">
6485                                            Alle Cookies akzeptieren
6486                                        </button>
6487                                    </span>
6488                                                                                    </div>
6489                                    </div>
6490            </div>
6491        </div>
6492        
6493            <div class="js-pseudo-modal-template">
6494    <div class="modal fade"
6495         tabindex="-1"
6496         role="dialog">
6497        <div class="modal-dialog"
6498             role="document">
6499            <div class="modal-content">
6500                <div class="modal-header only-close">
6501                    <div class="modal-title js-pseudo-modal-template-title-element h5"></div>
6502
6503                    <button type="button"
6504                            class="btn-close close"
6505                            data-bs-dismiss="modal"
6506                            aria-label="Close">
6507                                                                    </button>
6508                </div>
6509                <div class="modal-body js-pseudo-modal-template-content-element">
6510                </div>
6511            </div>
6512        </div>
6513    </div>
6514</div>
6515    
6516                        
6517
6518    
6519            
6520        
6520<script id="merchantWidgetScript" src="https://www.gstatic.com/shopping/merchant/merchantwidget.js" defer></script>
6520
6521
6522        
6522<script>
6523            const initGoogleBadge = function() {
6524                const config = {
6525                    "merchant_id": "574406440",
6526                    "position": "LEFT_BOTTOM"
6527                };
6528
6529                if (window.merchantwidget && typeof window.merchantwidget.start === 'function') {
6530                    window.merchantwidget.start(config);
6531                } else {
6532                    const script = document.getElementById('merchantWidgetScript');
6533                    if (script) {
6534                        script.addEventListener('load', function() {
6535                            window.merchantwidget.start(config);
6536                        });
6537                    }
6538                }
6539            };
6540
6541            if (document.readyState === 'loading') {
6542                document.addEventListener('DOMContentLoaded', initGoogleBadge);
6543            } else {
6544                initGoogleBadge();
6545            }
6546        </script>
6546
6547    
6548    
6548<script>
6549        window.router['frontend.product.customized-products.view-options'] = '/product/customized-products/view-options';
6550        window.router['frontend.product.customized-products.quickview'] = '/product/customized-products/quickview';
6551    </script>
6551
6552
6553            
6553<script>
6554        // === Sidebar-Children aus Header-Flyouts kopieren ===
6555        // Shopware rendert in der linken Sidebar standardmäßig NUR den aktiven
6556        // Pfad mit Sub-Kategorien. Skisport / Touren / Bekleidung / … haben
6557        // dort keine Kinder im DOM → unsere :has(> ul > li)-Chevron-Regel
6558        // greift nicht und Klick auf den Eintrag würde navigieren statt auf-
6559        // klappen. Workaround: aus den im Header schon gerenderten Flyouts
6560        // (data-flyout-menu-id) die Kategorien rüberkopieren — dann sind in
6561        // jedem Top-Level-Item die Sub-UL drin, Chevrons erscheinen und Klick
6562        // klappt sofort inline auf (kein Page-Reload nötig).
6563        function nveSidebarPopulateFromFlyouts() {
6564            var entries = document.querySelectorAll(
6565                '.cms-block-category-navigation .category-navigation.level-0 > .category-navigation-entry'
6566            );
6567            if (!entries.length) return;
6568
6569            entries.forEach(function (entry) {
6570                if (entry.querySelector(':scope > ul.category-navigation > li')) return;
6571
6572                var entryLink = entry.querySelector(':scope > a.category-navigation-link');
6573                if (!entryLink) return;
6574                var entryUrl = entryLink.getAttribute('href');
6575                if (!entryUrl) return;
6576
6577                var matchingFlyout = null;
6578                document.querySelectorAll('.navigation-flyout').forEach(function (f) {
6579                    var titleLink = f.querySelector('.navigation-flyout-category-link a');
6580                    if (titleLink && titleLink.getAttribute('href') === entryUrl) {
6581                        matchingFlyout = f;
6582                    }
6583                });
6584                if (!matchingFlyout) return;
6585
6586                var subUl = document.createElement('ul');
6587                subUl.className = 'category-navigation level-1';
6588
6589                var level0Cols = matchingFlyout.querySelectorAll(
6590                    '.navigation-flyout-categories.is-level-0 > .navigation-flyout-col'
6591                );
6592                if (!level0Cols.length) return;
6593
6594                Array.prototype.forEach.call(level0Cols, function (col) {
6595                    var lvl0Link = col.querySelector(':scope > .navigation-flyout-link.is-level-0');
6596                    if (!lvl0Link) return;
6597
6598                    var newLi = document.createElement('li');
6599                    newLi.className = 'category-navigation-entry';
6600
6601                    var newA = document.createElement('a');
6602                    newA.className = 'category-navigation-link';
6603                    newA.setAttribute('href', lvl0Link.getAttribute('href') || '#');
6604                    newA.textContent = (lvl0Link.textContent || '').trim();
6605                    newLi.appendChild(newA);
6606
6607                    // Level-2 (Kinder der Level-1-Items) rekursiv
6608                    var lvl1Cats = col.querySelector(':scope > .navigation-flyout-categories.is-level-1');
6609                    if (lvl1Cats) {
6610                        var lvl1Cols = lvl1Cats.querySelectorAll(':scope > .navigation-flyout-col');
6611                        if (lvl1Cols.length) {
6612                            var subSubUl = document.createElement('ul');
6613                            subSubUl.className = 'category-navigation level-2';
6614                            Array.prototype.forEach.call(lvl1Cols, function (col1) {
6615                                var lvl1Link = col1.querySelector(':scope > .navigation-flyout-link.is-level-1');
6616                                if (!lvl1Link) return;
6617                                var li1 = document.createElement('li');
6618                                li1.className = 'category-navigation-entry';
6619                                var a1 = document.createElement('a');
6620                                a1.className = 'category-navigation-link';
6621                                a1.setAttribute('href', lvl1Link.getAttribute('href') || '#');
6622                                a1.textContent = (lvl1Link.textContent || '').trim();
6623                                li1.appendChild(a1);
6624                                subSubUl.appendChild(li1);
6625                            });
6626                            if (subSubUl.children.length) {
6627                                newLi.appendChild(subSubUl);
6628                            }
6629                        }
6630                    }
6631
6632                    subUl.appendChild(newLi);
6633                });
6634
6635                if (subUl.children.length) {
6636                    entry.appendChild(subUl);
6637                }
6638            });
6639        }
6640
6641        document.addEventListener('DOMContentLoaded', function() {
6642            // ZUERST aus Flyouts auffüllen, dann erst die normale Toggle/Auto-Open-Logik
6643            nveSidebarPopulateFromFlyouts();
6644
6645            document.querySelectorAll('.category-navigation-entry').forEach(function(entry) {
6646                var ul = entry.querySelector(':scope > ul');
6647                if (!ul) return;
6648
6649                // Auto-open NUR den aktiven Pfad (wie im Dev-Shop-Standard).
6650                // Andere Kategorien bleiben zu, ihr Chevron zeigt nac
6650h rechts →
6651                // User kann gezielt eine Kategorie aufklappen statt einer langen
6652                // komplett-offenen Sidebar.
6653                if (entry.querySelector('.is-active, .in-path')) {
6654                    ul.style.height = ul.scrollHeight + 'px';
6655                    ul.addEventListener('transitionend', function() { ul.style.height = 'auto'; }, { once: true });
6656                    entry.classList.add('is-open');
6657                }
6658
6659                // Click toggles open/close (but lets actual links through)
6660                entry.addEventListener('click', function(e) {
6661                    if (e.target.closest('a.category-navigation-link')) return;
6662                    e.preventDefault();
6663                    e.stopPropagation();
6664
6665                    if (entry.classList.contains('is-open')) {
6666                        ul.style.height = '0';
6667                        entry.classList.remove('is-open');
6668                    } else {
6669                        ul.style.height = ul.scrollHeight + 'px';
6670                        ul.addEventListener('transitionend', function() { ul.style.height = 'auto'; }, { once: true });
6671                        entry.classList.add('is-open');
6672                    }
6673                });
6674            });
6675
6676            // Diagnostik-Marker: lässt sich in der Console abfragen, ob das
6677            // Sidebar-JS sauber durchgelaufen ist. Kein CSS hängt mehr daran.
6678            document.body.classList.add('nve-sidebar-ready');
6679        });
6680
6681        // Versions-Marker — schnelle Diagnose im Browser:
6682        //   window.NVE_VERSION   → zeigt installierte Version
6683        //   window.NVE_VERSION === '1.10.66' bedeutet: dieser Build ist aktiv
6684        window.NVE_VERSION = '1.10.87';
6685
6686        // ====================================================================
6687        //  Unterkategorie-Karten oben auf Kategorieseiten — JS-basiert
6688        //
6689        //  Warum JS statt Twig? Der Theme-Override (NovumThemeSkitreffDE) ersetzt
6690        //  base_main / base_main_inner ohne parent() aufzurufen.
6691        //
6692        //  WICHTIG (1.10.68): Komplett DOM-API (createElement / textContent),
6693        //  KEINE HTML-Strings mehr in JS. Grund: in 1.10.66 hat der Browser-
6694        //  HTML-Parser die wörtlichen kleiner-als-Zeichen in meinen JS-Strings
6695        //  als Tag-Öffnungen interpretiert und gestrippt → leere HTML rauskam.
6696        //  Mit createElement gibt es kein einziges kleiner-als in der Quelle,
6697        //  somit kein Parse-Problem.
6698        //
6699        //  Datenquelle: window.activeNavigationId + die im Header schon
6700        //  gerenderten navigation-flyout-Container des Theme.
6701        //  SEO: die Links sind bereits im DOM (Flyout-Menü), Bots sehen sie.
6702        // ====================================================================
6703        // NICHT auf Produkt-Detail ausführen (window.controllerName === 'product').
6704        // Auf allen anderen Pages erlauben — wenn keine passenden Sub-Kategorien
6705        // im Flyout/Sidebar gefunden werden, baut der Code sowieso nichts.
6706        // Per Exklusion statt Inklusion, damit auch Schweizer-Shop / CMS-Pages
6707        // / Home-Page-Setups weiter Karten zeigen können.
6708        if (document.body.classList.contains('nve-subcategory-cards')
6709            && window.controllerName !== 'product') {
6710            (function () {
6711                // Sucht Sub-Kategorien der aktiven Kategorie:
6712                // 1) Primär aus der Sidebar (.category-navigation-link.is-active
6713                //    plus Geschwister-UL) – das funktioniert auf JEDER Ebene.
6714                // 2) Fallback Header-Flyout (gibt's typisch nur für Top-Level).
6715                function findChildLinks() {
6716                    // 1) Sidebar
6717                    var activeLink = document.querySelector(
6718                        '.cms-block-category-navigation .category-navigation-link.is-active'
6719                    ) || document.querySelector(
6720                        '.category-navigation-link.is-active'
6721                    );
6722                    if (activeLink) {
6723                        var entry = activeLink.closest('.category-navigation-entry');
6724                        if (entry) {
6725                            var ul = entry.querySelector(':scope > ul.category-navigation');
6726                            if (ul) {
6727                                var sidebarLinks = ul.querySelectorAll(
6728                                    ':scope > li > .category-navigation-link'
6729                                );
6730                                if (sidebarLinks.length) return sidebarLinks;
6731                            }
6732                        }
6733                    }
6734
6735                    // 2) Header-Flyout-Fallback
6736                    var activeId = window.activeNavigationId;
6737                    if (activeId) {
6738                        var flyout = document.querySelector(
6739                            '.navigation-flyout[data-flyout-menu-id="' + activeId + '"]'
6740                        );
6741                        if (flyout) {
6742                            return flyout.querySelectorAll(
6743                                '.navigation-flyout-link.is-level-0'
6744                            );
6745                        }
6746                    }
6747                    return [];
6748                }
6749
6750                function build() {
6751                    // Bereits eingefügt? Nicht noch mal.
6752                    if (document.querySelector('.nve-subcategory-cards-wrap')) return;
6753
6754                    var links = findChildLinks();
6755                    if (!links.length) return;
6756
6757                    // Wrapper: div.nve-subcategory-cards-wrap > div.nve-subcategory-cards
6758                    // KEIN inner div.container mehr — wir setzen das in die rechte
6759                    // Content-Spalte rein, dort ist schon Padding durch die CMS-Section.
6760                    var wrap = document.createElement('div');
6761                    wrap.className = 'nve-subcategory-cards-wrap';
6762
6763                    var grid = document.createElement('div');
6764                    grid.className = 'nve-subcategory-cards';
6765
6766                    wrap.appendChild(grid);
6767
6768                    Array.prototype.forEach.call(links, function (link) {
6769                        var nameEl = link.querySelector('[itemprop="name"]');
6770                        var name = (nameEl ? nameEl.textContent : link.textContent).trim();
6771                        if (!name) return;
6772                        var href = link.getAttribute('href') || '#';
6773
6774                        // Keine Initial-Icons mehr → nur sauberer Pill-Button mit Name.
6775                        var card = document.createElement('a');
6776                        card.className = 'nve-subcategory-card';
6777                        card.setAttribute('href', href);
6778                        card.setAttribute('title', name);
6779
6780                        var titleEl = document.createElement('span');
6781                        titleEl.className = 'nve-subcategory-card-title';
6782                        titleEl.textContent = name;
6783
6784                        card.appendChild(titleEl);
6785                        grid.appendChild(card);
6786                    });
6787
6788                    // Smart Positioning — Reihenfolge der Versuche:
6789                    //  1) Sidebar-Layout (Filter+Listing rechts): oben im rechten Block,
6790                    //     direkt über dem Filter.
6791                    //  2) Kein Sidebar-Layout, aber CMS-Content + Listing: Karten
6792                    //     direkt VOR dem .cms-block-product-listing einsetzen
6793                    //     (damit Welcome-Texte etc. oben bleiben).
6794                    //  3) Sonst Fallback: ganz oben in .container-main.
6795                    var sidebarMain = document.querySelector('.cms-section-sidebar-main-content');
6796                    if (sidebarMain) {
6797                        sidebarMain.insertBefore(wrap, sidebarMain.firstChild);
6798                        return;
6799                    }
6800
6801                    var listing = document.querySelector('.cms-block-product-listing');
6802                    if (listing && listing.parentNode) {
6803                        listing.parentNode.insertBefore(wrap, listing);
6804                        return;
6805                    }
6806
6807                    var target = document.querySelector('.container-main');
6808                    if (target) {
6809                        target.insertBefore(wrap, target.firstChild);
6810                    }
6811                }
6812
6813                if (document.readyState === 'loading') {
6814                    document.addEventListener('DOMContentLoaded', build);
6815                } else {
6816                    build();
6817                }
6818            })();
6819        }
6820
6821        // Text-Ersetzung "Ihr Konto" → "Dein Konto" für das Account-Menü.
6822        // Shopware lädt das Offcanvas-Menü per AJAX nach, deshalb MutationObserver
6823        // statt einfachem DOMContentLoaded-Hook. CSS reicht nicht, weil die
6824        // Heading-Klasse je nach SW-Version variiert.
6825        (function () {
6826            function deinKonto(root) {
6827                if (!root || !root.querySelectorAll) return;
6828                var nodes = root.querySelectorAll(
6829                    '.account-menu-header, .dropdown-header.account-menu-header, ' +
6830                    '#account-menu__offcanvas h5, .account-menu-offcanvas h5, ' +
6831                    '#account-menu__offcanvas .dropdown-header, .account-menu-dropdown .dropdown-header, ' +
6832                    '.offcanvas-body p, .info-body p'
6833                );
6834                nodes.forEach(function (el) {
6835                    if (el.children.length !== 0 || !el.textContent) return;
6836                    var t = el.textContent.trim();
6837                    if (t === 'Ihr Konto' || t === 'Mein Konto') {
6838                        el.textContent = 'Dein Konto';
6839                    }
6840                });
6841            }
6842            // 1. Beim ersten Render
6843            document.addEventListener('DOMContentLoaded', function () { deinKonto(document); });
6844            // 2. Bei jedem nachgeladenen DOM-Element (Bootstrap Offcanvas/Dropdown)
6845            new MutationObserver(function (muts) {
6846                muts.forEach(function (m) {
6847                    m.addedNodes.forEach(function (node) {
6848                        if (node.nodeType !== 1) return;
6849                        deinKonto(node);
6850                    });
6851                });
6852            }).observe(document.documentElement, { childList: true, subtree: true });
6853        })();
6854        </script>
6854
6855    
6856            
6856<script type="text/javascript">
6857<!-- releva Tag -->
6858relevanzAppForcePixel = true;
6859</script>
6859
6860                                                        
6860<script type="text/javascript">
6861            var relevanzAppInterval = window.setInterval(function () {
6862                if (typeof relevanzAppForcePixel !== "undefined" && relevanzAppForcePixel === true) {
6863                    window.clearInterval(relevanzAppInterval);
6864                        var script = document.createElement('script');
6865                        script.type = 'text/javascript';
6866                        script.src = 'https://pix.hyj.mobi/rt?t=d&action=s&cid=12278';
6867                                                    script.async = true;
6868                                                document.body.appendChild(script);
6869                }
6870            }, 500);
6871        </script>
6871
6872        </body>
6873</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.