Check server response of

Response headers

Request headers

Raw HTML code

302 Found - bbs.com

HTTP Status: 302

User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

Server: nginx

Date: Sun, 04 May 2025 00:54:09 GMT

Content-Type: text/html; charset=UTF-8

Content-Length: 0

Connection: keep-alive

Set-Cookie: PHPSESSID=011bfb0f0fdeb36325bcef9bf08a79a9; expires=Sun, 04 May 2025 01:54:09 GMT; Max-Age=3600; path=/; domain=bbs.com; HttpOnly; SameSite=Lax

Location: https://www.bbs.com/de/

Content-Security-Policy: font-src https://cdn.bbs.com/ http://bbs-unlimited-landing-page.s3-website.eu-central-1.amazonaws.com/ http://pictorama.s3.eu-central-1.amazonaws.com/ https://www.snapengage.com/ https://maps.googleapis.com https://static-prod.uberall.com https://fonts.gstatic.com/ *.fontawesome.com data: 'self' 'unsafe-inline'; form-action geostag.cardinalcommerce.com geo.cardinalcommerce.com 1eafstag.cardinalcommerce.com 1eaf.cardinalcommerce.com centinelapistag.cardinalcommerce.com centinelapi.cardinalcommerce.com pilot-payflowlink.paypal.com www.paypal.com www.sandbox.paypal.com *.paypal.com https://cdn.bbs.com/ https://cdn.jfnet.de/ http://bbs-unlimited-landing-page.s3-website.eu-central-1.amazonaws.com/ http://pictorama.s3.eu-central-1.amazonaws.com/ https://www.snapengage.com/ https://maps.googleapis.com https://static-prod.uberall.com https://www.facebook.com/ https://www.sandbox.paypal.com 'self' 'unsafe-inline'; frame-ancestors https://panorari.de/ https://kwautomotive.de/ 'self'; frame-src fast.amc.demdex.net *.adobe.com bid.g.doubleclick.net *.youtube.com *.youtube-nocookie.com geostag.cardinalcommerce.com geo.cardinalcommerce.com 1eafstag.cardinalcommerce.com 1eaf.cardinalcommerce.com centinelapistag.cardinalcommerce.com centinelapi.cardinalcommerce.com www.paypal.com www.sandbox.paypal.com pilot-payflowlink.paypal.com player.vimeo.com https://www.google.com/recaptcha/ *.google.com *.klarnacdn.net *.klarnaevt.com *.klarna.com *.doubleclick.net *.consentmanager.net https://cdn.bbs.com/ https://cdn.jfnet.de/ http://bbs-unlimited-landing-page.s3-website.eu-central-1.amazonaws.com/ http://pictorama.s3.eu-central-1.amazonaws.com/ https://www.snapengage.com/ https://maps.googleapis.com https://static-prod.uberall.com https://www.facebook.com/ https://www.youtube.com/ https://wheelspacerfinder.com/ https://payflowlink.paypal.com/ 'self' 'unsafe-inline'; img-src assets.adobedtm.com amcglobal.sc.omtrdc.net dpm.demdex.net cm.everesttech.net *.adobe.com widgets.magentocommerce.com data: www.googleadservices.com www.google-analytics.com googleads.g.doubleclick.net www.google.com bid.g.doubleclick.net analytics.google.com www.googletagmanager.com t.paypal.com www.paypal.com www.paypalobjects.com fpdbs.paypal.com fpdbs.sandbox.paypal.com *.vimeocdn.com i.ytimg.com *.youtube.com validator.swagger.io *.googleapis.com *.dtsshop.de *.fbcdn.net *.google.com *.facebook.com *.cdninstagram.com *.instagram.com *.flockler.com *.flockler.app flockler.com *.paypal.com *.snapengage.com 748073e22e8db794416a-cc51ef6b37841580002827d4d94d19b6.ssl.cf3.rackcdn.com *.s3.eu-central-1.amazonaws.com https://bat.bing.com/ *.klarnacdn.net *.klarnaevt.com *.klarna.com *.consentmanager.net https://cdn.bbs.com/ https://cdn.jfnet.de/ http://bbs-unlimited-landing-page.s3-website.eu-central-1.amazonaws.com/ http://pictorama.s3.eu-central-1.amazonaws.com/ https://www.snapengage.com/ https://maps.googleapis.com https://static-prod.uberall.com https://s3.eu-central-1.amazonaws.com https://content-images-prod.uberall.com https://locator.uberall.com https://bbs.com/ https://driverightvehicleimages.com/ http://blog-de.kwautomotive.net/ https://pictorama-resized.s3.eu-central-1.amazonaws.com/ https://www.google.de/ https://www.facebook.com/ https://i.ytimg.com/ https://stats.g.doubleclick.net/ http://blog-int.kwautomotive.net/ maps.gstatic.com data: 'self' 'unsafe-inline'; script-src assets.adobedtm.com *.adobe.com www.googleadservices.com www.google-analytics.com googleads.g.doubleclick.net analytics.google.com www.googletagmanager.com *.newrelic.com *.nr-data.net geostag.cardinalcommerce.com 1eafstag.cardinalcommerce.com geoapi.cardinalcommerce.com 1eafapi.cardinalcommerce.com songbird.cardinalcommerce.com includestest.ccdc02.com www.paypal.com www.sandbox.paypal.com www.paypalobjects.com t.paypal.com s.ytimg.com www.googleapis.com vimeo.com www.vimeo.com *.vimeocdn.com *.youtube.com https://www.gstatic.com/recaptcha/ https://www.google.com/recaptcha/ *.flockler.com *.flockler.app *.instagram.com *.google.com *.googleapis.com *.snapengage.com *.facebook.com *.facebook.net *.googletagmanager.com flockler.embed.codes cdnjs.cloudflare.com fl-cdn.scdn1.secure.raxcdn.com paypalobjects.com *.gstatic.com unpkg.com https://bat.bing.com/ *.klarnacdn.net *.klarnaevt.com *.klarna.com *.doubleclick.net *.consentmanager.net https://cdn.bbs.com/ https://cdn.jfnet.de/ http://bbs-unlimited-landing-page.s3-website.eu-central-1.amazonaws.com/ http://pictorama.s3.eu-central-1.amazonaws.com https://www.snapengage.com https://code.jquery.com/jquery-3.6.0.min.js https://maps.googleapis.com https://uberall.com https://locator.uberall.com https://widgets.trustedshops.com/ maps.googleapis.com 'self' 'unsafe-inline' 'unsafe-eval'; style-src *.adobe.com *.flockler.com *.flockler.app *.googleapis.com *.google.com *.gstatic.com https://cdn.bbs.com/ https://cdn.jfnet.de/ http://bbs-unlimited-landing-page.s3-website.eu-central-1.amazonaws.com/ http://pictorama.s3.eu-central-1.amazonaws.com/ https://www.snapengage.com/ https://cdnjs.cloudflare.com https://maps.googleapis.com https://static-prod.uberall.com *.fontawesome.com 'self' 'unsafe-inline'; object-src 'self' 'unsafe-inline'; media-src *.adobe.com https://cdn.bbs.com/ http://bbs-unlimited-landing-page.s3-website.eu-central-1.amazonaws.com/ http://pictorama.s3.eu-central-1.amazonaws.com/ https://www.snapengage.com/ https://maps.googleapis.com https://static-prod.uberall.com 'self' 'unsafe-inline'; manifest-src 'self' 'unsafe-inline'; connect-src dpm.demdex.net amcglobal.sc.omtrdc.net www.google-analytics.com www.googleadservices.com analytics.google.com www.googletagmanager.com *.newrelic.com *.nr-data.net vimeo.com geostag.cardinalcommerce.com geo.cardinalcommerce.com 1eafstag.cardinalcommerce.com 1eaf.cardinalcommerce.com centinelapistag.cardinalcommerce.com centinelapi.cardinalcommerce.com www.sandbox.paypal.com www.paypalobjects.com www.paypal.com pilot-payflowlink.paypal.com *.paypal.com *.google.com *.gstatic.com *.snapengage.com *.flockler.com *.flockler.app https://bat.bing.com/ *.klarnacdn.net *.klarnaevt.com *.klarna.com *.doubleclick.net *.consentmanager.net https://cdn.bbs.com/ https://cdn.jfnet.de/ http://bbs-unlimited-landing-page.s3-website.eu-central-1.amazonaws.com/ http://pictorama.s3.eu-central-1.amazonaws.com/ https://www.snapengage.com/ https://maps.googleapis.com https://uberall.com https://geostag.cardinalcommerce.com https://locator.uberall.com https://www.google-analytics.com/ https://stats.g.doubleclick.net/ https://www.paypalobjects.com/ ws://127.0.0.1:35729 https://api.jfnet.de/ https://yjpiwpg4axiilofw2enyesjgma0nmgyh.lambda-url.eu-central-1.on.aws/ https://www.googleapis.com/ 'self' 'unsafe-inline'; child-src http: https: blob: 'self' 'unsafe-inline'; default-src *.klarnacdn.net *.klarnaevt.com *.klarna.com 'self' 'unsafe-inline' 'unsafe-eval'; base-uri https://www.paypalobjects.com 'self' 'unsafe-inline';

Strict-Transport-Security: max-age=31536000

Content-Security-Policy: upgrade-insecure-requests;

X-Content-Type-Options: nosniff

X-XSS-Protection: 1; mode=block

X-Frame-Options: SAMEORIGIN

X-UA-Compatible: IE=edge

Pragma: no-cache

Expires: -1

Cache-Control: no-store, no-cache, must-revalidate, max-age=0

Access-Control-Allow-Origin: *

HTTP Code 302 Found (Moved Temporarily)

302 status code indicates that the requested resource is temporarily available at a different URL.

When is Code 302 used?

When temporarily changing a page URL
When testing new content
During temporary maintenance

What does Code 302 mean for the user?

The user is automatically redirected to the new URL, but search engines continue to index the old address.

301 Moved Permanently - https://www.bbs.com/de/

HTTP Status: 301

User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

Server: nginx

Date: Sun, 04 May 2025 00:54:10 GMT

Content-Type: text/html; charset=UTF-8

Content-Length: 0

Connection: keep-alive

Set-Cookie: PHPSESSID=e46a4fc65bf9a9639a31a88eb21f8cd0; expires=Sun, 04 May 2025 01:54:10 GMT; Max-Age=3600; path=/de; domain=www.bbs.com; secure; HttpOnly; SameSite=Lax

Location: https://www.bbs.com/de/home

Strict-Transport-Security: max-age=31536000

Content-Security-Policy: upgrade-insecure-requests;

X-Content-Type-Options: nosniff

X-XSS-Protection: 1; mode=block

X-Frame-Options: SAMEORIGIN

X-UA-Compatible: IE=edge

Pragma: no-cache

Expires: -1

Cache-Control: no-store, no-cache, must-revalidate, max-age=0

Access-Control-Allow-Origin: *

HTTP Code 301 Moved Permanently

301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.

When is Code 301 used?

When changing a website domain
When modifying URL structures
When setting up redirects for SEO

What does Code 301 mean for the user?

The browser will automatically redirect the user to the new address, and search engines will update their indexes.

200 OK - https://www.bbs.com/de/home

HTTP Status: 200

User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

Server: nginx

Date: Sun, 04 May 2025 00:54:10 GMT

Content-Type: text/html; charset=UTF-8

Content-Length: 185649

Connection: keep-alive

Strict-Transport-Security: max-age=31536000

Content-Security-Policy: upgrade-insecure-requests;

X-Content-Type-Options: nosniff

X-XSS-Protection: 0

X-Frame-Options: SAMEORIGIN

Vary: Accept-Encoding

X-UA-Compatible: IE=edge

Accept-Ranges: bytes

Pragma: no-cache

Expires: -1

Cache-Control: no-store, no-cache, must-revalidate, max-age=0

Access-Control-Allow-Origin: *

HTTP Code 200 OK

200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.

When is Code 200 used?

When loading a web page
When successfully receiving an API response
When processing a form or another HTTP request

What does Code 200 mean for the user?

The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.

GET / HTTP/1.1
Host: bbs.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

<!doctype html>
<html lang="de">
    <head >
        <script>
    var LOCALE = 'de\u002DDE';
    var BASE_URL = 'https\u003A\u002F\u002Fwww.bbs.com\u002Fde\u002F';
    var require = {
        'baseUrl': 'https\u003A\u002F\u002Fwww.bbs.com\u002Fde\u002Fstatic\u002Fversion1744723141\u002Ffrontend\u002FFwd\u002Ffwd\u002Dbbs\u002Dde\u002Dtheme\u002Fde_DE'
    };</script>        <meta charset="utf-8"/>
<meta name="title" content="BBS Räder - Home - Technik aus dem Motorsport"/>
<meta name="robots" content="INDEX,FOLLOW"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="msapplication-TileImage" content="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/ms-icon-144x144.png"/>
<meta name="theme-color" content="#ffffff"/>
<title>BBS Räder - Home - Technik aus dem Motorsport</title>
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/mage/calendar.min.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/css/font-awesome.min.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/css/header.min.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/css/footer.min.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/css/bbs-global.min.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/css/bbs-static.min.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/css/styles-all-header.min.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/css/styles-all-header-compiled.min.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/css/bootstrap-carselector-compiled.min.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/css/bootstrap-reboot-carselector-compiled.min.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/css/bootstrap-footer-compiled.min.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/css/carselector-custom-bbs.min.css" />
<link  rel="stylesheet" type="text/css"  media="print" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/css/print.min.css" />
<link  rel="icon" type="image/x-icon" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/favicon.ico" />
<link  rel="shortcut icon" type="image/x-icon" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/favicon.ico" />
<script  type="text/javascript"  src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/requirejs/require.min.js"></script>
<script  type="text/javascript"  src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/requirejs-min-resolver.min.js"></script>
<script  type="text/javascript"  src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/mage/requirejs/mixins.min.js"></script>
<script  type="text/javascript"  src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/requirejs-config.min.js"></script>
<script  type="text/javascript"  src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Fwd_Couchconfig/js/scrollToAnchor.min.js"></script>
<script  type="text/javascript"  src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/mage/polyfill.min.js"></script>
<script  type="text/javascript"  src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/js/carselector.min.js"></script>
<script  type="text/javascript"  src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/js/product_scrolling.min.js"></script>
<script  type="text/javascript"  src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/js/header.min.js"></script>
<script  type="text/javascript"  src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/js/footer.min.js"></script>
<script  type="text/javascript"  src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/js/reload.min.js"></script>
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/fonts/Luma-Icons.woff2" />
<link  rel="apple-touch-icon" sizes="57x57" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/apple-icon-57x57.png" />
<link  rel="apple-touch-icon" sizes="60x60" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/apple-icon-60x60.png" />
<link  rel="apple-touch-icon" sizes="72x72" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/apple-icon-72x72.png" />
<link  rel="apple-touch-icon" sizes="76x76" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/apple-icon-76x76.png" />
<link  rel="apple-touch-icon" sizes="114x114" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/apple-icon-114x114.png" />
<link  rel="apple-touch-icon" sizes="120x120" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/apple-icon-120x120.png" />
<link  rel="apple-touch-icon" sizes="144x144" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/apple-icon-144x144.png" />
<link  rel="apple-touch-icon" sizes="152x152" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/apple-icon-152x152.png" />
<link  rel="apple-touch-icon" sizes="180x180" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/apple-icon-180x180.png" />
<link  rel="icon" type="image/png" sizes="192x192" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/android-icon-192x192.png" />
<link  rel="icon" type="image/png" sizes="32x32" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/favicon-32x32.png" />
<link  rel="icon" type="image/png" sizes="96x96" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/favicon-96x96.png" />
<link  rel="icon" type="image/png" sizes="16x16" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/favicon-16x16.png" />
<link  rel="manifest" href="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Magento_Theme/icons/manifest.json" />
        <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WXBMFBM');</script>
<!-- End Google Tag Manager -->
    <script type="text/x-magento-init">
        {
            "*": {
                "Magento_PageCache/js/form-key-provider": {
                    "isPaginationCacheEnabled":
                        0                }
            }
        }
    </script>
    </head>
    <body data-container="body"
          data-mage-init='{"loaderAjax": {}, "loader": { "icon": "https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/loader-2.gif"}}'
        id="html-body" class="fwd-kw-theme cmspages-page-homede cmspages-page-view page-layout-1column">
        <script type="text/x-magento-init">
{
	"*": {
		"Magento_Ui/js/core/app": {
			"components": {
				"chatSoftwareIntegration": {
					"component": "Econsor_ChatSoftware/js/chatSoftwareIntegration",
					"storeCode": "BbsDeDe"
				}
			}
		}
	}
}
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WXBMFBM"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script>setTimeout(function(){var d=document,t="script",p=d.getElementsByTagName(t)[0],s=d.createElement(t);s.async=true;s.type="text/javascript";s.src=d.location.origin+"/hc_scripts/oti.js?cid=6292&skip_track=1";p.parentNode.insertBefore(s,p)},0);</script>
<script>window.hc_tm = window.hc_tm || []; window.hc_tm.push({"e":"track","p":{"page_type":"other"}});console.log("track data for cmspages/page/view/homede", {"page_type":"other"});</script><script>(function() {
window.hc_tm = window.hc_tm || [];
var Cookies=function(){function e(){for(var e=0,n={};e<arguments.length;e++){var t=arguments[e];for(var r in t)n[r]=t[r]}return n}return function n(t){function r(n,o,i){var c;if("undefined"!=typeof document){if(arguments.length>1){if("number"==typeof(i=e({path:"/"},r.defaults,i)).expires){var a=new Date;a.setMilliseconds(a.getMilliseconds()+864e5*i.expires),i.expires=a}try{c=JSON.stringify(o),/^[\{\[]/.test(c)&&(o=c)}catch(e){}return o=t.write?t.write(o,n):encodeURIComponent(String(o)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),n=(n=(n=encodeURIComponent(String(n))).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent)).replace(/[\(\)]/g,escape),document.cookie=[n,"=",o,i.expires?"; expires="+i.expires.toUTCString():"",i.path?"; path="+i.path:"",i.domain?"; domain="+i.domain:"",i.secure?"; secure":""].join("")}n||(c={});for(var p=document.cookie?document.cookie.split("; "):[],s=/(%[0-9A-Z]{2})+/g,d=0;d<p.length;d++){var u=p[d].split("="),f=u.slice(1).join("=");"\""===f.charAt(0)&&(f=f.slice(1,-1));try{var l=u[0].replace(s,decodeURIComponent);if(f=t.read?t.read(f,l):t(f,l)||f.replace(s,decodeURIComponent),this.json)try{f=JSON.parse(f)}catch(e){}if(n===l){c=f;break}n||(c[l]=f)}catch(e){}}return c}}return r.set=r,r.get=function(e){return r(e)},r.getJSON=function(){return r.apply({json:!0},[].slice.call(arguments))},r.defaults={},r.remove=function(n,t){r(n,"",e(t,{expires:-1}))},r.withConverter=n,r}(function(){})}();
var origOpen = XMLHttpRequest.prototype.open;
var name = "track_hurra_cookie";

let pfUrlChanged = false;
window.addEventListener("pfUrlParamChanged", function onPfUrlChanged(event) {
    if(!pfUrlChanged){
        pfUrlChanged = true;
        setTimeout(function(){ 
            pfUrlChanged = false;
            if(event.detail.name == "ag"){
                console.log({"page_type": "productfinder", "page_subtype": "group_selected", "group_name": event.detail.value.toString()});
                window.hc_tm.push({"e":"track","p":{"page_type": "productfinder", "page_subtype": "group_selected", "group_name": event.detail.value.toString()}});
            }else if(event.detail.name == "cat_id"){
                console.log({"page_type": "productfinder", "page_subtype": "category_selected", "category_id": event.detail.value.toString()});
                window.hc_tm.push({"e":"track","p":{"page_type": "productfinder", "page_subtype": "category_selected", "category_id": event.detail.value.toString()}});
            }
        });
    }
});

XMLHttpRequest.prototype.open = function() {
    this.addEventListener("load", function() {
        var data = Cookies.get(name);
        if(this.readyState === 4 && typeof data !== "undefined"){
            console.log(JSON.parse(decodeURIComponent(Cookies.get(name))));
            window.hc_tm.push({"e":"track","p":JSON.parse(decodeURIComponent(Cookies.get(name)))});
            Cookies.remove(name, { path: "/de", domain: "www.bbs.com" });
        }
    });
    origOpen.apply(this, arguments);
};
})();</script>

<script type="text/x-magento-init">
    {
        "*": {
            "Magento_PageBuilder/js/widget-initializer": {
                "config": {"[data-content-type=\"slider\"][data-appearance=\"default\"]":{"Magento_PageBuilder\/js\/content-type\/slider\/appearance\/default\/widget":false},"[data-content-type=\"map\"]":{"Magento_PageBuilder\/js\/content-type\/map\/appearance\/default\/widget":false},"[data-content-type=\"row\"]":{"Magento_PageBuilder\/js\/content-type\/row\/appearance\/default\/widget":false},"[data-content-type=\"tabs\"]":{"Magento_PageBuilder\/js\/content-type\/tabs\/appearance\/default\/widget":false},"[data-content-type=\"slide\"]":{"Magento_PageBuilder\/js\/content-type\/slide\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-slide-button","showOverlay":"hover","dataRole":"slide"}},"[data-content-type=\"banner\"]":{"Magento_PageBuilder\/js\/content-type\/banner\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-banner-button","showOverlay":"hover","dataRole":"banner"}},"[data-content-type=\"buttons\"]":{"Magento_PageBuilder\/js\/content-type\/buttons\/appearance\/inline\/widget":false},"[data-content-type=\"products\"][data-appearance=\"carousel\"]":{"Magento_PageBuilder\/js\/content-type\/products\/appearance\/carousel\/widget":false}},
                "breakpoints": {"desktop":{"label":"Desktop","stage":true,"default":true,"class":"desktop-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-desktop.svg","conditions":{"min-width":"1024px"},"options":{"products":{"default":{"slidesToShow":"5"}}}},"tablet":{"conditions":{"max-width":"1024px","min-width":"768px"},"options":{"products":{"default":{"slidesToShow":"4"},"continuous":{"slidesToShow":"3"}}}},"mobile":{"label":"Mobile","stage":true,"class":"mobile-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-mobile.svg","media":"only screen and (max-width: 768px)","conditions":{"max-width":"768px","min-width":"640px"},"options":{"products":{"default":{"slidesToShow":"3"}}}},"mobile-small":{"conditions":{"max-width":"640px"},"options":{"products":{"default":{"slidesToShow":"2"},"continuous":{"slidesToShow":"1"}}}}}            }
        }
    }
