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">❮</button> 987 <button class="base-slider-controls-next slider-button slider-next next">❯</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='{"searchWidgetMinChars":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 & Sale"> 1527 <div class="main-navigation-link-text"> 1528 <span itemprop="name">Deals & 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 & Longsleeves"> 1619 <span itemprop="name">Shirts & 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 & Hoodies"> 1634 <span itemprop="name">Pullover & 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 & Reinigung "> 1846 <span itemprop="name"> Textilpflege, Imprägnierung & 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 & Schuhzubehör">
2097 <span itemprop="name">Schuhpflege & 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 & Erste Hilfe Sets"> 2421 <span itemprop="name">Biwacksäcke & 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 & Kindertragen"> 2436 <span itemprop="name">Kinder Rucksäcke & 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 & Reisetaschen"> 2453 <span itemprop="name">Sport & 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- & Isolierflaschen"> 2558 <span itemprop="name">Trink- & 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 & Cityhelme"> 2717 <span itemprop="name">Trekkinghelme & 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- & Isolierflaschen"> 2809 <span itemprop="name">Trink- & 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 & Decken"> 2895 <span itemprop="name">Schlafsäcke & 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- & Isolierflaschen"> 2970 <span itemprop="name">Trink- & 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 & Sale">
3193 <span itemprop="name">Deals & 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="{"_noStore":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="{"_noStore":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="{"siteKey":"6Lf38f8sAAAAAAMdWd_6-NAerZS3RYWNTzcQilVH"}"> 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">×</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">×</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">×</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 & 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">×</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 & 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 & 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 & 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">×</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">×</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">×</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">×</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="#70f25e" 5887 data-button-color="#545454" 5888 data-button-border="rgba(242, 242, 242, 0)" 5889 data-button-hover-bg="#565656" 5890 data-button-hover-color="#ffffff" 5891 data-button-hover-border="#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 8px 14px rgba(0, 0, 0, 0.25)" 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="{"siteKey":"6Lf38f8sAAAAAAMdWd_6-NAerZS3RYWNTzcQilVH"}"> 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.