Sunucu yanıtını kontrol edin
Sunucu yanıtı
NS kayıtları
Whois alanı
301 Moved Permanently - 9ff.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 24 May 2025 19:41:05 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: keep-alive
x-sorting-hat-podid: 267
x-sorting-hat-shopid: 10471564
x-storefront-renderer-rendered: 1
location: https://www.9ff.com/
x-redirect-reason: https_required
shopify-complexity-score: 100
x-frame-options: DENY
content-security-policy: frame-ancestors 'none';
x-shopid: 10471564
x-shardid: 267
vary: Accept
powered-by: Shopify
server-timing: processing;dur=11, db;dur=4, db_async;dur=1.415, asn;desc="24940", edge;desc="HEL", country;desc="FI", pageType;desc="index", servedBy;desc="zfck", requestID;desc="6a64e455-f7d7-4d76-91cb-bc445075faf0-1748115665"
x-dc: gcp-europe-west3,gcp-europe-west3,gcp-europe-west3
x-request-id: 6a64e455-f7d7-4d76-91cb-bc445075faf0-1748115665
Alt-Svc: h3=":443"; ma=86400
cf-cache-status: DYNAMIC
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=HmMhzGNueqnYxDE%2B5Ya9EW2KcbHQKWb2XP8vcTwiKgq16D1c%2BddJrzwD1apKCVgC2QcSrzz5PjByemHEe2MDwkoogN2S4Ax2vc1okJJ32eYh6RURddnlzx8%3D"}],"group":"cf-nel","max_age":604800}
NEL: {"success_fraction":0.01,"report_to":"cf-nel","max_age":604800}
Server-Timing: cfRequestDuration;dur=101.999998
X-XSS-Protection: 1; mode=block
X-Content-Type-Options: nosniff
X-Permitted-Cross-Domain-Policies: none
X-Download-Options: noopen
Shopify-Edge-Ip: 23.227.38.65
Server: cloudflare
CF-RAY: 944f44badd8a8d6e-HEL
date: Sat, 24 May 2025 19:41:05 GMT
content-type: text/html; charset=utf-8
x-sorting-hat-podid: 267
x-sorting-hat-shopid: 10471564
x-storefront-renderer-rendered: 1
set-cookie: secure_customer_sig=; path=/; expires=Sun, 24 May 2026 19:41:05 GMT; secure; HttpOnly; SameSite=Lax
set-cookie: localization=DE; path=/; expires=Sun, 24 May 2026 19:41:05 GMT; SameSite=Lax
set-cookie: cart_currency=EUR; path=/; expires=Sat, 07 Jun 2025 19:41:05 GMT; SameSite=Lax
set-cookie: _tracking_consent=%7B%22con%22%3A%7B%22CMP%22%3A%7B%22a%22%3A%22%22%2C%22m%22%3A%22%22%2C%22p%22%3A%22%22%2C%22s%22%3A%22%22%7D%7D%2C%22v%22%3A%222.1%22%2C%22region%22%3A%22DE%22%2C%22reg%22%3A%22%22%2C%22purposes%22%3A%7B%22p%22%3Afalse%2C%22a%22%3Afalse%2C%22m%22%3Afalse%2C%22t%22%3Atrue%7D%2C%22display_banner%22%3Atrue%2C%22sale_of_data_region%22%3Afalse%2C%22consent_id%22%3A%2218A113F6-2656-454C-8c68-b6381f50ce01%22%7D; domain=9ff.com; path=/; expires=Sun, 24 May 2026 19:41:05 GMT; SameSite=Lax
link: <https://cdn.shopify.com>; rel="preconnect", <https://cdn.shopify.com>; rel="preconnect"; crossorigin
etag: W/"cacheable:d88919e74adac9b21cafbfb3d25a3a2f"
x-cache: miss
shopify-complexity-score: 1130
x-frame-options: DENY
content-security-policy: block-all-mixed-content; frame-ancestors 'none'; upgrade-insecure-requests;
strict-transport-security: max-age=7889238
x-shopid: 10471564
x-shardid: 267
vary: Accept
vary: accept-encoding
content-language: de-DE
powered-by: Shopify
server-timing: processing;dur=115, db;dur=31, db_async;dur=1.49, render;dur=48, asn;desc="24940", edge;desc="HEL", country;desc="DE", theme;desc="147421921548", pageType;desc="index", servedBy;desc="gb5k", requestID;desc="f65c3e27-c9fb-4545-92fd-e9f975dcc207-1748115665"
x-dc: gcp-europe-west3,gcp-europe-west3,gcp-europe-west3
x-request-id: f65c3e27-c9fb-4545-92fd-e9f975dcc207-1748115665
alt-svc: h3=":443"; ma=86400
cf-cache-status: DYNAMIC
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=tPzBKe%2FNJIdKnaYyVg%2BMC3kvHWKHKDfRtETUFTz6UvMd2PZuRz1E1UxsbBuDlMQZwMuf%2BPecNQScVoTSClrlOC3dpoNpTeKMIASYjVum4jq1ImLla2akU7xaMNF9cN3A2xDaDzPlg2nK"}],"group":"cf-nel","max_age":604800}
nel: {"success_fraction":0.01,"report_to":"cf-nel","max_age":604800}
x-xss-protection: 1; mode=block
x-content-type-options: nosniff
x-permitted-cross-domain-policies: none
x-download-options: noopen
shopify-edge-ip: 2620:127:f00f:e::
server-timing: cfRequestDuration;dur=184.999943
server-timing: ipv6
server: cloudflare
cf-ray: 944f44bb9fced95b-HEL
HTTP Kodu 301 Kalıcı Olarak Taşındı
301 yanıt kodu, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.
Kod 301 ne zaman kullanılır?
- Bir web sitesi alan adını değiştirirken
- URL yapılarını değiştirirken
- SEO için yönlendirmeleri ayarlarken
Kod 301 kullanıcı için ne anlama geliyor?
Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.
GET / HTTP/1.1 Host: 9ff.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!doctype html>
<html class="no-js" lang="de">
<head><!--Content in content_for_header -->
<!--LayoutHub-Embed--><link rel="stylesheet" type="text/css" href="data:text/css;base64," media="all">
<!--LH--><!--/LayoutHub-Embed--><!-- Basic page needs ================================================== -->
<meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/theme.min.css?v=18908799073267249131704795699" as="style" />
<link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/swiper.min.css?v=88091268259482038431704795700" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/photoswipe.min.css?v=165459975419098386681704795700" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/custom.css?v=102493421877365237651704795700" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/animate.min.css?v=68297775102622399721704795699" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/fancybox.min.css?v=154448737273138728031704795700" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<link rel="shortcut icon" href="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01-wortmarke_180x180_crop_center.png?v=1676544863" type="image/png">
<link rel="apple-touch-icon" sizes="180x180" href="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01-wortmarke_180x180_crop_center.png?v=1676544863">
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01-wortmarke_180x180_crop_center.png?v=1676544863">
<link rel="icon" type="image/png" sizes="32x32" href="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01-wortmarke_32x32_crop_center.png?v=1676544863">
<link rel="icon" type="image/png" sizes="194x194" href="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01-wortmarke_194x194_crop_center.png?v=1676544863">
<link rel="icon" type="image/png" sizes="192x192" href="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01-wortmarke_192x192_crop_center.png?v=1676544863">
<link rel="icon" type="image/png" sizes="16x16" href="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01-wortmarke_16x16_crop_center.png?v=1676544863">
<link rel="preload" as="font" href="//www.9ff.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=OWZmLXNob3AuY29t&h2=OWZmLWF1dG9tb3RpdmUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=OWZmLmNvbQ&hmac=974b6300179f9a0e5a2b0d62a7de01e7745a0bf997cbf31b65123bb13a1a573f" type="font/woff2" crossorigin><link rel="preload" as="font" href="//www.9ff.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=OWZmLXNob3AuY29t&h2=OWZmLWF1dG9tb3RpdmUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=OWZmLmNvbQ&hmac=974b6300179f9a0e5a2b0d62a7de01e7745a0bf997cbf31b65123bb13a1a573f" type="font/woff2" crossorigin><!-- Title and description ================================================== -->
<title>
9FF Online Shop | Tuningteile, Leistungssteigerung, Merchandising
</title>
<meta name="description" content="Dies ist der offizielle Online Store von 9FF. Finden Sie Tuning Teile, Leistungssteigerungen, T-Shirts, Fußmatten, Aufkleber und vieles mehr.">
<!-- Helpers ================================================== -->
<!-- /snippets/social-meta-tags.liquid -->
<meta property="og:site_name" content="9FF Online Shop">
<meta property="og:url" content="https://www.9ff.com/">
<meta property="og:title" content="9FF Online Shop | Tuningteile, Leistungssteigerung, Merchandising">
<meta property="og:type" content="website">
<meta property="og:description" content="Dies ist der offizielle Online Store von 9FF. Finden Sie Tuning Teile, Leistungssteigerungen, T-Shirts, Fußmatten, Aufkleber und vieles mehr.">
<meta property="og:image" content="http://www.9ff.com/cdn/shop/files/bis-zu-2000-ps-9ff-aus-dortmund-macht-autos-richtig-flott-1235085148250689536.webp?v=1675781588">
<meta property="og:image:alt" content="9FF Online Shop">
<meta property="og:image:secure_url" content="https://www.9ff.com/cdn/shop/files/bis-zu-2000-ps-9ff-aus-dortmund-macht-autos-richtig-flott-1235085148250689536.webp?v=1675781588">
<meta name="x:card" content="summary_large_image">
<meta name="x:title" content="9FF Online Shop | Tuningteile, Leistungssteigerung, Merchandising">
<meta name="x:description" content="Dies ist der offizielle Online Store von 9FF. Finden Sie Tuning Teile, Leistungssteigerungen, T-Shirts, Fußmatten, Aufkleber und vieles mehr.">
<link rel="canonical" href="https://www.9ff.com/"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#242424">
<!-- CSS ================================================== -->
<style>
/*============================================================================
#Typography
==============================================================================*/
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.9ff.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=OWZmLXNob3AuY29t&h2=OWZmLWF1dG9tb3RpdmUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=OWZmLmNvbQ&hmac=974b6300179f9a0e5a2b0d62a7de01e7745a0bf997cbf31b65123bb13a1a573f") format("woff2"),
url("//www.9ff.com/cdn/fonts/montserrat/montserrat_n4.cfce41a967758ce5a9b7d48daeb5b028fd977a9b.woff?h1=OWZmLXNob3AuY29t&h2=OWZmLWF1dG9tb3RpdmUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=OWZmLmNvbQ&hmac=7e4074964cbc7dd875020e4ae16719405644bca6d5587ed50c0ef0e679d25d1d") format("woff");
}
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.9ff.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=OWZmLXNob3AuY29t&h2=OWZmLWF1dG9tb3RpdmUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=OWZmLmNvbQ&hmac=974b6300179f9a0e5a2b0d62a7de01e7745a0bf997cbf31b65123bb13a1a573f") format("woff2"),
url("//www.9ff.com/cdn/fonts/montserrat/montserrat_n4.cfce41a967758ce5a9b7d48daeb5b028fd977a9b.woff?h1=OWZmLXNob3AuY29t&h2=OWZmLWF1dG9tb3RpdmUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=OWZmLmNvbQ&hmac=7e4074964cbc7dd875020e4ae16719405644bca6d5587ed50c0ef0e679d25d1d") format("woff");
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.9ff.com/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=OWZmLXNob3AuY29t&h2=OWZmLWF1dG9tb3RpdmUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=OWZmLmNvbQ&hmac=76d03eb94a62c4dc4b2b7731d7c78357547392d8c99e5bee411976aacede5d35") format("woff2"),
url("//www.9ff.com/cdn/fonts/montserrat/montserrat_n7.78b0223375c94b39ce1af7e09a0225f2bb3d05f7.woff?h1=OWZmLXNob3AuY29t&h2=OWZmLWF1dG9tb3RpdmUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=OWZmLmNvbQ&hmac=a5a4d579bdc727a981597242ef429ad84872063d006d30598386e5cab8b53d64") format("woff");
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.9ff.com/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=OWZmLXNob3AuY29t&h2=OWZmLWF1dG9tb3RpdmUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=OWZmLmNvbQ&hmac=76d03eb94a62c4dc4b2b7731d7c78357547392d8c99e5bee411976aacede5d35") format("woff2"),
url("//www.9ff.com/cdn/fonts/montserrat/montserrat_n7.78b0223375c94b39ce1af7e09a0225f2bb3d05f7.woff?h1=OWZmLXNob3AuY29t&h2=OWZmLWF1dG9tb3RpdmUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=OWZmLmNvbQ&hmac=a5a4d579bdc727a981597242ef429ad84872063d006d30598386e5cab8b53d64") format("woff");
}
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//www.9ff.com/cdn/fonts/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=OWZmLXNob3AuY29t&h2=OWZmLWF1dG9tb3RpdmUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=OWZmLmNvbQ&hmac=9fdd362e6b8fe55556817a457215a179096f5bff652b7ac1563cfd8d7aeea670") format("woff2"),
url("//www.9ff.com/cdn/fonts/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=OWZmLXNob3AuY29t&h2=OWZmLWF1dG9tb3RpdmUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=OWZmLmNvbQ&hmac=c175c29cc3a6af4a48e3a37c11e1ec58522bfe7bab8590cb1d7582dfb71ffb57") format("woff");
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//www.9ff.com/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=OWZmLXNob3AuY29t&h2=OWZmLWF1dG9tb3RpdmUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=OWZmLmNvbQ&hmac=392b051fd90e0ac568bc7c7015c45180294722da4fb8c2b5aaba0eabe7875469") format("woff2"),
url("//www.9ff.com/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=OWZmLXNob3AuY29t&h2=OWZmLWF1dG9tb3RpdmUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=OWZmLmNvbQ&hmac=419707550e6deb3c2fc5a36442742593a7b754643e64a1ecd379cb3c5d88df73") format("woff");
}
/*============================================================================
#General Variables
==============================================================================*/
:root {
--font-weight-normal: 400;
--font-weight-bold: 700;
--font-weight-header-bold: 700;
--header-font-stack: Montserrat, sans-serif;
--header-font-weight: 400;
--header-font-style: normal;
--header-text-size: 22;
--header-text-size-px: 22px;
--header-mobile-text-size-px: 22px;
--header-font-case: normal;
--header-font-size: 14;
--header-font-size-px: 14px;
--heading-spacing: 1px;
--heading-font-case: uppercase;
--heading-font-stack: FontDrop;
--body-font-stack: Montserrat, sans-serif;
--body-font-weight: 400;
--body-font-style: normal;
--label-font-stack: Montserrat, sans-serif;
--label-font-weight: 400;
--label-font-style: normal;
--label-font-case: uppercase;
--label-spacing: 0px;
--navigation-font-stack: Montserrat, sans-serif;
--navigation-font-weight: 400;
--navigation-font-style: normal;
--navigation-font-letter-spacing: 1px;
--base-font-size-int: 14;
--base-font-size: 14px;
--body-font-size-12-to-em: 0.86em;
--body-font-size-14-to-em: 1.0em;
--body-font-size-16-to-em: 1.14em;
--body-font-size-18-to-em: 1.29em;
--body-font-size-20-to-em: 1.43em;
--body-font-size-22-to-em: 1.57em;
--body-font-size-24-to-em: 1.71em;
--body-font-size-28-to-em: 2.0em;
--body-font-size-36-to-em: 2.57em;
--sale-badge-color: #919191;
--sold-out-badge-color: #242424;
--badge-font-color: #ffffff;
--primary-btn-text-color: #ffffff;
--primary-btn-bg-color: #b7965f;
--primary-btn-bg-color-lighten50: #ffffff;
--primary-btn-bg-color-opacity50: rgba(183, 150, 95, 0.5);
--primary-btn-bg-hover-color: #ffffff;
--primary-btn-text-hover-color: #242424;
--button-text-case: none;
--button-font-size: 16;
--button-font-size-px: 16px;
--button-text-spacing-px: 1px;
--secondary-btn-text-color: #ffffff;
--secondary-btn-bg-color: #b7965f;
--secondary-btn-bg-color-lighten: #d7c4a5;
--secondary-btn-bg-hover-color: #242424;
--secondary-btn-bg-text-hover-color: #ffffff;
--alt-btn-font-style: normal;
--alt-btn-font-weight: 700;
--text-color: #242424;
--text-color-lighten5: #313131;
--text-color-lighten70: #d7d7d7;
--text-color-transparent05: rgba(36, 36, 36, 0.05);
--text-color-transparent10: rgba(36, 36, 36, 0.1);
--text-color-transparent15: rgba(36, 36, 36, 0.15);
--text-color-transparent25: rgba(36, 36, 36, 0.25);
--text-color-transparent30: rgba(36, 36, 36, 0.3);
--text-color-transparent50: rgba(36, 36, 36, 0.5);
--text-color-transparent5: rgba(36, 36, 36, 0.5);
--text-color-transparent6: rgba(36, 36, 36, 0.6);
--text-color-transparent7: rgba(36, 36, 36, 0.7);
--text-color-transparent8: rgba(36, 36, 36, 0.8);
--heading-xl-font-size: 20px;
--heading-l-font-size: 20px;
--subheading-font-size: 14px;
--small-body-font-size: 12px;
--link-color: #242424;
--on-sale-color: #919191;
--body-color: #fff;
--body-color-darken10: #e6e6e6;
--body-color-transparent00: rgba(255, 255, 255, 0);
--body-color-transparent90: rgba(255, 255, 255, 0.9);
--body-secondary-color: #f8f8f8;
--body-secondary-color-transparent00: rgba(248, 248, 248, 0);
--body-secondary-color-darken05: #ebebeb;
--color-primary-background: #fff;
--color-primary-background-rgb: 255, 255, 255;
--color-secondary-background: #f8f8f8;
--cart-background-color: #A7A7A7;
--border-color: rgba(36, 36, 36, 0.25);
--link-border-color: rgba(36, 36, 36, 0.5);
--border-color-darken10: #0a0a0a;
--header-color: #ffffff;
--header-color-darken5: #f2f2f2;
--header-border-color: #ffffff;
--announcement-text-size: 13px;
--announcement-text-spacing: 1px;
--logo-font-size: 18px;
--overlay-header-text-color: #fff;
--nav-text-color: #242424;
--nav-text-color-transparent10: rgba(36, 36, 36, 0.1);
--nav-text-color-transparent30: rgba(36, 36, 36, 0.3);
--nav-text-hover: #b7965f;
--color-scheme-light-background: #F3F3F3;
--color-scheme-light-background-lighten5: #ffffff;
--color-scheme-light-text: #414141;
--color-scheme-light-text-transparent25: rgba(65, 65, 65, 0.25);
--color-scheme-light-text-transparent50: rgba(65, 65, 65, 0.5);
--color-scheme-light-text-transparent60: rgba(65, 65, 65, 0.6);
--color-scheme-feature-background: #b7965f;
--color-scheme-feature-background-lighten5: #bfa271;
--color-scheme-feature-text: #ffffff;
--color-scheme-feature-text-transparent25: rgba(255, 255, 255, 0.25);
--color-scheme-feature-text-transparent50: rgba(255, 255, 255, 0.5);
--color-scheme-feature-text-transparent60: rgba(255, 255, 255, 0.6);
--homepage-sections-accent-secondary-color-transparent60: rgba(255, 255, 255, 0.6);
--color-scheme-dark-background: #242424;
--color-scheme-dark-text: #ffffff;
--color-scheme-dark-text-transparent25: rgba(255, 255, 255, 0.25);
--color-scheme-dark-text-transparent50: rgba(255, 255, 255, 0.5);
--color-scheme-dark-text-transparent60: rgba(255, 255, 255, 0.6);
--filter-bg-color: rgba(36, 36, 36, 0.1);
--color-footer-bg: #F3F3F3;
--color-footer-bg-darken5: #e6e6e6;
--color-footer-text: #414141;
--color-footer-text-darken10: #272727;
--color-footer-text-transparent25: rgba(65, 65, 65, 0.25);
--color-footer-border: rgba(65, 65, 65, 0.25);
--popup-text-color: #242424;
--popup-border-color: rgba(36, 36, 36, 0.25);
--popup-text-color-lighten10: #3e3e3e;
--popup-bg-color: #EFEFEF;
--menu-drawer-color: #fff;
--menu-drawer-color-darken5: #f2f2f2;
--menu-drawer-text-color: #242424;
--menu-drawer-text-color-transparent10: rgba(36, 36, 36, 0.1);
--menu-drawer-text-color-transparent30: rgba(36, 36, 36, 0.3);
--menu-drawer-border-color: rgba(36, 36, 36, 0.25);
--menu-drawer-text-hover-color: #9F9F9F;
--cart-drawer-color: #F3F3F3;
--cart-drawer-text-color: #242424;
--cart-drawer-text-color-transparent10: rgba(36, 36, 36, 0.1);
--cart-drawer-text-color-transparent25: rgba(36, 36, 36, 0.25);
--cart-drawer-text-color-transparent50: rgba(36, 36, 36, 0.5);
--cart-drawer-text-color-lighten10: #3e3e3e;
--cart-drawer-border-color: rgba(36, 36, 36, 0.25);
--fancybox-overlay: url('//www.9ff.com/cdn/shop/t/15/assets/fancybox_overlay.png?v=61793926319831825281704795699');
--success-color: #28a745;
--error-color: #DC3545;
--warning-color: #EB9247;
/* Shop Pay Installments variables */
--color-body: #f8f8f8;
--color-bg: #f8f8f8;
}
</style>
<style data-shopify>
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
background-color: var(--body-color);
height: 100%;
margin: 0;
}
body {
background-color: var(--body-color);
min-height: 100%;
margin: 0;
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
overflow-x: hidden;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
</style>
<!-- Header hook for plugins ================================================== -->
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="O9avuhSeRWjsm54btPsYfuhQmPwuZ3vFbE8EDkTy3BU">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/10471564/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="6e3cecd9c4cf9944c6ce59951969267f">
<meta id="in-context-paypal-metadata" data-shop-id="10471564" data-venmo-supported="false" data-environment="production" data-locale="de_DE" data-paypal-v4="true" data-currency="EUR">
<link rel="alternate" hreflang="x-default" href="https://www.9ff.com/">
<link rel="alternate" hreflang="de-DE" href="https://www.9ff.com/">
<link rel="alternate" hreflang="en-DE" href="https://www.9ff.com/en">
<script async="async" src="/checkouts/internal/preloads.js?locale=de-DE"></script>
<script id="shopify-features" type="application/json">{"accessToken":"6e3cecd9c4cf9944c6ce59951969267f","betas":["rich-media-storefront-analytics"],"domain":"www.9ff.com","predictiveSearch":true,"shopId":10471564,"locale":"de"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "9ff-automotive.myshopify.com";
Shopify.locale = "de";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "DE";
Shopify.theme = {"name":"Aktuelle Version","id":147421921548,"schema_name":"Flow","schema_version":"36.0.0","theme_store_id":801,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.9ff.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script>(function() {
function asyncLoad() {
var urls = ["https:\/\/app.layouthub.com\/shopify\/layouthub.js?shop=9ff-automotive.myshopify.com","\/\/www.powr.io\/powr.js?powr-token=9ff-automotive.myshopify.com\u0026external-type=shopify\u0026shop=9ff-automotive.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-1394d34fdc1b90657fab3717d5a535f4.js?shop=9ff-automotive.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":10471564,"offset":7200,"reqid":"f65c3e27-c9fb-4545-92fd-e9f975dcc207-1748115665","pageurl":"www.9ff.com\/","u":"4556e24af9d1","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Durch hCaptcha geschützt',privacyText:'Datenschutz',termsText:'Allgemeine Geschäftsbedingungen'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-w1TMG8bx+vw+BuOfT7Dh2avfdjByyjlNYGyp9vJB5oo=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.9ff.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-c354cc1bc6f1fafc3e06e39f4fb0e1d9abdf763072ca394d606ca9f6f241e68a.js" crossorigin="anonymous"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.9ff.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.de.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://www.9ff.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
<link rel="stylesheet" media="screen" href="https://www.9ff.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
#shopify-buyer-consent {
margin-top: 1em;
display: inline-block;
width: 100%;
}
#shopify-buyer-consent.hidden {
display: none;
}
#shopify-subscription-policy-button {
background: none;
border: none;
padding: 0;
text-decoration: underline;
font-size: inherit;
cursor: pointer;
}
#shopify-subscription-policy-button::before {
box-shadow: none;
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<script type="text/javascript">
window.wetheme = {
name: 'Flow',
webcomponentRegistry: {
registry: {},
checkScriptLoaded: function(key) {
return window.wetheme.webcomponentRegistry.registry[key] ? true : false
},
register: function(registration) {
if(!window.wetheme.webcomponentRegistry.checkScriptLoaded(registration.key)) {
window.wetheme.webcomponentRegistry.registry[registration.key] = registration
}
}
}
};
</script>
<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
<!-- BEGIN app block: shopify://apps/hulk-form-builder/blocks/app-embed/b6b8dd14-356b-4725-a4ed-77232212b3c3 --><!-- BEGIN app snippet: hulkapps-formbuilder-theme-ext --><script type="text/javascript">
if (typeof window.formbuilder_customer != "object") {
window.formbuilder_customer = {}
}
window.hulkFormBuilder = {
form_data: {},
shop_data: {"shop_tBYNy68tlhqGWy8V_K4exg":{"shop_uuid":"tBYNy68tlhqGWy8V_K4exg","shop_timezone":"Europe\/Berlin","shop_id":76663,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"basic","shop_shopify_domain":"9ff-automotive.myshopify.com","shop_remove_watermark":false,"shop_created_at":"2023-01-12T04:56:56.626-06:00","is_skip_metafield":false,"shop_deleted":false,"shop_disabled":false}},
settings_data: {"shop_settings":{"shop_customise_msgs":[],"default_customise_msgs":{"is_required":"is required","thank_you":"Thank you! The form was submitted successfully.","processing":"Processing...","valid_data":"Please provide valid data","valid_email":"Provide valid email format","valid_tags":"HTML Tags are not allowed","valid_phone":"Provide valid phone number","valid_captcha":"Please provide valid captcha response","valid_url":"Provide valid URL","only_number_alloud":"Provide valid number in","number_less":"must be less than","number_more":"must be more than","image_must_less":"Image must be less than 20MB","image_number":"Images allowed","image_extension":"Invalid extension! Please provide image file","error_image_upload":"Error in image upload. Please try again.","error_file_upload":"Error in file upload. Please try again.","your_response":"Your response","error_form_submit":"Error occur.Please try again after sometime.","email_submitted":"Form with this email is already submitted","download_file":"Download file","card_details_invalid":"Your card details are invalid","card_details":"Card details","please_enter_card_details":"Please enter card details","card_number":"Card number","exp_mm":"Exp MM","exp_yy":"Exp YY","crd_cvc":"CVV","payment_value":"Payment amount","please_enter_payment_amount":"Please enter payment amount","address1":"Address line 1","address2":"Address line 2","city":"City","province":"Province","zipcode":"Zip code","country":"Country","blocked_domain":"This form does not accept addresses from","file_must_less":"File must be less than 20MB","file_extension":"Invalid extension! Please provide file","only_file_number_alloud":"files allowed","previous":"Previous","next":"Next","must_have_a_input":"Please enter at least one field.","please_enter_required_data":"Please enter required data","atleast_one_special_char":"Include at least one special character","atleast_one_lowercase_char":"Include at least one lowercase character","atleast_one_uppercase_char":"Include at least one uppercase character","atleast_one_number":"Include at least one number","must_have_8_chars":"Must have 8 characters long","be_between_8_and_12_chars":"Be between 8 and 12 characters long","please_select":"Please Select","phone_submitted":"Form with this phone number is already submitted","user_res_parse_error":"Error while submitting the form","valid_same_values":"values must be same","product_choice_clear_selection":"Clear Selection","picture_choice_clear_selection":"Clear Selection","remove_all_for_file_image_upload":"Remove All","invalid_file_type_for_image_upload":"You can't upload files of this type.","invalid_file_type_for_signature_upload":"You can't upload files of this type.","max_files_exceeded_for_file_upload":"You can not upload any more files.","max_files_exceeded_for_image_upload":"You can not upload any more files.","file_already_exist":"File already uploaded","max_limit_exceed":"You have added the maximum number of text fields.","cancel_upload_for_file_upload":"Cancel upload","cancel_upload_for_image_upload":"Cancel upload","cancel_upload_for_signature_upload":"Cancel upload"},"shop_blocked_domains":[]}},
features_data: {"shop_plan_features":{"shop_plan_features":["unlimited-forms","full-design-customization","export-form-submissions","multiple-recipients-for-form-submissions","multiple-admin-notifications","enable-captcha","unlimited-file-uploads","save-submitted-form-data","set-auto-response-message","conditional-logic","form-banner","save-as-draft-facility","include-user-response-in-admin-email","disable-form-submission","file-upload"]}},
shop: null,
shop_id: null,
plan_features: null,
validateDoubleQuotes: false,
assets: {
extraFunctions: "https://cdn.shopify.com/extensions/3b12b16d-fa8e-48bf-8bc7-8485e7882f16/hulk-form-builder-28/assets/extra-functions.js",
extraStyles: "https://cdn.shopify.com/extensions/3b12b16d-fa8e-48bf-8bc7-8485e7882f16/hulk-form-builder-28/assets/extra-styles.css",
bootstrapStyles: "https://cdn.shopify.com/extensions/3b12b16d-fa8e-48bf-8bc7-8485e7882f16/hulk-form-builder-28/assets/theme-app-extension-bootstrap.css"
},
translations: {
htmlTagNotAllowed: "HTML Tags are not allowed",
sqlQueryNotAllowed: "SQL Queries are not allowed",
doubleQuoteNotAllowed: "Double quotes are not allowed",
vorwerkHttpWwwNotAllowed: "The words \u0026#39;http\u0026#39; and \u0026#39;www\u0026#39; are not allowed. Please remove them and try again.",
maxTextFieldsReached: "You have added the maximum number of text fields.",
avoidNegativeWords: "Avoid negative words: Don\u0026#39;t use negative words in your contact message.",
customDesignOnly: "This form is for custom designs requests. For general inquiries please contact our team at [email protected]",
}
}
window.FbThemeAppExtSettingsHash = {}
</script><!-- END app snippet --><!-- END app block --><!-- BEGIN app block: shopify://apps/instafeed/blocks/head-block/c447db20-095d-4a10-9725-b5977662c9d5 --><link rel="preconnect" href="https://cdn.nfcube.com/">
<link rel="preconnect" href="https://scontent.cdninstagram.com/">
<!-- END app block --><!-- BEGIN app block: shopify://apps/powerful-contact-form-builder/blocks/app-embed/e4bcb1eb-35b2-42e6-bc37-bfe0e1542c9d --><script></script>
<script type="text/javascript" hs-ignore>
var Globo = Globo || {};
var globoFormbuilderRecaptchaInit = function(){};
var globoFormbuilderHcaptchaInit = function(){};
window.Globo.FormBuilder = window.Globo.FormBuilder || {};
window.Globo.FormBuilder.shop = {"configuration":{"money_format":"€{{amount}}"},"pricing":{"features":{"bulkOrderForm":false,"cartForm":false,"fileUpload":2,"removeCopyright":false}},"settings":{"copyright":"Powered by <a href=\"https://globosoftware.net\" target=\"_blank\">Globo</a> <a href=\"https://apps.shopify.com/form-builder-contact-form\" target=\"_blank\">Contact Form</a>","hideWaterMark":false,"reCaptcha":{"recaptchaType":"v2","siteKey":false,"languageCode":"en"},"scrollTop":false,"additionalColumns":[]},"encryption_form_id":1,"url":"https://form.globosoftware.net/"};
if(window.Globo.FormBuilder.shop.settings.customCssEnabled && window.Globo.FormBuilder.shop.settings.customCssCode){
const customStyle = document.createElement('style');
customStyle.type = 'text/css';
customStyle.innerHTML = window.Globo.FormBuilder.shop.settings.customCssCode;
document.head.appendChild(customStyle);
}
window.Globo.FormBuilder.forms = [];
window.Globo.FormBuilder.forms[102698] = {"102698":{"header":{"active":true,"title":"Contact us","description":"Leave your message and we'll get back to you shortly."},"elements":[{"id":"group","type":"group","label":"Basic info","description":"","elements":[{"id":"text","type":"text","label":"First Name","placeholder":"First Name","description":"","limitCharacters":false,"characters":100,"hideLabel":false,"keepPositionLabel":false,"required":false,"ifHideLabel":false,"inputIcon":"","columnWidth":100},{"id":"email","type":"email","label":"Email","placeholder":"Email","description":"","limitCharacters":false,"characters":100,"hideLabel":false,"keepPositionLabel":false,"required":true,"ifHideLabel":false,"inputIcon":"","columnWidth":50},{"id":"phone","type":"phone","label":"Phone","placeholder":"Phone","description":"","validatePhone":false,"onlyShowFlag":false,"defaultCountryCode":"us","limitCharacters":false,"characters":100,"hideLabel":false,"keepPositionLabel":false,"required":false,"ifHideLabel":false,"inputIcon":"","columnWidth":50}],"add-elements":null,"conditionalFieldForAllElements":false},{"id":"group","type":"group","label":"Fahrzeugdetails","description":"","elements":[{"id":"text-2","type":"text","label":"Fahrgestellnummer (optional)","placeholder":"","description":"hilft uns ihrgenaues Fahrzeug zu bestimmen","limitCharacters":false,"characters":100,"hideLabel":false,"keepPositionLabel":false,"required":false,"ifHideLabel":false,"inputIcon":"","columnWidth":100},{"id":"text-3","type":"text","label":"Kilometerstand (optional)","placeholder":"","description":"","limitCharacters":false,"characters":100,"hideLabel":false,"keepPositionLabel":false,"required":false,"ifHideLabel":false,"inputIcon":"","columnWidth":50},{"id":"select","type":"select","label":"Modell","placeholder":"Bitte auswählen","options":"964\n993\n996\n997.1\n997.2\n991.1\n991.2\n992","defaultOption":"","description":"","hideLabel":false,"keepPositionLabel":false,"required":false,"ifHideLabel":false,"inputIcon":"","columnWidth":50},{"id":"select-2","type":"select","label":"Dropdown","placeholder":"Please select","options":"Option 1\nOption 2","defaultOption":"","description":"","hideLabel":false,"keepPositionLabel":false,"required":false,"ifHideLabel":false,"inputIcon":"","columnWidth":50,"conditionalField":false,"onlyShowIf":false,"select":false}],"add-elements":null,"conditionalFieldForAllElements":false},{"id":"group","type":"group","label":"Survey","description":"","elements":[{"id":"number","type":"number","label":"Age","placeholder":"Age","description":"","limitCharacters":false,"characters":100,"hideLabel":false,"keepPositionLabel":false,"required":false,"ifHideLabel":false,"inputIcon":"","columnWidth":100,"conditionalField":false,"onlyShowIf":false,"select":false,"select-2":false},{"id":"radio-2","type":"radio","label":"How offen do you visit this website?","options":"This is my very first time\nDaily\nWeekly\nMonthly\nLess than once a month","defaultOption":"","description":"","hideLabel":false,"keepPositionLabel":false,"required":false,"ifHideLabel":false,"inlineOption":100,"columnWidth":100,"conditionalField":false,"onlyShowIf":false,"select":false,"select-2":false}],"add-elements":null,"conditionalFieldForAllElements":false,"conditionalField":true,"onlyShowIf":false,"select":false,"select-2":false}],"add-elements":null,"footer":{"description":"","previousText":"Previous","nextText":"Next","submitText":"Submit","resetButton":false,"resetButtonText":"Reset","submitFullWidth":false,"submitAlignment":"left"},"mail":{"admin":null,"customer":{"enable":true,"emailType":"elementEmail","selectEmail":"onlyEmail","emailId":"email","emailConditional":false,"note":"You can use variables which will help you create a dynamic content","subject":"Thanks for submitting","content":"\u003ctable class=\"header row\" style=\"width: 100%; border-spacing: 0; border-collapse: collapse; margin: 40px 0 20px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"header__cell\" style=\"font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\"\u003e\u003ccenter\u003e\n\u003ctable class=\"container\" style=\"width: 559px; text-align: left; border-spacing: 0px; border-collapse: collapse; margin: 0px auto;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; width: 544.219px;\"\u003e\n\u003ctable class=\"row\" style=\"width: 100%; border-spacing: 0; border-collapse: collapse;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"shop-name__cell\" style=\"font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\"\u003e\n\u003ch1 class=\"shop-name__text\" style=\"font-weight: normal; font-size: 30px; color: #333; margin: 0;\"\u003e\u003ca class=\"shop_name\" target=\"_blank\" rel=\"noopener\"\u003eShop\u003c\/a\u003e\u003c\/h1\u003e\n\u003c\/td\u003e\n\u003ctd class=\"order-number__cell\" style=\"font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: 14px; color: #999;\" align=\"right\"\u003e\u0026nbsp;\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/center\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ctable class=\"row content\" style=\"width: 100%; border-spacing: 0; border-collapse: collapse;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"content__cell\" style=\"font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; padding-bottom: 40px;\"\u003e\u003ccenter\u003e\n\u003ctable class=\"container\" style=\"width: 560px; text-align: left; border-spacing: 0; border-collapse: collapse; margin: 0 auto;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\"\u003e\n\u003ch2 class=\"quote-heading\" style=\"font-weight: normal; font-size: 24px; margin: 0 0 10px;\"\u003eThanks for your submission\u003c\/h2\u003e\n\u003cp class=\"quote-heading-message\"\u003eHi, we are getting your submission. We will get back to you shortly.\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ctable class=\"row section\" style=\"width: 100%; border-spacing: 0; border-collapse: collapse; border-top-width: 1px; border-top-color: #e5e5e5; border-top-style: solid;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"section__cell\" style=\"font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; padding: 40px 0;\"\u003e\u003ccenter\u003e\n\u003ctable class=\"container\" style=\"width: 560px; text-align: left; border-spacing: 0; border-collapse: collapse; margin: 0 auto;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\"\u003e\n\u003ch3 class=\"more-information\"\u003eMore information\u003c\/h3\u003e\n\u003cp\u003e{{data}}\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/center\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ctable class=\"row footer\" style=\"width: 100%; border-spacing: 0; border-collapse: collapse; border-top-width: 1px; border-top-color: #e5e5e5; border-top-style: solid;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"footer__cell\" style=\"font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; padding: 35px 0;\"\u003e\u003ccenter\u003e\n\u003ctable class=\"container\" style=\"width: 560px; text-align: left; border-spacing: 0; border-collapse: collapse; margin: 0 auto;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\"\u003e\n\u003cp class=\"contact\" style=\"text-align: center;\"\u003eIf you have any questions, reply to this email or contact us at \u003ca href=\"mailto:[email protected]\"\[email protected]\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\"\u003e\n\u003cp class=\"disclaimer__subtext\" style=\"color: #999; line-height: 150%; font-size: 14px; margin: 0; text-align: center;\"\u003eClick \u003ca href=\"[UNSUBSCRIBEURL]\"\u003ehere\u003c\/a\u003e to unsubscribe\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/center\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/center\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","islimitWidth":false,"maxWidth":"600"}},"appearance":{"layout":"boxed","width":600,"style":"classic","mainColor":"#EB1256","headingColor":"#000","labelColor":"#000","descriptionColor":"#6c757d","optionColor":"#000","paragraphColor":"#000","paragraphBackground":"#fff","background":"color","backgroundColor":"#FFF","backgroundImage":"","backgroundImageAlignment":"middle","floatingIcon":"\u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"envelope\" class=\"svg-inline--fa fa-envelope fa-w-16\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"\u003e\u003cpath fill=\"currentColor\" d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e","floatingText":"","displayOnAllPage":false,"position":"bottom right","formType":"normalForm","newTemplate":true},"reCaptcha":{"enable":false,"note":"Please make sure that you have set Google reCaptcha v2 Site key and Secret key in \u003ca href=\"\/admin\/settings\"\u003eSettings\u003c\/a\u003e"},"errorMessage":{"required":"Please fill in field","invalid":"Invalid","invalidName":"Invalid name","invalidEmail":"Invalid email","invalidURL":"Invalid URL","invalidPhone":"Invalid phone","invalidNumber":"Invalid number","invalidPassword":"Invalid password","confirmPasswordNotMatch":"Confirmed password doesn't match","customerAlreadyExists":"Customer already exists","fileSizeLimit":"File size limit exceeded","fileNotAllowed":"File extension not allowed","requiredCaptcha":"Please, enter the captcha","requiredProducts":"Please select product","limitQuantity":"The number of products left in stock has been exceeded","shopifyInvalidPhone":"phone - Enter a valid phone number to use this delivery method","shopifyPhoneHasAlready":"phone - Phone has already been taken","shopifyInvalidProvice":"addresses.province - is not valid","otherError":"Something went wrong, please try again"},"afterSubmit":{"action":"clearForm","message":"\u003ch4\u003eThanks for getting in touch!\u0026nbsp;\u003c\/h4\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp\u003eWe appreciate you contacting us. One of our colleagues will get back in touch with you soon!\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp\u003eHave a great day!\u003c\/p\u003e","redirectUrl":"","enableGa":false,"gaEventCategory":"Form Builder by Globo","gaEventAction":"Submit","gaEventLabel":"Contact us form","enableFpx":false,"fpxTrackerName":""},"integration":{"shopify":{"createAccount":false,"ifExist":"returnError","showMessage":false,"messageRedirectToLogin":"You already registered. Click \u003ca href=\"\/account\/login\"\u003ehere\u003c\/a\u003e to login","sendEmailInvite":false,"acceptsMarketing":false,"overwriteCustomerExisting":true,"note":"Learn \u003ca href=\"https:\/\/www.google.com\/\" target=\"_blank\"\u003ehow to connect\u003c\/a\u003e form elements to Shopify customer data","integrationElements":{"textarea":"additional.address","text":"additional.first_name","email":"email","phone":"phone","text-2":"additional.last_name_2","text-3":"additional.text","select":"additional.dropdown","select-2":"additional.dropdown_1","number":"additional.age","radio-2":"additional.how_offen_do_you_visit_this_website_2"}},"mailChimp":{"loading":"","enable":false,"list":false,"note":"Learn \u003ca href=\"https:\/\/www.google.com\/\" target=\"_blank\"\u003ehow to connect\u003c\/a\u003e form elements to Mailchimp subscriber data","integrationElements":[]},"klaviyo":{"loading":"","enable":false,"list":false,"note":"Learn \u003ca href=\"https:\/\/www.google.com\/\" target=\"_blank\"\u003ehow to connect\u003c\/a\u003e form elements to Klaviyo subscriber data","integrationElements":{"klaviyoemail":"","first_name":"","last_name":"","title":"","organization":"","phone_number":"","address1":"","address2":"","city":"","region":"","zip":"","country":"","latitude":"","longitude":""}},"zapier":{"enable":false,"webhookUrl":""},"hubspot":{"loading":"","enable":false,"list":false,"integrationElements":[]},"omnisend":{"loading":"","enable":false,"integrationElements":{"email":"","firstName":"","lastName":"","status":"","country":"","state":"","city":"","phone":"","postalCode":"","gender":"","birthdate":"","tags":"","customProperties1":"","customProperties2":"","customProperties3":"","customProperties4":"","customProperties5":""}},"getresponse":{"loading":"","enable":false,"list":false,"integrationElements":{"email":"","name":"","gender":"","birthdate":"","company":"","city":"","state":"","street":"","postal_code":"","country":"","phone":"","fax":"","comment":"","ref":"","url":"","tags":"","dayOfCycle":"","scoring":""}},"sendinblue":{"loading":"","enable":false,"list":false,"integrationElements":[]},"campaignmonitor":{"loading":"","enable":false,"list":false,"integrationElements":[]},"activecampaign":{"loading":"","enable":false,"list":[],"integrationElements":[]},"googleCalendar":{"loading":"","enable":false,"list":"","integrationElements":{"starttime":"","endtime":"","summary":"","location":"","description":"","attendees":""}},"googleSheet":{"loading":"","enable":false,"spreadsheetdestination":"","listFields":["group","text-2","text-3","select","select-2"],"submissionIp":false}},"accountPage":{"showAccountDetail":false,"registrationPage":false,"editAccountPage":false,"header":"Header","active":false,"title":"Account details","headerDescription":"Fill out the form to change account information","afterUpdate":"Message after update","message":"\u003ch5\u003eAccount edited successfully!\u003c\/h5\u003e","footer":"Footer","updateText":"Update","footerDescription":""},"publish":{"requiredLogin":false,"requiredLoginMessage":"Please \u003ca href='\/account\/login' title='login'\u003elogin\u003c\/a\u003e to continue","publishType":"embedCode","embedCode":"\u003cdiv class=\"globo-formbuilder\" data-id=\"ZmFsc2U=\"\u003e\u003c\/div\u003e","shortCode":"{formbuilder:ZmFsc2U=}","popup":"\u003cbutton class=\"globo-formbuilder-open\" data-id=\"ZmFsc2U=\"\u003eOpen form\u003c\/button\u003e","lightbox":"\u003cdiv class=\"globo-form-publish-modal lightbox hidden\" data-id=\"ZmFsc2U=\"\u003e\u003cdiv class=\"globo-form-modal-content\"\u003e\u003cdiv class=\"globo-formbuilder\" data-id=\"ZmFsc2U=\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e","enableAddShortCode":false,"selectPage":"index","selectPositionOnPage":"top","selectTime":"forever","setCookie":"1","setCookieHours":"1","setCookieWeeks":"1"},"isStepByStepForm":true,"html":"\n\u003cdiv class=\"globo-form boxed-form globo-form-id-102698\"\u003e\n\u003cstyle\u003e\n.globo-form-id-102698 .globo-form-app{\n max-width: 600px;\n width: -webkit-fill-available;\n \n background-color: #FFF;\n \n \n}\n\n.globo-form-id-102698 .globo-form-app .globo-heading{\n color: #000\n}\n.globo-form-id-102698 .globo-form-app .globo-description,\n.globo-form-id-102698 .globo-form-app .header .globo-description{\n color: #6c757d\n}\n.globo-form-id-102698 .globo-form-app .globo-label,\n.globo-form-id-102698 .globo-form-app .globo-form-control label.globo-label,\n.globo-form-id-102698 .globo-form-app .globo-form-control label.globo-label span.label-content{\n color: #000;\n text-align: left !important;\n}\n.globo-form-id-102698 .globo-form-app .globo-label.globo-position-label{\n height: 20px !important;\n}\n.globo-form-id-102698 .globo-form-app .globo-form-control .help-text.globo-description{\n color: #6c757d\n}\n.globo-form-id-102698 .globo-form-app .globo-form-control .checkbox-wrapper .globo-option,\n.globo-form-id-102698 .globo-form-app .globo-form-control .radio-wrapper .globo-option\n{\n color: #000\n}\n.globo-form-id-102698 .globo-form-app .footer{\n text-align:left;\n}\n.globo-form-id-102698 .globo-form-app .footer button{\n border:1px solid #EB1256;\n \n}\n.globo-form-id-102698 .globo-form-app .footer button.submit,\n.globo-form-id-102698 .globo-form-app .footer button.checkout,\n.globo-form-id-102698 .globo-form-app .footer button.action.loading .spinner{\n background-color: #EB1256;\n color : #ffffff;\n}\n.globo-form-id-102698 .globo-form-app .globo-form-control .star-rating\u003efieldset:not(:checked)\u003elabel:before {\n content: url('data:image\/svg+xml; utf8, \u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"star\" class=\"svg-inline--fa fa-star fa-w-18\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"\u003e\u003cpath fill=\"%23EB1256\" d=\"M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e');\n}\n.globo-form-id-102698 .globo-form-app .globo-form-control .star-rating\u003efieldset\u003einput:checked ~ label:before {\n content: url('data:image\/svg+xml; utf8, \u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"star\" class=\"svg-inline--fa fa-star fa-w-18\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"\u003e\u003cpath fill=\"%23EB1256\" d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e');\n}\n.globo-form-id-102698 .globo-form-app .globo-form-control .star-rating\u003efieldset:not(:checked)\u003elabel:hover:before,\n.globo-form-id-102698 .globo-form-app .globo-form-control .star-rating\u003efieldset:not(:checked)\u003elabel:hover ~ label:before{\n content : url('data:image\/svg+xml; utf8, \u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"star\" class=\"svg-inline--fa fa-star fa-w-18\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"\u003e\u003cpath fill=\"%23EB1256\" d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e')\n}\n.globo-form-id-102698 .globo-form-app .globo-form-control .radio-wrapper .radio-input:checked ~ .radio-label:after {\n background: #EB1256;\n background: radial-gradient(#EB1256 40%, #fff 45%);\n}\n.globo-form-id-102698 .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input:checked ~ .checkbox-label:before {\n border-color: #EB1256;\n box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);\n background-color: #EB1256;\n}\n.globo-form-id-102698 .globo-form-app .step.-completed .step__number,\n.globo-form-id-102698 .globo-form-app .line.-progress,\n.globo-form-id-102698 .globo-form-app .line.-start{\n background-color: #EB1256;\n}\n.globo-form-id-102698 .globo-form-app .checkmark__check,\n.globo-form-id-102698 .globo-form-app .checkmark__circle{\n stroke: #EB1256;\n}\n.globo-form-id-102698 .floating-button{\n background-color: #EB1256;\n}\n.globo-form-id-102698 .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input ~ .checkbox-label:before,\n.globo-form-app .globo-form-control .radio-wrapper .radio-input ~ .radio-label:after{\n border-color : #EB1256;\n}\n.globo-form-id-102698 .flatpickr-day.selected, \n.globo-form-id-102698 .flatpickr-day.startRange, \n.globo-form-id-102698 .flatpickr-day.endRange, \n.globo-form-id-102698 .flatpickr-day.selected.inRange, \n.globo-form-id-102698 .flatpickr-day.startRange.inRange, \n.globo-form-id-102698 .flatpickr-day.endRange.inRange, \n.globo-form-id-102698 .flatpickr-day.selected:focus, \n.globo-form-id-102698 .flatpickr-day.startRange:focus, \n.globo-form-id-102698 .flatpickr-day.endRange:focus, \n.globo-form-id-102698 .flatpickr-day.selected:hover, \n.globo-form-id-102698 .flatpickr-day.startRange:hover, \n.globo-form-id-102698 .flatpickr-day.endRange:hover, \n.globo-form-id-102698 .flatpickr-day.selected.prevMonthDay, \n.globo-form-id-102698 .flatpickr-day.startRange.prevMonthDay, \n.globo-form-id-102698 .flatpickr-day.endRange.prevMonthDay, \n.globo-form-id-102698 .flatpickr-day.selected.nextMonthDay, \n.globo-form-id-102698 .flatpickr-day.startRange.nextMonthDay, \n.globo-form-id-102698 .flatpickr-day.endRange.nextMonthDay {\n background: #EB1256;\n border-color: #EB1256;\n}\n.globo-form-id-102698 .globo-paragraph,\n.globo-form-id-102698 .globo-paragraph * {\n background: #fff !important;\n color: #000 !important;\n width: 100%!important;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"globo-form-app boxed-layout\"\u003e\n \u003cdiv class=\"header dismiss hidden\" onclick=\"Globo.FormBuilder.closeModalForm(this)\"\u003e\n \u003csvg viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cform class=\"g-container\" novalidate action=\"\/api\/front\/form\/102698\/send\" method=\"POST\" enctype=\"multipart\/form-data\" data-id=102698\u003e\n \n \n \u003cdiv class=\"header\"\u003e\n \u003ch3 class=\"title globo-heading\"\u003eContact us\u003c\/h3\u003e\n \n \u003cdiv class=\"description globo-description\"\u003eLeave your message and we'll get back to you shortly.\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"globo-formbuilder-wizard\" data-id=102698\u003e\n \u003cdiv class=\"wizard__content\"\u003e\n \u003cheader class=\"wizard__header\"\u003e\n \u003cdiv class=\"wizard__steps\"\u003e\n \u003cnav class=\"steps hidden\"\u003e\n \n \n \n \n \u003cdiv class=\"step last \" data-step=\"0\"\u003e\n \u003cdiv class=\"step__content\"\u003e\n \u003cp class=\"step__number\"\u003e\u003c\/p\u003e\n \u003csvg class=\"checkmark\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 52 52\"\u003e\n \u003ccircle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\"\/\u003e\n \u003cpath class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"\/\u003e\n \u003c\/svg\u003e\n \u003cdiv class=\"lines\"\u003e\n \n \u003cdiv class=\"line -start\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"line -background\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"line -progress\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"step last \" data-step=\"1\"\u003e\n \u003cdiv class=\"step__content\"\u003e\n \u003cp class=\"step__number\"\u003e\u003c\/p\u003e\n \u003csvg class=\"checkmark\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 52 52\"\u003e\n \u003ccircle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\"\/\u003e\n \u003cpath class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"\/\u003e\n \u003c\/svg\u003e\n \u003cdiv class=\"lines\"\u003e\n \n \u003cdiv class=\"line -background\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"line -progress\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"step last \" data-step=\"2\"\u003e\n \u003cdiv class=\"step__content\"\u003e\n \u003cp class=\"step__number\"\u003e\u003c\/p\u003e\n \u003csvg class=\"checkmark\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 52 52\"\u003e\n \u003ccircle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\"\/\u003e\n \u003cpath class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"\/\u003e\n \u003c\/svg\u003e\n \u003cdiv class=\"lines\"\u003e\n \n \u003cdiv class=\"line -background\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"line -progress\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n \u003cdiv class=\"panels\"\u003e\n \n \n \n \n \u003cdiv class=\"panel \" data-id=102698 data-step=\"0\"\u003e\n \n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-1-column\" \u003e\n \u003clabel for=\"102698-text\" class=\"classic-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"First Name\"\u003eFirst Name\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \u003cdiv class=\"globo-form-input\"\u003e\n \n \u003cinput type=\"text\" data-type=\"text\" class=\"classic-input\" id=\"102698-text\" name=\"text\" placeholder=\"First Name\" \u003e\n \u003c\/div\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-2-column\" \u003e\n \u003clabel for=\"102698-email\" class=\"classic-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Email\"\u003eEmail\u003c\/span\u003e\u003cspan class=\"text-danger text-smaller\"\u003e *\u003c\/span\u003e\u003c\/label\u003e\n \u003cdiv class=\"globo-form-input\"\u003e\n \n \u003cinput type=\"text\" data-type=\"email\" class=\"classic-input\" id=\"102698-email\" name=\"email\" placeholder=\"Email\" presence \u003e\n \u003c\/div\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-2-column\" \u003e\n \u003clabel for=\"102698-phone\" class=\"classic-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Phone\"\u003ePhone\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \u003cdiv class=\"globo-form-input\"\u003e\n \n \u003cinput type=\"text\" data-type=\"phone\" class=\"classic-input\" id=\"102698-phone\" name=\"phone\" placeholder=\"Phone\" default-country-code=\"us\"\u003e\n \u003c\/div\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n \n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"panel \" data-id=102698 data-step=\"1\"\u003e\n \n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-1-column\" \u003e\n \u003clabel for=\"102698-text-2\" class=\"classic-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Fahrgestellnummer (optional)\"\u003eFahrgestellnummer (optional)\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \u003cdiv class=\"globo-form-input\"\u003e\n \n \u003cinput type=\"text\" data-type=\"text\" class=\"classic-input\" id=\"102698-text-2\" name=\"text-2\" placeholder=\"\" \u003e\n \u003c\/div\u003e\n \n \u003csmall class=\"help-text globo-description\"\u003ehilft uns ihrgenaues Fahrzeug zu bestimmen\u003c\/small\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-2-column\" \u003e\n \u003clabel for=\"102698-text-3\" class=\"classic-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Kilometerstand (optional)\"\u003eKilometerstand (optional)\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \u003cdiv class=\"globo-form-input\"\u003e\n \n \u003cinput type=\"text\" data-type=\"text\" class=\"classic-input\" id=\"102698-text-3\" name=\"text-3\" placeholder=\"\" \u003e\n \u003c\/div\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-2-column\" data-default-value=\"\"\u003e\n \u003clabel for=\"102698-select\" class=\"classic-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Modell\"\u003eModell\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \n \n \u003cdiv class=\"globo-form-input\"\u003e\n \n \u003cselect name=\"select\" id=\"102698-select\" class=\"classic-input\" \u003e\n \u003coption selected=\"selected\" value=\"\" disabled=\"disabled\"\u003eBitte auswählen\u003c\/option\u003e\n \n \u003coption value=\"964\" \u003e964\u003c\/option\u003e\n \n \u003coption value=\"993\" \u003e993\u003c\/option\u003e\n \n \u003coption value=\"996\" \u003e996\u003c\/option\u003e\n \n \u003coption value=\"997.1\" \u003e997.1\u003c\/option\u003e\n \n \u003coption value=\"997.2\" \u003e997.2\u003c\/option\u003e\n \n \u003coption value=\"991.1\" \u003e991.1\u003c\/option\u003e\n \n \u003coption value=\"991.2\" \u003e991.2\u003c\/option\u003e\n \n \u003coption value=\"992\" \u003e992\u003c\/option\u003e\n \n \u003c\/select\u003e\n \u003c\/div\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-2-column\" data-default-value=\"\"\u003e\n \u003clabel for=\"102698-select-2\" class=\"classic-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Dropdown\"\u003eDropdown\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \n \n \u003cdiv class=\"globo-form-input\"\u003e\n \n \u003cselect name=\"select-2\" id=\"102698-select-2\" class=\"classic-input\" \u003e\n \u003coption selected=\"selected\" value=\"\" disabled=\"disabled\"\u003ePlease select\u003c\/option\u003e\n \n \u003coption value=\"Option 1\" \u003eOption 1\u003c\/option\u003e\n \n \u003coption value=\"Option 2\" \u003eOption 2\u003c\/option\u003e\n \n \u003c\/select\u003e\n \u003c\/div\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n \n \u003c\/div\u003e\n \n \n \n \n \u003cdiv class=\"panel \" data-id=102698 data-step=\"2\"\u003e\n \n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-1-column\" \u003e\n \u003clabel for=\"102698-number\" class=\"classic-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Age\"\u003eAge\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \u003cdiv class=\"globo-form-input\"\u003e\n \n \u003cinput type=\"number\" class=\"classic-input\" id=\"102698-number\" name=\"number\" placeholder=\"Age\" onKeyPress=\"if(this.value.length == 100) return false;\" onChange=\"if(this.value.length \u003e 100) this.value = this.value - 1\" \u003e\n \u003c\/div\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-1-column\" data-default-value=\"\"\u003e\n \u003clabel class=\"classic-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"How offen do you visit this website?\"\u003eHow offen do you visit this website?\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \n \n \u003cul class=\"flex-wrap\"\u003e\n \n \u003cli class=\"globo-list-control option-1-column\"\u003e\n \u003cdiv class=\"radio-wrapper\"\u003e\n \u003cinput class=\"radio-input\" id=\"102698-radio-2-This is my very first time-\" type=\"radio\" data-type=\"radio\" name=\"radio-2\" value=\"This is my very first time\"\u003e\n \u003clabel class=\"radio-label globo-option\" for=\"102698-radio-2-This is my very first time-\"\u003eThis is my very first time\u003c\/label\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \n \u003cli class=\"globo-list-control option-1-column\"\u003e\n \u003cdiv class=\"radio-wrapper\"\u003e\n \u003cinput class=\"radio-input\" id=\"102698-radio-2-Daily-\" type=\"radio\" data-type=\"radio\" name=\"radio-2\" value=\"Daily\"\u003e\n \u003clabel class=\"radio-label globo-option\" for=\"102698-radio-2-Daily-\"\u003eDaily\u003c\/label\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \n \u003cli class=\"globo-list-control option-1-column\"\u003e\n \u003cdiv class=\"radio-wrapper\"\u003e\n \u003cinput class=\"radio-input\" id=\"102698-radio-2-Weekly-\" type=\"radio\" data-type=\"radio\" name=\"radio-2\" value=\"Weekly\"\u003e\n \u003clabel class=\"radio-label globo-option\" for=\"102698-radio-2-Weekly-\"\u003eWeekly\u003c\/label\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \n \u003cli class=\"globo-list-control option-1-column\"\u003e\n \u003cdiv class=\"radio-wrapper\"\u003e\n \u003cinput class=\"radio-input\" id=\"102698-radio-2-Monthly-\" type=\"radio\" data-type=\"radio\" name=\"radio-2\" value=\"Monthly\"\u003e\n \u003clabel class=\"radio-label globo-option\" for=\"102698-radio-2-Monthly-\"\u003eMonthly\u003c\/label\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \n \u003cli class=\"globo-list-control option-1-column\"\u003e\n \u003cdiv class=\"radio-wrapper\"\u003e\n \u003cinput class=\"radio-input\" id=\"102698-radio-2-Less than once a month-\" type=\"radio\" data-type=\"radio\" name=\"radio-2\" value=\"Less than once a month\"\u003e\n \u003clabel class=\"radio-label globo-option\" for=\"102698-radio-2-Less than once a month-\"\u003eLess than once a month\u003c\/label\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \n \u003c\/ul\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cp style=\"text-align: right;font-size:small;display: block !important;\"\u003ePowered by \u003ca href=\"https:\/\/globosoftware.net\" target=\"_blank\"\u003eGlobo\u003c\/a\u003e \u003ca href=\"https:\/\/apps.shopify.com\/form-builder-contact-form\" target=\"_blank\"\u003eContact Form\u003c\/a\u003e\u003c\/p\u003e\n \n \n \u003cdiv class=\"message error\" data-other-error=\"Something went wrong, please try again\"\u003e\n \u003cdiv class=\"content\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dismiss\" onclick=\"Globo.FormBuilder.dismiss(this)\"\u003e\n \u003csvg viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"message success\"\u003e\n \u003cdiv class=\"content\"\u003e\u003ch4\u003eThanks for getting in touch!\u0026nbsp;\u003c\/h4\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp\u003eWe appreciate you contacting us. One of our colleagues will get back in touch with you soon!\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp\u003eHave a great day!\u003c\/p\u003e\u003c\/div\u003e\n \u003cdiv class=\"dismiss\" onclick=\"Globo.FormBuilder.dismiss(this)\"\u003e\n \u003csvg viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"footer wizard__footer\"\u003e\n \n \n \n \u003cbutton type=\"button\" class=\"action previous hidden classic-button\"\u003ePrevious\u003c\/button\u003e\n \u003cbutton type=\"button\" class=\"action next submit classic-button\" data-submitting-text=\"\" data-submit-text='\u003cspan class=\"spinner\"\u003e\u003c\/span\u003eSubmit' data-next-text=\"Next\" \u003e\u003cspan class=\"spinner\"\u003e\u003c\/span\u003eNext\u003c\/button\u003e\n \n \u003ch1 class=\"wizard__congrats-message\"\u003e\u003c\/h1\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cinput type=\"hidden\" value=\"\" name=\"customer[id]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"customer[email]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"customer[name]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"page[title]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"page[href]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"_keyLabel\"\u003e\n \u003c\/form\u003e\n \n \u003cdiv class=\"message success\"\u003e\n \u003cdiv class=\"content\"\u003e\u003ch4\u003eThanks for getting in touch!\u0026nbsp;\u003c\/h4\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp\u003eWe appreciate you contacting us. One of our colleagues will get back in touch with you soon!\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp\u003eHave a great day!\u003c\/p\u003e\u003c\/div\u003e\n \u003cdiv class=\"dismiss\" onclick=\"Globo.FormBuilder.dismiss(this)\"\u003e\n \u003csvg viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c\/div\u003e\n"}}[102698];
window.Globo.FormBuilder.url = window.Globo.FormBuilder.shop.url;
window.Globo.FormBuilder.CDN_URL = window.Globo.FormBuilder.shop.CDN_URL ?? window.Globo.FormBuilder.shop.url;
window.Globo.FormBuilder.themeOs20 = true;
window.Globo.FormBuilder.searchProductByJson = true;
window.Globo.FormBuilder.__webpack_public_path_2__ = "https://cdn.shopify.com/extensions/d503b59b-899c-41a9-a483-68327dd541cc/powerful-form-builder-191/assets/";Globo.FormBuilder.page = {
href : window.location.href,
type: "index"
};
Globo.FormBuilder.page.title = document.title
if(window.AVADA_SPEED_WHITELIST){
const pfbs_w = new RegExp("powerful-form-builder", 'i')
if(Array.isArray(window.AVADA_SPEED_WHITELIST)){
window.AVADA_SPEED_WHITELIST.push(pfbs_w)
}else{
window.AVADA_SPEED_WHITELIST = [pfbs_w]
}
}
</script>
<script src="https://cdn.shopify.com/extensions/d503b59b-899c-41a9-a483-68327dd541cc/powerful-form-builder-191/assets/globo.formbuilder.index.js" defer="defer"></script>
<!-- END app block --><script src="https://cdn.shopify.com/extensions/3b12b16d-fa8e-48bf-8bc7-8485e7882f16/hulk-form-builder-28/assets/form-builder-script.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 10471564,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 10471564,storefrontBaseUrl: "https://www.9ff.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"1178665228","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"GT-P82TGS5B\\\",\\\"google_tag_ids\\\":[\\\"GT-P82TGS5B\\\"],\\\"target_country\\\":\\\"DE\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-532JQ150GE\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-532JQ150GE\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-532JQ150GE\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"32490078a1ca868202a857e260a8d770","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"421757196","configuration":"{\"pixel_id\":\"469834584049008\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "com",initData: {"shop":{"name":"9FF Online Shop","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"9ff-automotive.myshopify.com","countryCode":"DE","storefrontUrl":"https://www.9ff.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://www.9ff.com/cdn","08b5bf84w6d7a59e5pb2542aa3md87bc169",{"modern":"","legacy":""},{"shopId":"10471564","storefrontBaseUrl":"https://www.9ff.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"08b5bf84w6d7a59e5pb2542aa3md87bc169"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 10471564,
theme_id: 147421921548,
app_name: "storefront",
context_url: window.location.href,
source_url: "//www.9ff.com/cdn/s/trekkie.storefront.f0d5693ccbd1fc3a366a05ea27b0943896b4a200.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//www.9ff.com/cdn/s/trekkie.storefront.f0d5693ccbd1fc3a366a05ea27b0943896b4a200.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.9ff.com/cdn/s/trekkie.storefront.f0d5693ccbd1fc3a366a05ea27b0943896b4a200.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":10471564,"isMerchantRequest":null,"themeId":147421921548,"themeCityHash":"7034831011299269119","contentLanguage":"de","currency":"EUR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//www.9ff.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script>
if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
window.ga = function ga() {
(window.ga.q = window.ga.q || []).push(arguments);
if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
}
console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
};
if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
}
}
</script>
<script
defer
src="https://www.9ff.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.3.min.js"
data-application="storefront-renderer"
data-shop-id="10471564"
data-render-region="gcp-europe-west3"
data-page-type="index"
data-theme-instance-id="147421921548"
data-theme-name="Flow"
data-theme-version="36.0.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
></script>
</head>
<body id="9ff-online-shop-tuningteile-leistungssteigerung-merchandising" class="template-index page-fade images-aspect-ratio ">
<link href="//www.9ff.com/cdn/shop/t/15/assets/theme.min.css?v=18908799073267249131704795699" rel="stylesheet" type="text/css" media="all" />
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/swiper.min.css?v=88091268259482038431704795700" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/photoswipe.min.css?v=165459975419098386681704795700" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/animate.min.css?v=68297775102622399721704795699" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/fancybox.min.css?v=154448737273138728031704795700" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/custom.css?v=102493421877365237651704795700" rel="stylesheet" type="text/css" media="all" /></noscript>
<div class="right-drawer-vue">
<wetheme-right-drawer
search-url="/search/suggest.json"
is-predictive="false"
search-collections=""
language-url="/"
>
</wetheme-right-drawer>
</div>
<script type="text/x-template" id="wetheme-right-drawer-template">
<div>
<transition name="drawer-right">
<div :class="[type === 'shop-now' ? 'quick-view-drawer' : '']" class="drawer drawer--right drawer--cart" v-if="isOpen" ref="drawerRight">
<div :class="[type === 'shop-now' || type === 'page' ? 'display-flex' : '', 'drawer__header', 'sitewide--title-wrapper']">
<div class="drawer__close js-drawer-close">
<button type="button" class="icon-fallback-text" ref="drawerClose" v-on:click="close">
<span class="fallback-text">Warenkorb schließen</span>
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M5.63086 14.3692L10 10L14.3692 14.3692M14.3692 5.63086L9.99919 10L5.63086 5.63086" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
</div>
<input ref="drawerFocus" tabindex="-1" aria-hidden="true" class="sr-only" />
<div :class="[type === 'shop-now' || type === 'page' ? 'remove-margin' : '', 'drawer__title', 'h2', 'true']">
<span v-if="type === 'cart'">Warenkorb</span>
<span class="sr-only" v-if="type === 'shop-now'">Schnellansicht</span>
<span class="sr-only" v-if="type === 'page'">Größenübersicht</span>
<span v-if="type === 'search'">Suche</span>
</div>
</div>
<div id="CartContainer" v-if="type === 'cart'">
<form action="/cart" method="post" novalidate class="cart ajaxcart" v-if="cart">
<p class="empty-cart" v-if="cart.item_count === 0">Ihr Warenkorb ist derzeit leer.</p>
<div class="ajaxcart__inner" v-if="cart.item_count > 0">
<span v-if="cart.total_discount > 0" class="hide auto-discount--active"></span>
<div class="ajaxcart__product" v-for="(item, index) in cart.items" :key="index + item.id">
<div class="ajaxcart__row" v-bind:data-line="index + 1"
v-bind:class="{ 'is-loading': index + 1 === lineQuantityUpdating }"
>
<div class="grid display-table">
<div class="grid__item small--one-whole medium--one-quarter large--one-quarter medium--display-table-cell">
<a v-bind:href="item.url" class="ajaxcart__product-image">
<img
src="#"
alt=""
v-responsive="item.image"
v-bind:alt="item.featured_image_alt"
v-if="item.image"
/>
<img v-if="!item.image" src="//cdn.shopify.com/s/assets/admin/no-image-medium-cc9732cb976dd349a0df1d39816fbcc7.gif" alt="" v-bind:alt="item.product_title" loading="lazy" />
</a>
</div>
<div class="grid__item small--one-whole medium--two-quarters large--two-quarters medium--display-table-cell">
<p>
<a v-bind:href="item.url" class="ajaxcart__product-name" v-text="item.product_title"></a>
<span class="ajaxcart__product-meta" v-if="item.variant_title != 'Default Title'" v-text="item.variant_title"></span>
<span class="ajaxcart__product-meta" v-if="item.selling_plan_allocation" v-text="item.selling_plan_allocation.selling_plan.name"></span>
<span class="ajaxcart__product-meta" v-for="(item, key, index) in item.properties " :key="index">
<template v-if="item && key.charAt(0) !== '_'">
<span v-html="key"></span>: <span v-html="item"></span>
</template>
</span>
</p>
<div class="text-center">
<span v-if="item.compare_at_price > 0 && item.original_price < item.compare_at_price" class="hide line-item__compare-at-price" v-text="item.compare_at_price * item.quantity"></span>
<span class="has--discount hide" v-text="item.original_price" v-if="item.compare_at_price > 0 && item.original_price < item.compare_at_price"></span>
<span class="price-no--discount hide" v-text="item.original_price * item.quantity" v-if="!item.compare_at_price"></span>
<span class="ajaxcart-item__price" v-money="item.original_price"></span>
<s>
<span class="ajaxcart-item__price-strikethrough price-line-through sale-price"
v-if="item.compare_at_price > 0 && item.original_price < item.compare_at_price"
v-money="item.compare_at_price"
>
</span>
</s>
<div class="unit-price" v-if="item.unit_price_measurement_price">
(<span class="unit-price__price" v-money="item.unit_price_measurement_price"></span>
<span> / </span>
<span class="unit-price__ref-value" v-text="item.unit_price_measurement_value"></span>
<span class="unit-price__ref-unit" v-text="item.unit_price_measurement_unit"></span>)
</div>
</div>
<ul class="ajaxcart-item__discounts" aria-label="Rabatt">
<li class="ajaxcart-item__discount" v-if="item.line_level_discount_allocations.amount > 0">
<span class="hide auto-discount--price" v-text="item.line_level_discount_allocations.amount"></span>
<span class="ajaxcart-item__discount_title" v-text="item.line_level_discount_allocations.title"></span>
<span class="ajaxcart-item__discount_money">- <span v-money="item.line_level_discount_allocations.amount"></span></span>
</li>
</ul>
<div class="grid--full text-center ajaxcart__quantity-wrapper">
<div class="grid__item">
<div class="ajaxcart__qty">
<button
type="button"
class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text"
v-on:click="setQuantity(index + 1, item.quantity - 1); setSubtotal();"
v-if="!isGiftwrapProduct(item)"
>
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="flex-full" aria-hidden="true"><path d="M5 10H15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">−</span>
</button>
<input
type="text"
name="updates[]"
class="ajaxcart__qty-num"
v-bind:value="item.quantity"
min="0"
aria-label="quantity"
pattern="[0-9]*"
v-on:change="setQuantity(index + 1, parseInt($event.target.value, 10)); setSubtotal();"
:disabled="isGiftwrapProduct(item)"
/>
<button
type="button"
class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text"
v-on:click="setQuantity(index + 1, item.quantity + 1); setSubtotal();"
v-if="!isGiftwrapProduct(item)"
>
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="flex-full" aria-hidden="true"><path d="M5 10H10M10 10H15M10 10V5M10 10V15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">+</span>
</button>
</div>
</div>
</div>
<button
type="button"
class="ajaxcart__qty-remove text-link-animated"
v-on:click="setQuantity(index + 1, 0); setSubtotal();"
v-if="!isGiftwrapProduct(item)"
>
<span class="cart-drawer--remove-btn">Entfernen</span>
</button>
</div>
</div>
</div>
</div>
<div class="ajaxcart__footer-wrapper">
<div class="ajax-cart--gift-note">
<label for="CartGiftNote" class="ajaxcart__gift-note label-font">Geschenknachricht</label>
<textarea id="CartGiftNote" class="input-full" v-model="giftNote" :disabled="updatingGiftNote" placeholder="Fügen Sie hier Ihre Geschenknachricht hinzu"></textarea>
</div>
<div class="ajax-cart--notes">
<label class="ajaxcart__special_instructions label-font" for="CartSpecialInstructions">Besondere Anweisungen für den Verkäufer</label>
<textarea name="note" class="input-full" id="CartSpecialInstructions"></textarea>
</div>
<div class="ajaxcart__footer">
<div class="grid--full">
<div class="grid__item ajaxcart__subtotal_header">
<p>Zwischensumme</p>
</div>
<span v-for="(item, index) in cart.items" v-if="item.compare_at_price > 0" class="cart__compare-total hide"></span>
<s><span v-for="(item, index) in cart.items" v-if="item.compare_at_price > 0" class="line__compare_price ajaxcart__price-strikeout text-center"></span></s>
<ul class="grid__item ajaxcart-item__discounts" style="margin: 0" v-for="cartItem in cart.items">
<li class="ajaxcart-item__discount" v-if="cartItem.line_level_discount_allocations.amount > 0">
<span class="ajaxcart-item__discount_title" v-text="cartItem.line_level_discount_allocations.title"></span>
<span class="ajaxcart-item__discount_money">- <span v-money="cartItem.line_level_discount_allocations.amount"></span></span>
</li>
</ul>
<p class="hide cart__total" v-text="cart.total_price"></p>
<div class="grid__item ajaxcart__subtotal">
<p v-money="cart.total_price"></p>
</div>
</div>
<div class="cart__shipping rte text-link-animated"><p class="text-center">Steuer inklusive und Versandkosten werden an der Kasse berechnet
</p>
</div>
<button type="submit" class="cart__checkout" name="checkout">
Zur Kasse
</button>
</div>
</div>
</div>
</form>
</div>
<div id="ShopNowContainer" v-if="type === 'shop-now'">
<div ref="shopNowContent"></div>
</div>
<div id="SearchContainer" v-if="type === 'search'">
<div class="search-drawer">
<div class="input-group">
<span class="input-group-btn">
<button type="submit" class="btn icon-fallback-text" v-on:click="onSearchSubmit" tabindex="0">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M14.1667 14.1667L17.5 17.5M2.5 9.16667C2.5 10.9348 3.20238 12.6305 4.45262 13.8807C5.70286 15.131 7.39856 15.8333 9.16667 15.8333C10.9348 15.8333 12.6305 15.131 13.8807 13.8807C15.131 12.6305 15.8333 10.9348 15.8333 9.16667C15.8333 7.39856 15.131 5.70286 13.8807 4.45262C12.6305 3.20238 10.9348 2.5 9.16667 2.5C7.39856 2.5 5.70286 3.20238 4.45262 4.45262C3.20238 5.70286 2.5 7.39856 2.5 9.16667Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Suche</span>
</button>
</span>
<div class="search-input-group">
<input
type="search" name="q" id="search-input" placeholder="Suchen Sie in unserem Shop"
class="input-group-field" aria-label="Suchen Sie in unserem Shop" autocomplete="off" autocorrect="off" spellcheck="false" ref="searchText"
v-model="searchQuery" @keydown.enter="onSearchSubmit"
/>
<button type="button" aria-label="Löschen" class="search-drawer--clear icon-fallback-text" v-if="searchQuery.length > 0" v-on:click="clearSearchInput">
<span class="fallback-text">Löschen</span>
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M5.63086 14.3692L10 10L14.3692 14.3692M14.3692 5.63086L9.99919 10L5.63086 5.63086" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
</div>
</div>
<div class="wrapper-padded">
<div id="search-results" class="grid-uniform">
<div v-if="searching" class="search-loading">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="spin flex-full"><g clip-path="url(#clip0_7323_531303)"><path d="M10.5 19C5.52944 19 1.5 14.9706 1.5 10C1.5 5.02944 5.52944 1 10.5 1C15.4706 1 19.5 5.02944 19.5 10C19.5 12.5991 18.3983 14.9408 16.6364 16.5837" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></g><defs><clipPath id="clip0_7323_531303"><rect width="20" height="20" fill="white" transform="translate(0.5)"/></clipPath></defs></svg>
<span class="sr-only">Laden...</span>
</div>
<div v-text="searchSummary" v-if="!searching"></div>
<div class="search-results__meta top" v-if="searchHasResults">
<div class="search-results__meta-view-all"><span id="search-show-more" class="btn"><a v-bind:href="searchPageUrlWithQuery">Alle Ergebnisse anzeigen</a></span></div>
</div>
<div class="" v-for="group in searchGroups" v-if="!searching">
<h2 v-text="group.name" v-if="group.results.length"></h2>
<div class="indiv-search-listing-grid" v-for="result in group.results">
<div class="grid">
<div class="grid__item large--one-fifth live-search--image" v-if="result.featured_image">
<a v-bind:href="result.url" v-bind:title="result.title">
<span v-if="result.featured_image.url">
<img
loading="lazy"
v-bind:src="result.featured_image.url"
v-bind:alt="result.featured_image.alt"
/>
</span>
</a>
</div>
<div class="grid__item line-search-content" :class="(result.image || result.featured_image) ? 'large--four-fifths' : 'large--one-whole'">
<h5>
<a v-bind:href="result.url" v-html="result.title ? result.title : result.styled_text"></a>
</h5>
<div v-if="!result.available && group.name == 'Products'">Ausverkauft</div>
<div v-if="result.price" v-html="result.price"></div>
</div>
</div>
<span class="search-drawer-separator" v-if="group.results.length"><hr /></span>
</div>
</div>
<div class="search-results__meta bottom" v-if="searchHasResults">
<div class="search-results__meta-view-all"><span id="search-show-more" class="btn"><a v-bind:href="searchPageUrlWithQuery">Alle Ergebnisse anzeigen</a></span></div>
</div>
</div>
</div>
</div>
</div>
<div id="PageContainer" v-if="type === 'page'">
<div ref="pageContent"></div>
</div>
</div>
</transition>
</div>
</script>
<div id="DrawerOverlay" class="drawer-overlay"></div>
<div id="PageContainer" data-editor-open="false" data-cart-action="drawer" data-language-url="/">
<div class="no-js disclaimer">
<p>This store requires javascript to be enabled for some features to work correctly.</p>
</div>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--18836996194572__header" class="shopify-section shopify-section-group-header-group header-section">
<noscript>
<ul class="no-js-mobile-menu nav-link-animated">
<li>
<a href="/pages/leistungen">LEISTUNGEN</a>
<ul>
<li>
<a href="/pages/leistungen">Leistungen</a>
<ul>
<li>
<a href="/pages/galerie">Galerie</a>
</li>
<li>
<a href="/pages/gebrauchte-9ff-kaufen">Gebrauchte 9FF</a>
</li>
</ul>
</li>
<li>
<a href="/pages/l">Supercars</a>
<ul>
<li>
<a href="/pages/9ff-gturbo">9FF GTurbo</a>
</li>
<li>
<a href="/pages/9ff-gtronic">9FF GTronic</a>
</li>
<li>
<a href="/pages/9ff-gt9">9FF GT9</a>
</li>
<li>
<a href="/pages/9ff-speed-9">9FF Speed9</a>
</li>
</ul>
</li>
<li>
<a href="/pages/alle-fahrzeuge">Konfigurator</a>
<ul>
<li>
<a href="/pages/964-konfigurator">964</a>
</li>
<li>
<a href="/pages/993-konfigurator">993</a>
</li>
<li>
<a href="/pages/996-konfigurator">996</a>
</li>
<li>
<a href="/pages/997-konfigurator">997</a>
</li>
<li>
<a href="/pages/991-konfigurator">991</a>
</li>
<li>
<a href="/pages/992-konfigurator">992</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="/pages/alle-produkte">SHOP</a>
<ul>
<li>
<a href="/pages/alle-produkte">SPORTWAGEN</a>
<ul>
<li>
<a href="/collections/964-1">964</a>
</li>
<li>
<a href="/collections/993-2">993</a>
</li>
<li>
<a href="/collections/996-1">996</a>
</li>
<li>
<a href="/collections/997">997</a>
</li>
<li>
<a href="/collections/991-1">991</a>
</li>
<li>
<a href="/collections/992">992</a>
</li>
</ul>
</li>
<li>
<a href="/collections/merchandise">MERCHANDISE</a>
<ul>
<li>
<a href="/collections/t-shirts">T-Shirts</a>
</li>
<li>
<a href="/collections/hoodies-jacken">Hoodies / Jacken</a>
</li>
<li>
<a href="/collections/accessoires">Accessoires</a>
</li>
<li>
<a href="/collections/fahrzeugreinigung">Fahrzeugreinigung</a>
</li>
<li>
<a href="/collections/merchandise">Zubehör</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="/pages/ueber-uns">ÜBER UNS</a>
<ul>
<li>
<a href="/pages/ueber-uns">Über 9ff</a>
<ul>
<li>
<a href="/pages/historie">Historie</a>
</li>
</ul>
</li>
<li>
<a href="/pages/rekorde">Rekorde</a>
<ul>
<li>
<a href="/pages/geschwindigkeitsrekorde">Geschwindigkeitsrekorde</a>
</li>
<li>
<a href="/pages/beschleunigungsrekorde">Beschleunigungsrekorde</a>
</li>
<li>
<a href="/pages/auszeichnungen">Auszeichnungen</a>
</li>
</ul>
</li>
<li>
<a href="/pages/karriere">Karriere</a>
</li>
</ul>
</li>
<li>
<a href="/pages/kontakt">KONTAKT</a>
</li>
</ul>
</noscript>
<style data-shopify>
.default-menu-drawer-text-color {
color: var(--menu-drawer-text-color);
}
.locale--mobile {
padding: 15px;
}
</style>
<div
class="header-section--wrapper overlay-header-wrapper"
data-wetheme-section-type="header"
data-wetheme-section-id="sections--18836996194572__header"
data-header-sticky="true"
data-header-overlay="true"
>
<div id="NavDrawerOverlay" class="drawer-overlay"></div>
<div id="NavDrawer" class="drawer drawer--left">
<div class="mobile-nav-grid-container">
<div class="mobile-nav__logo-title">
<div class="mobile-nav__logo-title--inner">
<a class="mobile-menu--close-btn" aria-label="Menü schließen" role="button">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M5.63086 14.3692L10 10L14.3692 14.3692M14.3692 5.63086L9.99919 10L5.63086 5.63086" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a>
</div>
</div>
<!-- begin mobile-nav -->
<ul class="mobile-nav mobile-nav--main">
<li class="mobile-nav__item top-level mega-menu--mobile" aria-haspopup="true">
<div class="mobile-nav__has-sublist">
<a href="/pages/leistungen" class="mobile-nav__link">LEISTUNGEN</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open" aria-label="Mehr anzeigen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 7.5L10.5 12.5L15.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close" aria-label="Menü schließen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 12.5L10.5 7.5L15.5 12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item ">
<div class="mobile-nav__has-sublist">
<a href="/pages/leistungen" class="mobile-nav__link">Leistungen</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open" name="Mehr anzeigen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 7.5L10.5 12.5L15.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Mehr anzeigen</span>
</button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close" name="Menü schließen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 12.5L10.5 7.5L15.5 12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Menü schließen</span>
</button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item">
<a href="/pages/galerie" class="mobile-nav__link">Galerie</a>
</li>
<li class="mobile-nav__item">
<a href="/pages/gebrauchte-9ff-kaufen" class="mobile-nav__link">Gebrauchte 9FF</a>
</li>
</ul>
</li>
<li class="mobile-nav__item ">
<div class="mobile-nav__has-sublist">
<a href="/pages/l" class="mobile-nav__link">Supercars</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open" name="Mehr anzeigen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 7.5L10.5 12.5L15.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Mehr anzeigen</span>
</button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close" name="Menü schließen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 12.5L10.5 7.5L15.5 12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Menü schließen</span>
</button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item">
<a href="/pages/9ff-gturbo" class="mobile-nav__link">9FF GTurbo</a>
</li>
<li class="mobile-nav__item">
<a href="/pages/9ff-gtronic" class="mobile-nav__link">9FF GTronic</a>
</li>
<li class="mobile-nav__item">
<a href="/pages/9ff-gt9" class="mobile-nav__link">9FF GT9</a>
</li>
<li class="mobile-nav__item">
<a href="/pages/9ff-speed-9" class="mobile-nav__link">9FF Speed9</a>
</li>
</ul>
</li>
<li class="mobile-nav__item ">
<div class="mobile-nav__has-sublist">
<a href="/pages/alle-fahrzeuge" class="mobile-nav__link">Konfigurator</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open" name="Mehr anzeigen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 7.5L10.5 12.5L15.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Mehr anzeigen</span>
</button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close" name="Menü schließen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 12.5L10.5 7.5L15.5 12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Menü schließen</span>
</button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item">
<a href="/pages/964-konfigurator" class="mobile-nav__link">964</a>
</li>
<li class="mobile-nav__item">
<a href="/pages/993-konfigurator" class="mobile-nav__link">993</a>
</li>
<li class="mobile-nav__item">
<a href="/pages/996-konfigurator" class="mobile-nav__link">996</a>
</li>
<li class="mobile-nav__item">
<a href="/pages/997-konfigurator" class="mobile-nav__link">997</a>
</li>
<li class="mobile-nav__item">
<a href="/pages/991-konfigurator" class="mobile-nav__link">991</a>
</li>
<li class="mobile-nav__item">
<a href="/pages/992-konfigurator" class="mobile-nav__link">992</a>
</li>
</ul>
</li>
<ul class="mobile-promo--block">
<style data-shopify>
.block-id-db96c6fd-67e3-42cb-8d40-064e4155d289 .overlay-text-on-image-promo-1 {
color: #ffffff !important;
}
.block-id-db96c6fd-67e3-42cb-8d40-064e4155d289 .overlay-text-on-image-promo-2 {
color: #ffffff !important;
}
</style>
<style data-shopify>
.block-id-631f7aa0-355b-4ccf-93da-77f3613a6088 .overlay-text-on-image-promo-1 {
color: #ffffff !important;
}
.block-id-631f7aa0-355b-4ccf-93da-77f3613a6088 .overlay-text-on-image-promo-2 {
color: #ffffff !important;
}
</style>
<li class="mega-menu-promo-card mobile-nav__item block-id-631f7aa0-355b-4ccf-93da-77f3613a6088" >
<div class="inner mega-menu--image-wrapper">
<div class="mega-menu-promo">
<div class="mega-menu-promo-wrapper">
<div class="mega-menu-promo-image mega-menu-aspect-ratio aspect-ratio--square">
<div class="responsive-image-wrapper" style="">
<noscript aria-hidden="true">
<img
class=""
src="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_1000x1000.jpg?v=1663672599"
alt="9FF Online Shop"
style='max-width: '574px;
style="object-fit:cover;object-position:50.0% 50.0%!important;"
loading="lazy"
/>
</noscript>
<img
loading="lazy"
class=" js"
style=" object-fit:cover;object-position:50.0% 50.0%!important;"
alt="9FF Online Shop"
style='max-width: '574px;
width="574"
height="541"
srcset="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_550x.jpg?v=1663672599 550w,//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1.jpg?v=1663672599 574w"
sizes="(min-width: 2000px) 1000px, (min-width: 1445px) calc(100vw / 2), (min-width: 1200px) calc(100vw / 1.75), (min-width: 1000px) calc(100vw / 1.5), (min-width: 750px) calc(100vw / 3), 100vw"
src="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_1445x.jpg?v=1663672599"
/>
</div>
</div>
</div>
</div>
</div>
</li>
<style data-shopify>
.block-id-7cd85706-9b7a-4903-ace8-625ffb2c3b23 .overlay-text-on-image-promo-1 {
color: #ffffff !important;
}
.block-id-7cd85706-9b7a-4903-ace8-625ffb2c3b23 .overlay-text-on-image-promo-2 {
color: #ffffff !important;
}
</style>
</ul>
</ul>
</li>
<li class="mobile-nav__item top-level" aria-haspopup="true">
<div class="mobile-nav__has-sublist">
<a href="/pages/alle-produkte" class="mobile-nav__link">SHOP</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open" aria-label="Mehr anzeigen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 7.5L10.5 12.5L15.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close" aria-label="Menü schließen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 12.5L10.5 7.5L15.5 12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item ">
<div class="mobile-nav__has-sublist">
<a href="/pages/alle-produkte" class="mobile-nav__link">SPORTWAGEN</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open" name="Mehr anzeigen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 7.5L10.5 12.5L15.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Mehr anzeigen</span>
</button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close" name="Menü schließen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 12.5L10.5 7.5L15.5 12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Menü schließen</span>
</button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item">
<a href="/collections/964-1" class="mobile-nav__link">964</a>
</li>
<li class="mobile-nav__item">
<a href="/collections/993-2" class="mobile-nav__link">993</a>
</li>
<li class="mobile-nav__item">
<a href="/collections/996-1" class="mobile-nav__link">996</a>
</li>
<li class="mobile-nav__item">
<a href="/collections/997" class="mobile-nav__link">997</a>
</li>
<li class="mobile-nav__item">
<a href="/collections/991-1" class="mobile-nav__link">991</a>
</li>
<li class="mobile-nav__item">
<a href="/collections/992" class="mobile-nav__link">992</a>
</li>
</ul>
</li>
<li class="mobile-nav__item ">
<div class="mobile-nav__has-sublist">
<a href="/collections/merchandise" class="mobile-nav__link">MERCHANDISE</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open" name="Mehr anzeigen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 7.5L10.5 12.5L15.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Mehr anzeigen</span>
</button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close" name="Menü schließen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 12.5L10.5 7.5L15.5 12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Menü schließen</span>
</button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item">
<a href="/collections/t-shirts" class="mobile-nav__link">T-Shirts</a>
</li>
<li class="mobile-nav__item">
<a href="/collections/hoodies-jacken" class="mobile-nav__link">Hoodies / Jacken</a>
</li>
<li class="mobile-nav__item">
<a href="/collections/accessoires" class="mobile-nav__link">Accessoires</a>
</li>
<li class="mobile-nav__item">
<a href="/collections/fahrzeugreinigung" class="mobile-nav__link">Fahrzeugreinigung</a>
</li>
<li class="mobile-nav__item">
<a href="/collections/merchandise" class="mobile-nav__link">Zubehör</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="mobile-nav__item top-level mega-menu--mobile" aria-haspopup="true">
<div class="mobile-nav__has-sublist">
<a href="/pages/ueber-uns" class="mobile-nav__link">ÜBER UNS</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open" aria-label="Mehr anzeigen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 7.5L10.5 12.5L15.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close" aria-label="Menü schließen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 12.5L10.5 7.5L15.5 12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item ">
<div class="mobile-nav__has-sublist">
<a href="/pages/ueber-uns" class="mobile-nav__link">Über 9ff</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open" name="Mehr anzeigen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 7.5L10.5 12.5L15.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Mehr anzeigen</span>
</button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close" name="Menü schließen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 12.5L10.5 7.5L15.5 12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Menü schließen</span>
</button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item">
<a href="/pages/historie" class="mobile-nav__link">Historie</a>
</li>
</ul>
</li>
<li class="mobile-nav__item ">
<div class="mobile-nav__has-sublist">
<a href="/pages/rekorde" class="mobile-nav__link">Rekorde</a>
<div class="mobile-nav__toggle">
<button type="button" class="icon-fallback-text mobile-nav__toggle-open" name="Mehr anzeigen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 7.5L10.5 12.5L15.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Mehr anzeigen</span>
</button>
<button type="button" class="icon-fallback-text mobile-nav__toggle-close" name="Menü schließen">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true"><path d="M5.5 12.5L10.5 7.5L15.5 12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Menü schließen</span>
</button>
</div>
</div>
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item">
<a href="/pages/geschwindigkeitsrekorde" class="mobile-nav__link">Geschwindigkeitsrekorde</a>
</li>
<li class="mobile-nav__item">
<a href="/pages/beschleunigungsrekorde" class="mobile-nav__link">Beschleunigungsrekorde</a>
</li>
<li class="mobile-nav__item">
<a href="/pages/auszeichnungen" class="mobile-nav__link">Auszeichnungen</a>
</li>
</ul>
</li>
<li class="mobile-nav__item">
<a href="/pages/karriere" class="mobile-nav__link">Karriere</a>
</li>
<ul class="mobile-promo--block">
<style data-shopify>
.block-id-db96c6fd-67e3-42cb-8d40-064e4155d289 .overlay-text-on-image-promo-1 {
color: #ffffff !important;
}
.block-id-db96c6fd-67e3-42cb-8d40-064e4155d289 .overlay-text-on-image-promo-2 {
color: #ffffff !important;
}
</style>
<style data-shopify>
.block-id-631f7aa0-355b-4ccf-93da-77f3613a6088 .overlay-text-on-image-promo-1 {
color: #ffffff !important;
}
.block-id-631f7aa0-355b-4ccf-93da-77f3613a6088 .overlay-text-on-image-promo-2 {
color: #ffffff !important;
}
</style>
<style data-shopify>
.block-id-7cd85706-9b7a-4903-ace8-625ffb2c3b23 .overlay-text-on-image-promo-1 {
color: #ffffff !important;
}
.block-id-7cd85706-9b7a-4903-ace8-625ffb2c3b23 .overlay-text-on-image-promo-2 {
color: #ffffff !important;
}
</style>
<li class="mega-menu-promo-card mobile-nav__item block-id-7cd85706-9b7a-4903-ace8-625ffb2c3b23" >
<div class="inner mega-menu--image-wrapper">
<div class="mega-menu-promo">
<div class="mega-menu-promo-wrapper">
<div class="mega-menu-promo-image mega-menu-aspect-ratio aspect-ratio--square">
<div class="responsive-image-wrapper" style="">
<noscript aria-hidden="true">
<img
class=""
src="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_1000x1000.jpg?v=1663672599"
alt="9FF Online Shop"
style='max-width: '574px;
style="object-fit:cover;object-position:50.0% 50.0%!important;"
loading="lazy"
/>
</noscript>
<img
loading="lazy"
class=" js"
style=" object-fit:cover;object-position:50.0% 50.0%!important;"
alt="9FF Online Shop"
style='max-width: '574px;
width="574"
height="541"
srcset="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_550x.jpg?v=1663672599 550w,//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1.jpg?v=1663672599 574w"
sizes="(min-width: 2000px) 1000px, (min-width: 1445px) calc(100vw / 2), (min-width: 1200px) calc(100vw / 1.75), (min-width: 1000px) calc(100vw / 1.5), (min-width: 750px) calc(100vw / 3), 100vw"
src="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_1445x.jpg?v=1663672599"
/>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</ul>
</li>
<li class="mobile-nav__item top-level">
<a href="/pages/kontakt" class="mobile-nav__link">KONTAKT</a>
</li>
</ul>
<div class="mobile-nav--footer">
<div class="mobile-nav locale--mobile">
<noscript><form method="post" action="/localization" id="FooterLanguageFormNoScript" accept-charset="UTF-8" class="localization-form localization-form__noscript" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
<h2 class="visually-hidden" id="FooterLanguageLabelNoScript">Sprache</h2>
<select class="localization-selector link" name="locale_code" aria-labelledby="FooterLanguageLabelNoScript"><option value="de" lang="de" selected>
Deutsch
</option><option value="en" lang="en">
English
</option></select>
</div>
<button class="btn alt-focus">Sprache aktualisieren</button></form></noscript>
<localization-form>
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" />
<div class="js">
<div class="disclosure">
<button type="button" class="disclosure__button" aria-expanded="false" aria-controls="LanguageList">
<span>
Deutsch
</span>
<span class="icon-dropdown">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="chevron-down"><path d="M5.5 7.5L10.5 12.5L15.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<ul id="LanguageList" role="list" class="disclosure__list localization__list" hidden>
<li class="disclosure__item" tabindex="-1">
<a class="disclosure__item_el" href="#" aria-current="true" hreflang="de" lang="de" data-value="de">
Deutsch
</a>
</li>
<li class="disclosure__item" tabindex="-1">
<a class="disclosure__item_el" href="#" hreflang="en" lang="en" data-value="en">
English
</a>
</li>
</ul>
<input type="hidden" name="language_code" value="de">
</div>
</div>
</form>
</localization-form><script src="//www.9ff.com/cdn/shop/t/15/assets/component-localization-form.js?v=86781232993475006041704795700" defer="defer" type="module" data-internal-script></script>
</div>
<style data-shopify>
.mobile-nav.nav--meta {
display: grid;
gap: 15px;
}
.mobile-nav.nav--meta .mobile-nav__item.customer--info,
.mobile-nav.nav--meta .mobile-nav__item.customer-logout-link,
.mobile-nav.nav--meta .mobile-nav__item.customer-login-link,
.mobile-nav.nav--meta .mobile-nav__item.sm-icons--wrapper {
display: flex;
flex-wrap: wrap;
}
.mobile-nav.nav--meta .mobile-nav__item.sm-icons--wrapper #sm-icons {
width: 100%;
}
.mobile-nav.nav--meta .mobile-nav__social-icons {
justify-content: end;
}
.mobile-nav.nav--meta {
grid-template-columns: 1fr 1fr;
}
.mobile-nav.nav--meta .mobile-nav__item.customer-login-link {
grid-column-start: 1;
grid-column-end: 2;
}
.mobile-nav.nav--meta .mobile-nav__item.sm-icons--wrapper {
grid-column-start: 2;
grid-column-end: 3;
}
</style>
<ul class="mobile-nav nav--meta">
<li class="mobile-nav__item customer-login-link">
<a href="/account/login" id="customer_login_link">Anmelden</a>
</li>
</ul>
</div>
<!-- //mobile-nav -->
</div>
</div>
<header class="site-header overlay-header">
<div class="site-header__wrapper site-header__wrapper--logo-center site-header__wrapper--with-menu">
<div class="site-header__wrapper__left">
<div class="js site-header__nav top-links" id="top_links_wrapper">
<ul class="site-nav nav-link-animated mega-menu-wrapper" id="AccessibleNav" role="navigation">
<style data-shopify>
.site-nav__dropdown.mega-menu-dropdown {
top: calc(100% + 1px);
}
</style>
<li class="site-nav--has-dropdown first-level-dropdown mega-menu" aria-haspopup="true">
<a href="/pages/leistungen" class="site-nav__link">
<div class="site-nav--link-wrapper">
<span class="site-nav--link-text animated-underline">
LEISTUNGEN
</span>
</div>
</a>
<ul
class="site-nav__dropdown mega-menu-dropdown has--subdropdowns"
data-logo-placement="center"
>
<div class="container">
<style data-shopify>
[data-mega-menu-block-id="631f7aa0-355b-4ccf-93da-77f3613a6088"] {
grid-template-columns: 2fr 1fr;
}
[data-mega-menu-block-id="631f7aa0-355b-4ccf-93da-77f3613a6088"] .mega-menu--links {
grid-template-columns: repeat(4, 1fr);
}
.mega-menu-block .block-id-631f7aa0-355b-4ccf-93da-77f3613a6088 .overlay-text-on-image-promo-1,
.mega-menu-block .block-id-631f7aa0-355b-4ccf-93da-77f3613a6088 .overlay-text-on-image-promo-1 a:hover {
color: #ffffff !important;
}
.mega-menu-block .block-id-631f7aa0-355b-4ccf-93da-77f3613a6088 .overlay-text-on-image-promo-2,
.mega-menu-block .block-id-631f7aa0-355b-4ccf-93da-77f3613a6088 .overlay-text-on-image-promo-2 a:hover {
color: #ffffff !important;
}
</style>
<div class="mega-menu-block" data-mega-menu-block-id="631f7aa0-355b-4ccf-93da-77f3613a6088" >
<div class="mega-menu--links">
<li class="dropdown-submenu nav-link-animated--custom" aria-haspopup="true">
<div class="inner">
<p class="h4 mega-menu-link--title"><a class="animated-link--item" href="/pages/leistungen">Leistungen</a></p>
<ul class="menu-link">
<li>
<a class="animated-link--item" href="/pages/galerie">Galerie</a>
</li>
<li>
<a class="animated-link--item" href="/pages/gebrauchte-9ff-kaufen">Gebrauchte 9FF</a>
</li>
</ul>
</div>
</li>
<li class="dropdown-submenu nav-link-animated--custom" aria-haspopup="true">
<div class="inner">
<p class="h4 mega-menu-link--title"><a class="animated-link--item" href="/pages/l">Supercars</a></p>
<ul class="menu-link">
<li>
<a class="animated-link--item" href="/pages/9ff-gturbo">9FF GTurbo</a>
</li>
<li>
<a class="animated-link--item" href="/pages/9ff-gtronic">9FF GTronic</a>
</li>
<li>
<a class="animated-link--item" href="/pages/9ff-gt9">9FF GT9</a>
</li>
<li>
<a class="animated-link--item" href="/pages/9ff-speed-9">9FF Speed9</a>
</li>
</ul>
</div>
</li>
<li class="dropdown-submenu nav-link-animated--custom" aria-haspopup="true">
<div class="inner">
<p class="h4 mega-menu-link--title"><a class="animated-link--item" href="/pages/alle-fahrzeuge">Konfigurator</a></p>
<ul class="menu-link">
<li>
<a class="animated-link--item" href="/pages/964-konfigurator">964</a>
</li>
<li>
<a class="animated-link--item" href="/pages/993-konfigurator">993</a>
</li>
<li>
<a class="animated-link--item" href="/pages/996-konfigurator">996</a>
</li>
<li>
<a class="animated-link--item" href="/pages/997-konfigurator">997</a>
</li>
<li>
<a class="animated-link--item" href="/pages/991-konfigurator">991</a>
</li>
<li>
<a class="animated-link--item" href="/pages/992-konfigurator">992</a>
</li>
</ul>
</div>
</li>
</div>
<div>
<li class="mega-menu-promo-card dropdown-submenu block-id-631f7aa0-355b-4ccf-93da-77f3613a6088" aria-haspopup='true'>
<div class="inner mega-menu--image-wrapper">
<div class="mega-menu-promo">
<div class="mega-menu-promo-wrapper">
<div class="mega-menu-promo-image mega-menu-aspect-ratio aspect-ratio--square">
<div class="responsive-image-wrapper" style="">
<noscript aria-hidden="true">
<img
class=""
src="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_1000x1000.jpg?v=1663672599"
alt="9FF Online Shop"
style='max-width: '574px;
style="object-fit:cover;object-position:50.0% 50.0%!important;"
loading="lazy"
/>
</noscript>
<img
loading="lazy"
class=" js"
style=" object-fit:cover;object-position:50.0% 50.0%!important;"
alt="9FF Online Shop"
style='max-width: '574px;
width="574"
height="541"
srcset="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_550x.jpg?v=1663672599 550w,//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1.jpg?v=1663672599 574w"
sizes="(min-width: 2000px) 1000px, (min-width: 1445px) calc(100vw / 2), (min-width: 1200px) calc(100vw / 1.75), (min-width: 1000px) calc(100vw / 1.5), (min-width: 750px) calc(100vw / 3), 100vw"
src="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_1445x.jpg?v=1663672599"
/>
</div>
</div>
</div>
</div>
</div>
</li>
</div>
</div>
</div>
</ul>
</li>
<li class="site-nav--has-dropdown first-level-dropdown mega-menu" aria-haspopup="true">
<a href="/pages/alle-produkte" class="site-nav__link">
<div class="site-nav--link-wrapper">
<span class="site-nav--link-text animated-underline">
SHOP
</span>
</div>
</a>
<ul
class="site-nav__dropdown mega-menu-dropdown has--subdropdowns"
data-logo-placement="center"
>
<div class="container">
<style data-shopify>
[data-mega-menu-block-id="db96c6fd-67e3-42cb-8d40-064e4155d289"] {
grid-template-columns: 2fr 1fr;
}
[data-mega-menu-block-id="db96c6fd-67e3-42cb-8d40-064e4155d289"] .mega-menu--links {
grid-template-columns: repeat(4, 1fr);
}
.mega-menu-block .block-id-db96c6fd-67e3-42cb-8d40-064e4155d289 .overlay-text-on-image-promo-1,
.mega-menu-block .block-id-db96c6fd-67e3-42cb-8d40-064e4155d289 .overlay-text-on-image-promo-1 a:hover {
color: #ffffff !important;
}
.mega-menu-block .block-id-db96c6fd-67e3-42cb-8d40-064e4155d289 .overlay-text-on-image-promo-2,
.mega-menu-block .block-id-db96c6fd-67e3-42cb-8d40-064e4155d289 .overlay-text-on-image-promo-2 a:hover {
color: #ffffff !important;
}
</style>
<div class="mega-menu-block" data-mega-menu-block-id="db96c6fd-67e3-42cb-8d40-064e4155d289" >
<div class="mega-menu--links">
<li class="dropdown-submenu nav-link-animated--custom" aria-haspopup="true">
<div class="inner">
<p class="h4 mega-menu-link--title"><a class="animated-link--item" href="/pages/alle-produkte">SPORTWAGEN</a></p>
<ul class="menu-link">
<li>
<a class="animated-link--item" href="/collections/964-1">964</a>
</li>
<li>
<a class="animated-link--item" href="/collections/993-2">993</a>
</li>
<li>
<a class="animated-link--item" href="/collections/996-1">996</a>
</li>
<li>
<a class="animated-link--item" href="/collections/997">997</a>
</li>
<li>
<a class="animated-link--item" href="/collections/991-1">991</a>
</li>
<li>
<a class="animated-link--item" href="/collections/992">992</a>
</li>
</ul>
</div>
</li>
<li class="dropdown-submenu nav-link-animated--custom" aria-haspopup="true">
<div class="inner">
<p class="h4 mega-menu-link--title"><a class="animated-link--item" href="/collections/merchandise">MERCHANDISE</a></p>
<ul class="menu-link">
<li>
<a class="animated-link--item" href="/collections/t-shirts">T-Shirts</a>
</li>
<li>
<a class="animated-link--item" href="/collections/hoodies-jacken">Hoodies / Jacken</a>
</li>
<li>
<a class="animated-link--item" href="/collections/accessoires">Accessoires</a>
</li>
<li>
<a class="animated-link--item" href="/collections/fahrzeugreinigung">Fahrzeugreinigung</a>
</li>
<li>
<a class="animated-link--item" href="/collections/merchandise">Zubehör</a>
</li>
</ul>
</div>
</li>
</div>
<div>
<li class="mega-menu-promo-card dropdown-submenu block-id-db96c6fd-67e3-42cb-8d40-064e4155d289" aria-haspopup='true'>
<div class="inner mega-menu--image-wrapper">
<div class="mega-menu-promo">
<div class="mega-menu-promo-wrapper">
<div class="mega-menu-promo-image">
<div class="responsive-image-wrapper" style="">
<noscript aria-hidden="true">
<img
class=""
src="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_1000x1000.jpg?v=1663672599"
alt="9FF Online Shop"
style='max-width: '574px;
style="object-fit:cover;object-position:50.0% 50.0%!important;"
loading="lazy"
/>
</noscript>
<img
loading="lazy"
class=" js"
style="max-width: 574px; max-height: 541px; object-fit:cover;object-position:50.0% 50.0%!important;"
alt="9FF Online Shop"
style='max-width: '574px;
width="574"
height="541"
srcset="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_550x.jpg?v=1663672599 550w,//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1.jpg?v=1663672599 574w"
sizes="(min-width: 2000px) 1000px, (min-width: 1445px) calc(100vw / 2), (min-width: 1200px) calc(100vw / 1.75), (min-width: 1000px) calc(100vw / 1.5), (min-width: 750px) calc(100vw / 3), 100vw"
src="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_1445x.jpg?v=1663672599"
/>
</div>
</div>
</div>
</div>
</div>
</li>
</div>
</div>
</div>
</ul>
</li>
<li class="site-nav--has-dropdown first-level-dropdown mega-menu" aria-haspopup="true">
<a href="/pages/ueber-uns" class="site-nav__link">
<div class="site-nav--link-wrapper">
<span class="site-nav--link-text animated-underline">
ÜBER UNS
</span>
</div>
</a>
<ul
class="site-nav__dropdown mega-menu-dropdown has--subdropdowns"
data-logo-placement="center"
>
<div class="container">
<style data-shopify>
[data-mega-menu-block-id="7cd85706-9b7a-4903-ace8-625ffb2c3b23"] {
grid-template-columns: 2fr 1fr;
}
[data-mega-menu-block-id="7cd85706-9b7a-4903-ace8-625ffb2c3b23"] .mega-menu--links {
grid-template-columns: repeat(4, 1fr);
}
.mega-menu-block .block-id-7cd85706-9b7a-4903-ace8-625ffb2c3b23 .overlay-text-on-image-promo-1,
.mega-menu-block .block-id-7cd85706-9b7a-4903-ace8-625ffb2c3b23 .overlay-text-on-image-promo-1 a:hover {
color: #ffffff !important;
}
.mega-menu-block .block-id-7cd85706-9b7a-4903-ace8-625ffb2c3b23 .overlay-text-on-image-promo-2,
.mega-menu-block .block-id-7cd85706-9b7a-4903-ace8-625ffb2c3b23 .overlay-text-on-image-promo-2 a:hover {
color: #ffffff !important;
}
</style>
<div class="mega-menu-block" data-mega-menu-block-id="7cd85706-9b7a-4903-ace8-625ffb2c3b23" >
<div class="mega-menu--links">
<li class="dropdown-submenu nav-link-animated--custom" aria-haspopup="true">
<div class="inner">
<p class="h4 mega-menu-link--title"><a class="animated-link--item" href="/pages/ueber-uns">Über 9ff</a></p>
<ul class="menu-link">
<li>
<a class="animated-link--item" href="/pages/historie">Historie</a>
</li>
</ul>
</div>
</li>
<li class="dropdown-submenu nav-link-animated--custom" aria-haspopup="true">
<div class="inner">
<p class="h4 mega-menu-link--title"><a class="animated-link--item" href="/pages/rekorde">Rekorde</a></p>
<ul class="menu-link">
<li>
<a class="animated-link--item" href="/pages/geschwindigkeitsrekorde">Geschwindigkeitsrekorde</a>
</li>
<li>
<a class="animated-link--item" href="/pages/beschleunigungsrekorde">Beschleunigungsrekorde</a>
</li>
<li>
<a class="animated-link--item" href="/pages/auszeichnungen">Auszeichnungen</a>
</li>
</ul>
</div>
</li>
<li class="dropdown-submenu nav-link-animated--custom" aria-haspopup="true">
<div class="inner">
<p class="h4 mega-menu-link--title"><a class="animated-link--item" href="/pages/karriere">Karriere</a></p>
<ul class="menu-link">
</ul>
</div>
</li>
</div>
<div>
<li class="mega-menu-promo-card dropdown-submenu block-id-7cd85706-9b7a-4903-ace8-625ffb2c3b23" aria-haspopup='true'>
<div class="inner mega-menu--image-wrapper">
<div class="mega-menu-promo">
<div class="mega-menu-promo-wrapper">
<div class="mega-menu-promo-image mega-menu-aspect-ratio aspect-ratio--square">
<div class="responsive-image-wrapper" style="">
<noscript aria-hidden="true">
<img
class=""
src="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_1000x1000.jpg?v=1663672599"
alt="9FF Online Shop"
style='max-width: '574px;
style="object-fit:cover;object-position:50.0% 50.0%!important;"
loading="lazy"
/>
</noscript>
<img
loading="lazy"
class=" js"
style=" object-fit:cover;object-position:50.0% 50.0%!important;"
alt="9FF Online Shop"
style='max-width: '574px;
width="574"
height="541"
srcset="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_550x.jpg?v=1663672599 550w,//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1.jpg?v=1663672599 574w"
sizes="(min-width: 2000px) 1000px, (min-width: 1445px) calc(100vw / 2), (min-width: 1200px) calc(100vw / 1.75), (min-width: 1000px) calc(100vw / 1.5), (min-width: 750px) calc(100vw / 3), 100vw"
src="//www.9ff.com/cdn/shop/files/9ff_marke_sw-01_1_1445x.jpg?v=1663672599"
/>
</div>
</div>
</div>
</div>
</div>
</li>
</div>
</div>
</div>
</ul>
</li>
<li class="first-level-dropdown" >
<a href="/pages/kontakt" class="site-nav__link">
<div class="site-nav--link-wrapper">
<span class="site-nav--link-text animated-underline">
KONTAKT
</span>
</div>
</a>
</li>
</ul>
</div>
<noscript>
<ul>
<li>
<a href="/pages/leistungen">LEISTUNGEN</a>
<ul>
<li>
<a href="/pages/leistungen">Leistungen</a>
<ul>
<li>
<a href="/pages/galerie">Galerie</a>
</li>
<li>
<a href="/pages/gebrauchte-9ff-kaufen">Gebrauchte 9FF</a>
</li>
</ul>
</li>
<li>
<a href="/pages/l">Supercars</a>
<ul>
<li>
<a href="/pages/9ff-gturbo">9FF GTurbo</a>
</li>
<li>
<a href="/pages/9ff-gtronic">9FF GTronic</a>
</li>
<li>
<a href="/pages/9ff-gt9">9FF GT9</a>
</li>
<li>
<a href="/pages/9ff-speed-9">9FF Speed9</a>
</li>
</ul>
</li>
<li>
<a href="/pages/alle-fahrzeuge">Konfigurator</a>
<ul>
<li>
<a href="/pages/964-konfigurator">964</a>
</li>
<li>
<a href="/pages/993-konfigurator">993</a>
</li>
<li>
<a href="/pages/996-konfigurator">996</a>
</li>
<li>
<a href="/pages/997-konfigurator">997</a>
</li>
<li>
<a href="/pages/991-konfigurator">991</a>
</li>
<li>
<a href="/pages/992-konfigurator">992</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="/pages/alle-produkte">SHOP</a>
<ul>
<li>
<a href="/pages/alle-produkte">SPORTWAGEN</a>
<ul>
<li>
<a href="/collections/964-1">964</a>
</li>
<li>
<a href="/collections/993-2">993</a>
</li>
<li>
<a href="/collections/996-1">996</a>
</li>
<li>
<a href="/collections/997">997</a>
</li>
<li>
<a href="/collections/991-1">991</a>
</li>
<li>
<a href="/collections/992">992</a>
</li>
</ul>
</li>
<li>
<a href="/collections/merchandise">MERCHANDISE</a>
<ul>
<li>
<a href="/collections/t-shirts">T-Shirts</a>
</li>
<li>
<a href="/collections/hoodies-jacken">Hoodies / Jacken</a>
</li>
<li>
<a href="/collections/accessoires">Accessoires</a>
</li>
<li>
<a href="/collections/fahrzeugreinigung">Fahrzeugreinigung</a>
</li>
<li>
<a href="/collections/merchandise">Zubehör</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="/pages/ueber-uns">ÜBER UNS</a>
<ul>
<li>
<a href="/pages/ueber-uns">Über 9ff</a>
<ul>
<li>
<a href="/pages/historie">Historie</a>
</li>
</ul>
</li>
<li>
<a href="/pages/rekorde">Rekorde</a>
<ul>
<li>
<a href="/pages/geschwindigkeitsrekorde">Geschwindigkeitsrekorde</a>
</li>
<li>
<a href="/pages/beschleunigungsrekorde">Beschleunigungsrekorde</a>
</li>
<li>
<a href="/pages/auszeichnungen">Auszeichnungen</a>
</li>
</ul>
</li>
<li>
<a href="/pages/karriere">Karriere</a>
</li>
</ul>
</li>
<li>
<a href="/pages/kontakt">KONTAKT</a>
</li>
</ul>
</noscript>
</div>
<div class="site-header__wrapper__center">
<div class="site-header__logowrapper">
<h1 class="site-header__logo site-title" itemscope itemtype="http://schema.org/Organization">
<a href="/" itemprop="url" class="site-header__logo-image">
<style>
.logo_image {
max-height: unset!important;
}
@media screen and (max-width: 989px) {
.logo_image {
width: 100px;
}
}
</style>
<div class="responsive-image-wrapper" style="">
<noscript aria-hidden="true">
<img
class="logo_image"
src="//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_1000x1000.png?v=1668167788"
alt="9FF Online Shop"
itemprop="logo"
style="object-fit:cover;object-position:50.0% 50.0%!important;"
loading="lazy"
/>
</noscript>
<img
loading="lazy"
class="logo_image js"
style=" object-fit:cover;object-position:50.0% 50.0%!important;"
alt="9FF Online Shop"
itemprop="logo"
width="851"
height="191"
srcset="//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_550x.png?v=1668167788 550w,//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_750x.png?v=1668167788 750w,//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview.png?v=1668167788 851w"
sizes="(min-width: 2000px) 1000px, (min-width: 1445px) calc(100vw / 2), (min-width: 1200px) calc(100vw / 1.75), (min-width: 1000px) calc(100vw / 1.5), (min-width: 750px) calc(100vw / 3), 100vw"
src="//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_1445x.png?v=1668167788"
/>
</div>
</a>
<a href="/" itemprop="url" class="site-header__logo-overlay-image">
<style>
.logo_overlay,
.logo_hover {
max-height: unset!important;
}
@media screen and (max-width: 989px) {
.logo_overlay,
.logo_hover {
width: 100px;
}
}
</style>
<span class="opacity-logo">
<div class="responsive-image-wrapper" style="">
<noscript aria-hidden="true">
<img
class="logo_overlay"
src="//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_1000x1000.png?v=1668167788"
alt="9FF Online Shop"
itemprop="logo"
style="object-fit:cover;object-position:50.0% 50.0%!important;"
loading="lazy"
/>
</noscript>
<img
loading="lazy"
class="logo_overlay js"
style="max-width: 851px; max-height: 191px; object-fit:cover;object-position:50.0% 50.0%!important;"
alt="9FF Online Shop"
itemprop="logo"
width="851"
height="191"
srcset="//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_550x.png?v=1668167788 550w,//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_750x.png?v=1668167788 750w,//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview.png?v=1668167788 851w"
sizes="(min-width: 2000px) 1000px, (min-width: 1445px) calc(100vw / 2), (min-width: 1200px) calc(100vw / 1.75), (min-width: 1000px) calc(100vw / 1.5), (min-width: 750px) calc(100vw / 3), 100vw"
src="//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_1445x.png?v=1668167788"
/>
</div>
</span>
</a>
</h1>
</div>
</div>
<div class="site-header__wrapper__right top-links">
<noscript><form method="post" action="/localization" id="FooterLanguageFormNoScript" accept-charset="UTF-8" class="localization-form localization-form__noscript" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
<h2 class="visually-hidden" id="FooterLanguageLabelNoScript">Sprache</h2>
<select class="localization-selector link" name="locale_code" aria-labelledby="FooterLanguageLabelNoScript"><option value="de" lang="de" selected>
Deutsch
</option><option value="en" lang="en">
English
</option></select>
</div>
<button class="btn alt-focus">Sprache aktualisieren</button></form></noscript>
<localization-form>
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" />
<div class="js">
<div class="disclosure">
<button type="button" class="disclosure__button" aria-expanded="false" aria-controls="LanguageList">
<span>
Deutsch
</span>
<span class="icon-dropdown">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="chevron-down"><path d="M5.5 7.5L10.5 12.5L15.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<ul id="LanguageList" role="list" class="disclosure__list localization__list" hidden>
<li class="disclosure__item" tabindex="-1">
<a class="disclosure__item_el" href="#" aria-current="true" hreflang="de" lang="de" data-value="de">
Deutsch
</a>
</li>
<li class="disclosure__item" tabindex="-1">
<a class="disclosure__item_el" href="#" hreflang="en" lang="en" data-value="en">
English
</a>
</li>
</ul>
<input type="hidden" name="language_code" value="de">
</div>
</div>
</form>
</localization-form><script src="//www.9ff.com/cdn/shop/t/15/assets/component-localization-form.js?v=86781232993475006041704795700" defer="defer" type="module" data-internal-script></script>
<ul class="site-header__links top-links--icon-links">
<li>
<a href="/search" class="search-button" aria-label="Suche">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M14.1667 14.1667L17.5 17.5M2.5 9.16667C2.5 10.9348 3.20238 12.6305 4.45262 13.8807C5.70286 15.131 7.39856 15.8333 9.16667 15.8333C10.9348 15.8333 12.6305 15.131 13.8807 13.8807C15.131 12.6305 15.8333 10.9348 15.8333 9.16667C15.8333 7.39856 15.131 5.70286 13.8807 4.45262C12.6305 3.20238 10.9348 2.5 9.16667 2.5C7.39856 2.5 5.70286 3.20238 4.45262 4.45262C3.20238 5.70286 2.5 7.39856 2.5 9.16667Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a>
</li>
<li>
<a href="/account/login" title="Anmelden" class="log-in-button">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M4.16602 16.6666V15.8333C4.16602 14.2862 4.7806 12.8024 5.87456 11.7085C6.96852 10.6145 8.45225 9.99992 9.99935 9.99992M9.99935 9.99992C11.5464 9.99992 13.0302 10.6145 14.1241 11.7085C15.2181 12.8024 15.8327 14.2862 15.8327 15.8333V16.6666M9.99935 9.99992C10.8834 9.99992 11.7313 9.64873 12.3564 9.02361C12.9815 8.39849 13.3327 7.55064 13.3327 6.66659C13.3327 5.78253 12.9815 4.93468 12.3564 4.30956C11.7313 3.68444 10.8834 3.33325 9.99935 3.33325C9.11529 3.33325 8.26745 3.68444 7.64233 4.30956C7.0172 4.93468 6.66602 5.78253 6.66602 6.66659C6.66602 7.55064 7.0172 8.39849 7.64233 9.02361C8.26745 9.64873 9.11529 9.99992 9.99935 9.99992Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a>
</li>
<li>
<a href="/cart" class="site-header__cart-toggle js-drawer-open-right-link cart-count-enabled shopping-bag" aria-controls="CartDrawer" aria-expanded="false" aria-label="Warenkorb">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M11.6673 4.16667C11.6673 3.72464 11.4917 3.30072 11.1791 2.98816C10.8665 2.67559 10.4426 2.5 10.0006 2.5C9.55856 2.5 9.13464 2.67559 8.82208 2.98816C8.50952 3.30072 8.33392 3.72464 8.33392 4.16667M16.0506 8.08L17.2048 15.58C17.2413 15.8174 17.226 16.0598 17.1601 16.2908C17.0942 16.5217 16.9791 16.7357 16.8228 16.918C16.6665 17.1004 16.4727 17.2468 16.2545 17.3472C16.0364 17.4477 15.7991 17.4998 15.5589 17.5H4.44226C4.20195 17.5 3.96448 17.4481 3.74613 17.3477C3.52777 17.2474 3.3337 17.101 3.17721 16.9187C3.02072 16.7363 2.90552 16.5222 2.83951 16.2912C2.7735 16.0601 2.75823 15.8175 2.79476 15.58L3.94892 8.08C4.00947 7.68633 4.20899 7.32735 4.51136 7.06809C4.81373 6.80882 5.19895 6.66642 5.59726 6.66667H14.4039C14.8021 6.66662 15.1871 6.80911 15.4893 7.06836C15.7915 7.3276 15.9901 7.68647 16.0506 8.08Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="cart-item-count-bubble cart-item-count-header cart-item-count-header--quantity hide">0</span>
</a>
</li>
</ul>
</div>
</div>
</header>
<nav class="nav-bar mobile-nav-bar-wrapper overlay-header">
<div class="wrapper-padded">
<div class="mobile-nav-bar--inner">
<div class="mobile-grid--table">
<div class="grid__item three-twelfths">
<div class="site-nav--mobile">
<button type="button" aria-label="Navigation" class="hamburger-nav-button icon-fallback-text site-nav__link js-drawer-open-left-link" aria-controls="NavDrawer" aria-expanded="false">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="fa-2x"><path d="M3 4.16675H18M3 10.0001H18M3 15.8334H18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Navigation</span>
</button>
</div>
</div>
<div class="grid__item six-twelfths">
<div class="site-header__logowrapper">
<div class="site-header__logo h1 site-title" itemscope itemtype="http://schema.org/Organization">
<a href="/" itemprop="url" class="site-header__logo-image">
<style>
.logo_image {
max-height: unset!important;
}
@media screen and (max-width: 989px) {
.logo_image {
width: 100px;
}
}
</style>
<div class="responsive-image-wrapper" style="">
<noscript aria-hidden="true">
<img
class="logo_image"
src="//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_1000x1000.png?v=1668167788"
alt="9FF Online Shop"
itemprop="logo"
style="object-fit:cover;object-position:50.0% 50.0%!important;"
loading="lazy"
/>
</noscript>
<img
loading="lazy"
class="logo_image js"
style=" object-fit:cover;object-position:50.0% 50.0%!important;"
alt="9FF Online Shop"
itemprop="logo"
width="851"
height="191"
srcset="//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_550x.png?v=1668167788 550w,//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_750x.png?v=1668167788 750w,//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview.png?v=1668167788 851w"
sizes="(min-width: 2000px) 1000px, (min-width: 1445px) calc(100vw / 2), (min-width: 1200px) calc(100vw / 1.75), (min-width: 1000px) calc(100vw / 1.5), (min-width: 750px) calc(100vw / 3), 100vw"
src="//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_1445x.png?v=1668167788"
/>
</div>
</a>
<a href="/" itemprop="url" class="site-header__logo-overlay-image">
<style>
.logo_overlay,
.logo_hover {
max-height: unset!important;
}
@media screen and (max-width: 989px) {
.logo_overlay,
.logo_hover {
width: 100px;
}
}
</style>
<span class="opacity-logo">
<div class="responsive-image-wrapper" style="">
<noscript aria-hidden="true">
<img
class="logo_overlay"
src="//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_1000x1000.png?v=1668167788"
alt="9FF Online Shop"
itemprop="logo"
style="object-fit:cover;object-position:50.0% 50.0%!important;"
loading="lazy"
/>
</noscript>
<img
loading="lazy"
class="logo_overlay js"
style="max-width: 851px; max-height: 191px; object-fit:cover;object-position:50.0% 50.0%!important;"
alt="9FF Online Shop"
itemprop="logo"
width="851"
height="191"
srcset="//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_550x.png?v=1668167788 550w,//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_750x.png?v=1668167788 750w,//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview.png?v=1668167788 851w"
sizes="(min-width: 2000px) 1000px, (min-width: 1445px) calc(100vw / 2), (min-width: 1200px) calc(100vw / 1.75), (min-width: 1000px) calc(100vw / 1.5), (min-width: 750px) calc(100vw / 3), 100vw"
src="//www.9ff.com/cdn/shop/files/Wortmarke_9FF-removebg-preview_1445x.png?v=1668167788"
/>
</div>
</span>
</a>
</div>
</div>
</div>
<div class="grid__item three-twelfths right-side has-search-icon">
<div class="site-nav--mobile">
<a href="/search" class="search-button" aria-label="Suche" aria-controls="SearchDrawer" aria-expanded="false">
<span class="icon-fallback-text">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M14.1667 14.1667L17.5 17.5M2.5 9.16667C2.5 10.9348 3.20238 12.6305 4.45262 13.8807C5.70286 15.131 7.39856 15.8333 9.16667 15.8333C10.9348 15.8333 12.6305 15.131 13.8807 13.8807C15.131 12.6305 15.8333 10.9348 15.8333 9.16667C15.8333 7.39856 15.131 5.70286 13.8807 4.45262C12.6305 3.20238 10.9348 2.5 9.16667 2.5C7.39856 2.5 5.70286 3.20238 4.45262 4.45262C3.20238 5.70286 2.5 7.39856 2.5 9.16667Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="fallback-text">Suche</span>
</span>
</a>
<a href="/cart" aria-label="Warenkorb" class="js-drawer-open-right-link site-nav__link cart-count-enabled shopping-bag" aria-controls="CartDrawer" aria-expanded="false">
<span class="icon-fallback-text">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="fa-2x"><path d="M11.6673 4.16667C11.6673 3.72464 11.4917 3.30072 11.1791 2.98816C10.8665 2.67559 10.4426 2.5 10.0006 2.5C9.55856 2.5 9.13464 2.67559 8.82208 2.98816C8.50952 3.30072 8.33392 3.72464 8.33392 4.16667M16.0506 8.08L17.2048 15.58C17.2413 15.8174 17.226 16.0598 17.1601 16.2908C17.0942 16.5217 16.9791 16.7357 16.8228 16.918C16.6665 17.1004 16.4727 17.2468 16.2545 17.3472C16.0364 17.4477 15.7991 17.4998 15.5589 17.5H4.44226C4.20195 17.5 3.96448 17.4481 3.74613 17.3477C3.52777 17.2474 3.3337 17.101 3.17721 16.9187C3.02072 16.7363 2.90552 16.5222 2.83951 16.2912C2.7735 16.0601 2.75823 15.8175 2.79476 15.58L3.94892 8.08C4.00947 7.68633 4.20899 7.32735 4.51136 7.06809C4.81373 6.80882 5.19895 6.66642 5.59726 6.66667H14.4039C14.8021 6.66662 15.1871 6.80911 15.4893 7.06836C15.7915 7.3276 15.9901 7.68647 16.0506 8.08Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="cart-item-count-bubble cart-item-count-header cart-item-count-header--quantity hide">0</span>
<span class="fallback-text">Warenkorb</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
<style>
:root {
--logo-max-width: 90px;
}
.site-title{
padding: 30px 0;
}
@media screen and (max-width: 989px) {
.site-title{
padding: 15px 0;
}
}
.site-header .site-header__wrapper .site-header__wrapper__center {
flex-basis: 90px;
}
.site-header .site-header__wrapper .logo_image {
max-width: 90px;
}
@media screen and (max-width: 989px) {
.site-header .site-header__wrapper .logo_image {
max-width: 100px;
}
}
.site-nav__dropdown li, .inner .h4, .inner .h5 {
text-align: left;
}
.template-index .header-section.sticky-header:not(.sticked) .overlay-header,
.template-index .header-section:not(.sticky-header) .overlay-header,
.template-list-collections .header-section.sticky-header:not(.sticked) .overlay-header,
.template-list-collections .header-section:not(.sticky-header) .overlay-header,
.contact-page .header-section.sticky-header:not(.sticked) .overlay-header,
.contact-page .header-section:not(.sticky-header) .overlay-header
{
background-color: rgba(36, 36, 36, 0.37);
}
.overlay-header .grid--full {
padding-left: 30px;
padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.overlay-header .grid--full {
padding-left: 15px;
padding-right: 15px;
}
}
.template-index .overlay-header-wrapper,
.template-list-collections .overlay-header-wrapper,
.contact-page .overlay-header-wrapper
{
max-height: 0px !important;
min-height: 0px !important;
}
.template-index .overlay-header.force-hover,
.template-list-collections .overlay-header.force-hover
.contact-page .overlay-header.force-hover
{
background-color: #ffffff;
}
</style>
</div>
<!-- END sections: header-group -->
<div class="flow-homepage">
<!--LayoutHub-Workspace-Start--><div id="shopify-section-template--18836995768588__59651e51-6c49-431c-b971-25437c0e7d42" class="shopify-section video-hero-wrapper show-on-scroll"><link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/section-video-hero.min.css?v=113243136987929775071704795699" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/section-video-hero.min.css?v=113243136987929775071704795699" rel="stylesheet" type="text/css" media="all" /></noscript>
<section
class="homepage-sections-wrapper homepage-content--template--18836995768588__59651e51-6c49-431c-b971-25437c0e7d42 hero-video desktop-height-750 mobile-height-fit "
data-wetheme-section-type="video--video-hero"
data-wetheme-section-id="template--18836995768588__59651e51-6c49-431c-b971-25437c0e7d42"
>
<div class="hero-video--wrapper">
<div class="hero-video--media type-youtube">
<wetheme-video
section-id="template--18836995768588__59651e51-6c49-431c-b971-25437c0e7d42"
v-bind:hero="true"
video-type="youtube"
url="https://youtu.be/LGn-RTsPVkM"
v-bind:autoplay="true"
v-bind:loop="true"
v-bind:mute="true"
v-bind:hide-controls="true"
v-bind:overlay="false"
>
</wetheme-video>
</div>
<div class="hero-video--text">
<div class="hero-video--text-content text-align-center">
<div class="text-content--inner wow fadeInUp">
<div class="hero-video--text-title">
<h2 class="homepage-sections--title text-size-82px wow fadeInUp" id="template--18836995768588__59651e51-6c49-431c-b971-25437c0e7d42_title">
Born for Speed
</h2>
</div>
<div class="hero-video--text-subtitle">
<p class="text-size-30px">9FF German Engineering</p>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.homepage-content--template--18836995768588__59651e51-6c49-431c-b971-25437c0e7d42 .hero-video--text {
color: #ffffff;
}
.homepage-content--template--18836995768588__59651e51-6c49-431c-b971-25437c0e7d42 .homepage-section-btn {
color: #ffffff;
background-color: #000000;
}
.homepage-content--template--18836995768588__59651e51-6c49-431c-b971-25437c0e7d42 .homepage-section-btn:hover {
color: #ffffff;
background-color: #4e4e4e;
}
.homepage-content--template--18836995768588__59651e51-6c49-431c-b971-25437c0e7d42 .hero-video--text .hero-video--text-title a {
color: #ffffff;
}
.hero-video--text-content div.hero-video--text-subtitle {
margin-bottom: 0;
}
.hero-video--text-subtitle p {
margin-bottom: 0;
}
</style>
</div><div id="shopify-section-template--18836995768588__fffd7f52-6f99-458c-a094-589e15af3138" class="shopify-section"><link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/section-animated-text.min.css?v=75744338598959315231704795699" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/section-animated-text.min.css?v=75744338598959315231704795699" rel="stylesheet" type="text/css" media="all" /></noscript>
<style>
/* overrides global font-sizes with section font-sizes */
[data-wetheme-section-id="template--18836995768588__fffd7f52-6f99-458c-a094-589e15af3138"] .content-wrapper--text_static *,
[data-wetheme-section-id="template--18836995768588__fffd7f52-6f99-458c-a094-589e15af3138"] .content-wrapper--text_dynamic * {
font-size: 22px !important;
line-height: normal;
}
@media only screen and (min-width: 768px) {
[data-wetheme-section-id="template--18836995768588__fffd7f52-6f99-458c-a094-589e15af3138"] .content-wrapper--text_static *,
[data-wetheme-section-id="template--18836995768588__fffd7f52-6f99-458c-a094-589e15af3138"] .content-wrapper--text_dynamic * {
font-size: 60px !important;
}
}
</style>
<section class="animated-text homepage-sections-wrapper--white height-mobile--s height-desktop--s img-mobile--blank img-desktop--blank" data-wetheme-section-type="animated-text" data-wetheme-section-id="template--18836995768588__fffd7f52-6f99-458c-a094-589e15af3138">
<div class="animated-text--inner content-position-mobile--left content-position-desktop--left">
<div class="animated-text--content show-on-scroll">
<div class="content-wrapper--text_static content-wrapper-mobile--left content-wrapper-desktop--left block-id--template--17881608651020__fffd7f52-6f99-458c-a094-589e15af3138-16800815427e71114e-0" >
<style>
.block-id--template--17881608651020__fffd7f52-6f99-458c-a094-589e15af3138-16800815427e71114e-0 .text-box-max-width {
max-width: 100%;
display: inline-block;
}
@media only screen and (min-width: 768px) {
.block-id--template--17881608651020__fffd7f52-6f99-458c-a094-589e15af3138-16800815427e71114e-0 .text-box-max-width {
max-width: 100%;
}
}
</style>
<div class="h2 text-box-max-width text-link-animated"><p>9FF steht für</p></div>
</div>
<div class="content-wrapper--text_dynamic content-wrapper-mobile--left content-wrapper-desktop--left block-id--template--17881608651020__fffd7f52-6f99-458c-a094-589e15af3138-16800815427e71114e-1" >
<style>
/* animation styles */
.dynamic-words {
position: relative;
transition: width 500ms cubic-bezier(0.2, 1, 0.3, 1);
font-size: inherit!important;
display: inline-flex!important;
vertical-align: middle;
}
.dynamic-words > span:not(.active) {
position: absolute;
opacity: 0;
pointer-events: none;
left: 0;
top: 0;
}
.dynamic-words span {
transition: transform 500ms cubic-bezier(0.2, 1, 0.3, 1), opacity 500ms cubic-bezier(0.2, 1, 0.3, 1);
display: block;
white-space: nowrap;
}
.dynamic-words > span {
overflow: hidden;
transform: translate3d(-100%,0,0);
}
.dynamic-words > span span span {
transform: translate3d(100%,0,0);
margin: 0 1px;
}
.dynamic-words span.active,
.dynamic-words span.active span span {
transition-delay: 0.4s;
transform: translate3d(0,0,0);
}
.content-wrapper--text_dynamic .text-wrap {
overflow: hidden;
display: inline-block;
}
.content-wrapper--text_dynamic .text-wrap > span {
transition: transform 500ms cubic-bezier(0.25, 1, 0.5, 1);
transform: translate3d(0px, 0px, 0px);
}
.content-wrapper--text_dynamic .text-wrap > span {
display: block;
vertical-align: middle;
}
@media screen and (prefers-reduced-motion: reduce) {
.dynamic-words,
.dynamic-words span,
.content-wrapper--text_dynamic .text-wrap > span {
transition: none;
}
}
</style>
<animated-text class="dynamic-words h2" data-animation-speed="500" data-animation-delay="5000">
<span class="text-wrap active">
<span>
<span>Performance.</span>
</span>
</span>
<span class="text-wrap">
<span>
<span>Qualität.</span>
</span>
</span>
<span class="text-wrap">
<span>
<span>Präzision.</span>
</span>
</span>
<span class="text-wrap">
<span>
<span>Hochleistung.</span>
</span>
</span>
</animated-text>
<safe-load-scripts class="hidden">
<script src="//www.9ff.com/cdn/shop/t/15/assets/component-animated-text.js?v=143555788066006382341704795699" defer="defer" type="module" data-internal-script></script>
</safe-load-scripts>
</div>
<div class="content-wrapper--button content-wrapper-mobile--left content-wrapper-desktop--left block-id--template--17881608651020__fffd7f52-6f99-458c-a094-589e15af3138-16800815427e71114e-3" >
<div class="homepage-section-btn-container">
<a
class="homepage-section-btn"
href="/collections/all"
data-section-main-link
>
Jetzt entdecken
</a>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--18836995768588__image_image_with_text_overlay_TwUrdp" class="shopify-section image-with-text-overlay-wrapper show-on-scroll"><link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/section-image-with-text-overlay.min.css?v=51927242713959970661704795699" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/section-image-with-text-overlay.min.css?v=51927242713959970661704795699" rel="stylesheet" type="text/css" media="all" /></noscript>
<div class="
homepage-sections-wrapper homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp
image-with-text-overlay-wrapper image-with-text-overlay-wrapper--light image-with-text-overlay-wrapper--textPosition-left image-with-text-overlay-wrapper--textAlignment-left size-medium
"
data-wetheme-section-type="image--image-with-text-overlay"
data-wetheme-section-id="template--18836995768588__image_image_with_text_overlay_TwUrdp"
>
<style>
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp .img {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7805_300x.jpg?v=1745935599');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
@media (min-width: 301px) and (max-width: 600px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp .img {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7805_600x.jpg?v=1745935599');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 601px) and (max-width: 900px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp .img {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7805_900x.jpg?v=1745935599');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 901px) and (max-width: 1200px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp .img {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7805_1200x.jpg?v=1745935599');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 1201px) and (max-width: 1500px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp .img {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7805_1500x.jpg?v=1745935599');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 1501px) and (max-width: 2000px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp .img {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7805_2000x.jpg?v=1745935599');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 2001px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp .img {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7805_4000x.jpg?v=1745935599');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7805_10x10.jpg?v=1745935599');
background-size: 1px 1px;
}
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp .img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp .img {
height: 40vw;
}
@media only screen and (max-width: 577px) {
#shopify-section-text-with-image-overlay .homepage-sections--title,
#shopify-section-text-with-image-overlay .featured-row__subtext {
color: #242424;
}
}
@media only screen and (min-width: 768px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp #rellax--template--18836995768588__image_image_with_text_overlay_TwUrdp.rellax.img {
height: calc(100% * 1.5);
margin-top: -10.0vw;
}
}
.parallax.parallax--template--18836995768588__image_image_with_text_overlay_TwUrdp {
height: 40vw;
}
</style>
<div>
<div class="homepage-indiv-section-wrapper grid--full homepage-featured-content-wrapper">
<div class="large--one-whole homepage-content--image homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp kb-enabled">
<div class=" parallax parallax--template--18836995768588__image_image_with_text_overlay_TwUrdp">
<div id="rellax--template--18836995768588__image_image_with_text_overlay_TwUrdp" class="img rellax" data-rellax-percentage="0.5" data-rellax-desktop-speed="-4" data-rellax-tablet-speed="-2" role="img" aria-label="9FF Online Shop"></div>
</div>
</div>
<div class="grid__item homepage-featured-content-box image-with-text-overlay__content-box">
<div class="homepage-featured-content-box-inner show-on-scroll">
<div class="sitewide--title-wrapper">
<h2 class="homepage-sections--title homepage-section-title">
JETZT NEU
</h2>
</div>
<div class="rte featured-row__subtext textarea">Unser GT9 Premium Shirt</div>
<div class="homepage-section-btn-container">
<a
class="homepage-section-btn"
href="/products/9ff-gt9-premium-shirt"
data-section-main-link
>
Zum Produkt
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp .homepage-section-btn {
color: #ffffff;
background-color: #b7965f;
}
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp .homepage-section-btn:hover {
color: #ffffff;
background-color: #494949;
}
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp h2.homepage-sections--title {
font-size: 32px;
line-height: 37px;
}
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp .featured-row__subtext {
font-size: 32px;
line-height: 37px;
}
@media only screen and (max-width: 767px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp h2.homepage-sections--title {
font-size: 25.6px;
line-height: 30.6px;
}
.homepage-content--template--18836995768588__image_image_with_text_overlay_TwUrdp .featured-row__subtext {
font-size: 25.6px;
line-height: 30.6px;
}
}
</style>
</div><div id="shopify-section-template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52" class="shopify-section image-with-text-overlay-wrapper show-on-scroll"><link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/section-image-with-text-overlay.min.css?v=51927242713959970661704795699" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/section-image-with-text-overlay.min.css?v=51927242713959970661704795699" rel="stylesheet" type="text/css" media="all" /></noscript>
<div class="
homepage-sections-wrapper homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52
image-with-text-overlay-wrapper image-with-text-overlay-wrapper--light image-with-text-overlay-wrapper--textPosition-left image-with-text-overlay-wrapper--textAlignment-left size-medium
"
data-wetheme-section-type="image--image-with-text-overlay"
data-wetheme-section-id="template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52"
>
<style>
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 .img {
background-image: url('//www.9ff.com/cdn/shop/files/IMG_8425_300x.jpg?v=1670417824');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
@media (min-width: 301px) and (max-width: 600px) {
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 .img {
background-image: url('//www.9ff.com/cdn/shop/files/IMG_8425_600x.jpg?v=1670417824');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 601px) and (max-width: 900px) {
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 .img {
background-image: url('//www.9ff.com/cdn/shop/files/IMG_8425_900x.jpg?v=1670417824');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 901px) and (max-width: 1200px) {
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 .img {
background-image: url('//www.9ff.com/cdn/shop/files/IMG_8425_1200x.jpg?v=1670417824');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 1201px) and (max-width: 1500px) {
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 .img {
background-image: url('//www.9ff.com/cdn/shop/files/IMG_8425_1500x.jpg?v=1670417824');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 1501px) and (max-width: 2000px) {
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 .img {
background-image: url('//www.9ff.com/cdn/shop/files/IMG_8425_2000x.jpg?v=1670417824');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 2001px) {
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 .img {
background-image: url('//www.9ff.com/cdn/shop/files/IMG_8425_4000x.jpg?v=1670417824');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 {
background-image: url('//www.9ff.com/cdn/shop/files/IMG_8425_10x10.jpg?v=1670417824');
background-size: 1px 1px;
}
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 .img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 .img {
height: 40vw;
}
@media only screen and (max-width: 577px) {
#shopify-section-text-with-image-overlay .homepage-sections--title,
#shopify-section-text-with-image-overlay .featured-row__subtext {
color: #242424;
}
}
@media only screen and (min-width: 768px) {
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 #rellax--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52.rellax.img {
height: calc(100% * 1.5);
margin-top: -10.0vw;
}
}
.parallax.parallax--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 {
height: 40vw;
}
</style>
<div>
<div class="homepage-indiv-section-wrapper grid--full homepage-featured-content-wrapper">
<div class="large--one-whole homepage-content--image homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 kb-enabled">
<div class=" parallax parallax--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52">
<div id="rellax--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52" class="img rellax" data-rellax-percentage="0.5" data-rellax-desktop-speed="-4" data-rellax-tablet-speed="-2" role="img" aria-label="9FF Online Shop"></div>
</div>
</div>
<div class="grid__item homepage-featured-content-box image-with-text-overlay__content-box">
<div class="homepage-featured-content-box-inner show-on-scroll">
<div class="sitewide--title-wrapper">
<h2 class="homepage-sections--title homepage-section-title">
Jeder 9FF ist ein Einzelstück
</h2>
</div>
<div class="homepage-section-btn-container">
<a
class="homepage-section-btn"
href="/pages/alle-fahrzeuge"
data-section-main-link
>
Konfigurator
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 .homepage-section-btn {
color: #ffffff;
background-color: #282828;
}
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 .homepage-section-btn:hover {
color: #000000;
background-color: #b7965f;
}
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 h2.homepage-sections--title {
font-size: 32px;
line-height: 37px;
}
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 .featured-row__subtext {
font-size: 18px;
line-height: 23px;
}
@media only screen and (max-width: 767px) {
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 h2.homepage-sections--title {
font-size: 25.6px;
line-height: 30.6px;
}
.homepage-content--template--18836995768588__c8170eda-4668-41ec-a24f-5473c4ef8f52 .featured-row__subtext {
font-size: 14.4px;
line-height: 19.4px;
}
}
</style>
</div><div id="shopify-section-template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0" class="shopify-section image-with-text-overlay-wrapper show-on-scroll"><link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/section-image-with-text-overlay.min.css?v=51927242713959970661704795699" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/section-image-with-text-overlay.min.css?v=51927242713959970661704795699" rel="stylesheet" type="text/css" media="all" /></noscript>
<div class="
homepage-sections-wrapper homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0
image-with-text-overlay-wrapper image-with-text-overlay-wrapper--light image-with-text-overlay-wrapper--textPosition-right image-with-text-overlay-wrapper--textAlignment-right size-medium
"
data-wetheme-section-type="image--image-with-text-overlay"
data-wetheme-section-id="template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0"
>
<style>
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 .img {
background-image: url('//www.9ff.com/cdn/shop/files/20220523_135554_300x.jpg?v=1670411724');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
@media (min-width: 301px) and (max-width: 600px) {
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 .img {
background-image: url('//www.9ff.com/cdn/shop/files/20220523_135554_600x.jpg?v=1670411724');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 601px) and (max-width: 900px) {
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 .img {
background-image: url('//www.9ff.com/cdn/shop/files/20220523_135554_900x.jpg?v=1670411724');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 901px) and (max-width: 1200px) {
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 .img {
background-image: url('//www.9ff.com/cdn/shop/files/20220523_135554_1200x.jpg?v=1670411724');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 1201px) and (max-width: 1500px) {
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 .img {
background-image: url('//www.9ff.com/cdn/shop/files/20220523_135554_1500x.jpg?v=1670411724');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 1501px) and (max-width: 2000px) {
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 .img {
background-image: url('//www.9ff.com/cdn/shop/files/20220523_135554_2000x.jpg?v=1670411724');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 2001px) {
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 .img {
background-image: url('//www.9ff.com/cdn/shop/files/20220523_135554_4000x.jpg?v=1670411724');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 {
background-image: url('//www.9ff.com/cdn/shop/files/20220523_135554_10x10.jpg?v=1670411724');
background-size: 1px 1px;
}
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 .img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 .img {
height: 40vw;
}
@media only screen and (max-width: 577px) {
#shopify-section-text-with-image-overlay .homepage-sections--title,
#shopify-section-text-with-image-overlay .featured-row__subtext {
color: #242424;
}
}
@media only screen and (min-width: 768px) {
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 #rellax--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0.rellax.img {
height: calc(100% * 1.5);
margin-top: -10.0vw;
}
}
.parallax.parallax--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 {
height: 40vw;
}
</style>
<div>
<div class="homepage-indiv-section-wrapper grid--full homepage-featured-content-wrapper">
<div class="large--one-whole homepage-content--image homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 kb-enabled">
<div class=" parallax parallax--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0">
<div id="rellax--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0" class="img rellax" data-rellax-percentage="0.5" data-rellax-desktop-speed="-4" data-rellax-tablet-speed="-2" role="img" aria-label="9FF Online Shop"></div>
</div>
</div>
<div class="grid__item homepage-featured-content-box image-with-text-overlay__content-box">
<div class="homepage-featured-content-box-inner show-on-scroll">
<div class="sitewide--title-wrapper">
<h2 class="homepage-sections--title homepage-section-title">
Wir liefern. Auch nachhause.
</h2>
</div>
<div class="homepage-section-btn-container">
<a
class="homepage-section-btn"
href="/collections"
data-section-main-link
>
Shop
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 .homepage-section-btn {
color: #ffffff;
background-color: #282828;
}
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 .homepage-section-btn:hover {
color: #000000;
background-color: #b7965f;
}
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 h2.homepage-sections--title {
font-size: 26px;
line-height: 31px;
}
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 .featured-row__subtext {
font-size: 18px;
line-height: 23px;
}
@media only screen and (max-width: 767px) {
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 h2.homepage-sections--title {
font-size: 20.8px;
line-height: 25.8px;
}
.homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0 .featured-row__subtext {
font-size: 14.4px;
line-height: 19.4px;
}
}
.image-with-text-overlay-wrapper .homepage-content--template--18836995768588__068d26df-6b91-498b-a105-3c83bb1c76b0.homepage-content--image::before {
opacity: 0.50;
}
</style>
</div><div id="shopify-section-template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39" class="shopify-section image-with-text-overlay-wrapper show-on-scroll"><link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/section-image-with-text-overlay.min.css?v=51927242713959970661704795699" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/section-image-with-text-overlay.min.css?v=51927242713959970661704795699" rel="stylesheet" type="text/css" media="all" /></noscript>
<div class="
homepage-sections-wrapper homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39
image-with-text-overlay-wrapper image-with-text-overlay-wrapper--light image-with-text-overlay-wrapper--textPosition-left image-with-text-overlay-wrapper--textAlignment-left size-medium
"
data-wetheme-section-type="image--image-with-text-overlay"
data-wetheme-section-id="template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39"
>
<style>
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 .img {
background-image: url('//www.9ff.com/cdn/shop/files/Screenshot_2022-12-07_110950_300x.png?v=1670407809');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
@media (min-width: 301px) and (max-width: 600px) {
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 .img {
background-image: url('//www.9ff.com/cdn/shop/files/Screenshot_2022-12-07_110950_600x.png?v=1670407809');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 601px) and (max-width: 900px) {
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 .img {
background-image: url('//www.9ff.com/cdn/shop/files/Screenshot_2022-12-07_110950_900x.png?v=1670407809');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 901px) and (max-width: 1200px) {
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 .img {
background-image: url('//www.9ff.com/cdn/shop/files/Screenshot_2022-12-07_110950_1200x.png?v=1670407809');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 1201px) and (max-width: 1500px) {
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 .img {
background-image: url('//www.9ff.com/cdn/shop/files/Screenshot_2022-12-07_110950_1500x.png?v=1670407809');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 1501px) and (max-width: 2000px) {
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 .img {
background-image: url('//www.9ff.com/cdn/shop/files/Screenshot_2022-12-07_110950_2000x.png?v=1670407809');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 2001px) {
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 .img {
background-image: url('//www.9ff.com/cdn/shop/files/Screenshot_2022-12-07_110950_4000x.png?v=1670407809');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 {
background-image: url('//www.9ff.com/cdn/shop/files/Screenshot_2022-12-07_110950_10x10.png?v=1670407809');
background-size: 1px 1px;
}
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 .img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 .img {
height: 40vw;
}
@media only screen and (max-width: 577px) {
#shopify-section-text-with-image-overlay .homepage-sections--title,
#shopify-section-text-with-image-overlay .featured-row__subtext {
color: #242424;
}
}
@media only screen and (min-width: 768px) {
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 #rellax--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39.rellax.img {
height: calc(100% * 1.5);
margin-top: -10.0vw;
}
}
.parallax.parallax--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 {
height: 40vw;
}
</style>
<div>
<div class="homepage-indiv-section-wrapper grid--full homepage-featured-content-wrapper">
<div class="large--one-whole homepage-content--image homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 kb-enabled">
<div class=" parallax parallax--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39">
<div id="rellax--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39" class="img rellax" data-rellax-percentage="0.5" data-rellax-desktop-speed="-4" data-rellax-tablet-speed="-2" role="img" aria-label="9FF Online Shop"></div>
</div>
</div>
<div class="grid__item homepage-featured-content-box image-with-text-overlay__content-box">
<div class="homepage-featured-content-box-inner show-on-scroll">
<div class="sitewide--title-wrapper">
<h2 class="homepage-sections--title homepage-section-title">
Deine Chance bei 9FF
</h2>
</div>
<div class="homepage-section-btn-container">
<a
class="homepage-section-btn"
href="/pages/karriere"
data-section-main-link
>
Karriere
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 .homepage-section-btn {
color: #ffffff;
background-color: #282828;
}
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 .homepage-section-btn:hover {
color: #000000;
background-color: #b7965f;
}
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 h2.homepage-sections--title {
font-size: 36px;
line-height: 41px;
}
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 .featured-row__subtext {
font-size: 18px;
line-height: 23px;
}
@media only screen and (max-width: 767px) {
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 h2.homepage-sections--title {
font-size: 28.8px;
line-height: 33.8px;
}
.homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39 .featured-row__subtext {
font-size: 14.4px;
line-height: 19.4px;
}
}
.image-with-text-overlay-wrapper .homepage-content--template--18836995768588__be14f18a-a103-487a-b3a2-5786475d0d39.homepage-content--image::before {
opacity: 0.50;
}
</style>
</div><div id="shopify-section-template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961" class="shopify-section image-with-text-overlay-wrapper show-on-scroll"><link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/section-image-with-text-overlay.min.css?v=51927242713959970661704795699" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/section-image-with-text-overlay.min.css?v=51927242713959970661704795699" rel="stylesheet" type="text/css" media="all" /></noscript>
<div class="
homepage-sections-wrapper homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961
image-with-text-overlay-wrapper image-with-text-overlay-wrapper--light image-with-text-overlay-wrapper--textPosition-right image-with-text-overlay-wrapper--textAlignment-right size-medium
"
data-wetheme-section-type="image--image-with-text-overlay"
data-wetheme-section-id="template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961"
>
<style>
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 .img {
background-image: url('//www.9ff.com/cdn/shop/files/Halle_006_300x.jpg?v=1677066299');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
@media (min-width: 301px) and (max-width: 600px) {
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 .img {
background-image: url('//www.9ff.com/cdn/shop/files/Halle_006_600x.jpg?v=1677066299');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 601px) and (max-width: 900px) {
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 .img {
background-image: url('//www.9ff.com/cdn/shop/files/Halle_006_900x.jpg?v=1677066299');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 901px) and (max-width: 1200px) {
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 .img {
background-image: url('//www.9ff.com/cdn/shop/files/Halle_006_1200x.jpg?v=1677066299');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 1201px) and (max-width: 1500px) {
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 .img {
background-image: url('//www.9ff.com/cdn/shop/files/Halle_006_1500x.jpg?v=1677066299');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 1501px) and (max-width: 2000px) {
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 .img {
background-image: url('//www.9ff.com/cdn/shop/files/Halle_006_2000x.jpg?v=1677066299');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 2001px) {
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 .img {
background-image: url('//www.9ff.com/cdn/shop/files/Halle_006_4000x.jpg?v=1677066299');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 {
background-image: url('//www.9ff.com/cdn/shop/files/Halle_006_10x10.jpg?v=1677066299');
background-size: 1px 1px;
}
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 .img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 .img {
height: 40vw;
}
@media only screen and (max-width: 577px) {
#shopify-section-text-with-image-overlay .homepage-sections--title,
#shopify-section-text-with-image-overlay .featured-row__subtext {
color: #242424;
}
}
@media only screen and (min-width: 768px) {
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 #rellax--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961.rellax.img {
height: calc(100% * 1.5);
margin-top: -10.0vw;
}
}
.parallax.parallax--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 {
height: 40vw;
}
</style>
<div>
<div class="homepage-indiv-section-wrapper grid--full homepage-featured-content-wrapper">
<div class="large--one-whole homepage-content--image homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 kb-enabled">
<div class=" parallax parallax--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961">
<div id="rellax--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961" class="img rellax" data-rellax-percentage="0.5" data-rellax-desktop-speed="-4" data-rellax-tablet-speed="-2" role="img" aria-label="9FF Online Shop"></div>
</div>
</div>
<div class="grid__item homepage-featured-content-box image-with-text-overlay__content-box">
<div class="homepage-featured-content-box-inner show-on-scroll">
<div class="sitewide--title-wrapper">
<h2 class="homepage-sections--title homepage-section-title">
Performance seit 2001
</h2>
</div>
<div class="homepage-section-btn-container">
<a
class="homepage-section-btn"
href="/pages/historie"
data-section-main-link
>
Historie
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 .homepage-section-btn {
color: #ffffff;
background-color: #282828;
}
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 .homepage-section-btn:hover {
color: #000000;
background-color: #b7965f;
}
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 h2.homepage-sections--title {
font-size: 32px;
line-height: 37px;
}
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 .featured-row__subtext {
font-size: 20px;
line-height: 25px;
}
@media only screen and (max-width: 767px) {
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 h2.homepage-sections--title {
font-size: 25.6px;
line-height: 30.6px;
}
.homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961 .featured-row__subtext {
font-size: 16.0px;
line-height: 21.0px;
}
}
.image-with-text-overlay-wrapper .homepage-content--template--18836995768588__3c179dd8-428e-4c8f-afb1-8ef55fd24961.homepage-content--image::before {
opacity: 0.50;
}
</style>
</div><div id="shopify-section-template--18836995768588__image_image_with_text_overlay_8apgkt" class="shopify-section image-with-text-overlay-wrapper show-on-scroll"><link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/section-image-with-text-overlay.min.css?v=51927242713959970661704795699" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/section-image-with-text-overlay.min.css?v=51927242713959970661704795699" rel="stylesheet" type="text/css" media="all" /></noscript>
<div class="
homepage-sections-wrapper homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt
image-with-text-overlay-wrapper image-with-text-overlay-wrapper--light image-with-text-overlay-wrapper--textPosition-right image-with-text-overlay-wrapper--textAlignment-right size-medium
"
data-wetheme-section-type="image--image-with-text-overlay"
data-wetheme-section-id="template--18836995768588__image_image_with_text_overlay_8apgkt"
>
<style>
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt .img {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7239_300x.jpg?v=1732287486');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
@media (min-width: 301px) and (max-width: 600px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt .img {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7239_600x.jpg?v=1732287486');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 601px) and (max-width: 900px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt .img {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7239_900x.jpg?v=1732287486');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 901px) and (max-width: 1200px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt .img {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7239_1200x.jpg?v=1732287486');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 1201px) and (max-width: 1500px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt .img {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7239_1500x.jpg?v=1732287486');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 1501px) and (max-width: 2000px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt .img {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7239_2000x.jpg?v=1732287486');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 2001px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt .img {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7239_4000x.jpg?v=1732287486');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt {
background-image: url('//www.9ff.com/cdn/shop/files/DSC7239_10x10.jpg?v=1732287486');
background-size: 1px 1px;
}
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt .img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt .img {
height: 40vw;
}
@media only screen and (max-width: 577px) {
#shopify-section-text-with-image-overlay .homepage-sections--title,
#shopify-section-text-with-image-overlay .featured-row__subtext {
color: #242424;
}
}
@media only screen and (min-width: 768px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt #rellax--template--18836995768588__image_image_with_text_overlay_8apgkt.rellax.img {
height: calc(100% * 1.5);
margin-top: -10.0vw;
}
}
.parallax.parallax--template--18836995768588__image_image_with_text_overlay_8apgkt {
height: 40vw;
}
</style>
<div>
<div class="homepage-indiv-section-wrapper grid--full homepage-featured-content-wrapper">
<div class="large--one-whole homepage-content--image homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt kb-enabled">
<div class=" parallax parallax--template--18836995768588__image_image_with_text_overlay_8apgkt">
<div id="rellax--template--18836995768588__image_image_with_text_overlay_8apgkt" class="img rellax" data-rellax-percentage="0.5" data-rellax-desktop-speed="-4" data-rellax-tablet-speed="-2" role="img" aria-label="9FF Online Shop"></div>
</div>
</div>
<div class="grid__item homepage-featured-content-box image-with-text-overlay__content-box">
<div class="homepage-featured-content-box-inner show-on-scroll">
<div class="sitewide--title-wrapper">
<h2 class="homepage-sections--title homepage-section-title">
9FF zum verschenken
</h2>
</div>
<div class="homepage-section-btn-container">
<a
class="homepage-section-btn"
href="/collections/merchandise"
data-section-main-link
>
Merchandise & Zubehör
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt .homepage-section-btn {
color: #ffffff;
background-color: #414141;
}
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt .homepage-section-btn:hover {
color: #ffffff;
background-color: #b7965f;
}
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt h2.homepage-sections--title {
font-size: 26px;
line-height: 31px;
}
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt .featured-row__subtext {
font-size: 18px;
line-height: 23px;
}
@media only screen and (max-width: 767px) {
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt h2.homepage-sections--title {
font-size: 20.8px;
line-height: 25.8px;
}
.homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt .featured-row__subtext {
font-size: 14.4px;
line-height: 19.4px;
}
}
.image-with-text-overlay-wrapper .homepage-content--template--18836995768588__image_image_with_text_overlay_8apgkt.homepage-content--image::before {
opacity: 0.55;
}
</style>
</div><div id="shopify-section-template--18836995768588__12fded83-f169-4255-978e-66c59541a924" class="shopify-section video-hero-wrapper show-on-scroll"><link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/section-video-hero.min.css?v=113243136987929775071704795699" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/section-video-hero.min.css?v=113243136987929775071704795699" rel="stylesheet" type="text/css" media="all" /></noscript>
<section
class="homepage-sections-wrapper homepage-content--template--18836995768588__12fded83-f169-4255-978e-66c59541a924 hero-video desktop-height-450 mobile-height-fit "
data-wetheme-section-type="video--video-hero"
data-wetheme-section-id="template--18836995768588__12fded83-f169-4255-978e-66c59541a924"
>
<div class="hero-video--wrapper">
<div class="hero-video--media type-youtube">
<wetheme-video
section-id="template--18836995768588__12fded83-f169-4255-978e-66c59541a924"
v-bind:hero="true"
video-type="youtube"
url="https://youtu.be/6lQVVEZucn8?si=yVtsHnKs7Ph-mLGZ"
v-bind:autoplay="true"
v-bind:loop="true"
v-bind:mute="true"
v-bind:hide-controls="true"
v-bind:overlay="false"
>
</wetheme-video>
</div>
<div class="hero-video--text">
<div class="hero-video--text-content text-align-bottom-left">
<div class="text-content--inner wow fadeInUp">
<div class="hero-video--text-title">
<h2 class="homepage-sections--title text-size-32px wow fadeInUp" id="template--18836995768588__12fded83-f169-4255-978e-66c59541a924_title">
Konkurrenzlos
</h2>
</div>
<div class="homepage-section-btn-container">
<a
class="homepage-section-btn"
href="/pages/l"
data-section-main-link
>
Unsere Supercars
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.homepage-content--template--18836995768588__12fded83-f169-4255-978e-66c59541a924 .hero-video--text {
color: #ffffff;
}
.homepage-content--template--18836995768588__12fded83-f169-4255-978e-66c59541a924 .homepage-section-btn {
color: #ffffff;
background-color: #282828;
}
.homepage-content--template--18836995768588__12fded83-f169-4255-978e-66c59541a924 .homepage-section-btn:hover {
color: #000000;
background-color: #b7965f;
}
.homepage-content--template--18836995768588__12fded83-f169-4255-978e-66c59541a924 .hero-video--text .hero-video--text-title a {
color: #ffffff;
}
</style>
</div><div id="shopify-section-template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8" class="shopify-section image-with-text-overlay-wrapper show-on-scroll"><link rel="preload" href="//www.9ff.com/cdn/shop/t/15/assets/section-image-with-text-overlay.min.css?v=51927242713959970661704795699" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<noscript><link href="//www.9ff.com/cdn/shop/t/15/assets/section-image-with-text-overlay.min.css?v=51927242713959970661704795699" rel="stylesheet" type="text/css" media="all" /></noscript>
<div class="
homepage-sections-wrapper homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8
image-with-text-overlay-wrapper image-with-text-overlay-wrapper--light image-with-text-overlay-wrapper--textPosition-right image-with-text-overlay-wrapper--textAlignment-right size-medium
"
data-wetheme-section-type="image--image-with-text-overlay"
data-wetheme-section-id="template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8"
>
<style>
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 .img {
background-image: url('//www.9ff.com/cdn/shop/files/C4J7746_300x.jpg?v=1670503246');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
@media (min-width: 301px) and (max-width: 600px) {
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 .img {
background-image: url('//www.9ff.com/cdn/shop/files/C4J7746_600x.jpg?v=1670503246');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 601px) and (max-width: 900px) {
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 .img {
background-image: url('//www.9ff.com/cdn/shop/files/C4J7746_900x.jpg?v=1670503246');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 901px) and (max-width: 1200px) {
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 .img {
background-image: url('//www.9ff.com/cdn/shop/files/C4J7746_1200x.jpg?v=1670503246');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 1201px) and (max-width: 1500px) {
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 .img {
background-image: url('//www.9ff.com/cdn/shop/files/C4J7746_1500x.jpg?v=1670503246');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 1501px) and (max-width: 2000px) {
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 .img {
background-image: url('//www.9ff.com/cdn/shop/files/C4J7746_2000x.jpg?v=1670503246');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
@media (min-width: 2001px) {
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 .img {
background-image: url('//www.9ff.com/cdn/shop/files/C4J7746_4000x.jpg?v=1670503246');
background-size: cover;
background-position: 50.0% 50.0% !important;
}
}
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 {
background-image: url('//www.9ff.com/cdn/shop/files/C4J7746_10x10.jpg?v=1670503246');
background-size: 1px 1px;
}
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 .img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 .img {
height: 40vw;
}
@media only screen and (max-width: 577px) {
#shopify-section-text-with-image-overlay .homepage-sections--title,
#shopify-section-text-with-image-overlay .featured-row__subtext {
color: #242424;
}
}
@media only screen and (min-width: 768px) {
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 #rellax--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8.rellax.img {
height: calc(100% * 1.5);
margin-top: -10.0vw;
}
}
.parallax.parallax--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 {
height: 40vw;
}
</style>
<div>
<div class="homepage-indiv-section-wrapper grid--full homepage-featured-content-wrapper">
<div class="large--one-whole homepage-content--image homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 kb-enabled">
<div class=" parallax parallax--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8">
<div id="rellax--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8" class="img rellax" data-rellax-percentage="0.5" data-rellax-desktop-speed="-4" data-rellax-tablet-speed="-2" role="img" aria-label="9FF Online Shop"></div>
</div>
</div>
<div class="grid__item homepage-featured-content-box image-with-text-overlay__content-box">
<div class="homepage-featured-content-box-inner show-on-scroll">
<div class="sitewide--title-wrapper">
<h2 class="homepage-sections--title homepage-section-title">
Niemals die Nummer 2
</h2>
</div>
<div class="homepage-section-btn-container">
<a
class="homepage-section-btn"
href="/pages/rekorde"
data-section-main-link
>
Unsere Rekorde
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 .homepage-section-btn {
color: #ffffff;
background-color: #282828;
}
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 .homepage-section-btn:hover {
color: #000000;
background-color: #b7965f;
}
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 h2.homepage-sections--title {
font-size: 34px;
line-height: 39px;
}
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 .featured-row__subtext {
font-size: 18px;
line-height: 23px;
}
@media only screen and (max-width: 767px) {
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 h2.homepage-sections--title {
font-size: 27.2px;
line-height: 32.2px;
}
.homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8 .featured-row__subtext {
font-size: 14.4px;
line-height: 19.4px;
}
}
.image-with-text-overlay-wrapper .homepage-content--template--18836995768588__54362959-8a81-42d4-9d67-073396551ad8.homepage-content--image::before {
opacity: 0.30;
}
</style>
</div><!--LayoutHub-Workspace-End-->
</div>
</div>
<div class="footer-wrapper">
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--18836996227340__footer-bottom" class="shopify-section shopify-section-group-footer-group">
<div
class="footer-bottom site-footer footer-alignment--left"
data-wetheme-section-type="footer-bottom" data-wetheme-section-id="sections--18836996227340__footer-bottom"
>
<div class="wrapper-padded">
<div class="bottom--footer">
<div class="footer-description footer-description--left footer-article footer-link-animated">
<h4><em><strong>9FF ist eine Marke der 9FF engineering GmbH, dieses Unternehmen und die 9FF innovations GmbH stehen in keiner organisatorischen oder wirtschaftlichen Verbindung zu der Dr. Ing. h.c. F. Porsche Aktiengesellschaft.</strong></em></h4>
</div>
<div class="bottom--footer-row">
<div class="bottom--footer---localization">
<div class="localization-form-wrapper">
<noscript><form method="post" action="/localization" id="FooterLanguageFormNoScript" accept-charset="UTF-8" class="localization-form localization-form__noscript" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
<h2 class="visually-hidden" id="FooterLanguageLabelNoScript">Sprache</h2>
<select class="localization-selector link" name="locale_code" aria-labelledby="FooterLanguageLabelNoScript"><option value="de" lang="de" selected>
Deutsch
</option><option value="en" lang="en">
English
</option></select>
</div>
<button class="btn alt-focus">Sprache aktualisieren</button></form></noscript>
<localization-form>
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" />
<div class="js">
<div class="disclosure">
<button type="button" class="disclosure__button" aria-expanded="false" aria-controls="LanguageList">
<span>
Deutsch
</span>
<span class="icon-dropdown">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="chevron-down"><path d="M5.5 7.5L10.5 12.5L15.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
<ul id="LanguageList" role="list" class="disclosure__list localization__list" hidden>
<li class="disclosure__item" tabindex="-1">
<a class="disclosure__item_el" href="#" aria-current="true" hreflang="de" lang="de" data-value="de">
Deutsch
</a>
</li>
<li class="disclosure__item" tabindex="-1">
<a class="disclosure__item_el" href="#" hreflang="en" lang="en" data-value="en">
English
</a>
</li>
</ul>
<input type="hidden" name="language_code" value="de">
</div>
</div>
</form>
</localization-form><script src="//www.9ff.com/cdn/shop/t/15/assets/component-localization-form.js?v=86781232993475006041704795700" defer="defer" type="module" data-internal-script></script>
</div>
<div class="bottom--footer---copyright copyright--desktop">
<ul class="bottom--footer---links nav-link-animated--custom">
<li><a class="animated-link--item" href="/">© 2025, 9FF Online Shop</a></li><!--
--><li>Powered by Shopify</li>
</ul>
</div>
</div>
</div>
<div class="bottom--footer---copyright copyright--mobile">
<ul class="bottom--footer---links nav-link-animated--custom">
<li><a class="animated-link--item" href="/">© 2025, 9FF Online Shop</a></li><!--
--><li>Powered by Shopify</li>
</ul>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-sections--18836996227340__footer-main" class="shopify-section shopify-section-group-footer-group">
<footer
class="footer-main site-footer footer-alignment--left"
data-wetheme-section-type="footer-main" data-wetheme-section-id="sections--18836996227340__footer-main"
>
<div class="wrapper-padded">
<div class="grid">
<div class="grid__item large--one-third medium--one-half small--one-whole links-footer" >
<div class="h3 footer-header">Links</div>
<ul class="footer-content nav-link-animated--custom">
<li>
<a class="animated-link--item" href="/pages/kontakt">Kontakt</a>
</li>
<li>
<a class="animated-link--item" href="/pages/widerrufsbelehrung">Widerrufsbelehrung</a>
</li>
<li>
<a class="animated-link--item" href="/pages/agb">Allgemeine Geschäftsbedingungen</a>
</li>
<li>
<a class="animated-link--item" href="/pages/datenschutz">Datenschutz</a>
</li>
<li>
<a class="animated-link--item" href="/pages/impressum">Impressum</a>
</li>
</ul>
</div>
<div class="grid__item large--one-third medium--one-half small--one-whole social-media-footer" >
<div class="h3 footer-header">Social Media</div>
<ul id="sm-icons" class="clearfix ">
<li id="sm-facebook"><a href="https://de-de.facebook.com/www.9ff.de/" target="_blank">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M14.1667 1.66663H11.6667C10.5616 1.66663 9.50179 2.10561 8.72039 2.88701C7.93899 3.66842 7.5 4.72822 7.5 5.83329V8.33329H5V11.6666H7.5V18.3333H10.8333V11.6666H13.3333L14.1667 8.33329H10.8333V5.83329C10.8333 5.61228 10.9211 5.40032 11.0774 5.24404C11.2337 5.08776 11.4457 4.99996 11.6667 4.99996H14.1667V1.66663Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a></li>
<li id="sm-instagram"><a href="https://www.instagram.com/9ff_german_engineering/?hl=de" target="_blank">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M9.99935 13.3333C10.8834 13.3333 11.7313 12.9821 12.3564 12.357C12.9815 11.7319 13.3327 10.884 13.3327 9.99996C13.3327 9.1159 12.9815 8.26806 12.3564 7.64294C11.7313 7.01782 10.8834 6.66663 9.99935 6.66663C9.11529 6.66663 8.26745 7.01782 7.64233 7.64294C7.0172 8.26806 6.66602 9.1159 6.66602 9.99996C6.66602 10.884 7.0172 11.7319 7.64233 12.357C8.26745 12.9821 9.11529 13.3333 9.99935 13.3333Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 13.3333V6.66667C2.5 5.5616 2.93899 4.50179 3.72039 3.72039C4.50179 2.93899 5.5616 2.5 6.66667 2.5H13.3333C14.4384 2.5 15.4982 2.93899 16.2796 3.72039C17.061 4.50179 17.5 5.5616 17.5 6.66667V13.3333C17.5 14.4384 17.061 15.4982 16.2796 16.2796C15.4982 17.061 14.4384 17.5 13.3333 17.5H6.66667C5.5616 17.5 4.50179 17.061 3.72039 16.2796C2.93899 15.4982 2.5 14.4384 2.5 13.3333Z" stroke="currentColor" stroke-width="1.5"/><path d="M14.584 5.42506L14.5923 5.41589" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a></li>
<li id="sm-youtube"><a href="https://www.youtube.com/c/9ffengineering" target="_blank">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M12.1667 10L9.25 11.6667V8.33337L12.1667 10Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.16602 10.5892V9.41004C2.16602 6.99754 2.16602 5.79087 2.92018 5.01504C3.67518 4.23837 4.86352 4.20504 7.23935 4.13754C8.36435 4.10587 9.51435 4.08337 10.4993 4.08337C11.4835 4.08337 12.6335 4.10587 13.7593 4.13754C16.1352 4.20504 17.3235 4.23837 18.0777 5.01504C18.8327 5.79087 18.8327 6.99837 18.8327 9.41004V10.5892C18.8327 13.0025 18.8327 14.2084 18.0785 14.985C17.3235 15.7609 16.136 15.795 13.7593 15.8617C12.6343 15.8942 11.4843 15.9167 10.4993 15.9167C9.51518 15.9167 8.36518 15.8942 7.23935 15.8617C4.86352 15.795 3.67518 15.7617 2.92018 14.985C2.16602 14.2084 2.16602 13.0017 2.16602 10.59V10.5892Z" stroke="currentColor" stroke-width="1.5"/></svg>
</a></li>
<li id="sm-tiktok"><a href="https://www.tiktok.com/@9ff.com" target="_blank" class="tiktok-wrapper">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M17.5 6.66667V13.3333C17.5 14.4384 17.061 15.4982 16.2796 16.2796C15.4982 17.061 14.4384 17.5 13.3333 17.5H6.66667C5.5616 17.5 4.50179 17.061 3.72039 16.2796C2.93899 15.4982 2.5 14.4384 2.5 13.3333V6.66667C2.5 5.5616 2.93899 4.50179 3.72039 3.72039C4.50179 2.93899 5.5616 2.5 6.66667 2.5H13.3333C14.4384 2.5 15.4982 2.93899 16.2796 3.72039C17.061 4.50179 17.5 5.5616 17.5 6.66667Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.33399 10C7.83953 10 7.35618 10.1466 6.94506 10.4213C6.53394 10.696 6.21351 11.0865 6.02429 11.5433C5.83507 12.0001 5.78556 12.5028 5.88202 12.9877C5.97849 13.4727 6.21659 13.9181 6.56622 14.2678C6.91585 14.6174 7.36131 14.8555 7.84626 14.952C8.33121 15.0484 8.83388 14.9989 9.29069 14.8097C9.74751 14.6205 10.138 14.3 10.4127 13.8889C10.6874 13.4778 10.834 12.9945 10.834 12.5V5C11.1115 5.83333 12.1673 7.5 14.1673 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a></li>
</ul>
</div>
<div class="grid__item large--one-third medium--one-half small--one-whole newsletter-footer" >
<div class="h3 footer-header">Newsletter</div>
<form method="post" action="/contact#newsletter-footer_form" id="newsletter-footer_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<div class="input-group">
<input type="email" value="" placeholder="[email protected]" name="contact[email]" id="Email" class="input-group-field footer-email-input" aria-label="[email protected]">
<input type="hidden" name="contact[tags]" value="newsletter">
<span>
<input type="submit" class="btn footer-email-submit" name="subscribe" id="subscribe" value="Abonnieren">
</span>
</div>
</form>
</div>
</div>
</div>
</footer>
</div>
<!-- END sections: footer-group -->
</div>
<script defer type="module" src="//www.9ff.com/cdn/shop/t/15/assets/theme.min.js?v=75921737923588797201704795700"></script>
<script defer src="//www.9ff.com/cdn/shop/t/15/assets/SafeLoadScripts.js?v=117039806523965685941704795699"></script>
<script defer nomodule src="//www.9ff.com/cdn/shop/t/15/assets/theme.legacy.min.js?2287"></script>
<style>
.popup_image.newsletter-top {
background-image: url('//www.9ff.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_800x.gif');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 50%;
}
</style>
<div id="popup" data-desktop-type="slide-up" data-popup-time="7" data-popup-delay="5" data-popup-test-mode="false">
<div id="slide-up" style="display:none;">
<a class="popup--close-btn" tabindex="0">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M5.63086 14.3692L10 10L14.3692 14.3692M14.3692 5.63086L9.99919 10L5.63086 5.63086" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a>
<div class="popup--body-outer popup--no-image">
<div class="popup--body">
<h3 class="custom-font">Jetzt für den Newsletter registrieren</h3>
<div class="popup--description text-link-animated">
<p>Wir werden euch per E-Mail alle paar Monate über unsere Neuvorstellungen informieren!</p>
</div>
<div id="subs-container">
<div>
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<div class="input-group">
<input type="email" value="" placeholder="[email protected]" name="contact[email]" id="Email" class="input-group-field" aria-label="[email protected]">
<input type="hidden" name="contact[tags]" value="newsletter">
<span>
<input type="submit" class="btn" name="subscribe" id="subscribe" value="Abonnieren">
</span>
</div>
<span><p data-spam-detection-disclaimer="">Diese Website ist durch hCaptcha geschützt und es gelten die <a href="https://hcaptcha.com/privacy">allgemeinen Geschäftsbedingungen</a> und <a href="https://hcaptcha.com/terms">Datenschutzbestimmungen</a> von hCaptcha.</p>
</span>
</form>
</div>
</div>
<div class="social-media-footer">
<ul id="sm-icons" class="clearfix ">
<li id="sm-facebook"><a href="https://de-de.facebook.com/www.9ff.de/" target="_blank">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M14.1667 1.66663H11.6667C10.5616 1.66663 9.50179 2.10561 8.72039 2.88701C7.93899 3.66842 7.5 4.72822 7.5 5.83329V8.33329H5V11.6666H7.5V18.3333H10.8333V11.6666H13.3333L14.1667 8.33329H10.8333V5.83329C10.8333 5.61228 10.9211 5.40032 11.0774 5.24404C11.2337 5.08776 11.4457 4.99996 11.6667 4.99996H14.1667V1.66663Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a></li>
<li id="sm-instagram"><a href="https://www.instagram.com/9ff_german_engineering/?hl=de" target="_blank">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M9.99935 13.3333C10.8834 13.3333 11.7313 12.9821 12.3564 12.357C12.9815 11.7319 13.3327 10.884 13.3327 9.99996C13.3327 9.1159 12.9815 8.26806 12.3564 7.64294C11.7313 7.01782 10.8834 6.66663 9.99935 6.66663C9.11529 6.66663 8.26745 7.01782 7.64233 7.64294C7.0172 8.26806 6.66602 9.1159 6.66602 9.99996C6.66602 10.884 7.0172 11.7319 7.64233 12.357C8.26745 12.9821 9.11529 13.3333 9.99935 13.3333Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 13.3333V6.66667C2.5 5.5616 2.93899 4.50179 3.72039 3.72039C4.50179 2.93899 5.5616 2.5 6.66667 2.5H13.3333C14.4384 2.5 15.4982 2.93899 16.2796 3.72039C17.061 4.50179 17.5 5.5616 17.5 6.66667V13.3333C17.5 14.4384 17.061 15.4982 16.2796 16.2796C15.4982 17.061 14.4384 17.5 13.3333 17.5H6.66667C5.5616 17.5 4.50179 17.061 3.72039 16.2796C2.93899 15.4982 2.5 14.4384 2.5 13.3333Z" stroke="currentColor" stroke-width="1.5"/><path d="M14.584 5.42506L14.5923 5.41589" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a></li>
<li id="sm-youtube"><a href="https://www.youtube.com/c/9ffengineering" target="_blank">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M12.1667 10L9.25 11.6667V8.33337L12.1667 10Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.16602 10.5892V9.41004C2.16602 6.99754 2.16602 5.79087 2.92018 5.01504C3.67518 4.23837 4.86352 4.20504 7.23935 4.13754C8.36435 4.10587 9.51435 4.08337 10.4993 4.08337C11.4835 4.08337 12.6335 4.10587 13.7593 4.13754C16.1352 4.20504 17.3235 4.23837 18.0777 5.01504C18.8327 5.79087 18.8327 6.99837 18.8327 9.41004V10.5892C18.8327 13.0025 18.8327 14.2084 18.0785 14.985C17.3235 15.7609 16.136 15.795 13.7593 15.8617C12.6343 15.8942 11.4843 15.9167 10.4993 15.9167C9.51518 15.9167 8.36518 15.8942 7.23935 15.8617C4.86352 15.795 3.67518 15.7617 2.92018 14.985C2.16602 14.2084 2.16602 13.0017 2.16602 10.59V10.5892Z" stroke="currentColor" stroke-width="1.5"/></svg>
</a></li>
<li id="sm-tiktok"><a href="https://www.tiktok.com/@9ff.com" target="_blank" class="tiktok-wrapper">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M17.5 6.66667V13.3333C17.5 14.4384 17.061 15.4982 16.2796 16.2796C15.4982 17.061 14.4384 17.5 13.3333 17.5H6.66667C5.5616 17.5 4.50179 17.061 3.72039 16.2796C2.93899 15.4982 2.5 14.4384 2.5 13.3333V6.66667C2.5 5.5616 2.93899 4.50179 3.72039 3.72039C4.50179 2.93899 5.5616 2.5 6.66667 2.5H13.3333C14.4384 2.5 15.4982 2.93899 16.2796 3.72039C17.061 4.50179 17.5 5.5616 17.5 6.66667Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.33399 10C7.83953 10 7.35618 10.1466 6.94506 10.4213C6.53394 10.696 6.21351 11.0865 6.02429 11.5433C5.83507 12.0001 5.78556 12.5028 5.88202 12.9877C5.97849 13.4727 6.21659 13.9181 6.56622 14.2678C6.91585 14.6174 7.36131 14.8555 7.84626 14.952C8.33121 15.0484 8.83388 14.9989 9.29069 14.8097C9.74751 14.6205 10.138 14.3 10.4127 13.8889C10.6874 13.4778 10.834 12.9945 10.834 12.5V5C11.1115 5.83333 12.1673 7.5 14.1673 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<style>
back-to-top {
position: fixed;
right: calc(22.5px - 1px);
bottom: calc(22.5px - 1px);
z-index: 101;
opacity: 0;
transform: translateY(100px);
transition: transform 1s ease, opacity 1s ease;
}
@media screen and (max-width: 767px) {
back-to-top {
right: calc(15px - 1px);
bottom: calc(15px - 1px);
}
}
@media(prefers-reduced-motion:reduce) {
back-to-top {
transition: none;
}
}
back-to-top.back-to-top--visible {
opacity: 1;
transform: translateY(0);
}
.back-to-top-button {
border: none;
background-color: transparent;
padding: 1px;
}
.back-to-top-button span {
width: 42px;
height: 42px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: var(--primary-btn-bg-color);
color: var(--primary-btn-text-color);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
border-radius: var(--alt-btn-border-radius);
transition: background-color .15s ease-in-out;
}
.back-to-top-button:hover span,
.back-to-top-button:focus span {
background-color: var(--primary-btn-bg-hover-color);
color: var(--primary-btn-text-hover-color);
}
</style>
<back-to-top>
<button class="back-to-top-button alt-focus" data-selector="back-to-top-button" aria-label="Zum Seitenanfang scrollen">
<span>
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="chevron-up"><path d="M5.5 12.5L10.5 7.5L15.5 12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</button>
</back-to-top>
<script src="//www.9ff.com/cdn/shop/t/15/assets/component-back-to-top.js?v=152618645430301030381704795699" type="module" defer="defer" data-envy-load-key="component-back-to-top"></script>
<script type="application/json" id="wetheme-global">
{
"translations": {
"addToCart": "In den Warenkorb legen",
"added": "Hinzugefügt",
"soldOut": "Ausverkauft",
"unavailable": "Nicht verfügbar",
"no_results_html": "Ihre Suche nach \"{{ terms }}\" hat keine Ergebnisse ergeben.",
"results_for_html": "Ihre Suche nach \"{{ terms }}\" ergab folgende Ergebnisse:",
"products": "Produkte",
"pages": "Seiten",
"collections": "Kollektionen",
"articles": "Artikel",
"suggestions": "Vorschläge",
"quick_shop": "Schnellansicht",
"view_options": "Optionen anzeigen",
"read_more_html": "Mehr lesen",
"read_less_html": "Weniger lesen",
"youve_viewed": "Sie haben {{ x }} von {{ y }} Produkten angesehen",
"load_more": "Mehr laden",
"productAdded": "Hinzugefügt",
"loading": "Laden...",
"giftwrap_label": "Geschenkverpackung",
"yes": "Ja",
"days": "Tage",
"hours": "Stunden",
"minutes": "Minuten",
"seconds": "Sekunden"
},
"moneyFormat": "\u003cspan class=\"langwill-money\"\u003e\u003cspan class=transcy-money\u003e€{{amount}}\u003c\/span\u003e\u003c\/span\u003e",
"giftwrapProduct": null
}
</script>
<!--Content in content_for_footer -->
<!--LH--></body>
</html>
Alan adının whois bilgisi
Domain Name: 9FF.COM
Registry Domain ID: 88372832_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.registrygate.com
Registrar URL: http://www.registrygate.com
Updated Date: 2025-01-20T14:29:07Z
Creation Date: 2002-07-13T12:00:46Z
Registry Expiry Date: 2025-07-13T12:00:46Z
Registrar: RegistryGate GmbH
Registrar IANA ID: 1328
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +49.1805734437
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Name Server: NS5.KASSERVER.COM
Name Server: NS6.KASSERVER.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-24T19:40: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
TERMS OF USE: You are not authorized to access or query our Whois
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