</script>

<div class="cookie-status-message" id="cookie-status">
    The store will not work correctly when cookies are disabled.</div>
<script type="text&#x2F;javascript">document.querySelector("#cookie-status").style.display = "none";</script>
<script type="text/x-magento-init">
    {
        "*": {
            "cookieStatus": {}
        }
    }
</script>

<script type="text/x-magento-init">
    {
        "*": {
            "mage/cookies": {
                "expires": null,
                "path": "\u002Fde",
                "domain": ".www.bbs.com",
                "secure": true,
                "lifetime": "3600"
            }
        }
    }
</script>
    <noscript>
        <div class="message global noscript">
            <div class="content">
                <p>
                    <strong>JavaScript scheint in Ihrem Browser deaktiviert zu sein.</strong>
                    <span>
                        Um unsere Website in bester Weise zu erfahren, aktivieren Sie Javascript in Ihrem Browser.                    </span>
                </p>
            </div>
        </div>
    </noscript>

<script>
    window.cookiesConfig = window.cookiesConfig || {};
    window.cookiesConfig.secure = true;
</script><script>    require.config({
        map: {
            '*': {
                wysiwygAdapter: 'mage/adminhtml/wysiwyg/tiny_mce/tinymceAdapter'
            }
        }
    });</script><script>    require.config({
        paths: {
            googleMaps: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D'
        },
        config: {
            'Magento_PageBuilder/js/utils/map': {
                style: '',
            },
            'Magento_PageBuilder/js/content-type/map/preview': {
                apiKey: '',
                apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.bbs.com\u002Fde\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.'
            },
            'Magento_PageBuilder/js/form/element/map': {
                apiKey: '',
                apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.bbs.com\u002Fde\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.'
            },
        }
    });</script><script>
    require.config({
        shim: {
            'Magento_PageBuilder/js/utils/map': {
                deps: ['googleMaps']
            }
        }
    });</script><div class="page-wrapper"><header class="page-header">
<div class="header content"><style>

  @font-face {
    font-family: "TTNorms_Pro_DemiBold";
    font-style: normal;
    font-weight: 600;
    src: url("https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Fwd_CmsPages/fonts/cc-r-unlimited/TT-Norms-Pro-DemiBold.ttf");
  }

  @font-face {
    font-family: "TTNorms_Pro_Medium";
    font-style: normal;
    font-weight: 400;
    src: url("https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Fwd_CmsPages/fonts/cc-r-unlimited/TTNorms_Pro_Medium.otf");
  }

  .menu-wrapper{
    position: absolute;
    width: 420px;
    height: 711px;
    background: #FFFFFF;
    top:83px;
    display:none;
    cursor:auto;
    left:0;
    box-shadow: 0px 0px 35px #00000033;
  }

  

  @keyframes  showMenu{
    from {opacity: 0}
    to {opacity: 1}
  }

  @keyframes  hideMenu{
    from {opacity: 1}
    to {opacity: 0}
  }
  
  .left-dropdown-menu{
    margin-top: 55px;
    padding-left: 74px;
    height:100%;
    position: relative;
  }

  .left-dropdown-title{
    text-align: left;
    font-size: 22px;
    font-family: "TTNorms_Pro_DemiBold";
    letter-spacing: 2.64px;
    text-transform: uppercase;
    opacity: 1;
    color: #666666 !important;
    margin-top:75px
  }

  .left-dropdown-links{
    position: relative;
    text-align: left;
    font-size: 18px;
    font-family: "TTNormsPro";
    letter-spacing: 0px;
    opacity: 1;
    top:89px;
    width: 275px;
  }

  .left-dropdown-links a {
    display: inline-block;
    width: 165px !important;
  }

  .dropdown-link-separator{
    border-bottom: 1px solid #666666 !important;
    opacity: 0.15;
    width: 100%;
    margin-top: 21px;
    position: relative;
  }

  .dropdown-link-unlimited{
    margin-top: 23px;
    font-family: "TTNorms_Pro_Medium";
    display: flex;
  }

  .dropdown-link-unlimited img{
    padding-left: 8px;
  }

  .dropdown-link{
    display:flex;
    flex-direction: column;
  }

  .dropdown-link a{
    color: #666666 !important;
    width: fit-content;
  }
  
  .left-dropdown-links ul{
    list-style: none;
    padding: 0;
    margin-bottom: 57.6px;
    margin-top: 10.5px;
  }

  .dropdown-list-item{
    padding: 10px 0 7px 0;
    background: rgba(64, 64, 68, 0.12);
    width: 0;
    transition: padding-left 0.3s,width 0.3s;
    transition-timing-function: ease-out;
    color:#666666;
  }

  .dropdown-list-item:hover{
    background: rgba(64, 64, 68, 0.12);
    width: 100%;
    padding-left: 11px;
    transition: padding-left 0.3s,width 0.3s;
    transition-timing-function: ease-out;
    cursor:pointer;
  }

  .left-dropdown-links ul li{
    margin: 0 0 5.5px 0;
    width: 100%;
    position:relative;
  }

  .left-dropdown-links ul li:last-child{
    margin: 0;
  }

  .dropdown-list-arrow{
    position: absolute;
    top: 15px;
    right: 28px;
    cursor:pointer;
  }

  .dropdown-link:last-child {
    margin-top:30px;
  }

  .dropdown-link:last-child a:first-of-type{
    margin-bottom:16px;
  }

  .dropdown-link:last-child a:first-of-type img{
    height:22px;
    width:16px;
    margin-right:10px;
    vertical-align: text-top;
  }

  .dropdown-link:last-child a:last-of-type{
    margin-bottom:28px;
  }

  .dropdown-link:last-child a:last-of-type img{
    height:20px;
    width:14px;
    margin-right:11px;
    vertical-align: text-top;
  }

  .dropdown-link:last-child .dropdown-link-separator{
    margin-top:0;
  }

  .dropdown-close-button{
    position: absolute;
    top:26px;
    right:26px;
    cursor:pointer;
  }

  .page-header .b-menu{
    position:relative;
  }

  .page-header .dropdown-menu-header a{
    color: #666666 !important;
  }

  .technology-menu .left-dropdown-links ul {
    margin-top: 36.5px;
    margin-bottom: 35px;
  }

  .dropdown-menu-header a:hover{
    color: #666666 !important;
    opacity: 1;
  }

  .b-menu a:hover{
    opacity: 1;
  }

  .b-selector a:hover{
    opacity:1;
  }

  .right-submenu-wrapper{
    display:none;
    position: absolute;
    top: 83px;
    left : 438px;
    height: 711px;
    width:353px;
    background : #FFFFFF;
    cursor: auto;
    box-shadow:0px 0px 35px #00000033;
  }

  .submenu-displayed-content{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 580px;
    margin: 76px 0 0 43px;
  }

  .content-element{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 31px;
    margin-right: 11px;
  }

  .el-img{
    width:130px;
    height:130px;
    position:relative;
    left:0;
    transition: all 0.3s;
  }

  .content-element:hover .el-img{
    left:10px;
    transition: all 0.3s;
  }

  .submenu-header{
    display: inline-block;
    font-family: "TTNorms_Pro_DemiBold";
    font-size: 17px;
    height: 22px;
    text-align: left;
    letter-spacing: 2.01px;
    color: #666666;
    text-transform: uppercase;
    opacity: 1;
    margin-top:26px;
    margin-left: 74px;
  }

  .el-head{
    font-family: "TTNormsPro";
    /* font-family: "cc-r-unlimited/TTNorms_Pro_Medium.otf"; */
    font-size: 17px;
    color: #666666;
    font-weight:400;
    text-transform: uppercase;
  }

  .submenu-dropdown-arrow{
    position: absolute;
    top: 30px;
    left: 50px;
    cursor:pointer;
  }

  .wheel-unlimited-icon{
    padding-left:8px;
    position: relative;
    top: -1px;
  }

  @media (max-width: 1024px) {
    .page-header .left-dropdown-menu .b-menu-mobile__icon_tech{
      transform: rotate(180deg);
      padding: 0;
      padding-left: 13px;
      position: relative;
      top: -2px;
    }

    .menu-wrapper{
      top:0;
      width:100%;
      z-index: 2;
    }

    .left-dropdown-title{
      font-size:18px;
      font-family: "TTNorms_Pro_DemiBold";
      margin: 0;
    }

    .left-dropdown-menu{
      padding-left: 31px !important;
      padding-right: 31px !important;
    }

    .left-dropdown-links{
      top:50px;
      width: 90%;
    }

    .right-submenu-wrapper{
      top: 0;
      left:0;
      z-index: 3;
      width:100%;
    }

    .submenu-header{
      margin-top: 50px;
      margin-left: 50px;
      font-size: 18px;
    }

    .submenu-displayed-content{
      margin:0;
      padding: 50px 30px;
    }

    .content-element{
      margin:0;
    }
    
    .submenu-dropdown-arrow{
      top:55px;
      left:30px;
    }

    .page-header .dropdown-menu-header a{
      white-space: pre;
    }

    .technology-menu .left-dropdown-links ul{
      margin-top: 21px;
      margin-bottom: 21px;
    }
    
  }

  .page-header .c-lang{
    justify-content:normal;
  }

  .arrow-left {
    padding-right: 14px;
    cursor: pointer;
  }

  .wrapper_heading {
    display: flex;
  }

  .header-link-loader{
    border:2px solid #D90000;
    height: 0;
    position: absolute;
    bottom: -6.5px;
    opacity:0;
    left:0;
    animation-duration: 0.3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
  }

  .header-link-wrapper{
    position:relative;
    color:#666666;
  }

  .b-menu-mobile__item > div:first-of-type {
    position: relative;
  }

  @keyframes hLinkLoad {
    from{
      left:100%;
      opacity:0;
      width: 0;
    }
    to{
      left: 0;
      opacity:1;
      width:35%;
    }
  }

  @keyframes hLinkUnload {
    from{
      left: 0;
      opacity:1;
      width:35%;
    }
    to{
      left:100%;
      opacity:0;
      width: 0;
    }
  }

  @keyframes hLinkLoadMobile {
    from{
      opacity:0;
      width: 0;
    }
    to{
      opacity:1;
      width:35%;
    }
  }
  
</style>
<!-- English Version -->
<div class="std bbs-header">

  <div class="b-header2">

    <a class="b-logoa" href="/de/home"><img class="b-header2__logo"
        src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/BBS-Logo-2021-black.png" /></a>

    <div class="b-menu">
      <!-- <div class="b-menu__item home" routerLink="{{'routes.en/home' | translate}}"
        [ngClass]="selectedItem === 'home' ? 'b-menu__item--selected' : ''"
        (click)="setSelectedItem('home')">
        <div>{{'CORE.HEADER.HOME' | translate}}</div>
      </div> -->
      <!-- <div class="b-menu__item produkte">
        <a href="/de/produkte">
          <div>Produkte</div>
        </a>
      </div> -->
      <div class="b-menu__item dropdown-menu-header">
          <div class="header-link-wrapper"><div class="header-button dropdown-open-button">Räder</div><span class="header-link-loader"></span></div>
          <div class="menu-wrapper rader-menu">
            <img class="dropdown-close-button" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/cross_duotone.svg"/>
            <div class="left-dropdown-menu">
              <div class="left-dropdown-title">RADÜBERSICHT</div>
              <div class="left-dropdown-links">
                <div class="dropdown-link">
                  <a href="/de/produkte">Alle Designs</a>
                  <div class="dropdown-link-separator"></div>
                </div>
                <div class="dropdown-link">
                  <a href="/de/unlimited-ubersicht" class="dropdown-link-unlimited">BBS Unlimited<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/Unlimited_Button.svg"/></a>
                  <div class="dropdown-link-separator"></div>
                </div>
                <ul>
                  <li><div class="dropdown-list-item"><a>Performance Design</a><img class="dropdown-list-arrow" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/arrow_medium.svg"/></div></li>
                  <li><div class="dropdown-list-item"><a>Motorsport Design</a><img class="dropdown-list-arrow" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/arrow_medium.svg"/></div></li>
                  <li><div class="dropdown-list-item"><a>Utility Design</a><img class="dropdown-list-arrow" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/arrow_medium.svg"/></div></li>
                  <li><div class="dropdown-list-item"><a>Classic Design</a><img class="dropdown-list-arrow" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/arrow_medium.svg"/></div></li>
                </ul>
                <div class="dropdown-link-separator"></div>
                <div class="dropdown-link">
                  <a href="https://store.kwautomotive.de/de/bbs/shop"><img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/wallet.png"/>BBS Shop</a>
                  <a href="/de/haendlersuche"><img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/location.png"/>Händlersuche</a>
                  <div class="dropdown-link-separator"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="right-submenu-wrapper">
              <img class="submenu-dropdown-arrow" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/arrow_bold.svg"/>
              <div class="submenu-header"></div>
              <img class="dropdown-close-button" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/cross_duotone.svg"/>
              <div class="submenu-displayed-content">
              </div>
            </div>
      </div>
      <div class="b-menu__item technologie dropdown-menu-header">
        <div class="header-link-wrapper"><div class="header-button dropdown-open-button">Technologie</div><span class="header-link-loader"></span></div>
          <div class="menu-wrapper technology-menu">
          <img class="dropdown-close-button" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/cross_duotone.svg"/>
            <div class="left-dropdown-menu">
              <div class="left-dropdown-title">TECHNOLOGIE</div>
              <div class="left-dropdown-links">
                <div class="dropdown-link">
                  <a href="/de/technologie">Vergleich</a>
                  <div class="dropdown-link-separator"></div>
                </div>
                <ul>
                  <li><div class="dropdown-list-item"><a href="/de/technologie/casting">Casting</a></div></li>
                  <li><div class="dropdown-list-item"><a href="/de/technologie/flow-forming">Flow Forming</a></div></li>
                  <li><div class="dropdown-list-item"><a href="/de/technologie/forging">Forging</a></div></li>
                </ul>
                <div class="dropdown-link-separator"></div>
                <div class="dropdown-link">
                  <a href="https://store.kwautomotive.de/de/bbs/shop"><img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/wallet.png"/>BBS Shop</a>
                  <a href="/de/haendlersuche"><img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/location.png"/>Händlersuche</a>
                  <div class="dropdown-link-separator"></div>
                </div>
              </div>
            </div>
          </div>
      </div>
      <div class="b-menu__item galerie">
        <a href="/de/galerie">
          <div class="header-link-wrapper" ><div>Galerie</div><span class="header-link-loader"></span></div>
        </a>
      </div>
      <div class="b-menu__item unternehmen">
        <a href="/de/unternehmen/manufaktur" style="text-decoration: none;">
          <div class="header-link-wrapper"><div>Unternehmen</div><span class="header-link-loader"></span></div>
        </a>
      </div>
      <!-- <div class="b-menu__item service">
        <a href="/de/service">
          <div>Service</div>
        </a>
      </div> -->
      <div class="b-menu__item kontakt">
        <a href="/de/kontakt">
          <div class="header-link-wrapper"><div>Kontakt</div><span class="header-link-loader"></span></div>
        </a>
      </div>
    </div>

    <div class="b-selector">
      <button class="b-selector__button b-selector__button--car">
        <a class="b-selector__car" href="https://store.kwautomotive.de/de/bbs/shop">Shop</a>
      </button>
      <!-- <div class="b-selector__rectangle"></div> -->
      <button class="b-selector__button b-selector__button--dealer">
        <a href="/de/haendlersuche" style="text-decoration: none;">
          <div class="b-selector__dealer">Händlersuche</div>
        </a>
      </button>
      <!-- <div class="b-selector__button">
        <div>Shop</div>
      </div> -->
    </div>
    <div class="header-icons">
      <div>
                </div>

      <div id="nav-icon">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </div>

    <div class="b-search">
      <!-- <img class="b-search__icon" src="{{'assetsPath'|env}}assets/images/header/search.svg"/> -->
      <div class="b-search__language">
        <div> DE | </div> 
        <img class="language-flag" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/de-flag.png" alt="">
        <div> DE </div> 
      </div>
      <div class="b-search__dropdown" style="display:none;">
        <div class="b-search__value"><a>EN</a></div>
        <div class="b-search__value"><a>DE</a></div>
      </div>
    </div>









    <div class="b-menu-mobile" style="display:none;">
      <!-- <div class="b-menu-mobile__item" routerLink="{{'routes.en/home' | translate}}"
        [ngClass]="selectedItem === 'home' ? 'b-menu-mobile__item--selected' : ''"
        (click)="setSelectedItem('home');mobileMenuToggle()">
        <div>{{'CORE.HEADER.HOME' | translate}}</div>
      </div> -->
      <div class="b-menu-mobile__item dropdown-menu-header rader">
          <div class="header-button dropdown-open-button">Räder<span class="header-link-loader"></span></div>
          <img class="b-menu-mobile__icon_tech" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/chevron-right-black.svg" />
          <div class="menu-wrapper">
            <div class="left-dropdown-menu">
            <div class="wrapper_heading">
                <img class="arrow-left" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/arrow_bold.svg" />
                <div class="left-dropdown-title">RADÜBERSICHT</div>
            </div>
              <div class="left-dropdown-links">
                <div class="dropdown-link">
                  <a href="/de/produkte">Alle Designs</a>
                  <div class="dropdown-link-separator"></div>
                </div>
                <div class="dropdown-link">
                  <a href="/de/unlimited-ubersicht" class="dropdown-link-unlimited">BBS Unlimited<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/Unlimited_Button.svg"/></a>
                  <div class="dropdown-link-separator"></div>
                </div>
                <ul>
                  <li><div class="dropdown-list-item"><a>Performance Design</a><img class="dropdown-list-arrow" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/arrow_medium.svg"/></div></li>
                  <li><div class="dropdown-list-item"><a>Motorsport Design</a><img class="dropdown-list-arrow" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/arrow_medium.svg"/></div></li>
                  <li><div class="dropdown-list-item"><a>Utility Design</a><img class="dropdown-list-arrow" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/arrow_medium.svg"/></div></li>
                  <li><div class="dropdown-list-item"><a>Classic Design</a><img class="dropdown-list-arrow" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/arrow_medium.svg"/></div></li>
                </ul>
                <div class="dropdown-link-separator"></div>
              </div>
            </div>
          </div>
          <div class="right-submenu-wrapper">
              <img class="submenu-dropdown-arrow" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/arrow_bold.svg"/>
              <div class="submenu-header"></div>
              <img class="dropdown-close-button" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/cross_duotone.svg"/>
              <div class="submenu-displayed-content">
              </div>
            </div>
      </div>
      <div class="b-menu-mobile__item technologie dropdown-menu-header">
        <div class="header-button dropdown-open-button">Technologie<span class="header-link-loader"></span></div>
        <img class="b-menu-mobile__icon_tech" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/chevron-right-black.svg" />
          <div class="menu-wrapper technology-menu">
            <div class="left-dropdown-menu">
              <div class="left-dropdown-title close-menu-btn"><img class="b-menu-mobile__icon_tech" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/chevron-right-black.svg" />TECHNOLOGIE</div>
              <div class="left-dropdown-links">
                <div class="dropdown-link">
                  <a href="/de/technologie">Vergleich</a>
                  <div class="dropdown-link-separator"></div>
                </div>
                <ul>
                  <li><div class="dropdown-list-item"><a href="/de/technologie/casting">Casting</a></div></li>
                  <li><div class="dropdown-list-item"><a href="/de/technologie/flow-forming">Flow Forming</a></div></li>
                  <li><div class="dropdown-list-item"><a href="/de/technologie/forging">Forging</a></div></li>
                </ul>
              </div>
            </div>
          </div>
      </div>
      <!-- <div class="b-techMenu-mobile compare" style="display: none;">
        <div class="b-techMenu-mobile__item">
          <a href="/de/technologie" style="text-decoration: none;">Vergleich</a>
        </div>
        <div class="b-techMenu-mobile__item forging">
          <a href="/de/technologie/forging" style="text-decoration: none;">Forging</a>
        </div>
        <div class="b-techMenu-mobile__item flow-forming">
          <a href="/de/technologie/flow-forming" style="text-decoration: none;">Flow-Forming</a>
        </div>
        <div class="b-techMenu-mobile__item casting">
          <a href="/de/technologie/casting" style="text-decoration: none;">Casting</a>
        </div>
      </div> -->
      <div class="b-menu-mobile__item galerie">
        <a href="/de/galerie">
          <div>Galerie<span class="header-link-loader"></span></div>
        </a>
      </div>
      <div class="b-menu-mobile__item unternehmen">
        <a href="/de/unternehmen/manufaktur">
          <div>Unternehmen<span class="header-link-loader"></span></div>
        </a>
      </div>
      <div class="b-menu-mobile__item kontakt">
        <a href="/de/kontakt">
          <div>Kontakt<span class="header-link-loader"></span></div>
        </a>
      </div>
      <div>
        <div class="b-ad__container">
          <img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/neu_bbsid.png" alt="info_picture">
        </div>
      </div>
      
      <div class="h-blur"></div>
      <div class="h-overlay">
        <div class="h-overlay__button">
          <img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/chevron-right.svg" alt="chevron image">
        </div>
        <div class="h-overlay__background">
          <div class="c-lang">
            <a id="service-popup-mobile" class="service-popup-trigger" href="#">
              <!-- <span id="info-popup" class="info-popup">Service &amp; Information</span> -->
            </a>
            <div class="c-opt__container">
              <div> DE </div> 
              <span>|</span>
              <img class="language-flag" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/de-flag.png" alt="flag-icon">
              <div> DE </div> 
            </div>
          </div>

          <div class="o-lang--section">
            <div class="o-lang--header">
              <img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/speaker.jpg" alt="sprache-icon">
              <span>SPRACHE</span>
            </div>
            <div class="o-lang--content">
              <div class="o-lang-selection o-lang--de">
                <a href="/de/home">Deutsch</a>
              </div>
              <div class="o-lang-selection o-lang--en">
                <a href="/en/home">Englisch</a>
              </div>
            </div>
          </div>
        </div>
        <div class="car-selector-mobile">
          <div class="car-choose__mobile nav-secondary__item">
            <script type="text/x-magento-init">
{
    "*": {
        "Magento_Ui/js/core/app": {
            "components": {
                "carselector": {
                    "component": "Fwd_Couchconfig/js/carselector",
				    "shopUrl": "https://www.bbs.com/de/shop",
				    "frontUrl": "https://www.bbs.com/de/productfinder",
				    "storeCode": "BbsDeDe",
				    "storeId": "6",
                    "wheelspacerPaths": ["\/sv-finder","\/wheelspacerfinder"]				}
			}
		}
	}
}
</script>

<div id="car-selector__button" class="productfinder bootstrap"  data-bind="scope: 'carselector'">
	<button>
		<div data-bind="visible: carText() === null">
			<div id="car-selector__button__car-spinner">
	<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/loader-1.gif" alt="Spinner" />
</div>		</div>
		<div data-bind="visible: carText()" style="display: none;">
			<a id="car-selector__button__car-selected" href="https://www.bbs.com/de/shop" data-bind="click: onButtonCarselectorClick">
	<div class="d-inline-block">
		<i class="fa fa-check text-success" aria-hidden="true"></i>
	</div>
	<div class="d-inline-block cursor-pointer">
		<!-- ko if: car_chassis_image_url() -->
		<img data-bind="attr: {src: car_chassis_image_url}" />
		<!-- /ko -->
		<!-- ko ifnot: car_chassis_image_url() -->
		<div class="svg-car">
			<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 491.9 168" style="enable-background:new 0 0 491.9 168;" xml:space="preserve">
<path fill="#fff" class="st0" d="M491.9,91c0,12.3,0,24.7,0,37c-4.3,4.8-9.7,7.4-16.1,7.9c-9.3,0.7-18.6,1.2-27.8,1.8c-1.9,0.1-3.9,0-5.5,0
	c-0.7,1.5-1.1,2.2-1.4,3c-5.9,14.5-16.5,23.4-31.9,26.4c-0.8,0.2-1.5,0.7-2.2,1c-3.3,0-6.7,0-10,0c-0.9-0.4-1.7-0.9-2.7-1.1
	c-14.4-3.1-24.4-11.5-30.4-24.9c-0.6-1.3-1.3-2.7-1.9-4c-73.4,0-146.6,0-219.6,0c-0.5,1.1-0.9,1.8-1.2,2.6
	c-5.9,14.5-16.5,23.4-31.9,26.4c-0.8,0.2-1.5,0.7-2.2,1c-3.3,0-6.7,0-10,0c-0.9-0.4-1.7-0.9-2.7-1.1c-14.4-3.1-24.4-11.5-30.4-24.9
	c-0.6-1.3-1.3-2.7-2.1-4.3c-1.9,0-3.7,0-5.5,0c-10.7,0-21.3,0.1-32,0c-14.9-0.2-23.9-7.9-24-21.7c-0.1-13.2-1.5-26.5,1.7-39.7
	C4,68,4,59.4,5.2,51c1.4-10.3,6.8-15.2,17.1-14.7c13.2,0.7,25.6-1.7,38.1-5.7C91.4,21,122.7,12,153.9,2.8c3.3-1,6.6-1.9,10-2.8
	c30.7,0,61.3,0,92,0c3.8,1.6,7.7,3,11.3,4.9c18.7,9.8,37.5,19.5,56,29.7c8.8,4.9,17.4,9.8,28,8.8c0.3,0,0.7,0.1,1,0.1
	c14.8,1.2,29.5,2.5,44.3,3.6c14.6,1.1,29.2,1.9,43.6,5.1c10.8,2.3,21.3,5.3,30.9,10.9c10.2,6,17.6,14.2,19.9,26.2
	C491,89.9,491.5,90.4,491.9,91z M360.4,125.9c0.7-11.7,4.5-22,13.1-30c8.6-8.1,18.8-12,30.5-11.4c21.9,1.1,35,14.7,40.4,41.7
	c11.8-0.1,23.8,0.8,35.6-3.4c0-10.7,0.1-20.8-0.1-31c-0.1-2.5-1.4-4.9-2.3-7.7c-5.5,6.3-9.6,7.1-16.7,3.7c-6.2-3-8.4-6.7-7.2-13.2
	c2.3-0.9,4.9-2,8-3.3c-6.4-3.7-13-5.7-19.8-7.5c-19.8-5.1-40.1-6.4-60.4-6.7c-55.3-0.9-110.6-1.6-165.9-2.3c-31-0.4-62-0.7-92.9-1.1
	c-5.4-0.1-6.3-0.7-8.2-5.4c1.9-6,3.4-8.9,8.6-12.4c9.5-6.4,19.4-12.3,29.1-18.4c1.4-0.9,2.8-1.7,4.3-2.6c-0.2-0.3-0.3-0.6-0.5-0.9
	c-6.7,1.7-13.5,3.2-20.2,5.3c-27,8.2-54,16.5-81,25c-7.9,2.5-15.7,4.1-24,3.5c-4.3-0.3-8.6,0-12.6,0c-1.8,4.3-3.4,7.9-2.1,12.7
	c5.2,0,10.2,0,15.2,0c0,6.1,0,11.5,0,17.3c-6.1,0-11.7,0-18,0c-0.6,3.5-1.5,6.7-1.6,9.9c-0.2,8.5-0.1,17-0.1,25.5
	c0,9.9,3.1,13,13.2,13.1c10,0,20,0,30,0c1.6,0,3.3,0,5.5,0c0.7-11.9,4.5-22.1,13-30.2c8.5-8.1,18.8-12,30.4-11.6
	c9.6,0.3,18.2,3.8,25.5,10.1c9.5,8.2,13.9,18.8,14.7,31.4C216,125.9,287.8,125.9,360.4,125.9z M102,95.7
	c-16.7,0-30.1,13.4-30.1,30.1c0,16.7,13.8,30.5,30.5,30.4c16.6-0.1,29.9-13.5,29.9-30.3C132.3,108.8,119.1,95.7,102,95.7z
	 M432.2,126c0.7-16.8-14.2-30.3-29.7-30.5c-13.2-0.2-30.1,9.4-30.7,30.1c-0.4,16.7,13.6,30.6,30.3,30.5
	C418.8,156.1,432.1,142.8,432.2,126z M209.4,44.3c30.8,0.8,60.7,1.5,91.6,2.2c-2.1-4.8,0.7-7,4-9.4c-15.5-8.7-30.2-17.5-46.3-23.5
	c-3.5-1.3-7.4-1.8-11.2-1.9c-12.3-0.2-24.6-0.1-36.9-0.1c-1.8,0-3.6,0.2-5.9,0.3C206.3,22.9,207.8,33.3,209.4,44.3z M193.2,11.7
	c-21.2,7.6-40.3,17-57.8,29.5c0.1,0.5,0.2,1,0.4,1.5c20.5,0.5,40.9,0.9,62.1,1.4C196.3,32.9,194.8,22.6,193.2,11.7z"/>
</svg>
		</div>
		<!-- /ko -->
		<div class="car-chassis-text" data-bind="text: carText"></div>
	</div>
</a>		</div>
		<div data-bind="visible: carText() === ''" style="display:none;">
			<a id="car-selector__button__car-choose" href="https://www.bbs.com/de/shop" data-bind="click: onButtonCarselectorClick">
	<div class="car-choose__icon">
		<div class="svg-car">
			<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 491.9 168" style="enable-background:new 0 0 491.9 168;" xml:space="preserve">
<path fill="#fff" class="st0" d="M491.9,91c0,12.3,0,24.7,0,37c-4.3,4.8-9.7,7.4-16.1,7.9c-9.3,0.7-18.6,1.2-27.8,1.8c-1.9,0.1-3.9,0-5.5,0
	c-0.7,1.5-1.1,2.2-1.4,3c-5.9,14.5-16.5,23.4-31.9,26.4c-0.8,0.2-1.5,0.7-2.2,1c-3.3,0-6.7,0-10,0c-0.9-0.4-1.7-0.9-2.7-1.1
	c-14.4-3.1-24.4-11.5-30.4-24.9c-0.6-1.3-1.3-2.7-1.9-4c-73.4,0-146.6,0-219.6,0c-0.5,1.1-0.9,1.8-1.2,2.6
	c-5.9,14.5-16.5,23.4-31.9,26.4c-0.8,0.2-1.5,0.7-2.2,1c-3.3,0-6.7,0-10,0c-0.9-0.4-1.7-0.9-2.7-1.1c-14.4-3.1-24.4-11.5-30.4-24.9
	c-0.6-1.3-1.3-2.7-2.1-4.3c-1.9,0-3.7,0-5.5,0c-10.7,0-21.3,0.1-32,0c-14.9-0.2-23.9-7.9-24-21.7c-0.1-13.2-1.5-26.5,1.7-39.7
	C4,68,4,59.4,5.2,51c1.4-10.3,6.8-15.2,17.1-14.7c13.2,0.7,25.6-1.7,38.1-5.7C91.4,21,122.7,12,153.9,2.8c3.3-1,6.6-1.9,10-2.8
	c30.7,0,61.3,0,92,0c3.8,1.6,7.7,3,11.3,4.9c18.7,9.8,37.5,19.5,56,29.7c8.8,4.9,17.4,9.8,28,8.8c0.3,0,0.7,0.1,1,0.1
	c14.8,1.2,29.5,2.5,44.3,3.6c14.6,1.1,29.2,1.9,43.6,5.1c10.8,2.3,21.3,5.3,30.9,10.9c10.2,6,17.6,14.2,19.9,26.2
	C491,89.9,491.5,90.4,491.9,91z M360.4,125.9c0.7-11.7,4.5-22,13.1-30c8.6-8.1,18.8-12,30.5-11.4c21.9,1.1,35,14.7,40.4,41.7
	c11.8-0.1,23.8,0.8,35.6-3.4c0-10.7,0.1-20.8-0.1-31c-0.1-2.5-1.4-4.9-2.3-7.7c-5.5,6.3-9.6,7.1-16.7,3.7c-6.2-3-8.4-6.7-7.2-13.2
	c2.3-0.9,4.9-2,8-3.3c-6.4-3.7-13-5.7-19.8-7.5c-19.8-5.1-40.1-6.4-60.4-6.7c-55.3-0.9-110.6-1.6-165.9-2.3c-31-0.4-62-0.7-92.9-1.1
	c-5.4-0.1-6.3-0.7-8.2-5.4c1.9-6,3.4-8.9,8.6-12.4c9.5-6.4,19.4-12.3,29.1-18.4c1.4-0.9,2.8-1.7,4.3-2.6c-0.2-0.3-0.3-0.6-0.5-0.9
	c-6.7,1.7-13.5,3.2-20.2,5.3c-27,8.2-54,16.5-81,25c-7.9,2.5-15.7,4.1-24,3.5c-4.3-0.3-8.6,0-12.6,0c-1.8,4.3-3.4,7.9-2.1,12.7
	c5.2,0,10.2,0,15.2,0c0,6.1,0,11.5,0,17.3c-6.1,0-11.7,0-18,0c-0.6,3.5-1.5,6.7-1.6,9.9c-0.2,8.5-0.1,17-0.1,25.5
	c0,9.9,3.1,13,13.2,13.1c10,0,20,0,30,0c1.6,0,3.3,0,5.5,0c0.7-11.9,4.5-22.1,13-30.2c8.5-8.1,18.8-12,30.4-11.6
	c9.6,0.3,18.2,3.8,25.5,10.1c9.5,8.2,13.9,18.8,14.7,31.4C216,125.9,287.8,125.9,360.4,125.9z M102,95.7
	c-16.7,0-30.1,13.4-30.1,30.1c0,16.7,13.8,30.5,30.5,30.4c16.6-0.1,29.9-13.5,29.9-30.3C132.3,108.8,119.1,95.7,102,95.7z
	 M432.2,126c0.7-16.8-14.2-30.3-29.7-30.5c-13.2-0.2-30.1,9.4-30.7,30.1c-0.4,16.7,13.6,30.6,30.3,30.5
	C418.8,156.1,432.1,142.8,432.2,126z M209.4,44.3c30.8,0.8,60.7,1.5,91.6,2.2c-2.1-4.8,0.7-7,4-9.4c-15.5-8.7-30.2-17.5-46.3-23.5
	c-3.5-1.3-7.4-1.8-11.2-1.9c-12.3-0.2-24.6-0.1-36.9-0.1c-1.8,0-3.6,0.2-5.9,0.3C206.3,22.9,207.8,33.3,209.4,44.3z M193.2,11.7
	c-21.2,7.6-40.3,17-57.8,29.5c0.1,0.5,0.2,1,0.4,1.5c20.5,0.5,40.9,0.9,62.1,1.4C196.3,32.9,194.8,22.6,193.2,11.7z"/>
</svg>
       </div>
	</div>
	<div class="car-choose__label">
		FAHRZEUG WÄHLEN	</div>
</a>		</div>
	</button>
</div>          </div>
          <div class="b-mobile-dealer_shop_buttons">
            <div class="b-menu-mobile__shop ">
              <a class="b-menu-mobile__shopLink" href="https://store.kwautomotive.de/de/bbs/shop">Shop</a>
            </div>
            <div class="b-menu-mobile__dealer">
              <a href="https://www.bbs.com/de/haendlersuche">
                <div>HÄNDLERSUCHE</div>
              </a>
            </div>
        </div>  
      </div>
      </div>

    </div>

    <!-- <div class="b-scrollT">
      <img class="b-scrollT__arrow" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/header/chevron-right.svg" />
    </div> -->
  </div>
</div>

  <!-- <div class="b-attention2">
      <div>Achtung: Beta-Ansicht. Keine Bestellungen möglich. Nicht alle Fahrzeuge und Produkte verfügbar.</div>
  </div> -->


<script>
const header_wheels= [[
    {
      title: "Performance",
      name:"CI-R",
      nameImg:"",
      img:"./images/header/wheels/CI2502_SatinBlack_002.png",
      link:"/de/produkte-details/CI-R"
    },   
    {
      title: "Performance",
      name:"FI-R",
      nameImg:"",
      img:"./images/header/wheels/FI-R163_PlatinumSilver_001.png",
      link:"/de/produkte-details/FI-R"
    },
    {
      title: "Performance",
      name:"SR",
      nameImg:"",
      img:"./images/header/wheels/SR042_HimalayaSatinGray_02.002.png",
      link:"/de/produkte-details/SR"
    },   
    {
      title: "Performance",
      name:"CI-R",
      nameImg:"./images/header/Unlimited_Button.svg",
      img:"./images/header/wheels/CI-R_Base_White_Gold_blue.png",
      link:"/de/unlimited-ubersicht"
    },
  ],

  [
    {
      title: "Motorsport",
      name:"CH-R-II",
      nameImg:"",
      img:"./images/header/wheels/CH-R_II_7500_SatinPlatinum_001.png",
      link:"/de/produkte-details/CH-R-II"
    },   
    {
      title: "Motorsport",
      name:"CH-R",
      nameImg:"",
      img:"./images/header/wheels/CH_R_102_BriliantSilver_001.png",
      link:"/de/produkte-details/CH-R"
    },
    {
      title: "Motorsport",
      name:"XR",
      nameImg:"",
      img:"./images/header/wheels/XR0301_PlatinumSilver_02.001.png",
      link:"/de/produkte-details/XR"
    }
  ],

  [
    {
      title: "Utility",
      name:"CC-R",
      nameImg:"",
      img:"./images/header/wheels/CC_R_CC2401_SatinBlack_001.png",
      link:"/de/produkte-details/CC-R"
    },   
    {
      title: "Utility",
      name:"TL-A",
      nameImg:"",
      img:"./images/header/wheels/TLA0101_SatinPlatinumSilver_001.png",
      link:" /de/produkte-details/TL-A"
    },    
    {
      title: "Utility",
      name:"SX",
      nameImg:"",
      img:"./images/header/wheels/SX0604_BrilliantSilver_004.png",
      link:"/de/produkte-details/SX"
    },  
    {
      title: "Utility",
      name:"CC-R",
      nameImg:"./images/header/Unlimited_Button.svg",
      img:"./images/header/wheels/CC-R_22White_gold_blue.png",
      link:"/de/produkte-details/CC-R_UNLIMITED"
    } 
  ],

  [
    {
      title: "Classic",
      name:"LM",
      nameImg:"",
      img:"./images/header/wheels/LM273_BriliantSilver_003.png",
      link:"/de/produkte-details/LM"
    },   
    {
      title: "Classic",
      name:"Super RS",
      nameImg:"",
      img:"./images/header/wheels/BBS_Super_RS_30_Degree_003.png",
      link:"/de/produkte-details/SUPER-RS"
    }
  ]
]
  

    // const fwdIpCountry = document.querySelector("#fwd-ip2country-notice");
    document.addEventListener("DOMContentLoaded", function () {
      var st;
      window.addEventListener('scroll', function (e) {
        const fwdIpCountry = document.querySelector("#fwd-ip2country-notice");
          
        st = window.pageYOffset || document.documentElement.scrollTop;
        
        if(st > 1) {
          fwdIpCountry.style.display = "none"

        }
        else {
          fwdIpCountry.style.display = "block"
        }

      });
    });

    let dropdownMenu = document.querySelectorAll(".dropdown-menu-header");
    let dropdownMenuWrapper = document.querySelectorAll(".menu-wrapper");

    dropdownMenuWrapper.forEach(wrapper => {
      wrapper.style.display="none";
    });
    
    dropdownMenu.forEach(dropdown => {
      dropdown.addEventListener("click",(event)=>{
        if (event.target === dropdown.querySelector(".dropdown-open-button") && dropdown.querySelector(".menu-wrapper").style.display !== "none" || event.target === dropdown.querySelector(".arrow-left") || event.target === dropdown.querySelector(".close-menu-btn") || event.target === dropdown.querySelector(".close-menu-btn img")){
          dropdown.querySelector(".menu-wrapper").style.animationName= "hideMenu";
          dropdown.querySelector(".menu-wrapper").style.animationDuration = "0.4s";
          dropdown.querySelector(".menu-wrapper").style.animationTimingFunction= "ease-out";
          dropdown.querySelector(".menu-wrapper").style.animationFillMode= "forwards";
          if(dropdown.querySelector(".right-submenu-wrapper")){
              dropdown.querySelector(".right-submenu-wrapper").style.animationName= "hideMenu";
              dropdown.querySelector(".right-submenu-wrapper").style.animationDuration = "0.4s";
              dropdown.querySelector(".right-submenu-wrapper").style.animationTimingFunction= "ease-out";
              dropdown.querySelector(".right-submenu-wrapper").style.animationFillMode= "forwards";
            }
          setTimeout(() => {
            dropdown.querySelector(".menu-wrapper").style.display = "none";
            if(dropdown.querySelector(".right-submenu-wrapper")){
            dropdown.querySelector(".right-submenu-wrapper").style.display = "none";
            }
          }, "400");
        }
        else{
          dropdown.querySelector(".menu-wrapper").style.display = "block";
          dropdown.querySelector(".menu-wrapper").style.animationName= "showMenu";
          dropdown.querySelector(".menu-wrapper").style.animationDuration = "0.4s";
          dropdown.querySelector(".menu-wrapper").style.animationTimingFunction= "ease-out";
          dropdown.querySelector(".menu-wrapper").style.animationFillMode= "forwards";
          for (let i = 0; i < dropdownMenu.length; i++) {
            if (dropdown.querySelector(".menu-wrapper") !== dropdownMenu[i].querySelector(".menu-wrapper") && dropdown.querySelector(".menu-wrapper").style.display !== "none"){
              dropdownMenu[i].querySelector(".menu-wrapper").style.animationName= "hideMenu";
              dropdownMenu[i].querySelector(".menu-wrapper").style.animationDuration = "0.4s";
              dropdownMenu[i].querySelector(".menu-wrapper").style.animationTimingFunction= "ease-out";
              dropdownMenu[i].querySelector(".menu-wrapper").style.animationFillMode= "forwards";
              if(dropdownMenu[i].querySelector(".right-submenu-wrapper")){
              dropdownMenu[i].querySelector(".right-submenu-wrapper").style.animationName= "hideMenu";
              dropdownMenu[i].querySelector(".right-submenu-wrapper").style.animationDuration = "0.4s";
              dropdownMenu[i].querySelector(".right-submenu-wrapper").style.animationTimingFunction= "ease-out";
              dropdownMenu[i].querySelector(".right-submenu-wrapper").style.animationFillMode= "forwards";
              }
              setTimeout(() => {
                dropdownMenu[i].querySelector(".menu-wrapper").style.display = "none";
                if(dropdownMenu[i].querySelector(".right-submenu-wrapper")){
                dropdownMenu[i].querySelector(".right-submenu-wrapper").style.display = "none";
                }
              }, "400");
            }
           }
        }

        if (event.target == dropdown.querySelector(".technology-menu .dropdown-close-button")){
            dropdown.querySelector(".technology-menu").style.animationName= "hideMenu";
            dropdown.querySelector(".technology-menu").style.animationTimingFunction= "ease-out";
            dropdown.querySelector(".technology-menu").style.animationFillMode= "forwards";
            dropdown.querySelector(".technology-menu").style.animationDuration = "0.4s";
            dropdown.querySelector(".header-link-loader").style.animationName="hLinkUnload";
            setTimeout(() => {
                dropdown.querySelector(".technology-menu").style.display = "none";
              }, "400");
        };

        if (event.target == dropdown.querySelector(".rader-menu .dropdown-close-button")){
            dropdown.querySelector(".rader-menu").style.animationName= "hideMenu";
            dropdown.querySelector(".rader-menu").style.animationTimingFunction= "ease-out";
            dropdown.querySelector(".rader-menu").style.animationFillMode= "forwards";
            dropdown.querySelector(".rader-menu").style.animationDuration = "0.4s";
            dropdown.querySelector(".right-submenu-wrapper").style.animationName= "hideMenu";
            dropdown.querySelector(".right-submenu-wrapper").style.animationTimingFunction= "ease-out";
            dropdown.querySelector(".right-submenu-wrapper").style.animationFillMode= "forwards";
            dropdown.querySelector(".right-submenu-wrapper").style.animationDuration = "0.4s";
            dropdown.querySelector(".header-link-loader").style.animationName="hLinkUnload";
            setTimeout(() => {
                dropdown.querySelector(".right-submenu-wrapper").style.display = "none";
              }, "400");
            setTimeout(() => {
                dropdown.querySelector(".rader-menu").style.display = "none";
              }, "400");
        };

        if (dropdown.querySelector(".right-submenu-wrapper")){
          let dropdownList = dropdown.querySelectorAll('ul li a');
          for (let i = 0; i < dropdownList.length; i++) {
              if (dropdownList[i] == event.target || dropdownList[i].nextElementSibling == event.target){
                if(dropdown.querySelector(".content-element")){
                  dropdown.querySelectorAll(".content-element").forEach(element => {
                    element.style.animationName= "hideMenu";
                    element.style.animationTimingFunction= "ease-out";
                    element.style.animationFillMode= "forwards";
                    element.style.animationDuration = "0.3s";
                    setTimeout(() => {
                        element.remove();
                      }, "180");
                  });
                }
                dropdown.querySelector(".right-submenu-wrapper").style.display = "block";
                dropdown.querySelector(".right-submenu-wrapper").style.animationName= "showMenu";
                dropdown.querySelector(".right-submenu-wrapper").style.animationDuration = "0.4s";
                dropdown.querySelector(".right-submenu-wrapper").style.animationTimingFunction= "ease-out";
                dropdown.querySelector(".right-submenu-wrapper").style.animationFillMode= "forwards";
                dropdown.querySelector(".submenu-header").style.animationName= "hideMenu";
                dropdown.querySelector(".submenu-header").style.animationDuration = "0.25s";
                dropdown.querySelector(".submenu-header").style.animationTimingFunction= "ease-out";
                dropdown.querySelector(".submenu-header").animationFillMode= "forwards";
                setTimeout(()=>{
                  dropdown.querySelector(".submenu-header").textContent = header_wheels[i][0].title;
                  dropdown.querySelector(".submenu-header").style.animationName= "showMenu";
                  dropdown.querySelector(".submenu-header").style.animationDuration = "0.2s";
                  dropdown.querySelector(".submenu-header").style.animationTimingFunction= "ease-out";
                  dropdown.querySelector(".submenu-header").animationFillMode= "forwards";
                },"200")
                
                setTimeout(()=>{
                  if (!dropdown.querySelector(".content-element")){
                  header_wheels[i].forEach(wheel => {
                    const wheelElement = document.createElement("a");
                    wheelElement.style.animationName= "showMenu";
                    wheelElement.style.animationDuration = "0.3s";
                    wheelElement.style.animationTimingFunction= "ease-out";
                    wheelElement.style.animationFillMode= "forwards";
                    wheelElement.className = "content-element";
                    wheelElement.href = wheel.link;
                    wheelElement.innerHTML= `
                      <div class="el-head">${wheel.name}<img class="wheel-unlimited-icon" src="${wheel.nameImg ? require.toUrl(wheel.nameImg) : ""}"/></div>
                      <img src="${require.toUrl(wheel.img)}" class="el-img"/>
                    `
                    dropdown.querySelector(".submenu-displayed-content").appendChild(wheelElement);
                    });
                  }
                },"200")
              }
            };
          if (event.target == dropdown.querySelector(".right-submenu-wrapper .dropdown-close-button") || event.target == dropdown.querySelector(".right-submenu-wrapper .submenu-dropdown-arrow")){
            dropdown.querySelector(".right-submenu-wrapper").style.animationName= "hideMenu";
            dropdown.querySelector(".right-submenu-wrapper").style.animationTimingFunction= "ease-out";
            dropdown.querySelector(".right-submenu-wrapper").style.animationFillMode= "forwards";
            dropdown.querySelector(".right-submenu-wrapper").style.animationDuration = "0.4s";
            setTimeout(() => {
                dropdown.querySelector(".right-submenu-wrapper").style.display = "none";
              }, "400");
          }
        }
      })
    });

    let linkWrappers = document.querySelectorAll(".header-link-wrapper");

    linkWrappers.forEach(link=>{
      link.querySelector("div").addEventListener("mouseenter",()=>{
        link.querySelector(".header-link-loader").style.animationName="hLinkLoad";
        link.querySelector("div").addEventListener("click",(event)=>{
          for (let i = 0 ; i < linkWrappers.length; i++){
            if (linkWrappers[i].querySelector("div") !== event.target && linkWrappers[i].nextElementSibling && linkWrappers[i].nextElementSibling.classList[0] === "menu-wrapper" && linkWrappers[i].nextElementSibling.style.display !== "none"){
              linkWrappers[i].querySelector(".header-link-loader").style.animationName="hLinkUnload";
            }
          }
        })
      })
      link.querySelector("div").addEventListener("mouseleave",()=>{
        if(!link.nextElementSibling || link.nextElementSibling.style.display == "none"){
          link.querySelector(".header-link-loader").style.animationName="hLinkUnload";
        }
      })
    })

    let mobileLinkWrappers = document.querySelectorAll(".b-menu-mobile__item");

    mobileLinkWrappers.forEach(link=>{
      link.addEventListener("click",()=>{
        link.querySelector(".header-link-loader").style.animationName="hLinkLoadMobile";
        link.querySelector(".header-link-loader").style.animationFillMode="none";
      })
    })
    
</script>
</div></header><div class="container-car-selector top-container">
<div id="carselector" class="productfinder" data-bind="scope: 'carselector'" >
    <div id="car-selector-collapse" class="car-selector collapse border-0" data-bind="css: { 'show': !hideCarSelectorCollapse() }">

        <div class="car-selector__spinner row" style="display:none;" data-bind="visible: !hideCarSelectorCollapse">
	<div class="col-12" >
		<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
	</div>
</div>
        <!-- Dropdown car is selected -->
        
<div class="car-selector--car-selected row justify-content-center" data-bind="visible: carText() && !changeCar()" style="display:none;"  data-bind="scope: 'carselector'">
	<div class="col text-white">
		<div class="row">

			<h3 class="car-selector__your-car">Mein Auto:</h3>

			<div class="car-selector__selectedCar-wrapper">
				<div class="selectedCar text-center text-xl-left text-body bg-white">
					<!-- ko if: car_chassis_image_url() -->
					<div class="selectedCar__image">
						<div class="car-chassis"><img width="948" height="340" data-bind="attr:{src: car_chassis_image_url, title: carText()}"/></div>
					</div>
					<!-- /ko -->
					<!-- ko if: !car_chassis_image_url() -->
					<div class="selectedCar__noimage" data-bind="if: car_chassis_image_url() === ''">
						<div class="svg-car">
							<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 491.9 168" style="enable-background:new 0 0 491.9 168;" xml:space="preserve">
<path fill="#fff" class="st0" d="M491.9,91c0,12.3,0,24.7,0,37c-4.3,4.8-9.7,7.4-16.1,7.9c-9.3,0.7-18.6,1.2-27.8,1.8c-1.9,0.1-3.9,0-5.5,0
	c-0.7,1.5-1.1,2.2-1.4,3c-5.9,14.5-16.5,23.4-31.9,26.4c-0.8,0.2-1.5,0.7-2.2,1c-3.3,0-6.7,0-10,0c-0.9-0.4-1.7-0.9-2.7-1.1
	c-14.4-3.1-24.4-11.5-30.4-24.9c-0.6-1.3-1.3-2.7-1.9-4c-73.4,0-146.6,0-219.6,0c-0.5,1.1-0.9,1.8-1.2,2.6
	c-5.9,14.5-16.5,23.4-31.9,26.4c-0.8,0.2-1.5,0.7-2.2,1c-3.3,0-6.7,0-10,0c-0.9-0.4-1.7-0.9-2.7-1.1c-14.4-3.1-24.4-11.5-30.4-24.9
	c-0.6-1.3-1.3-2.7-2.1-4.3c-1.9,0-3.7,0-5.5,0c-10.7,0-21.3,0.1-32,0c-14.9-0.2-23.9-7.9-24-21.7c-0.1-13.2-1.5-26.5,1.7-39.7
	C4,68,4,59.4,5.2,51c1.4-10.3,6.8-15.2,17.1-14.7c13.2,0.7,25.6-1.7,38.1-5.7C91.4,21,122.7,12,153.9,2.8c3.3-1,6.6-1.9,10-2.8
	c30.7,0,61.3,0,92,0c3.8,1.6,7.7,3,11.3,4.9c18.7,9.8,37.5,19.5,56,29.7c8.8,4.9,17.4,9.8,28,8.8c0.3,0,0.7,0.1,1,0.1
	c14.8,1.2,29.5,2.5,44.3,3.6c14.6,1.1,29.2,1.9,43.6,5.1c10.8,2.3,21.3,5.3,30.9,10.9c10.2,6,17.6,14.2,19.9,26.2
	C491,89.9,491.5,90.4,491.9,91z M360.4,125.9c0.7-11.7,4.5-22,13.1-30c8.6-8.1,18.8-12,30.5-11.4c21.9,1.1,35,14.7,40.4,41.7
	c11.8-0.1,23.8,0.8,35.6-3.4c0-10.7,0.1-20.8-0.1-31c-0.1-2.5-1.4-4.9-2.3-7.7c-5.5,6.3-9.6,7.1-16.7,3.7c-6.2-3-8.4-6.7-7.2-13.2
	c2.3-0.9,4.9-2,8-3.3c-6.4-3.7-13-5.7-19.8-7.5c-19.8-5.1-40.1-6.4-60.4-6.7c-55.3-0.9-110.6-1.6-165.9-2.3c-31-0.4-62-0.7-92.9-1.1
	c-5.4-0.1-6.3-0.7-8.2-5.4c1.9-6,3.4-8.9,8.6-12.4c9.5-6.4,19.4-12.3,29.1-18.4c1.4-0.9,2.8-1.7,4.3-2.6c-0.2-0.3-0.3-0.6-0.5-0.9
	c-6.7,1.7-13.5,3.2-20.2,5.3c-27,8.2-54,16.5-81,25c-7.9,2.5-15.7,4.1-24,3.5c-4.3-0.3-8.6,0-12.6,0c-1.8,4.3-3.4,7.9-2.1,12.7
	c5.2,0,10.2,0,15.2,0c0,6.1,0,11.5,0,17.3c-6.1,0-11.7,0-18,0c-0.6,3.5-1.5,6.7-1.6,9.9c-0.2,8.5-0.1,17-0.1,25.5
	c0,9.9,3.1,13,13.2,13.1c10,0,20,0,30,0c1.6,0,3.3,0,5.5,0c0.7-11.9,4.5-22.1,13-30.2c8.5-8.1,18.8-12,30.4-11.6
	c9.6,0.3,18.2,3.8,25.5,10.1c9.5,8.2,13.9,18.8,14.7,31.4C216,125.9,287.8,125.9,360.4,125.9z M102,95.7
	c-16.7,0-30.1,13.4-30.1,30.1c0,16.7,13.8,30.5,30.5,30.4c16.6-0.1,29.9-13.5,29.9-30.3C132.3,108.8,119.1,95.7,102,95.7z
	 M432.2,126c0.7-16.8-14.2-30.3-29.7-30.5c-13.2-0.2-30.1,9.4-30.7,30.1c-0.4,16.7,13.6,30.6,30.3,30.5
	C418.8,156.1,432.1,142.8,432.2,126z M209.4,44.3c30.8,0.8,60.7,1.5,91.6,2.2c-2.1-4.8,0.7-7,4-9.4c-15.5-8.7-30.2-17.5-46.3-23.5
	c-3.5-1.3-7.4-1.8-11.2-1.9c-12.3-0.2-24.6-0.1-36.9-0.1c-1.8,0-3.6,0.2-5.9,0.3C206.3,22.9,207.8,33.3,209.4,44.3z M193.2,11.7
	c-21.2,7.6-40.3,17-57.8,29.5c0.1,0.5,0.2,1,0.4,1.5c20.5,0.5,40.9,0.9,62.1,1.4C196.3,32.9,194.8,22.6,193.2,11.7z"/>
</svg>
						</div>
					</div>
					<!-- /ko -->
					<div class="selectedCar__text pl-0 text-truncate pt-2 car-chassis-text">
						<div class="selectedCar__text__inner">
							<div class="selectedCar__text--modelmake">
								<span data-bind="text: carTextArray().year"></span>
								<span data-bind="text: carTextArray().make"></span>
								<span data-bind="text: carTextArray().model"></span>
							</div>
							<div class="selectedCar__text--motor">
								<span data-bind="text: carTextArray().motor"></span>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="car-selector__buttons-wrapper">
				<div class="button--change-car" data-bind="click: doChangeCar">
					<strong><span>Fahrzeug wechseln</span></strong>
				</div>
				<div class="divider"></div>
				<a class="button--product-overview" href="https://www.bbs.com/de/shop" data-bind="click: onButtonProductOverviewClick">
					<div>Produktübersicht</div>
					<div>für  <span class="my-car">Mein Auto</span></div>
					<span class="icon-arrow"></span>
				</a>
			</div>
		</div>        
	</div>
    
</div>
<!-- ko if: showCarData() -->
<div class="row car-selector--carwheeldata text-center text-md-left" data-bind="visible: carText() && !changeCar()" data-bind="scope: 'carselector'">
    <div class="col-12 col-md-auto">
        <span>Radbefestigung Serie:</span>
    </div>
    <div class="col">
        Lochkreis: <span data-bind="text: carData().chassis_lochkreis"></span> |
        Nabenbohrung: <span data-bind="text: carData().chassis_nabenlochbohrung"></span> |
        Gewinde: <span data-bind="text: carData().chassis_gewinde"></span> |
        Bund: <span data-bind="text: carData().chassis_bund_alu"></span> |
        Schaftlänge: <span data-bind="text: carData().chassis_gewindelaenge"></span>mm
    </div>    
</div><!-- /ko -->
        <!-- Dropdown car is not selected (only shown if page is not home or shop) -->
        <!-- ko if: !years() -->
        <div class="car-selector--none-selected row justify-content-center" data-bind="visible: carText() === '' || changeCar(), css: {'hsntsn-visible': showHsnTsn}" style="display:none;">
	<div class="text-center text-white col-12" data-bind="scope: 'carselector'">
		<div class="mx-0 row justify-content-center">
			<div class="px-3 px-lg-0 col-lg-6">
				<div class="row mx-lg-0">
					<div class="col-12 align-self-center col-lg-6">
						<h3>Was fährst du?</h3>
					</div>
					<div class="car-selector__select-make col-12 col-lg-6 pb-0 pr-lg-0" >
						<div class="input-label custom-padding-top">Fahrzeug wählen</div>
						<div class="wrapper-select" data-bind="css: {selected: selectMakesSelected, disabled: !selectMakesEnabled()}">
							<i aria-hidden="true" class="fa fa-check text-success"></i>
							<div class="warning-border"></div>
							<!-- ko if: selectMakesEnabled -->
                            <input class="form-control form-control-lg rounded-0 makesInput d-none d-lg-block"  type="text" placeholder="Marke..." data-bind="value: makeText ,valueUpdate: 'afterkeydown', event:{'keyup': filterMakes},click: makeHasFocus" />
                            <input readonly class="form-control form-control-lg rounded-0 makesInput d-lg-none"  type="text" placeholder="Marke..." data-bind="value: makeText ,valueUpdate: 'afterkeydown', event:{'keyup': filterMakes},click: makeHasFocus" />
                            <div class="carselector-list-wrapper" data-bind="visible: showMakesList()">
                                <ul data-bind="foreach: filteredMakes" class="carselector-list makesList">
                                    <li class="carselector-list-element" data-bind="event:{click:function($data){ $parent.makeSelected($data)}},css: {'disabled': typeof disabled !== 'undefined'}">
                                        <span class="carselector-list-element-text" data-bind="text:name"></span>
                                    </li>
                                </ul>
                            </div>
							<!-- /ko -->
							<!-- ko if: !selectMakesEnabled() -->
							<select class="form-control form-control-lg rounded-0" disabled><option>Marke...</option></select>
							<!-- /ko -->
							<!-- ko if: makesLoading -->
							<div class="loading-div form-control form-control-lg rounded-0 custom-margin-make">
								<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/loader-1.gif" class="form-control-spinner" alt="Spinner" />
							</div>
							<!-- /ko -->
							<div class="icon-arrow"></div>
						</div>
						<div class="custom-padding-bottom">&nbsp;</div>
					</div>
				</div>
			</div>
			<div class="px-3 pl-lg-0 col-lg-6" data-bind="slideVisible: showHsnTsn">
				<div class="collapse-modelengine slide-visible-hide" style="display: none;">
					<div class="row mx-lg-0">
						<div class="col-12 col-lg-10">
							<div class="row">
								<div class="car-selector__select-model col-12 pr-lg-0 col-lg-6">
									<div class="input-label custom-padding-top">&nbsp;</div>
									<div class="wrapper-select" data-bind="css: {selected: selectModelsSelected, disabled: !selectModelsEnabled()}">
										<i aria-hidden="true" class="fa fa-check text-success"></i>
										<div class="warning-border"></div>
										<!-- ko if: selectModelsEnabled -->	
                                        <input class="custom-margin-model form-control form-control-lg rounded-0 modelsInput d-none d-lg-block"  type="text" placeholder="Modell..." data-bind="value: modelText ,valueUpdate: 'afterkeydown', event:{'keyup': filterModels},click: modelHasFocus" />
                                        <input readonly class="custom-margin-model form-control form-control-lg rounded-0 modelsInput d-lg-none"  type="text" placeholder="Modell..." data-bind="value: modelText ,valueUpdate: 'afterkeydown', event:{'keyup': filterModels},click: modelHasFocus" />
                                        <div class="carselector-list-wrapper" data-bind="visible: showModelsList()">
                                            <ul data-bind="foreach: filteredModels" class="carselector-list modelsList">
                                                <li class="carselector-list-element" data-bind="event:{click:function($data){ $parent.modelSelected($data)}}">
                                                    <span class="carselector-list-element-text" data-bind="text:name"></span>
                                                </li>
                                            </ul>
                                        </div>
										<!-- /ko -->
										<!-- ko if: !selectModelsEnabled() -->
										<select class="form-control form-control-lg rounded-0 custom-margin-model" disabled><option>Modell...</option></select>
										<!-- /ko -->
										<!-- ko if: modelsLoading -->
										<div class="loading-div form-control form-control-lg rounded-0 custom-margin-model">
											<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/loader-1.gif" class="form-control-spinner" alt="Spinner" />
										</div>
										<!-- /ko -->
										<div class="icon-arrow"></div>
									</div>
									<div class="custom-padding-bottom">&nbsp;</div>
								</div>
								<div class="car-selector__select-engine col-12 pr-lg-0 col-lg-6">
									<div class="input-label custom-padding-top">&nbsp;</div>
									<div class="wrapper-select" data-bind="css: {selected: selectCarsSelected, disabled: !selectCarsEnabled()}">
										<i aria-hidden="true" class="fa fa-check text-success"></i>
										<div class="warning-border"></div>
										<!-- ko if: selectCarsEnabled -->
                                        <input class="custom-margin-engine form-control form-control-lg rounded-0 carsInput d-none d-lg-block"  type="text" placeholder="Motor..." data-bind="value: carTextSelect ,valueUpdate: 'afterkeydown', event:{'keyup': filterCars},click: carHasFocus" />
                                        <input readonly class="custom-margin-engine form-control form-control-lg rounded-0 carsInput d-lg-none"  type="text" placeholder="Motor..." data-bind="value: carTextSelect ,valueUpdate: 'afterkeydown', event:{'keyup': filterCars},click: carHasFocus" />
                                        <div class="carselector-list-wrapper" data-bind="visible: showCarsList()">
                                            <ul data-bind="foreach: filteredCars" class="carselector-list carsList">
                                                <li class="carselector-list-element" data-bind="event:{click:function($data,event){ $parent.carSelected($data,event)}}">
                                                    <span class="carselector-list-element-text" data-bind="text:name"></span>
                                                </li>
                                            </ul>
                                        </div>
										<!-- /ko -->
										<!-- ko if: !selectCarsEnabled() -->
										<select class="form-control form-control-lg rounded-0 custom-margin-engine disabled" disabled><option>Motor...</option></select>
										<!-- /ko -->
										<!-- ko if: carsLoading -->
										<div class="loading-div form-control form-control-lg rounded-0 custom-margin-make">
											<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/loader-1.gif" class="form-control-spinner" alt="Spinner" />
										</div>
										<!-- /ko -->
										<div class="icon-arrow"></div>
									</div>
									<div class="custom-padding-bottom">&nbsp;</div>
								</div>
							</div>
						</div>
						<div class="show-hsntsn col-12 col-lg-2">
							<div class="small custom-padding-top">&nbsp;</div>
							<div data-bind="click: showHsnTsn" class="button--show-hsntsn">
								<span class="chevron-arrow"></span>
								<span class="hsntsn-text">HSN / TSN</span>
							</div>
							<div class="custom-padding-bottom">&nbsp;</div>
						</div>
					</div>
				</div>
				<div class="collapse-hsntsn slide-visible-show" style="display: none;">
					<div class="row mx-lg-0">
						<div class="col-12 col-lg-2 mt-2 mt-lg-0 p-lg-0">
							<div class="label-or">
								<span>&mdash;</span> oder <span>&mdash;</span>
							</div>
						</div>

						<div class="col-12 col-lg-4 mt-2 mt-lg-0 pl-lg-0">
							<div class="hsn-field">
								<div class="input-label custom-padding-top">Schlüsselnummer eingeben</div>
								<div class="input-wrapper">
									<input data-bind="value: hsn, valueUpdate: 'keyup'" type="text" class="form-control form-control-lg mr-sm-2 text-uppercase rounded-0 " name="input-hsn" placeholder="HSN: zu 2.1 (4-stellig)" maxlength="4">
								</div>
								<div class="custom-padding-bottom">&nbsp;</div>
							</div>
						</div>
						<div class="pl-lg-0 col-12 col-lg-4 mt-2 mt-lg-0">
							<div class="tsn-field">
								<div class="input-label custom-padding-top">&nbsp;</div>
								<div class="input-wrapper">
									<input data-bind="value: tsn, valueUpdate: 'keyup'" type="text" class="form-control form-control-lg mr-sm-2 text-uppercase rounded-0 " name="input-tsn" placeholder="TSN: zu 2.2 (erste 3 Stellen)" maxlength="3">
								</div>
								<div class="custom-padding-bottom">&nbsp;</div>
							</div>
						</div>
						<div class="px-lg-0 d-flex col-12 col-lg-2 mb-2 mb-lg-0">
							<div class="hsntsn-help btn">
								<span class="mx-auto ml-lg-0 align-self-center" data-bind="click: function(){
								this.openModalBox('hsntsn')
								}">
									<div class="input-label custom-padding-top">&nbsp;</div>
									<i class="fa fa-question-circle"></i>Hilfe									<div class="custom-padding-bottom">&nbsp;</div>
								</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row" data-bind="if: carNotFound">
			<div class="pt-3 col-12 text-center">
				<p style="white-space: normal;">Es wurde kein Fahrzeug mit dieser Schlüsselnummer gefunden. Bitte wählen Sie Ihr Fahrzeug nach Hersteller und weiteren Kriterien aus.</p>
			</div>
		</div>
		<div class="row justify-content-center" data-bind="if: multipleCarsFound">
			<div class="py-3 col-12 col-lg-8 text-center">
				<p style="white-space: normal;">Wir haben mehr als ein Fahrzeug zu dieser HSN/TSN gefunden.<br />Bitte wählen Sie Ihr Fahrzeug aus der Liste.</p>
				<div class="wrapper-select">
					<select class="form-control multiple-cars" data-bind="
						mageInit: {SelectComponent: {options: multipleCarsFound}},
						options: multipleCarsFound,
						optionsText: 'name',
						optionsValue: 'id',
						value: selectedMultipleCarsFound">
					</select>
					<div class="icon-arrow"></div>
				</div>
				<button data-bind="click: selectCarForMutlipleHSNTSN" class="mt-3 btn btn-warning text-white text-uppercase font-weight-bold">Das ist mein Fahrzeug</button>
			</div>
		</div>
	</div>
</div>        <!-- /ko -->
        <!-- ko if: years -->
        <div class="car-selector--none-selected car-selector--none-selected-us row justify-content-center" data-bind="visible: carText() === '' || changeCar()" style="display:none;">
	<div class="text-center text-white col-12" data-bind="scope: 'carselector'">
		<div class="mx-0 row justify-content-center">
			<div class="px-3 px-lg-0 col-lg-5">
				<div class="row mx-lg-0">
					<div class="col-12 align-self-center col-lg-8">
						<h3>Wähle Dein Auto</h3>
					</div>
					<div class="car-selector__select-year col-12 col-lg-4 pb-0 pr-lg-0">
						<div class="input-label custom-padding-top">Fahrzeug wählen</div>
						<div class="wrapper-select" data-bind="css: {selected: selectYearsSelected, disabled: !selectYearsEnabled()}">
							<i aria-hidden="true" class="fa fa-check text-success"></i>
							<div class="warning-border"></div>
							<!-- ko if: selectYearsEnabled() -->
                            <input class="form-control form-control-lg rounded-0 yearsInput d-none d-lg-block"  type="text" placeholder="Year..." data-bind="value: yearText ,valueUpdate: 'afterkeydown', event:{'keyup': filterYears}, click : yearHasFocus" />
                            <input readonly class="form-control form-control-lg rounded-0 yearsInput d-lg-none"  type="text" placeholder="Year..." data-bind="value: yearText ,valueUpdate: 'afterkeydown', event:{'keyup': filterYears}, click : yearHasFocus" />
                            <div class="carselector-list-wrapper" data-bind="visible: showYearsList()">
                                <ul data-bind="foreach: filteredYears" class="carselector-list yearsList">
                                    <li class="carselector-list-element" data-bind="event:{click:function($data){ $parent.yearSelected($data)}}">
                                        <span class="carselector-list-element-text" data-bind="text:name"></span>
                                    </li>
                                </ul>
                            </div>
							<!-- /ko -->
							<!-- ko if: !selectYearsEnabled() -->
							<select class="form-control form-control-lg rounded-0" disabled><option>Year...</option></select>
							<!-- /ko -->
							<div class="icon-arrow"></div>
						</div>
						<div class="custom-padding-bottom">&nbsp;</div>
					</div>
				</div>
			</div>
			<div class="px-3 pl-lg-0 col-lg-7">
				<div class="collapse-modelengine">
					<div class="row mx-lg-0">
						<div class="col-12">
							<div class="row">
								<div class="car-selector__select-make col-12 col-lg-4 pr-lg-0 ">
									<div class="input-label custom-padding-top">&nbsp;</div>
									<div class="wrapper-select" data-bind="css: {selected: selectMakesSelected, disabled: !selectMakesEnabled()}">
										<i aria-hidden="true" class="fa fa-check text-success"></i>
										<div class="warning-border"></div>
										<!-- ko if: selectMakesEnabled -->    
                                        <input class="custom-margin-make form-control form-control-lg rounded-0 makesInput d-none d-lg-block"  type="text" placeholder="Marke..." data-bind="value: makeText ,valueUpdate: 'afterkeydown', event:{'keyup': filterMakes},click: makeHasFocus" />                                    
                                        <input readonly class="custom-margin-make form-control form-control-lg rounded-0 makesInput d-lg-none"  type="text" placeholder="Marke..." data-bind="value: makeText ,valueUpdate: 'afterkeydown', event:{'keyup': filterMakes},click: makeHasFocus" />
                                        <div class="carselector-list-wrapper" data-bind="visible: showMakesList()">
                                            <ul data-bind="foreach: filteredMakes" class="carselector-list makesList">
                                                <li class="carselector-list-element" data-bind="event:{click:function($data){$parent.makeSelected($data)}},css: {'disabled': typeof disabled !== 'undefined'}">
                                                    <span class="carselector-list-element-text" data-bind="text:name"></span>
                                                </li>
                                            </ul>
                                        </div>
										<!-- /ko -->
										<!-- ko if: !selectMakesEnabled() -->
										<select class="form-control form-control-lg rounded-0 custom-margin-make" disabled><option>Marke...</option></select>
										<!-- /ko -->
										<!-- ko if: makesLoading -->
										<div class="loading-div form-control form-control-lg rounded-0 custom-margin-make">
											<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/loader-1.gif" class="form-control-spinner" alt="Spinner" />
										</div>
										<!-- /ko -->
										<div class="icon-arrow"></div>
									</div>
									<div class="custom-padding-bottom">&nbsp;</div>
								</div>
								<div class="car-selector__select-model col-12 pr-lg-0 col-lg-4">
									<div class="input-label custom-padding-top">&nbsp;</div>
									<div class="wrapper-select" data-bind="css: {selected: selectModelsSelected, disabled: !selectModelsEnabled()}">
										<i aria-hidden="true" class="fa fa-check text-success"></i>
										<div class="warning-border"></div>
										<!-- ko if: selectModelsEnabled -->
                                        <input class="custom-margin-model form-control form-control-lg rounded-0 modelsInput d-none d-lg-block"  type="text" placeholder="Modell..." data-bind="value: modelText ,valueUpdate: 'afterkeydown', event:{'keyup': filterModels},click: modelHasFocus" />
                                        <input readonly class="custom-margin-model form-control form-control-lg rounded-0 modelsInput d-lg-none"  type="text" placeholder="Modell..." data-bind="value: modelText ,valueUpdate: 'afterkeydown', event:{'keyup': filterModels},click: modelHasFocus" />
                                        <div class="carselector-list-wrapper" data-bind="visible: showModelsList()">
                                            <ul data-bind="foreach: filteredModels" class="carselector-list modelsList">
                                                <li class="carselector-list-element" data-bind="event:{click:function($data){ $parent.modelSelected($data)}}">
                                                    <span class="carselector-list-element-text" data-bind="text:name"></span>
                                                </li>
                                            </ul>
                                        </div>
										<!-- /ko -->
										<!-- ko if: !selectModelsEnabled() -->
										<select class="form-control form-control-lg rounded-0 custom-margin-model" disabled><option>Modell...</option></select>
										<!-- /ko -->
										<!-- ko if: modelsLoading -->
										<div class="loading-div form-control form-control-lg rounded-0 custom-margin-model">
											<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/loader-1.gif" class="form-control-spinner" alt="Spinner" />
										</div>
										<!-- /ko -->
										<div class="icon-arrow"></div>
									</div>
									<div class="custom-padding-bottom">&nbsp;</div>
								</div>
								<div class="car-selector__select-engine col-12 pr-lg-0 col-lg-4">
									<div class="input-label custom-padding-top">&nbsp;</div>
									<div class="wrapper-select" data-bind="css: {selected: selectCarsSelected, disabled: !selectCarsEnabled()}">
										<i aria-hidden="true" class="fa fa-check text-success"></i>
										<div class="warning-border"></div>
										<!-- ko if: selectCarsEnabled -->   
                                        <input class="custom-margin-engine form-control form-control-lg rounded-0 carsInput d-none d-lg-block"  type="text" placeholder="Motor..." data-bind="value: carTextSelect ,valueUpdate: 'afterkeydown', event:{'keyup': filterCars},click: carHasFocus" />                                     
                                        <input readonly class="custom-margin-engine form-control form-control-lg rounded-0 carsInput d-lg-none"  type="text" placeholder="Motor..." data-bind="value: carTextSelect ,valueUpdate: 'afterkeydown', event:{'keyup': filterCars},click: carHasFocus" />
                                        <div class="carselector-list-wrapper" data-bind="visible: showCarsList()">
                                            <ul data-bind="foreach: filteredCars" class="carselector-list carsList">
                                                <li class="carselector-list-element" data-bind="event:{click:function($data,event){ $parent.carSelected($data,event)}}">
                                                    <span class="carselector-list-element-text" data-bind="text:name"></span>
                                                </li>
                                            </ul>
                                        </div>
										<!-- /ko -->
										<!-- ko if: !selectCarsEnabled() -->
										<select class="form-control form-control-lg rounded-0 custom-margin-engine disabled" disabled><option>Motor...</option></select>
										<!-- /ko -->
										<!-- ko if: carsLoading -->
										<div class="loading-div form-control form-control-lg rounded-0 custom-margin-make">
											<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/loader-1.gif" class="form-control-spinner" alt="Spinner" />
										</div>
										<!-- /ko -->
										<div class="icon-arrow"></div>
									</div>
									<div class="custom-padding-bottom">&nbsp;</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>        <!-- /ko -->
    </div>

    <!-- Custom Modal Box -->
<div data-bind="scope: 'carselector'">
    <div data-modal-id="hsntsn" style="display: none;" data-mage-init='{"ModalComponent": {}}' class="custom-modal">
        <div class="modal-dialog modal--dts modal-lg">
            <div class="modal-content ">
                <div class="custom-modal-header ">
                    <span class="custom-close">
                        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="105mm"
   height="105mm"
   viewBox="0 0 105 105"
   version="1.1"
   id="svg8"
   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
   sodipodi:docname="icn_close.svg">
  <defs
     id="defs2" />
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="1.4"
     inkscape:cx="249.03293"
     inkscape:cy="196.72645"
     inkscape:document-units="mm"
     inkscape:current-layer="layer1"
     showgrid="false"
     inkscape:lockguides="false"
     inkscape:window-width="1680"
     inkscape:window-height="966"
     inkscape:window-x="1672"
     inkscape:window-y="-8"
     inkscape:window-maximized="1" />
  <metadata
     id="metadata5">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Ebene 1"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(0,-192)">
    <g
       id="g3756"
       transform="matrix(0.99568158,0,0,0.99568174,-0.86216578,0.3179722)">
      <g
         transform="translate(4.5225895e-6,191.89952)"
         id="g3751">
        <rect
           id="rect14"
           width="18.708866"
           height="130.42752"
           x="-9.1761923"
           y="10.400761"
           style="stroke-width:0.23334055"
           transform="rotate(-45)" />
        <rect
           id="rect14-8"
           width="18.708866"
           height="130.42752"
           x="66.260147"
           y="-65.392014"
           style="stroke-width:0.23334056"
           transform="rotate(45)" />
      </g>
    </g>
  </g>
</svg>
                    </span>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">

                        <div class="row">
                            <div class="col-12 text-center">
                                <h2 class="mb-4">Fahrzeug<strong> per HSN / TSN</strong> wählen:</h2>
                            </div>
                        </div>

                        <div class="mb-5 row">
                            <div class="col-12 text-center">
                                <p style="white-space: normal;">
                                    Du kannst dein Auto auch per <strong>Herstellerschlüsselnummer (HSN)</strong><br />oder <strong>Typschlüsselnummer (TSN)</strong> auswählen.<br />Diese findest du in Deinem Fahrzeugschein bzw. deiner Zulassungsbescheinigung Teil I.                                </p>
                            </div>
                        </div>

                        <div class="row">
                            <div class="pb-5 col-12 col-lg-6 text-center text-lg-left">
                                <h5 class="text-uppercase"><em><strong>Alter Fahrzeugschein</strong></em></h5>
                                <br />
                                <img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Fwd_Couchconfig/images/hsntsn/gfx_fahrzeugschein_alt.jpg" class="my-2 img-fluid" alt="" />
                                <p>HSN: "zu 2" - TSN: "zu 3"</p>
                            </div>
                            <div class="pb-5 col-12 col-lg-6 text-center text-lg-left">
                                <h5 class="text-uppercase"><em><strong>Neuer Fahrzeugschein</strong></em></h5>
                                <span>(Zulassungsbescheinigung Teil I)</span><br />
                                <img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Fwd_Couchconfig/images/hsntsn/gfx_fahrzeugschein_neu.jpg" class="my-2 img-fluid" alt="" />
                                <p>HSN: Punkt 2.1 - TSN: Punkt 2.2</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    

<div data-bind="scope: 'carselector'">
	<div data-modal-id="carselector" style="display: none;" data-mage-init='{"ModalComponent": {}}' data-bind="event: {modalopen: onModalCarselectorOpen, modalclose: onModalCarselectorClose}" class="custom-modal custom-modal--floating">
		<div class="modal-dialog modal--dts modal-lg">
			<div class="modal-content ">
				<div class="custom-modal-header">
					<span class="custom-close">
                        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="105mm"
   height="105mm"
   viewBox="0 0 105 105"
   version="1.1"
   id="svg8"
   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
   sodipodi:docname="icn_close.svg">
  <defs
     id="defs2" />
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="1.4"
     inkscape:cx="249.03293"
     inkscape:cy="196.72645"
     inkscape:document-units="mm"
     inkscape:current-layer="layer1"
     showgrid="false"
     inkscape:lockguides="false"
     inkscape:window-width="1680"
     inkscape:window-height="966"
     inkscape:window-x="1672"
     inkscape:window-y="-8"
     inkscape:window-maximized="1" />
  <metadata
     id="metadata5">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Ebene 1"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(0,-192)">
    <g
       id="g3756"
       transform="matrix(0.99568158,0,0,0.99568174,-0.86216578,0.3179722)">
      <g
         transform="translate(4.5225895e-6,191.89952)"
         id="g3751">
        <rect
           id="rect14"
           width="18.708866"
           height="130.42752"
           x="-9.1761923"
           y="10.400761"
           style="stroke-width:0.23334055"
           transform="rotate(-45)" />
        <rect
           id="rect14-8"
           width="18.708866"
           height="130.42752"
           x="66.260147"
           y="-65.392014"
           style="stroke-width:0.23334056"
           transform="rotate(45)" />
      </g>
    </g>
  </g>
</svg>
					</span>
				</div>
				<div class="modal-body">

					<h2><span class="icon-warning"></span> Bitte wähle zuerst dein Auto aus</h2>

					<div id="car-selector-overlay" class="car-selector container-fluid">
						<div class="car-selector__spinner row" style="display:none;" data-bind="visible: !hideCarSelectorCollapse">
	<div class="col-12" >
		<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
	</div>
</div>						
<div class="car-selector--car-selected row justify-content-center" data-bind="visible: carText() && !changeCar()" style="display:none;"  data-bind="scope: 'carselector'">
	<div class="col text-white">
		<div class="row">

			<h3 class="car-selector__your-car">Mein Auto:</h3>

			<div class="car-selector__selectedCar-wrapper">
				<div class="selectedCar text-center text-xl-left text-body bg-white">
					<!-- ko if: car_chassis_image_url() -->
					<div class="selectedCar__image">
						<div class="car-chassis"><img width="948" height="340" data-bind="attr:{src: car_chassis_image_url, title: carText()}"/></div>
					</div>
					<!-- /ko -->
					<!-- ko if: !car_chassis_image_url() -->
					<div class="selectedCar__noimage" data-bind="if: car_chassis_image_url() === ''">
						<div class="svg-car">
							<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 491.9 168" style="enable-background:new 0 0 491.9 168;" xml:space="preserve">
<path fill="#fff" class="st0" d="M491.9,91c0,12.3,0,24.7,0,37c-4.3,4.8-9.7,7.4-16.1,7.9c-9.3,0.7-18.6,1.2-27.8,1.8c-1.9,0.1-3.9,0-5.5,0
	c-0.7,1.5-1.1,2.2-1.4,3c-5.9,14.5-16.5,23.4-31.9,26.4c-0.8,0.2-1.5,0.7-2.2,1c-3.3,0-6.7,0-10,0c-0.9-0.4-1.7-0.9-2.7-1.1
	c-14.4-3.1-24.4-11.5-30.4-24.9c-0.6-1.3-1.3-2.7-1.9-4c-73.4,0-146.6,0-219.6,0c-0.5,1.1-0.9,1.8-1.2,2.6
	c-5.9,14.5-16.5,23.4-31.9,26.4c-0.8,0.2-1.5,0.7-2.2,1c-3.3,0-6.7,0-10,0c-0.9-0.4-1.7-0.9-2.7-1.1c-14.4-3.1-24.4-11.5-30.4-24.9
	c-0.6-1.3-1.3-2.7-2.1-4.3c-1.9,0-3.7,0-5.5,0c-10.7,0-21.3,0.1-32,0c-14.9-0.2-23.9-7.9-24-21.7c-0.1-13.2-1.5-26.5,1.7-39.7
	C4,68,4,59.4,5.2,51c1.4-10.3,6.8-15.2,17.1-14.7c13.2,0.7,25.6-1.7,38.1-5.7C91.4,21,122.7,12,153.9,2.8c3.3-1,6.6-1.9,10-2.8
	c30.7,0,61.3,0,92,0c3.8,1.6,7.7,3,11.3,4.9c18.7,9.8,37.5,19.5,56,29.7c8.8,4.9,17.4,9.8,28,8.8c0.3,0,0.7,0.1,1,0.1
	c14.8,1.2,29.5,2.5,44.3,3.6c14.6,1.1,29.2,1.9,43.6,5.1c10.8,2.3,21.3,5.3,30.9,10.9c10.2,6,17.6,14.2,19.9,26.2
	C491,89.9,491.5,90.4,491.9,91z M360.4,125.9c0.7-11.7,4.5-22,13.1-30c8.6-8.1,18.8-12,30.5-11.4c21.9,1.1,35,14.7,40.4,41.7
	c11.8-0.1,23.8,0.8,35.6-3.4c0-10.7,0.1-20.8-0.1-31c-0.1-2.5-1.4-4.9-2.3-7.7c-5.5,6.3-9.6,7.1-16.7,3.7c-6.2-3-8.4-6.7-7.2-13.2
	c2.3-0.9,4.9-2,8-3.3c-6.4-3.7-13-5.7-19.8-7.5c-19.8-5.1-40.1-6.4-60.4-6.7c-55.3-0.9-110.6-1.6-165.9-2.3c-31-0.4-62-0.7-92.9-1.1
	c-5.4-0.1-6.3-0.7-8.2-5.4c1.9-6,3.4-8.9,8.6-12.4c9.5-6.4,19.4-12.3,29.1-18.4c1.4-0.9,2.8-1.7,4.3-2.6c-0.2-0.3-0.3-0.6-0.5-0.9
	c-6.7,1.7-13.5,3.2-20.2,5.3c-27,8.2-54,16.5-81,25c-7.9,2.5-15.7,4.1-24,3.5c-4.3-0.3-8.6,0-12.6,0c-1.8,4.3-3.4,7.9-2.1,12.7
	c5.2,0,10.2,0,15.2,0c0,6.1,0,11.5,0,17.3c-6.1,0-11.7,0-18,0c-0.6,3.5-1.5,6.7-1.6,9.9c-0.2,8.5-0.1,17-0.1,25.5
	c0,9.9,3.1,13,13.2,13.1c10,0,20,0,30,0c1.6,0,3.3,0,5.5,0c0.7-11.9,4.5-22.1,13-30.2c8.5-8.1,18.8-12,30.4-11.6
	c9.6,0.3,18.2,3.8,25.5,10.1c9.5,8.2,13.9,18.8,14.7,31.4C216,125.9,287.8,125.9,360.4,125.9z M102,95.7
	c-16.7,0-30.1,13.4-30.1,30.1c0,16.7,13.8,30.5,30.5,30.4c16.6-0.1,29.9-13.5,29.9-30.3C132.3,108.8,119.1,95.7,102,95.7z
	 M432.2,126c0.7-16.8-14.2-30.3-29.7-30.5c-13.2-0.2-30.1,9.4-30.7,30.1c-0.4,16.7,13.6,30.6,30.3,30.5
	C418.8,156.1,432.1,142.8,432.2,126z M209.4,44.3c30.8,0.8,60.7,1.5,91.6,2.2c-2.1-4.8,0.7-7,4-9.4c-15.5-8.7-30.2-17.5-46.3-23.5
	c-3.5-1.3-7.4-1.8-11.2-1.9c-12.3-0.2-24.6-0.1-36.9-0.1c-1.8,0-3.6,0.2-5.9,0.3C206.3,22.9,207.8,33.3,209.4,44.3z M193.2,11.7
	c-21.2,7.6-40.3,17-57.8,29.5c0.1,0.5,0.2,1,0.4,1.5c20.5,0.5,40.9,0.9,62.1,1.4C196.3,32.9,194.8,22.6,193.2,11.7z"/>
</svg>
						</div>
					</div>
					<!-- /ko -->
					<div class="selectedCar__text pl-0 text-truncate pt-2 car-chassis-text">
						<div class="selectedCar__text__inner">
							<div class="selectedCar__text--modelmake">
								<span data-bind="text: carTextArray().year"></span>
								<span data-bind="text: carTextArray().make"></span>
								<span data-bind="text: carTextArray().model"></span>
							</div>
							<div class="selectedCar__text--motor">
								<span data-bind="text: carTextArray().motor"></span>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="car-selector__buttons-wrapper">
				<div class="button--change-car" data-bind="click: doChangeCar">
					<strong><span>Fahrzeug wechseln</span></strong>
				</div>
				<div class="divider"></div>
				<a class="button--product-overview" href="https://www.bbs.com/de/shop" data-bind="click: onButtonProductOverviewClick">
					<div>Produktübersicht</div>
					<div>für  <span class="my-car">Mein Auto</span></div>
					<span class="icon-arrow"></span>
				</a>
			</div>
		</div>        
	</div>
    
</div>
<!-- ko if: showCarData() -->
<div class="row car-selector--carwheeldata text-center text-md-left" data-bind="visible: carText() && !changeCar()" data-bind="scope: 'carselector'">
    <div class="col-12 col-md-auto">
        <span>Radbefestigung Serie:</span>
    </div>
    <div class="col">
        Lochkreis: <span data-bind="text: carData().chassis_lochkreis"></span> |
        Nabenbohrung: <span data-bind="text: carData().chassis_nabenlochbohrung"></span> |
        Gewinde: <span data-bind="text: carData().chassis_gewinde"></span> |
        Bund: <span data-bind="text: carData().chassis_bund_alu"></span> |
        Schaftlänge: <span data-bind="text: carData().chassis_gewindelaenge"></span>mm
    </div>    
</div><!-- /ko -->						<!-- ko if: !years() -->
						<div class="car-selector--none-selected row justify-content-center" data-bind="visible: carText() === '' || changeCar(), css: {'hsntsn-visible': showHsnTsn}" style="display:none;">
	<div class="text-center text-white col-12" data-bind="scope: 'carselector'">
		<div class="mx-0 row justify-content-center">
			<div class="px-3 px-lg-0 col-lg-6">
				<div class="row mx-lg-0">
					<div class="col-12 align-self-center col-lg-6">
						<h3>Was fährst du?</h3>
					</div>
					<div class="car-selector__select-make col-12 col-lg-6 pb-0 pr-lg-0" >
						<div class="input-label custom-padding-top">Fahrzeug wählen</div>
						<div class="wrapper-select" data-bind="css: {selected: selectMakesSelected, disabled: !selectMakesEnabled()}">
							<i aria-hidden="true" class="fa fa-check text-success"></i>
							<div class="warning-border"></div>
							<!-- ko if: selectMakesEnabled -->
                            <input class="form-control form-control-lg rounded-0 makesInput d-none d-lg-block"  type="text" placeholder="Marke..." data-bind="value: makeText ,valueUpdate: 'afterkeydown', event:{'keyup': filterMakes},click: makeHasFocus" />
                            <input readonly class="form-control form-control-lg rounded-0 makesInput d-lg-none"  type="text" placeholder="Marke..." data-bind="value: makeText ,valueUpdate: 'afterkeydown', event:{'keyup': filterMakes},click: makeHasFocus" />
                            <div class="carselector-list-wrapper" data-bind="visible: showMakesList()">
                                <ul data-bind="foreach: filteredMakes" class="carselector-list makesList">
                                    <li class="carselector-list-element" data-bind="event:{click:function($data){ $parent.makeSelected($data)}},css: {'disabled': typeof disabled !== 'undefined'}">
                                        <span class="carselector-list-element-text" data-bind="text:name"></span>
                                    </li>
                                </ul>
                            </div>
							<!-- /ko -->
							<!-- ko if: !selectMakesEnabled() -->
							<select class="form-control form-control-lg rounded-0" disabled><option>Marke...</option></select>
							<!-- /ko -->
							<!-- ko if: makesLoading -->
							<div class="loading-div form-control form-control-lg rounded-0 custom-margin-make">
								<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/loader-1.gif" class="form-control-spinner" alt="Spinner" />
							</div>
							<!-- /ko -->
							<div class="icon-arrow"></div>
						</div>
						<div class="custom-padding-bottom">&nbsp;</div>
					</div>
				</div>
			</div>
			<div class="px-3 pl-lg-0 col-lg-6" data-bind="slideVisible: showHsnTsn">
				<div class="collapse-modelengine slide-visible-hide" style="display: none;">
					<div class="row mx-lg-0">
						<div class="col-12 col-lg-10">
							<div class="row">
								<div class="car-selector__select-model col-12 pr-lg-0 col-lg-6">
									<div class="input-label custom-padding-top">&nbsp;</div>
									<div class="wrapper-select" data-bind="css: {selected: selectModelsSelected, disabled: !selectModelsEnabled()}">
										<i aria-hidden="true" class="fa fa-check text-success"></i>
										<div class="warning-border"></div>
										<!-- ko if: selectModelsEnabled -->	
                                        <input class="custom-margin-model form-control form-control-lg rounded-0 modelsInput d-none d-lg-block"  type="text" placeholder="Modell..." data-bind="value: modelText ,valueUpdate: 'afterkeydown', event:{'keyup': filterModels},click: modelHasFocus" />
                                        <input readonly class="custom-margin-model form-control form-control-lg rounded-0 modelsInput d-lg-none"  type="text" placeholder="Modell..." data-bind="value: modelText ,valueUpdate: 'afterkeydown', event:{'keyup': filterModels},click: modelHasFocus" />
                                        <div class="carselector-list-wrapper" data-bind="visible: showModelsList()">
                                            <ul data-bind="foreach: filteredModels" class="carselector-list modelsList">
                                                <li class="carselector-list-element" data-bind="event:{click:function($data){ $parent.modelSelected($data)}}">
                                                    <span class="carselector-list-element-text" data-bind="text:name"></span>
                                                </li>
                                            </ul>
                                        </div>
										<!-- /ko -->
										<!-- ko if: !selectModelsEnabled() -->
										<select class="form-control form-control-lg rounded-0 custom-margin-model" disabled><option>Modell...</option></select>
										<!-- /ko -->
										<!-- ko if: modelsLoading -->
										<div class="loading-div form-control form-control-lg rounded-0 custom-margin-model">
											<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/loader-1.gif" class="form-control-spinner" alt="Spinner" />
										</div>
										<!-- /ko -->
										<div class="icon-arrow"></div>
									</div>
									<div class="custom-padding-bottom">&nbsp;</div>
								</div>
								<div class="car-selector__select-engine col-12 pr-lg-0 col-lg-6">
									<div class="input-label custom-padding-top">&nbsp;</div>
									<div class="wrapper-select" data-bind="css: {selected: selectCarsSelected, disabled: !selectCarsEnabled()}">
										<i aria-hidden="true" class="fa fa-check text-success"></i>
										<div class="warning-border"></div>
										<!-- ko if: selectCarsEnabled -->
                                        <input class="custom-margin-engine form-control form-control-lg rounded-0 carsInput d-none d-lg-block"  type="text" placeholder="Motor..." data-bind="value: carTextSelect ,valueUpdate: 'afterkeydown', event:{'keyup': filterCars},click: carHasFocus" />
                                        <input readonly class="custom-margin-engine form-control form-control-lg rounded-0 carsInput d-lg-none"  type="text" placeholder="Motor..." data-bind="value: carTextSelect ,valueUpdate: 'afterkeydown', event:{'keyup': filterCars},click: carHasFocus" />
                                        <div class="carselector-list-wrapper" data-bind="visible: showCarsList()">
                                            <ul data-bind="foreach: filteredCars" class="carselector-list carsList">
                                                <li class="carselector-list-element" data-bind="event:{click:function($data,event){ $parent.carSelected($data,event)}}">
                                                    <span class="carselector-list-element-text" data-bind="text:name"></span>
                                                </li>
                                            </ul>
                                        </div>
										<!-- /ko -->
										<!-- ko if: !selectCarsEnabled() -->
										<select class="form-control form-control-lg rounded-0 custom-margin-engine disabled" disabled><option>Motor...</option></select>
										<!-- /ko -->
										<!-- ko if: carsLoading -->
										<div class="loading-div form-control form-control-lg rounded-0 custom-margin-make">
											<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/loader-1.gif" class="form-control-spinner" alt="Spinner" />
										</div>
										<!-- /ko -->
										<div class="icon-arrow"></div>
									</div>
									<div class="custom-padding-bottom">&nbsp;</div>
								</div>
							</div>
						</div>
						<div class="show-hsntsn col-12 col-lg-2">
							<div class="small custom-padding-top">&nbsp;</div>
							<div data-bind="click: showHsnTsn" class="button--show-hsntsn">
								<span class="chevron-arrow"></span>
								<span class="hsntsn-text">HSN / TSN</span>
							</div>
							<div class="custom-padding-bottom">&nbsp;</div>
						</div>
					</div>
				</div>
				<div class="collapse-hsntsn slide-visible-show" style="display: none;">
					<div class="row mx-lg-0">
						<div class="col-12 col-lg-2 mt-2 mt-lg-0 p-lg-0">
							<div class="label-or">
								<span>&mdash;</span> oder <span>&mdash;</span>
							</div>
						</div>

						<div class="col-12 col-lg-4 mt-2 mt-lg-0 pl-lg-0">
							<div class="hsn-field">
								<div class="input-label custom-padding-top">Schlüsselnummer eingeben</div>
								<div class="input-wrapper">
									<input data-bind="value: hsn, valueUpdate: 'keyup'" type="text" class="form-control form-control-lg mr-sm-2 text-uppercase rounded-0 " name="input-hsn" placeholder="HSN: zu 2.1 (4-stellig)" maxlength="4">
								</div>
								<div class="custom-padding-bottom">&nbsp;</div>
							</div>
						</div>
						<div class="pl-lg-0 col-12 col-lg-4 mt-2 mt-lg-0">
							<div class="tsn-field">
								<div class="input-label custom-padding-top">&nbsp;</div>
								<div class="input-wrapper">
									<input data-bind="value: tsn, valueUpdate: 'keyup'" type="text" class="form-control form-control-lg mr-sm-2 text-uppercase rounded-0 " name="input-tsn" placeholder="TSN: zu 2.2 (erste 3 Stellen)" maxlength="3">
								</div>
								<div class="custom-padding-bottom">&nbsp;</div>
							</div>
						</div>
						<div class="px-lg-0 d-flex col-12 col-lg-2 mb-2 mb-lg-0">
							<div class="hsntsn-help btn">
								<span class="mx-auto ml-lg-0 align-self-center" data-bind="click: function(){
								this.openModalBox('hsntsn')
								}">
									<div class="input-label custom-padding-top">&nbsp;</div>
									<i class="fa fa-question-circle"></i>Hilfe									<div class="custom-padding-bottom">&nbsp;</div>
								</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row" data-bind="if: carNotFound">
			<div class="pt-3 col-12 text-center">
				<p style="white-space: normal;">Es wurde kein Fahrzeug mit dieser Schlüsselnummer gefunden. Bitte wählen Sie Ihr Fahrzeug nach Hersteller und weiteren Kriterien aus.</p>
			</div>
		</div>
		<div class="row justify-content-center" data-bind="if: multipleCarsFound">
			<div class="py-3 col-12 col-lg-8 text-center">
				<p style="white-space: normal;">Wir haben mehr als ein Fahrzeug zu dieser HSN/TSN gefunden.<br />Bitte wählen Sie Ihr Fahrzeug aus der Liste.</p>
				<div class="wrapper-select">
					<select class="form-control multiple-cars" data-bind="
						mageInit: {SelectComponent: {options: multipleCarsFound}},
						options: multipleCarsFound,
						optionsText: 'name',
						optionsValue: 'id',
						value: selectedMultipleCarsFound">
					</select>
					<div class="icon-arrow"></div>
				</div>
				<button data-bind="click: selectCarForMutlipleHSNTSN" class="mt-3 btn btn-warning text-white text-uppercase font-weight-bold">Das ist mein Fahrzeug</button>
			</div>
		</div>
	</div>
</div>						<!-- /ko -->
						<!-- ko if: years -->
						<div class="car-selector--none-selected car-selector--none-selected-us row justify-content-center" data-bind="visible: carText() === '' || changeCar()" style="display:none;">
	<div class="text-center text-white col-12" data-bind="scope: 'carselector'">
		<div class="mx-0 row justify-content-center">
			<div class="px-3 px-lg-0 col-lg-5">
				<div class="row mx-lg-0">
					<div class="col-12 align-self-center col-lg-8">
						<h3>Wähle Dein Auto</h3>
					</div>
					<div class="car-selector__select-year col-12 col-lg-4 pb-0 pr-lg-0">
						<div class="input-label custom-padding-top">Fahrzeug wählen</div>
						<div class="wrapper-select" data-bind="css: {selected: selectYearsSelected, disabled: !selectYearsEnabled()}">
							<i aria-hidden="true" class="fa fa-check text-success"></i>
							<div class="warning-border"></div>
							<!-- ko if: selectYearsEnabled() -->
                            <input class="form-control form-control-lg rounded-0 yearsInput d-none d-lg-block"  type="text" placeholder="Year..." data-bind="value: yearText ,valueUpdate: 'afterkeydown', event:{'keyup': filterYears}, click : yearHasFocus" />
                            <input readonly class="form-control form-control-lg rounded-0 yearsInput d-lg-none"  type="text" placeholder="Year..." data-bind="value: yearText ,valueUpdate: 'afterkeydown', event:{'keyup': filterYears}, click : yearHasFocus" />
                            <div class="carselector-list-wrapper" data-bind="visible: showYearsList()">
                                <ul data-bind="foreach: filteredYears" class="carselector-list yearsList">
                                    <li class="carselector-list-element" data-bind="event:{click:function($data){ $parent.yearSelected($data)}}">
                                        <span class="carselector-list-element-text" data-bind="text:name"></span>
                                    </li>
                                </ul>
                            </div>
							<!-- /ko -->
							<!-- ko if: !selectYearsEnabled() -->
							<select class="form-control form-control-lg rounded-0" disabled><option>Year...</option></select>
							<!-- /ko -->
							<div class="icon-arrow"></div>
						</div>
						<div class="custom-padding-bottom">&nbsp;</div>
					</div>
				</div>
			</div>
			<div class="px-3 pl-lg-0 col-lg-7">
				<div class="collapse-modelengine">
					<div class="row mx-lg-0">
						<div class="col-12">
							<div class="row">
								<div class="car-selector__select-make col-12 col-lg-4 pr-lg-0 ">
									<div class="input-label custom-padding-top">&nbsp;</div>
									<div class="wrapper-select" data-bind="css: {selected: selectMakesSelected, disabled: !selectMakesEnabled()}">
										<i aria-hidden="true" class="fa fa-check text-success"></i>
										<div class="warning-border"></div>
										<!-- ko if: selectMakesEnabled -->    
                                        <input class="custom-margin-make form-control form-control-lg rounded-0 makesInput d-none d-lg-block"  type="text" placeholder="Marke..." data-bind="value: makeText ,valueUpdate: 'afterkeydown', event:{'keyup': filterMakes},click: makeHasFocus" />                                    
                                        <input readonly class="custom-margin-make form-control form-control-lg rounded-0 makesInput d-lg-none"  type="text" placeholder="Marke..." data-bind="value: makeText ,valueUpdate: 'afterkeydown', event:{'keyup': filterMakes},click: makeHasFocus" />
                                        <div class="carselector-list-wrapper" data-bind="visible: showMakesList()">
                                            <ul data-bind="foreach: filteredMakes" class="carselector-list makesList">
                                                <li class="carselector-list-element" data-bind="event:{click:function($data){$parent.makeSelected($data)}},css: {'disabled': typeof disabled !== 'undefined'}">
                                                    <span class="carselector-list-element-text" data-bind="text:name"></span>
                                                </li>
                                            </ul>
                                        </div>
										<!-- /ko -->
										<!-- ko if: !selectMakesEnabled() -->
										<select class="form-control form-control-lg rounded-0 custom-margin-make" disabled><option>Marke...</option></select>
										<!-- /ko -->
										<!-- ko if: makesLoading -->
										<div class="loading-div form-control form-control-lg rounded-0 custom-margin-make">
											<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/loader-1.gif" class="form-control-spinner" alt="Spinner" />
										</div>
										<!-- /ko -->
										<div class="icon-arrow"></div>
									</div>
									<div class="custom-padding-bottom">&nbsp;</div>
								</div>
								<div class="car-selector__select-model col-12 pr-lg-0 col-lg-4">
									<div class="input-label custom-padding-top">&nbsp;</div>
									<div class="wrapper-select" data-bind="css: {selected: selectModelsSelected, disabled: !selectModelsEnabled()}">
										<i aria-hidden="true" class="fa fa-check text-success"></i>
										<div class="warning-border"></div>
										<!-- ko if: selectModelsEnabled -->
                                        <input class="custom-margin-model form-control form-control-lg rounded-0 modelsInput d-none d-lg-block"  type="text" placeholder="Modell..." data-bind="value: modelText ,valueUpdate: 'afterkeydown', event:{'keyup': filterModels},click: modelHasFocus" />
                                        <input readonly class="custom-margin-model form-control form-control-lg rounded-0 modelsInput d-lg-none"  type="text" placeholder="Modell..." data-bind="value: modelText ,valueUpdate: 'afterkeydown', event:{'keyup': filterModels},click: modelHasFocus" />
                                        <div class="carselector-list-wrapper" data-bind="visible: showModelsList()">
                                            <ul data-bind="foreach: filteredModels" class="carselector-list modelsList">
                                                <li class="carselector-list-element" data-bind="event:{click:function($data){ $parent.modelSelected($data)}}">
                                                    <span class="carselector-list-element-text" data-bind="text:name"></span>
                                                </li>
                                            </ul>
                                        </div>
										<!-- /ko -->
										<!-- ko if: !selectModelsEnabled() -->
										<select class="form-control form-control-lg rounded-0 custom-margin-model" disabled><option>Modell...</option></select>
										<!-- /ko -->
										<!-- ko if: modelsLoading -->
										<div class="loading-div form-control form-control-lg rounded-0 custom-margin-model">
											<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/loader-1.gif" class="form-control-spinner" alt="Spinner" />
										</div>
										<!-- /ko -->
										<div class="icon-arrow"></div>
									</div>
									<div class="custom-padding-bottom">&nbsp;</div>
								</div>
								<div class="car-selector__select-engine col-12 pr-lg-0 col-lg-4">
									<div class="input-label custom-padding-top">&nbsp;</div>
									<div class="wrapper-select" data-bind="css: {selected: selectCarsSelected, disabled: !selectCarsEnabled()}">
										<i aria-hidden="true" class="fa fa-check text-success"></i>
										<div class="warning-border"></div>
										<!-- ko if: selectCarsEnabled -->   
                                        <input class="custom-margin-engine form-control form-control-lg rounded-0 carsInput d-none d-lg-block"  type="text" placeholder="Motor..." data-bind="value: carTextSelect ,valueUpdate: 'afterkeydown', event:{'keyup': filterCars},click: carHasFocus" />                                     
                                        <input readonly class="custom-margin-engine form-control form-control-lg rounded-0 carsInput d-lg-none"  type="text" placeholder="Motor..." data-bind="value: carTextSelect ,valueUpdate: 'afterkeydown', event:{'keyup': filterCars},click: carHasFocus" />
                                        <div class="carselector-list-wrapper" data-bind="visible: showCarsList()">
                                            <ul data-bind="foreach: filteredCars" class="carselector-list carsList">
                                                <li class="carselector-list-element" data-bind="event:{click:function($data,event){ $parent.carSelected($data,event)}}">
                                                    <span class="carselector-list-element-text" data-bind="text:name"></span>
                                                </li>
                                            </ul>
                                        </div>
										<!-- /ko -->
										<!-- ko if: !selectCarsEnabled() -->
										<select class="form-control form-control-lg rounded-0 custom-margin-engine disabled" disabled><option>Motor...</option></select>
										<!-- /ko -->
										<!-- ko if: carsLoading -->
										<div class="loading-div form-control form-control-lg rounded-0 custom-margin-make">
											<img src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/loader-1.gif" class="form-control-spinner" alt="Spinner" />
										</div>
										<!-- /ko -->
										<div class="icon-arrow"></div>
									</div>
									<div class="custom-padding-bottom">&nbsp;</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>						<!-- /ko -->
					</div>

					<h2><span class="icon-warning"></span> Bitte wähle zuerst dein Auto aus</h2>

				</div>
			</div>
		</div>
	</div>
</div>

</div>
</div><main id="maincontent" class="page-main"><a id="contentarea" tabindex="-1"></a>
<div class="page-title-wrapper">
    <h1 class="page-title"
                >
        <span class="base" data-ui-id="page-title-wrapper" >BBS Räder - Home - Technik aus dem Motorsport</span>    </h1>
    </div>
<div class="page messages"><div data-placeholder="messages"></div>
<div data-bind="scope: 'messages'">
    <!-- ko if: cookieMessages && cookieMessages.length > 0 -->
    <div aria-atomic="true" role="alert" data-bind="foreach: { data: cookieMessages, as: 'message' }" class="messages">
        <div data-bind="attr: {
            class: 'message-' + message.type + ' ' + message.type + ' message',
            'data-ui-id': 'message-' + message.type
        }">
            <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div>
        </div>
    </div>
    <!-- /ko -->

    <!-- ko if: messages().messages && messages().messages.length > 0 -->
    <div aria-atomic="true" role="alert" class="messages" data-bind="foreach: {
        data: messages().messages, as: 'message'
    }">
        <div data-bind="attr: {
            class: 'message-' + message.type + ' ' + message.type + ' message',
            'data-ui-id': 'message-' + message.type
        }">
            <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div>
        </div>
    </div>
    <!-- /ko -->
</div>
<script type="text/x-magento-init">
    {
        "*": {
            "Magento_Ui/js/core/app": {
                "components": {
                        "messages": {
                            "component": "Magento_Theme/js/view/messages"
                        }
                    }
                }
            }
    }
</script>
</div><div class="columns"><div class="column main">
<style>
    #maincontent {
        margin-top: 0px !important;
    }
    .owl-dots {
        margin-top: -46px !important;
    }

    /* .b-attention3 {
        height: 70px;
        width: 100%;
        background-color: #d90000;
        color: white;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: "FuturaT";
        margin-top: 70px !important;
    } */
    @media (max-width: 1700px){
        #maincontent {
            margin-top: 57px !important;
        }
    }
    @media (min-width: 1025px) and (max-width: 1330px) {
        #maincontent {
            margin-top: 129px !important;
        }
        /* .b-attention3 {
            margin-top: 130px;
        } */
    }
    @media (max-width: 1024px) {
        #maincontent {
            margin-top: 60px !important;
        }

        /* .b-attention2 {
        display: none !important; */
    }
    .owl-carousel {
        margin-top: 57px; !important;
}
</style>

<!-- 
<style>
    #popup-container {
        display: none;
        position: fixed;
        z-index: 1050;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(33,33,33,.9);
        align-items: center;
        justify-content: center;
    }
    #popup-inner {
        background-color: #000000;
        max-width: 420px;
        text-align: right;
    }
    #popup-inner a:hover {
        opacity: 1;
    }
    #popup-inner img{
        width:100%;
    }
    #popup-close {
        position: relative;
        padding-right: 10px;
        top: 5px;
        color: #ffffff;
        font-size: 2rem;
        cursor: pointer;
    }
    @media (max-width: 768px) {
        #popup-inner {
            margin-left: 1rem;
            margin-right: 1rem;
        }
    }
</style>

<div id="popup-container">
    <div id="popup-inner">
        <span id="popup-close">×</span>
        <a href="//kwautomotive.de/gewinnspiel/" target="_blank">
            <img alt="fstdtm" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/Fwd_CmsPages/images/static/home/KWautomotive_Gewinnspiel_FSTDTM.jpg">
        </a>
    </div>
</div>

<script>
    window.addEventListener("load", function(){
        setTimeout( function open(event){
                document.querySelector("#popup-container").style.display = "flex";
        }, 3000)
    });
    document.getElementById("popup-container").addEventListener("click", function(e) {
        if (e.target.id == 'popup-container' || e.target.id == 'popup-close') {
            document.querySelector("#popup-container").style.display = "none";
        } else {
            e.stopPropagation();
        }
    });
</script>
 -->

<div class="std" id="proba">
    <!-- <div class="b-attention3">
        <div>Achtung: Beta-Ansicht. Keine Bestellungen möglich. Nicht alle Fahrzeuge und Produkte verfügbar.</div>
    </div> -->
    <!DOCTYPE html><html><head>
  <meta charset="utf-8">
  <title>BBS Wheels - Home - Technology from motorsport.</title>
  <meta name="description" content="BBS Wheels - a firm in motorsport, popular by quality- and design-enthusiastic motorists around the world. For more than 35 years.">
  <meta name="keywords" content="wheel, rim, rims, wheels, aluminium rims, alloy wheels, alloy wheel, car rims">
  <meta property="og:title" content="BBS Wheels - Home - Technology from motorsport.">
  <meta property="og:description" content="BBS Wheels - a firm in motorsport, popular by quality- and design-enthusiastic motorists around the world. For more than 35 years.">
  <meta property="og:image" content="https://cdn.bbs.com/socials/bbs_logo.jpg">
  <meta name="twitter:title" content="BBS Wheels - Home - Technology from motorsport.">
  <meta name="twitter:description" content="BBS Wheels - a firm in motorsport, popular by quality- and design-enthusiastic motorists around the world. For more than 35 years.">
  <meta name="twitter:card" content="https://cdn.bbs.com/socials/bbs_logo.jpg">
  <meta name="twitter:image" content="https://cdn.bbs.com/socials/bbs_logo.jpg">
  <meta name="robots" content="noindex">
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">

<!-- Google Tag Manager -->
  <script>(function (w, d, s, l, i) {
      w[l] = w[l] || []; w[l].push({
        'gtm.start':
          new Date().getTime(), event: 'gtm.js'
      }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-WXBMFBM');</script>
<!-- End Google Tag Manager -->
  
<style>body{margin:0;}div{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none!important;}</style><link rel="stylesheet" href="https://cdn.bbs.com/93/styles.c010235658264fbf2840.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdn.bbs.com/93/styles.c010235658264fbf2840.css"></noscript></head>
<body>

  <!-- <script>

    fetch('https://'+ window.location.host + '/api/getCountryCode')
    .then(response => response.json())
    .then(data => {
      if (data.code === 'DE' && window.location.pathname === '/') {
        window.location.replace('https://'+ window.location.host + '/de/home')
      }
    });

  </script> -->

  <style>
    @font-face {
      font-family: "FuturaT";
      font-style: normal;
      font-weight: 100;
      src: url("fonts/Futura-T-Light.TTF");
    }

    @font-face {
      font-family: "FuturaT";
      font-style: normal;
      font-weight: 400;
      src: url("fonts/Futura-T-Book.TTF");
    }

    @font-face {
      font-family: "FuturaT";
      font-style: normal;
      font-weight: 700;
      src: url("fonts/Futura-T-Bold.TTF");
    }

    @font-face {
      font-family: "Roboto";
      font-style: normal;
      font-weight: 400;
      src: url("fonts/Roboto-Regular.ttf");
    }

    @font-face {
      font-family: "NormsProRegular";
      font-style: normal;
      font-weight: 400;
      src: url("../assets/fonts/TT_Norms_Pro_Regular.ttf");
    }

  </style>

  <app-root>
    <style>

      .loader,
      .loader:before,
      .loader:after {
        background: #d90000;
        -webkit-animation: load1 1s infinite ease-in-out;
        animation: load1 1s infinite ease-in-out;
        width: 1em;
        height: 4em;
      }
      .loader {
        color: #d90000;
        text-indent: -9999em;
        margin: 50vh auto;
        position: relative;
        font-size: 11px;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
      }
      .loader:before,
      .loader:after {
        position: absolute;
        top: 0;
        content: '';
      }
      .loader:before {
        left: -1.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
      }
      .loader:after {
        left: 1.5em;
      }
      @-webkit-keyframes load1 {
        0%,
        80%,
        100% {
          box-shadow: 0 0;
          height: 4em;
        }
        40% {
          box-shadow: 0 -2em;
          height: 5em;
        }
      }
      @keyframes load1 {
        0%,
        80%,
        100% {
          box-shadow: 0 0;
          height: 4em;
        }
        40% {
          box-shadow: 0 -2em;
          height: 5em;
        }
      }

    </style>
    <div class="loader"></div>
  </app-root>
  <!-- <img style="display: none;" src="assets/images/slider/FI-R_GT3RS.jpg" alt=""> -->

  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WXBMFBM" height="0" width="0"
      style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

<script src="https://cdn.bbs.com/93/runtime.c6ed135d437c381439c8.js" defer></script><script src="https://cdn.bbs.com/93/polyfills.f3641f63a95ee6ccdfb6.js" defer></script><script src="https://cdn.bbs.com/93/main.e6e9d9a302a9700481cc.js" defer></script>

</body></html></div>
<input name="form_key" type="hidden" value="hv8G4nxp521iVEja" /><div id="authenticationPopup" data-bind="scope:'authenticationPopup', style: {display: 'none'}">
        <script>window.authenticationPopup = {"autocomplete":"off","customerRegisterUrl":"https:\/\/www.bbs.com\/de\/customer\/account\/create\/","customerForgotPasswordUrl":"https:\/\/www.bbs.com\/de\/customer\/account\/forgotpassword\/","baseUrl":"https:\/\/www.bbs.com\/de\/","customerLoginUrl":"https:\/\/www.bbs.com\/de\/customer\/ajax\/login\/"}</script>    <!-- ko template: getTemplate() --><!-- /ko -->
        <script type="text/x-magento-init">
        {
            "#authenticationPopup": {
                "Magento_Ui/js/core/app": {"components":{"authenticationPopup":{"component":"Magento_Customer\/js\/view\/authentication-popup","children":{"messages":{"component":"Magento_Ui\/js\/view\/messages","displayArea":"messages"},"captcha":{"component":"Magento_Captcha\/js\/view\/checkout\/loginCaptcha","displayArea":"additional-login-form-fields","formId":"user_login","configSource":"checkout"}}}}}            },
            "*": {
                "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fwww.bbs.com\u002Fde\u002Fstatic\u002Fversion1744723141\u002Ffrontend\u002FFwd\u002Ffwd\u002Dbbs\u002Dde\u002Dtheme\u002Fde_DE\u002Fimages\u002Floader\u002D1.gif"
                            }
        }
    </script>
</div>
<script type="text/x-magento-init">
    {
        "*": {
            "Magento_Customer/js/section-config": {
                "sections": {"stores\/store\/switch":["*"],"stores\/store\/switchrequest":["*"],"directory\/currency\/switch":["*"],"*":["messages"],"customer\/account\/logout":["*","recently_viewed_product","recently_compared_product","persistent"],"customer\/account\/loginpost":["*"],"customer\/account\/createpost":["*"],"customer\/account\/editpost":["*"],"customer\/ajax\/login":["checkout-data","cart","captcha"],"catalog\/product_compare\/add":["compare-products"],"catalog\/product_compare\/remove":["compare-products"],"catalog\/product_compare\/clear":["compare-products"],"sales\/guest\/reorder":["cart"],"sales\/order\/reorder":["cart"],"checkout\/cart\/add":["cart","directory-data"],"checkout\/cart\/delete":["cart"],"checkout\/cart\/updatepost":["cart"],"checkout\/cart\/updateitemoptions":["cart"],"checkout\/cart\/couponpost":["cart"],"checkout\/cart\/estimatepost":["cart"],"checkout\/cart\/estimateupdatepost":["cart"],"checkout\/onepage\/saveorder":["cart","checkout-data","last-ordered-items"],"checkout\/sidebar\/removeitem":["cart"],"checkout\/sidebar\/updateitemqty":["cart"],"rest\/*\/v1\/carts\/*\/payment-information":["cart","last-ordered-items","captcha","instant-purchase"],"rest\/*\/v1\/guest-carts\/*\/payment-information":["cart","captcha"],"rest\/*\/v1\/guest-carts\/*\/selected-payment-method":["cart","checkout-data"],"rest\/*\/v1\/carts\/*\/selected-payment-method":["cart","checkout-data","instant-purchase"],"customer\/address\/*":["instant-purchase"],"customer\/account\/*":["instant-purchase"],"vault\/cards\/deleteaction":["instant-purchase"],"multishipping\/checkout\/overviewpost":["cart"],"paypal\/express\/placeorder":["cart","checkout-data"],"paypal\/payflowexpress\/placeorder":["cart","checkout-data"],"paypal\/express\/onauthorization":["cart","checkout-data"],"persistent\/index\/unsetcookie":["persistent"],"wishlist\/index\/add":["wishlist"],"wishlist\/index\/remove":["wishlist"],"wishlist\/index\/updateitemoptions":["wishlist"],"wishlist\/index\/update":["wishlist"],"wishlist\/index\/cart":["wishlist","cart"],"wishlist\/index\/fromcart":["wishlist","cart"],"wishlist\/index\/allcart":["wishlist","cart"],"wishlist\/shared\/allcart":["wishlist","cart"],"wishlist\/shared\/cart":["cart"]},
                "clientSideSections": ["checkout-data","cart-data"],
                "baseUrls": ["https:\/\/www.bbs.com\/de\/"],
                "sectionNames": ["messages","customer","compare-products","last-ordered-items","cart","directory-data","captcha","instant-purchase","loggedAsCustomer","persistent","wishlist","recently_viewed_product","recently_compared_product","product_data_storage","paypal-billing-agreement"]            }
        }
    }
</script>
<script type="text/x-magento-init">
    {
        "*": {
            "Magento_Customer/js/customer-data": {
                "sectionLoadUrl": "https\u003A\u002F\u002Fwww.bbs.com\u002Fde\u002Fcustomer\u002Fsection\u002Fload\u002F",
                "expirableSectionLifetime": 60,
                "expirableSectionNames": ["cart","persistent"],
                "cookieLifeTime": "3600",
                "updateSessionUrl": "https\u003A\u002F\u002Fwww.bbs.com\u002Fde\u002Fcustomer\u002Faccount\u002FupdateSession\u002F"
            }
        }
    }
</script>
<script type="text/x-magento-init">
    {
        "*": {
            "Magento_Customer/js/invalidation-processor": {
                "invalidationRules": {
                    "website-rule": {
                        "Magento_Customer/js/invalidation-rules/website-rule": {
                            "scopeConfig": {
                                "websiteId": "5"
                            }
                        }
                    }
                }
            }
        }
    }
</script>
<script type="text/x-magento-init">
    {
        "body": {
            "pageCache": {"url":"https:\/\/www.bbs.com\/de\/page_cache\/block\/render\/page_id\/homede\/","handles":["default","cmspages_page_view","default_bbsdede","cmspages_bbsdede_homede","cmspages_page_homede"],"originalRequest":{"route":"cmspages","controller":"page","action":"view","uri":"\/de\/home"},"versionCookieName":"private_content_version"}        }
    }
</script>
<script type="text/x-magento-init">
{
     "[data-block='minicart']" : {
        "Fwd_Couchconfig/js/view/minicart_open" : {}
     }
}
</script></div></div></main><footer class="page-footer"><a id="back2Top" href="#"></a>
<div class="std">
    <div class="b-footer-magento">
        <div class="b-footer__center">
            <div class="b-footer__product">
                <div class="b-footer__product--l">
                    <div class="b-footer__product--design">
                        <div class="b-footer__title">BBS Räder</div>
                        <div class="b-footer__name">nach Technologie</div>
                        <div class="b-footer__wrapper">
                            <div class="b-footer__list" tabindex="0">
                                <div class="b-footer__icon"><img alt="arrow"
                                        src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg"></div>
                                <a href="/de/technologie/forging" style="text-decoration: none; color: white;">
                                    <div>Forging</div>
                                </a>
                            </div>
                            <div class="b-footer__list" tabindex="0">
                                <div class="b-footer__icon"><img alt="arrow"
                                        src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg"></div>
                                <a href="/de/technologie/flow-forming" style="text-decoration: none; color: white;">
                                    <div>Flow Forming</div>
                                </a>
                            </div>
                            <div class="b-footer__list" tabindex="0">
                                <div class="b-footer__icon"><img alt="arrow"
                                        src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg"></div>
                                <a href="/de/technologie/casting" style="text-decoration: none; color: white;">
                                    <div>Casting</div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="b-footer__product--tech">
                        <div class="b-footer__name b-footer__name--m">nach Designlinien</div>
                        <div class="b-footer__wrapper">
                            <div class="b-footer__list">
                                <div class="b-footer__icon"><img alt="arrow"
                                        src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg"></div>
                                <a href="/de/produkte?sEl=performance" style="text-decoration: none; color: white;">
                                    <div>Performance Design</div>
                                </a>
                            </div>
                            <div class="b-footer__list">
                                <div class="b-footer__icon"><img alt="arrow"
                                        src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg"></div>
                                <a href="/de/produkte?sEl=motorsport" style="text-decoration: none; color: white;">
                                    <div>Motorsport Design</div>
                                </a>
                            </div>
                            <div class="b-footer__list">
                                <div class="b-footer__icon"><img alt="arrow"
                                        src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg"></div>
                                <a href="/de/produkte?sEl=utility" style="text-decoration: none; color: white;">
                                    <div>Utility Design</div>
                                </a>
                            </div>
                            <div class="b-footer__list">
                                <div class="b-footer__icon"><img alt="arrow"
                                        src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg"></div>
                                <a href="/de/produkte?sEl=classic" style="text-decoration: none; color: white;">
                                    <div>Classic Design</div>
                                </a>
                            </div>
                        </div>
                        <div class="b-footer__all">
                            <a href="/de/produkte" style="text-decoration: none; color: white;">Alle Räder
                            </a>
                            <div class="b-footer__arrow"><img alt="arrow"
                                    src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-right-red.svg">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="b-footer__product--r"></div>
            </div>
            <div class="b-footer__right">
                <div class="b-footer__right--l">
                    <div class="b-footer__border"></div>
                </div>
                <div class="b-footer__right--r">
                    <div class="b-footer__up">
                        <div class="information">
                            <div class="b-footer__title">INFORMATION</div>
                            <div class="b-footer__wrapper">
                                <div class="b-footer__list" tabindex="0">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="/de/technologie" style="text-decoration: none; color: white;">
                                        <div style="cursor: pointer;">Technologie</div>
                                    </a>
                                </div>
                                <div class="b-footer__list" tabindex="0">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="https://store.kwautomotive.de/de/bbs/shop" style="text-decoration: none; color: white;" target="_blank">
                                        <div style="cursor: pointer;">Shop</div>
                                    </a>
                                </div>
                                <!-- <div class="b-footer__list" tabindex="0">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="https://store.kwautomotive.de/de/bbs/shop" style="text-decoration: none; color: white;" target="_blank">
                                        <div style="cursor: pointer;">Konfigurator</div>
                                    </a>
                                </div> -->
                                <div class="b-footer__list" tabindex="0">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="/de/unternehmen/manufaktur" style="text-decoration: none; color: white;">
                                        <div>Unternehmen</div>
                                    </a>
                                </div>
                                <div class="b-footer__list" tabindex="0">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="/de/news" style="text-decoration: none; color: white;">
                                        <div>News</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="customer">
                            <div class="b-footer__title">KUNDENSERVICE</div>
                            <div class="b-footer__wrapper">
                                <div class="b-footer__list" tabindex="0">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="/de/kontakt" style="text-decoration: none; color: white;">
                                        <div>Kontakt</div>
                                    </a>
                                </div>
                                <div class="b-footer__list" tabindex="0">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="/de/service" style="text-decoration: none; color: white;">
                                        <div>Gutachten / Zulassungsdokumente</div>
                                    </a>
                                </div>
                                <div class="b-footer__list" tabindex="0">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="/de/haendlersuche" style="text-decoration: none; color: white;">
                                        <div>Händlersuche</div>
                                    </a>
                                </div>
                                <!-- <div class="b-footer__list">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="/de/versand-und-zahlung#shipping_payment_methods"
                                        style="text-decoration: none; color: white;">
                                        <div>Zahlungsmethoden</div>
                                    </a>
                                </div> -->
                                <!-- <div class="b-footer__list" tabindex="0">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="/de/versand-und-zahlung" style="text-decoration: none; color: white;">
                                        <div>Versandkosten</div>
                                    </a>
                                </div> -->
                            </div>
                        </div>
                        <div class="disclaimer">
                            <div class="b-footer__title">RECHTLICHES</div>
                            <div class="b-footer__wrapper b-footer__wrapper--disclamer">
                                <div class="b-footer__list">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="/de/impressum" style="text-decoration: none; color: white;">
                                        <div class="disclaimer__name" tabindex="0">Impressum</div>
                                    </a>
                                </div>
                                <div class="b-footer__list">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="/de/datenschutz" style="text-decoration: none; color: white;">
                                        <div class="disclaimer__name" tabindex="0">Datenschutzerklärung</div>
                                    </a>
                                </div>
                                <div class="b-footer__list">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="https://kwautomotive.whistleblowing-software.com" style="text-decoration: none; color: white;">
                                        <div class="disclaimer__name" tabindex="0">Hinweisgeberschutzgesetz</div>
                                    </a>
                                </div>
                                <div class="b-footer__list">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="/de/allgemeine-geschaftsbedingungen"
                                        style="text-decoration: none; color: white;">
                                        <div class="disclaimer__name" tabindex="0"> Allgemeine Geschäftsbedingungen
                                        </div>
                                    </a>
                                </div>
                                <!-- <div class="b-footer__list">
                                    <div class="b-footer__icon"><img alt="arrow"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-mini-right.svg">
                                    </div>
                                    <a href="/de/widerrufsbelehrung" style="text-decoration: none; color: white;">
                                        <div class="disclaimer__name" tabindex="0"> Widerrufsrecht für Verbraucher</div>
                                    </a>
                                </div> -->
                            </div>
                        </div>
                        <div class="b-contact ms" style="width: 50%;">
                            <div class="b-footer__title">VERTRIEB AFTERMARKET</div>
                            <div class="b-footer__wrapper b-footer__wrapper--contact">
                                <div class="b-footer__list b-footer__list--mt">
                                    <div class="b-footer__map"><img alt="map"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/map.svg"></div>
                                    <div>KW automotive GmbH Aspachweg 14, 74427 Fichtenberg, Germany</div>
                                </div>
                                <div class="b-footer__list b-footer__list--contact">
                                    <div class="b-footer__phone"><img alt="phone"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/phone.svg"></div>
                                    <div class="b-footer__contact">+49 7971 9630-0</div>
                                </div>
                                <div class="b-footer__list">
                                    <div class="b-footer__mail"><img alt="mail"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/mail.svg"></div>
                                    <div class="b-footer__contact"><a
                                            href="mailto:[email protected]">[email protected]</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="b-contact ms">
                            <!-- <div class="b-footer__title">PRODUKTION / VERTRIEB OEM</div>
                            <div class="b-footer__wrapper b-footer__wrapper--contact">
                                <div class="b-footer__list b-footer__list--mt">
                                    <div class="b-footer__map"><img alt="map"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/map.svg"></div>
                                    <div>BBS Autotechnik GmbH Welschdorf 220, 77761 Schiltach, Germany </div>
                                </div>
                                <div class="b-footer__list b-footer__list--contact">
                                    <div class="b-footer__phone"><img alt="phone"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/phone.svg"></div>
                                    <div class="b-footer__contact">+49 (0) 7836 52-0</div>
                                </div>
                                <div class="b-footer__list">
                                    <div class="b-footer__mail"><img alt="mail"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/mail.svg"></div>
                                    <div class="b-footer__contact"><a href="mailto:[email protected]">[email protected]</a></div>
                                </div>
                            </div> -->
                        </div>
                    </div>
                    <div class="b-footer__down" style="justify-content:unset;">
                        <div class="b-contact hd">
                            <div class="b-footer__title">VERTRIEB AFTERMARKET</div>
                            <div class="b-footer__wrapper b-footer__wrapper--contact">
                                <div class="b-footer__list b-footer__list--mt">
                                    <div class="b-footer__map"><img alt="map"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/map.svg"></div>
                                    <div>KW automotive GmbH Aspachweg 14, 74427 Fichtenberg, Germany</div>
                                </div>
                                <div class="b-footer__list b-footer__list--contact">
                                    <div class="b-footer__phone"><img alt="phone"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/phone.svg"></div>
                                    <div class="b-footer__contact">+49 7971 9630-0</div>
                                </div>
                                <div class="b-footer__list">
                                    <div class="b-footer__mail"><img alt="mail"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/mail.svg"></div>
                                    <div class="b-footer__contact"><a
                                            href="mailto:[email protected]">[email protected]</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="b-contact hd" style="margin-left: 26px;">
                            <!-- <div class="b-footer__title">PRODUKTION / VERTRIEB OEM</div>
                            <div class="b-footer__wrapper b-footer__wrapper--contact">
                                <div class="b-footer__list b-footer__list--mt">
                                    <div class="b-footer__map"><img alt="map"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/map.svg"></div>
                                    <div>BBS Autotechnik GmbH Welschdorf 220, 77761 Schiltach, Germany</div>
                                </div>
                                <div class="b-footer__list b-footer__list--contact">
                                    <div class="b-footer__phone"><img alt="phone"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/phone.svg"></div>
                                    <div class="b-footer__contact">+49 (0) 7836 52-0</div>
                                </div>
                                <div class="b-footer__list">
                                    <div class="b-footer__mail"><img alt="mail"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/mail.svg"></div>
                                    <div class="b-footer__contact"><a href="mailto:[email protected]">[email protected]</a></div>
                                </div>
                            </div> -->
                        </div>
                    </div>
                    <div class="b-footer__down social">
                        <div class="b-footer__socials hd">
                            <div class="b-footer__social">
                                <div class="b-footer__text">Social Media</div>
                                <div class="b-footer__media"><a href="https://www.facebook.com/bbs.wheels/"
                                        target="_blank" class="b-footer__medias"><img alt="facebook"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/facebook.svg"></a><a
                                        href="https://www.instagram.com/bbs_germany_official/" target="_blank"
                                        class="b-footer__medias"><img alt="instagram"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/instagram.svg"></a><a
                                        href="https://www.youtube.com/channel/UCEyoYVQ-A1_MfyI7XyXOmUQ" target="_blank"
                                        class="b-footer__medias"><img alt="youtube"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/youtube.svg"></a><a
                                        href="https://www.linkedin.com/company/bbs-wheels/" target="_blank"
                                        class="b-footer__medias b-footer__medias--linkedin"><img alt="instagram"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/linkedin-6-48.png"></a>
                                    </a>
                                    <a _ngcontent-tvh-c11="" href="https://www.tiktok.com/@bbs.wheels" target="_blank"
                                        class="b-footer__medias b-footer__medias--tiktok">
                                        <img _ngcontent-tvh-c11="" alt="tiktok"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/tik_tok.svg">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="b-footer__info hd">
                            <div class="b-footer__logo"><img alt="logo_bbs"
                                    src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/logo_bbs.svg"></div>
                            <div class="b-footer__rights"> © 2025 KW automotive GmbH. Alle Rechte vorbehalten.</div>
                            <a href="https://b2b.kwautomotive.de/de/" class="b-footer__login">
                                <div class="b-footer__txt">
                                    <div class="b-footer__icon b-footer__icon--login"><img alt="login"
                                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/login.svg"></div>
                                    <div class="b-footer__dealer">Händler Login</div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="b-small ms">
            <div class="b-footer__mobile">

                <div class="b-footer__items">
                    <div class="b-footer__item">
                        BBS Räder
                        <img class="down b-footer__arrow-toggle"
                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-down.svg">
                        <img class="hide b-footer__arrow-toggle"
                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-up.svg" />
                    </div>
                    <div class="b-footer__dropdown">
                        <div class="b-footer__name b-footer__name--mobile">nach Technologie
                        </div>
                        <div class="b-footer__list">
                            <a href="/de/technologie/forging">Forging</a>
                        </div>
                        <div class="b-footer__list">
                            <a href="/de/technologie/flow-forming">Flow Forming</a>
                        </div>
                        <div class="b-footer__list">
                            <a href="/de/technologie/casting">Casting</a>
                        </div>
                        <div class="b-footer__name b-footer__name--mobile">nach Designlinien</div>
                        <div class="b-footer__list">
                            <a href="/de/produkte">Performance Design</a>
                        </div>
                        <div class="b-footer__list">
                            <a href="/de/produkte?sEl=motorsport">Motorsport Design</a>
                        </div>
                        <div class="b-footer__list">
                            <a href="/de/produkte?sEl=utility">Utility Design</a>
                        </div>
                        <div class="b-footer__list">
                            <a href="/de/produkte?sEl=classic">Classic Design</a>
                        </div>
                        <div class="b-footer__all"><a href="/de/produkte">Alle Räder</a>
                        </div>
                        <br>
                    </div>
                </div>

                <div class="b-footer__items">
                    <div class="b-footer__item">
                        INFORMATION
                        <img class="down b-footer__arrow-toggle"
                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-down.svg" />
                        <img class="hide b-footer__arrow-toggle"
                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-up.svg" />
                    </div>
                    <div class="b-footer__dropdown" *ngIf="toggleItems1 === true">
                        <div class="b-footer__list-mobile">
                            <a href="/de/technologie">
                                <div style="cursor: pointer;">Technologie</div>
                            </a>
                        </div>
                        <div class="b-footer__list-mobile">
                            <a href="https://store.kwautomotive.de/de/bbs/shop">
                                <div style="cursor: pointer;">Shop</div>
                            </a>
                        </div>
                        <!-- <div class="b-footer__list-mobile">
                            <a href="https://store.kwautomotive.de/de/bbs/shop">
                                <div style="cursor: pointer;">Konfigurator</div>
                            </a>
                        </div> -->
                        <div class="b-footer__list-mobile">
                            <a href="/de/unternehmen/manufaktur">
                                <div>Unternehmen</div>
                            </a>
                        </div>
                        <div class="b-footer__list-mobile">
                            <a href="/de/news">
                                <div>News</div>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="b-footer__items">
                    <div class="b-footer__item">
                        KUNDENSERVICE
                        <img class="down b-footer__arrow-toggle"
                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-down.svg" />
                        <img class="hide b-footer__arrow-toggle"
                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-up.svg" />
                    </div>
                    <div class="b-footer__dropdown">
                        <div class="b-footer__list-mobile">
                            <a href="/de/kontakt">Kontakt</a>
                        </div>
                        <div class="b-footer__list-mobile">
                            <a href="/de/service">Gutachten / Zulassungsdokumente</a>
                        </div>
                        <div class="b-footer__list-mobile">
                            <a href="/de/haendlersuche">Händlersuche</a>
                        </div>
                        <!-- <div class="b-footer__list-mobile">
                            <a href="/de/versand-und-zahlung#shipping_payment_methods">Zahlungsmethoden</a>
                        </div> -->
                        <!-- <div class="b-footer__list-mobile">
                            <a href="/de/versand-und-zahlung">Versandkosten</a>
                        </div> -->
                    </div>

                </div>
                <div class="b-footer__items">
                    <div class="b-footer__item">
                        RECHTLICHES
                        <img class="down b-footer__arrow-toggle"
                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-down.svg" />
                        <img class="hide b-footer__arrow-toggle"
                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-up.svg" />
                    </div>
                    <div class="b-footer__dropdown">
                        <div class="b-footer__list-mobile">
                            <div class="disclaimer__name">
                                <a href="/de/impressum">Impressum</a>
                            </div>
                        </div>
                        <div class="b-footer__list-mobile">
                            <div class="disclaimer__name">
                                <a href="/de/datenschutz">Datenschutzerklärung</a>
                            </div>
                        </div>
                        <div class="b-footer__list-mobile">
                            <div class="disclaimer__name">
                                <a href="https://kwautomotive.whistleblowing-software.com">Hinweisgeberschutzgesetz</a>
                            </div>
                        </div>
                        <div class="b-footer__list-mobile">
                            <div class="disclaimer__name">
                                <a href="/de/allgemeine-geschaftsbedingungen">Allgemeine Geschäftsbedingungen</a>
                            </div>
                        </div>
                        <!-- <div class="b-footer__list-mobile">
                            <div class="disclaimer__name">
                                <a href="/de/widerrufsbelehrung">Widerrufsrecht für Verbraucher</a>
                            </div>
                        </div> -->
                    </div>

                </div>
                <div class="b-footer__items">
                    <div class="b-footer__item">
                    VERTRIEB AFTERMARKET
                        <img class="down b-footer__arrow-toggle"
                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-down.svg" />
                        <img class="hide b-footer__arrow-toggle"
                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-up.svg" />
                    </div>
                    <div class="b-footer__dropdown" id="dropdown">
                        <div class="b-footer__list b-footer__list--p">
                            <div>KW automotive GmbH Aspachweg 14, 74427 Fichtenberg, Germany</div>
                        </div>
                        <div class="b-footer__list b-footer__list--contact">
                            <div class="b-footer__contact">+49 7971 9630-0</div>
                        </div>
                        <div class="b-footer__list">
                            <div class="b-footer__contact">
                                <a href="mailto:[email protected]">[email protected]</a>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="b-footer__items">
                    <!-- <div class="b-footer__item">
                    PRODUKTION / VERTRIEB OEM
                        <img class="down b-footer__arrow-toggle"
                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-down.svg" />
                        <img class="hide b-footer__arrow-toggle"
                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/arrow-up.svg" />
                    </div>
                    <div class="b-footer__dropdown" id="dropdown">
                        <div class="b-footer__list b-footer__list--p">
                            <div>BBS Autotechnik GmbH Welschdorf 220, 77761 Schiltach, Germany</div>
                        </div>
                        <div class="b-footer__list b-footer__list--contact">
                            <div class="b-footer__contact">+49 (0) 7836 52-0</div>
                        </div>
                        <div class="b-footer__list">
                            <div class="b-footer__contact">
                                <a href="mailto:[email protected]">[email protected]</a>
                            </div>
                        </div>
                    </div> -->

                </div>
            </div>
            <a href="https://b2b.kwautomotive.de/de/" class="b-footer__login b-footer__login--mobile"
                style="margin: auto; margin-bottom: 40px;">
                <div class="b-footer__txt">
                    <div class="b-footer__icon"><img alt="login"
                            src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/login.svg"></div>
                    <div class="b-footer__dealer">Händler Login</div>
                </div>
            </a>
            <div class="b-footer__socials">
                <div class="b-footer__button">
                    <a href="de/kontakt">
                        <div>Kontaktiere uns</div>
                    </a>
                </div>
                <div class="b-footer__social">
                    <div class="b-footer__text">Social Media</div>
                    <div class="b-footer__media">
                        <a href="https://www.facebook.com/bbs.wheels/" target="_blank" class="b-footer__medias">
                            <img alt="facebook" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/facebook.svg">
                        </a>
                        <a href="https://www.instagram.com/bbs_germany_official/" target="_blank"
                            class="b-footer__medias">
                            <img alt="instagram" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/instagram.svg">
                        </a>
                        <a href="https://www.youtube.com/channel/UCEyoYVQ-A1_MfyI7XyXOmUQ" target="_blank"
                            class="b-footer__medias">
                            <img alt="youtube" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/youtube.svg">
                        </a>
                        <a href="https://www.linkedin.com/company/bbs-wheels/" target="_blank"
                            class="b-footer__medias b-footer__medias--linkedin">
                            <img alt="instagram" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/linkedin-6-48.png">
                        </a>
                        <a _ngcontent-tvh-c11="" href="https://www.tiktok.com/@bbs.wheels" target="_blank"
                            class="b-footer__medias b-footer__medias--tiktok">
                            <img _ngcontent-tvh-c11="" alt="tiktok"
                                src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/tik_tok.svg">
                        </a>
                    </div>
                </div>
            </div>
            <div class="b-footer__info">
                <div class="b-footer__logo">
                    <img alt="logo bbs" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/logo_bbs.svg">
                </div>
                <div class="b-footer__rights"> © 2025 KW automotive GmbH. Alle Rechte vorbehalten.</div>
                <a href="https://b2b.kwautomotive.de/de/" class="b-footer__login b-footer__login--toTablet">
                    <div class="b-footer__txt">
                        <div class="b-footer__icon">
                            <img alt="login" src="https://www.bbs.com/de/static/version1744723141/frontend/Fwd/fwd-bbs-de-theme/de_DE/images/footer/login.svg">
                        </div>
                        <div class="b-footer__dealer">Händler Login</div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div></footer><script type="text/x-magento-init">
        {
            "*": {
                "Magento_Ui/js/core/app": {
                    "components": {
                        "storage-manager": {
                            "component": "Magento_Catalog/js/storage-manager",
                            "appendTo": "",
                            "storagesConfiguration" : {"recently_viewed_product":{"requestConfig":{"syncUrl":"https:\/\/www.bbs.com\/de\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":null},"recently_compared_product":{"requestConfig":{"syncUrl":"https:\/\/www.bbs.com\/de\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":null},"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/www.bbs.com\/de\/rest\/BbsDeDe\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/www.bbs.com\/de\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":null}}                        }
                    }
                }
            }
        }
</script>
<!--jVsQ88vGEU0776xX3Bb4gyb1Gyr81YX8--></div>    </body>
</html>

Whois info of domain

Domain Name: BBS.COM

Registry Domain ID: 4822629_DOMAIN_COM-VRSN

Registrar WHOIS Server: whois.ascio.com

Registrar URL: http://www.ascio.com

Updated Date: 2025-04-22T07:01:34Z

Creation Date: 1993-04-20T04:00:00Z

Registry Expiry Date: 2026-04-21T04:00:00Z

Registrar: Ascio Technologies, Inc. Danmark - Filial af Ascio technologies, Inc. USA

Registrar IANA ID: 106

Registrar Abuse Contact Email: [email protected]

Registrar Abuse Contact Phone: +1.4165350123

Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited

Name Server: NS1.WESTSITE.BE

Name Server: NS2.WESTSITE.BE

Name Server: NS3.WESTSITE.BE

DNSSEC: unsigned

URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/

>>> Last update of whois database: 2025-05-04T00:53:56Z <<<

For more information on Whois status codes, please visit https://icann.org/epp

NOTICE: The expiration date displayed in this record is the date the

by the following terms of use: You agree that you may use this Data only

to: (1) allow, enable, or otherwise support the transmission of mass