<!doctype html>
<html
class="no-js"
lang="de"
>
<head>
<meta name="google-site-verification" content="tsPSWxQbGnEdq-lQeI7C5X9g8STa9vDvXooiIMeaRP8" />
<meta name="linkavista" content="link-5175-1783"><link href="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/overflow-list.css?v=168694168152117541881761723364" as="style" rel="preload">
<link href="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/base.css?v=163500385341632537961761723364" rel="stylesheet" type="text/css" media="all" />
<link
rel="icon"
type="image/png"
href="//waschbare-schmutzfangmatte.de/cdn/shop/files/deutsch_favicon_1.png?crop=center&height=32&v=1710149941&width=32"
>
<link
rel="expect"
href="#MainContent"
blocking="render"
id="view-transition-render-blocker"
><meta charset="utf-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
name="viewport"
content="width=device-width,initial-scale=1"
>
<meta
name="view-transition"
content="same-origin"
>
<meta
name="theme-color"
content=""
>
<meta
property="og:site_name"
content="Waschbare Schmutzfangmatte"
>
<meta
property="og:url"
content="https://waschbare-schmutzfangmatte.de/"
>
<meta
property="og:title"
content="Waschbare Schmutzfangmatte"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Waschbare Schmutzfangmatte"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Waschbare Schmutzfangmatte"
>
<meta
name="twitter:description"
content="Waschbare Schmutzfangmatte"
>
<title>
Waschbare Schmutzfangmatte
</title>
<link
rel="canonical"
href="https://waschbare-schmutzfangmatte.de/"
>
<link
rel="preconnect"
href="https://fonts.shopifycdn.com"
crossorigin
>
<link
rel="preload"
as="font"
href="//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_n4.36efd597fcb92d83eab631792bad06e153941221.woff2"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_n6.ec4ce1e249dd5ea953e56ae98197fb6bf35c9b19.woff2"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//waschbare-schmutzfangmatte.de/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//waschbare-schmutzfangmatte.de/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2"
type="font/woff2"
crossorigin
>
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/critical": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/critical.js?v=169402557219780209121761723364",
"@theme/product-title": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/product-title-truncation.js?v=81744426891537421781761723364",
"@theme/component": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/component.js?v=74239122572524296041761723364",
"@theme/dialog": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/dialog.js?v=94382931671780430451761723364",
"@theme/events": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/events.js?v=59172389608566392641761723364",
"@theme/focus": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/focus.js?v=60436577539430446401761723364",
"@theme/morph": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/morph.js?v=175376767362814376631761723364",
"@theme/paginated-list": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/paginated-list.js?v=95298315036233333871761723364",
"@theme/performance": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/performance.js?v=160961134082498414901761723364",
"@theme/product-form": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/product-form.js?v=127515301325557712001761723364",
"@theme/recently-viewed-products": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/recently-viewed-products.js?v=94729125001750262651761723364",
"@theme/scrolling": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/scrolling.js?v=10957690925586738441761723364",
"@theme/section-renderer": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/section-renderer.js?v=117273408521114569061761723364",
"@theme/section-hydration": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/section-hydration.js?v=177651605160027701221761723364",
"@theme/utilities": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/utilities.js?v=20543301071820501481761723364",
"@theme/variant-picker": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/variant-picker.js?v=113536721324242252251761723364",
"@theme/media-gallery": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/media-gallery.js?v=111441960308641931071761723364",
"@theme/quick-add": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/quick-add.js?v=74531385036627369001761723364",
"@theme/paginated-list-aspect-ratio": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/paginated-list-aspect-ratio.js?v=25254270272143792451761723364",
"@theme/popover-polyfill": "//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/popover-polyfill.js?v=119029313658895111201761723364"
}
}
</script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/view-transitions.js?v=84877080446900032951761723364"
async
blocking="render"
></script>
<link
rel="modulepreload"
href="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/critical.js?v=169402557219780209121761723364"
>
<link
rel="modulepreload"
href="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/utilities.js?v=20543301071820501481761723364"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/component.js?v=74239122572524296041761723364"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/section-renderer.js?v=117273408521114569061761723364"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/section-hydration.js?v=177651605160027701221761723364"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/morph.js?v=175376767362814376631761723364"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/focus.js?v=60436577539430446401761723364"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/recently-viewed-products.js?v=94729125001750262651761723364"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/scrolling.js?v=10957690925586738441761723364"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/events.js?v=59172389608566392641761723364"
fetchpriority="low"
>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/popover-polyfill.js?v=119029313658895111201761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/quick-add.js?v=74531385036627369001761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/cart-discount.js?v=107077853990124422021761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/dialog.js?v=94382931671780430451761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/variant-picker.js?v=113536721324242252251761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/product-card.js?v=174129639976667491711761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/product-form.js?v=127515301325557712001761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/accordion-custom.js?v=99000499017714805851761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/disclosure-custom.js?v=168050880623268140331761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/media.js?v=37825095869491791421761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/product-price.js?v=30079423257668675401761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/product-title-truncation.js?v=81744426891537421781761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/product-inventory.js?v=16343734458933704981761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/show-more.js?v=94563802205717136101761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/slideshow.js?v=63092151078244317761761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/anchored-popover.js?v=95953304814728754461761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/floating-panel.js?v=128677600744947036551761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/video-background.js?v=25237992823806706551761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/component-quantity-selector.js?v=56330027151833116691761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/media-gallery.js?v=111441960308641931071761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/rte-formatter.js?v=101420294193111439321761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/gift-card-recipient-form.js?v=129634859299628245901761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/localization.js?v=87759161307859666401761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/product-card-link.js?v=97122579314620396511761723364"
type="module"
fetchpriority="low"
></script>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/auto-close-details.js?v=58350291535404441581761723364"
defer="defer"
></script>
<script>
const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
const Theme = {
placeholders: {
general: [
`${basePath}/general-1.png`,
`${basePath}/general-2.png`,
`${basePath}/general-3.png`,
`${basePath}/general-4.png`,
`${basePath}/general-5.png`,
`${basePath}/general-6.png`,
`${basePath}/general-7.png`,
],
product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
},
translations: {
placeholder_image: `Platzhalterbild`,
added: `Hinzugefügt`,
recipient_form_fields_visible: `Empfängerformularfelder sind jetzt sichtbar.`,
recipient_form_fields_hidden: `Empfängerformularfelder sind jetzt ausgeblendet.`,
recipient_form_error: `Beim Absenden des Formulars ist ein Fehler aufgetreten.`,
},
routes: {
cart_add_url: '/cart/add.js',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
search_url: '/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
@font-face {
font-family: "Red Hat Display";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_n4.36efd597fcb92d83eab631792bad06e153941221.woff2") format("woff2"),
url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_n4.09f5571be81da8a8c0e78adb7638383541ff61a2.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_n7.5b14b817f945f7cf9f5e3fa661372aaee24aedbe.woff2") format("woff2"),
url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_n7.12fcbadce11cb69018968f0c45941d4f2f6b4940.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_i4.d3bef3a05bb92acc510c17d15f6c01c87e3bce0d.woff2") format("woff2"),
url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_i4.3f1b2b6da2f26f2d4eb6921830f13bbdcc7b4092.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_i7.725ef8b794aadff6bc8844a51e5cccf4180e7ffa.woff2") format("woff2"),
url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_i7.07f8ab4318fab04af523efe0d055241f1fe5ade2.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_n6.ec4ce1e249dd5ea953e56ae98197fb6bf35c9b19.woff2") format("woff2"),
url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_n6.005eeb3c4714c4b460079358b1e05b655e0e4e3e.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_n7.5b14b817f945f7cf9f5e3fa661372aaee24aedbe.woff2") format("woff2"),
url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_n7.12fcbadce11cb69018968f0c45941d4f2f6b4940.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 600;
font-style: italic;
font-display: swap;
src: url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_i6.7ed8d8fa04c1a330cadfbdd1cc3305a5b131dba3.woff2") format("woff2"),
url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_i6.c095621994e8bfc049bdd6a8818815964641850d.woff") format("woff");
}
@font-face {
font-family: "Red Hat Display";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_i7.725ef8b794aadff6bc8844a51e5cccf4180e7ffa.woff2") format("woff2"),
url("//waschbare-schmutzfangmatte.de/cdn/fonts/red_hat_display/redhatdisplay_i7.07f8ab4318fab04af523efe0d055241f1fe5ade2.woff") format("woff");
}
@font-face {
font-family: Trirong;
font-weight: 200;
font-style: normal;
font-display: swap;
src: url("//waschbare-schmutzfangmatte.de/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2") format("woff2"),
url("//waschbare-schmutzfangmatte.de/cdn/fonts/trirong/trirong_n2.6df3ab7336d79d347e7f6766ffd8d29c91ae4ca5.woff") format("woff");
}
@font-face {
font-family: Trirong;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//waschbare-schmutzfangmatte.de/cdn/fonts/trirong/trirong_n7.a33ed6536f9a7c6d7a9d0b52e1e13fd44f544eff.woff2") format("woff2"),
url("//waschbare-schmutzfangmatte.de/cdn/fonts/trirong/trirong_n7.cdb88d0f8e5c427b393745c8cdeb8bc085cbacff.woff") format("woff");
}
@font-face {
font-family: Trirong;
font-weight: 200;
font-style: italic;
font-display: swap;
src: url("//waschbare-schmutzfangmatte.de/cdn/fonts/trirong/trirong_i2.09cedbbfb7eff094cf6e44047e16996f6069ec3a.woff2") format("woff2"),
url("//waschbare-schmutzfangmatte.de/cdn/fonts/trirong/trirong_i2.cbddd6d75dc4501c52e81dac1a4a3205fc02ae42.woff") format("woff");
}
@font-face {
font-family: Trirong;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//waschbare-schmutzfangmatte.de/cdn/fonts/trirong/trirong_i7.0a12b233073555ab8fbb6a4daaa950731de27544.woff2") format("woff2"),
url("//waschbare-schmutzfangmatte.de/cdn/fonts/trirong/trirong_i7.3425495581434e8c758c3f19251e34b0b1f89e77.woff") format("woff");
}
:root {
/* Page Layout */
--sidebar-width: 25rem;
--narrow-content-width: 36rem;
--normal-content-width: 42rem;
--wide-content-width: 46rem;
--narrow-page-width: 90rem;
--normal-page-width: 120rem;
--wide-page-width: 150rem;
/* Section Heights */
--section-height-small: 15rem;
--section-height-medium: 25rem;
--section-height-large: 35rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Letter spacing */
--letter-spacing-sm: 0.06em;
--letter-spacing-md: 0.13em;
/* Font families */
--font-body--family: "Red Hat Display", sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: "Red Hat Display", sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 600;
--font-heading--family: Trirong, serif;
--font-heading--style: normal;
--font-heading--weight: 200;
--font-accent--family: Trirong, serif;
--font-accent--style: normal;
--font-accent--weight: 200;
/* Margin sizes */
--font-h1--spacing: 0.25em;
--font-h2--spacing: 0.25em;
--font-h3--spacing: 0.25em;
--font-h4--spacing: 0.25em;
--font-h5--spacing: 0.25em;
--font-h6--spacing: 0.25em;
--font-paragraph--spacing: 0.5em;
/* Heading colors */
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 50ch;
--max-width--body-narrow: 35ch;
--max-width--heading-normal: 50ch;
--max-width--heading-narrow: 30ch;
--max-width--display-normal: 20ch;
--max-width--display-narrow: 15ch;
--max-width--display-tight: 5ch;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--font-size--paragraph: 1.125rem;--font-size--h1: clamp(2.25rem, 8.8vw, 5.5rem);--font-size--h2: 2.0rem;--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-loose);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-accent--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-accent--family);--font-h2--style: var(--font-accent--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-loose);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--heading-tight);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);
/* Hardcoded font sizes */
--font-size--2xs: 0.625rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-lg--size: 1.125rem;
--menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-black: #000000;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: var(--opacity-70);
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-3xl: 1.75rem;
--margin-4xl: 2rem;
--margin-5xl: 3rem;
--margin-6xl: 5rem;
--scroll-margin: 50px;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-sm: 0.6;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 8px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 0px;
--style-border-radius-buttons-primary: 0px;
--style-border-radius-buttons-secondary: 0px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 1px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 4px;
--style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: solid;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--animation-speed-fast: 0.0625s;
--animation-speed: 0.125s;
--animation-speed-slow: 0.2s;
--animation-speed-medium: 0.15s;
--animation-easing: ease-in-out;
--animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
--drawer-animation-speed: 0.2s;
--animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
--animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-blob-padding-block: 1px;
--badge-blob-padding-inline: 12px 8px;
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-blob-padding-block: 4px;
--badge-blob-padding-inline: 16px 12px;
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1px;
/* Input */
--input-email-min-width: 200px;
--input-search-max-width: 650px;
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Button size */
--button-size-sm: 30px;
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-body--family);
--button-font-family-secondary: var(--font-body--family);
/* Button font-weight */
--button-font-weight-primary: default;
--button-font-weight-secondary: default;
/* Button text case */
--button-text-case: ;
--button-text-case-primary: default;
--button-text-case-secondary: default;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-width-md: 2px;
--border-width-lg: 5px;
/* Drawers */
--drawer-inline-padding: 25px;
--drawer-menu-inline-padding: 2.5rem;
--drawer-header-block-padding: 20px;
--drawer-content-block-padding: 10px;
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 50;
--variant-picker-swatch-height-unitless: 20;
--variant-picker-swatch-width: 50px;
--variant-picker-swatch-height: 20px;
--variant-picker-swatch-radius: 0px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 0px;
--variant-picker-button-border-width: 1px;
/* Slideshow */
--slideshow-controls-size: 3.5rem;
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
--shape--circle: circle(50% at center);
--shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
--shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
--shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image height variables */
--height-small: 10rem;
--height-medium: 11.5rem;
--height-large: 13rem;
--height-full: 100vh;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
--height-medium: 21.25rem;
--height-large: 25rem;
}
/* Modal */
--modal-max-height: 65dvh;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-secondary--family);
--cart-secondary-font-style: var(--font-secondary--style);
--cart-secondary-font-weight: var(--font-secondary--weight);
}
</style>
<style data-shopify>
:root,
.color-scheme-1 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 0.28);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(5 124 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(0 0 0 / 0.05);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.0);
--color-input-hover-background: rgb(230 230 230 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(255 255 255 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-2 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 15 159 / 1.0);
--color-primary-button-hover-border: rgb(0 15 159 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 15 159 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(0 15 159 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-3 {
--color-background: rgb(247 247 247 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 247 247 247;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 15 159 / 1.0);
--color-primary-rgb: 0 15 159;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(214 212 211 / 1.0);
--color-border-rgb: 214 212 211;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 15 159 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(0 15 159 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(239 239 239 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-4 {
--color-background: rgb(46 46 46 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 46 46 46;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(225 225 225 / 1.0);
--color-primary-hover-rgb: 225 225 225;
--color-border: rgb(225 225 225 / 1.0);
--color-border-rgb: 225 225 225;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(225 225 225 / 1.0);
--color-primary-button-hover-border: rgb(225 225 225 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(80 80 80 / 1.0);
--color-secondary-button-hover-border: rgb(80 80 80 / 1.0);
--color-input-background: rgb(46 46 46 / 1.0);
--color-input-text: rgb(249 248 246 / 1.0);
--color-input-text-rgb: 249 248 246;
--color-input-border: rgb(249 248 246 / 1.0);
--color-input-hover-background: rgb(26 26 26 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-5 {
--color-background: rgb(228 223 181 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 228 223 181;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(102 102 102 / 1.0);
--color-border-rgb: 102 102 102;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-6 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(172 172 172 / 1.0);
--color-primary-hover-rgb: 172 172 172;
--color-border: rgb(0 0 0 / 0.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 0.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
--color-background: rgb(0 0 0 / 0.03);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 0.8);
--color-primary-button-hover-border: rgb(0 0 0 / 0.81);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(0 15 159 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
color: var(--color-foreground);
background-color: var(--color-background);
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="i1xML4yWoNSfx1a5Fa7hR8BVtdnN25KJPBkOWODBfAE">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/82105925976/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="709b82f896d3dc5af0d2cb518adacfe3">
<meta id="in-context-paypal-metadata" data-shop-id="82105925976" data-venmo-supported="false" data-environment="production" data-locale="de_DE" data-paypal-v4="true" data-currency="EUR">
<script async="async" src="/checkouts/internal/preloads.js?locale=de-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=de-FR&shop_id=82105925976" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":82105925976,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/82105925976","merchantName":"Waschbare Schmutzfangmatte","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Waschbare Schmutzfangmatte","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"709b82f896d3dc5af0d2cb518adacfe3","betas":["rich-media-storefront-analytics"],"domain":"waschbare-schmutzfangmatte.de","predictiveSearch":true,"shopId":82105925976,"locale":"de"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "6251bd-ee.myshopify.com";
Shopify.locale = "de";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"washbare","id":186289389912,"schema_name":"Vessel","schema_version":"2.1.6","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "waschbare-schmutzfangmatte.de/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>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_CS5CEDwY.de.esm.js"></script>
<script defer="defer" async type="module" src="//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CuGXhKWL.esm.js"></script>
<script type="module">
await import("//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_CS5CEDwY.de.esm.js");
await import("//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CuGXhKWL.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-cart-sync":["modules/v2/client.shop-cart-sync_BlEF2ffK.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_CJ9iQ9-J.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js"],"init-windoid":["modules/v2/client.init-windoid_DCGXMDJ1.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_DQNWhWSr.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_Cwh7X_MF.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js"],"shop-button":["modules/v2/client.shop-button_Cm189L5j.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_Ccwc7mFg.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js","modules/v2/chunk.modal_BsCGu73L.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_-7LNvfMo.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js","modules/v2/chunk.modal_BsCGu73L.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.de.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_CS5CEDwY.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_HnMhlrl-.de.esm.js","modules/v2/client.shop-login-button_Ccwc7mFg.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js","modules/v2/chunk.modal_BsCGu73L.esm.js"],"pay-button":["modules/v2/client.pay-button_CxKmE4Fg.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_B7hpp5ih.de.esm.js","modules/v2/client.shop-login-button_Ccwc7mFg.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js","modules/v2/chunk.modal_BsCGu73L.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_CtJv1Qet.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js","modules/v2/chunk.modal_BsCGu73L.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_C02GB5_c.de.esm.js","modules/v2/client.shop-login-button_Ccwc7mFg.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js","modules/v2/chunk.modal_BsCGu73L.esm.js"],"lead-capture":["modules/v2/client.lead-capture_CX9TfPm5.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js","modules/v2/chunk.modal_BsCGu73L.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_S4Ix4EPb.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js","modules/v2/chunk.modal_BsCGu73L.esm.js"],"shop-login":["modules/v2/client.shop-login_DATPUaxu.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js","modules/v2/chunk.modal_BsCGu73L.esm.js"],"payment-terms":["modules/v2/client.payment-terms_CvbUooMu.de.esm.js","modules/v2/chunk.common_CuGXhKWL.esm.js","modules/v2/chunk.modal_BsCGu73L.esm.js"]};
</script>
<script id="__st">var __st={"a":82105925976,"offset":3600,"reqid":"646928f5-9f69-46c6-be41-c19fd43e32b8-1763035304","pageurl":"waschbare-schmutzfangmatte.de\/","u":"e1ebc5534408","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-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//waschbare-schmutzfangmatte.de/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//waschbare-schmutzfangmatte.de/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<link rel="stylesheet" media="screen" href="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/compiled_assets/styles.css?137">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";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: 82105925976,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,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){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=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[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-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[3-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[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-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"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=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:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,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:f,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 d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 82105925976,storefrontBaseUrl: "https://waschbare-schmutzfangmatte.de",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"1796243800","configuration":"{\"tagID\":\"2612479099211\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18031546ee651571ed29edbe71a3550b","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Waschbare Schmutzfangmatte","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"6251bd-ee.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/waschbare-schmutzfangmatte.de"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://waschbare-schmutzfangmatte.de/cdn","ae1676cfwd2530674p4253c800m34e853cb",{"modern":"","legacy":""},{"shopId":"82105925976","storefrontBaseUrl":"https:\/\/waschbare-schmutzfangmatte.de","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"ae1676cfwd2530674p4253c800m34e853cb","publish":"custom","events":"[[\"page_viewed\",{}]]"});</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: 82105925976,
theme_id: 186289389912,
app_name: "storefront",
context_url: window.location.href,
source_url: "//waschbare-schmutzfangmatte.de/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//waschbare-schmutzfangmatte.de/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//waschbare-schmutzfangmatte.de/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":82105925976,"isMerchantRequest":null,"themeId":186289389912,"themeCityHash":"13736570630869996288","contentLanguage":"de","currency":"EUR","eventMetadataId":"4ce11282-5f3a-4474-8daf-e86bb92469e4"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f0df213a"]},"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 = "//waschbare-schmutzfangmatte.de/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://waschbare-schmutzfangmatte.de/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.1.2.min.js"
data-application="storefront-renderer"
data-shop-id="82105925976"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="186289389912"
data-theme-name="Vessel"
data-theme-version="2.1.6"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
></script>
</head>
<body class="page-width-wide card-hover-effect-scale">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Direkt zum Inhalt
</a>
<div id="header-group">
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--26293829599576__header_announcements_hrcMag" class="shopify-section shopify-section-group-header-group">
<div class="section-background color-scheme-4"></div>
<aside
class="announcement-bar spacing-style section section--page-width color-scheme-4"
style="--padding-block-start: 15px; --padding-block-end:15px; --padding-inline-start:0px; --padding-inline-end:0px; ; --border-bottom-width: 0px;"
>
<announcement-bar-component
class="announcement-bar__slider"
>
<div class="announcement-bar__slides">
<slideshow-slide
ref="slides[]"
class="announcement-bar__slide text-block text-block--AMmJZOGZ6RkE2TUtiS__announcement_3XVbz8 text-block--align-center text-block--full-width custom-typography custom-font-size"
style=" --color: ;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-loose); --width: 100%; --text-align: center; --line-height: 1; "
aria-hidden="false"
>
<p class="announcement-bar__text">
Approfitta dello sconto del 10% con il codice: TAP10
</p>
<a
class="announcement-bar__link"
href="https://tapis-beige.fr/discount/TAP10"
>
<span class="visually-hidden">
Approfitta dello sconto del 10% con il codice: TAP10
</span>
</a>
</slideshow-slide>
</div>
</announcement-bar-component>
</aside>
</div><header id="shopify-section-sections--26293829599576__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Waschbare Schmutzfangmatte",
"logo": "https:\/\/waschbare-schmutzfangmatte.de\/cdn\/shop\/files\/logo.png?v=1710145476\u0026width=500",
"url": "https:\/\/waschbare-schmutzfangmatte.de"
}
</script>
<header-component
id="header-component"
class="header"
sticky="scroll-up"
data-skip-node-update
data-scroll-direction="none"
>
<div
class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
ref="headerRowTop">
<div class="header__columns spacing-style">
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<div
class="header__drawer desktop:hidden"
ref="headerDrawerContainer"
style=""
>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/header-drawer.js?v=38290796699993510201761723364"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer header__drawer--mobile"
style="--menu-image-border-radius: px;"
>
<details
id="Details-menu-drawer-container"
data-skip-node-update="true"
class="menu-drawer-container"
ref="details"
scroll-lock
>
<summary
class="header__icon header__icon--menu header__icon--summary"
aria-label="Menü"
on:click="/toggle"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
data-header-drawer
class="menu-drawer motion-reduce color-scheme-1"
>
<button
class="button button-unstyled close-button menu-drawer__close-button"
type="button"
aria-label="Schließen"
on:click="/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-subheading--family);--menu-top-level-font-size-desktop: var(--font-size--body-md); --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:none; --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: var(--menu-font-2xl--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:none; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<ul
class="menu-drawer__menu has-submenu"
role="list"
>
<li
style="--menu-drawer-animation-index: 1;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-nach-stilen"
href="/"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
aria-current="page"
>
<span class="menu-drawer__menu-item-text">Nach Stilen </span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
href="/collections/schmutzfangmatte-design"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-schmutzfangmatte-157.webp?v=1711344795&width=800" alt="47900508291416|47900508324184|47900508356952|47900508389720|47900508422488|47900508455256|47900508488024|47900508520792|47900508553560|47900508586328|47900508619096|47900508651864|47900508684632|47900508717400|47900508750168|47900508782936|47900508815704|47900508848472|47900508881240|47900508914008|47900508946776|47900508979544|47900509012312|47900509045080|47900509077848" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-schmutzfangmatte-157.webp?v=1711344795&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-schmutzfangmatte-157.webp?v=1711344795&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">schmutzfangmatte design</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
href="/collections/schmutzfangmatte-nach-mass"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-schmutzfangmatte-157.webp?v=1711344795&width=800" alt="47900508291416|47900508324184|47900508356952|47900508389720|47900508422488|47900508455256|47900508488024|47900508520792|47900508553560|47900508586328|47900508619096|47900508651864|47900508684632|47900508717400|47900508750168|47900508782936|47900508815704|47900508848472|47900508881240|47900508914008|47900508946776|47900508979544|47900509012312|47900509045080|47900509077848" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-schmutzfangmatte-157.webp?v=1711344795&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-schmutzfangmatte-157.webp?v=1711344795&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">schmutzfangmatte nach maß</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
href="/collections/schmutzfangmatte-waschbar"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-waschbar-132.webp?v=1711346819&width=800" alt="Schmutzfangmatte Waschbar" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-waschbar-132.webp?v=1711346819&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-waschbar-132.webp?v=1711346819&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">schmutzfangmatte waschbar</span>
</a>
</li></ul>
</li>
<li
style="--menu-drawer-animation-index: 2;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-nach-farben"
href="/"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
aria-current="page"
>
<span class="menu-drawer__menu-item-text">Nach Farben </span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/schmutzfangmatte-beige"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=800" alt="47900377383256|47900377416024|47900377448792|47900377481560|47900377514328|47900377547096|47900377579864|47900377612632|47900377645400|47900377678168" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">schmutzfangmatte beige</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/schmutzfangmatte-blau"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-hund-352.webp?v=1711345228&width=800" alt="47900527984984|47900528017752" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-hund-352.webp?v=1711345228&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-hund-352.webp?v=1711345228&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">schmutzfangmatte blau</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/schmutzfangmatte-braun"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/waschbare-schmutzfangmatte-108.webp?v=1711346713&width=800" alt="47900563112280|47900563145048|47900563177816|47900563210584|47900563243352|47900563276120|47900563308888|47900563341656|47900563374424|47900563407192|47900563439960|47900563472728|47900563505496|47900563538264|47900563571032" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/waschbare-schmutzfangmatte-108.webp?v=1711346713&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/waschbare-schmutzfangmatte-108.webp?v=1711346713&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">schmutzfangmatte braun</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/schmutzfangmatte-gelb"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=800" alt="47900395241816|47900395274584|47900395307352|47900395340120|47900395372888|47900395405656|47900395438424|47900395471192|47900395503960|47900395536728|47900395569496|47900395602264|47900395635032|47900395667800|47900395700568|47900395733336|47900395766104|47900395798872|47900395831640|47900395864408|47900395929944|47900395962712|47900395995480|47900396028248|47900396061016" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">schmutzfangmatte gelb</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/schmutzfangmatte-grau"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=800" alt="47900552200536|47900552233304|47900552266072|47900552298840|47900552331608|47900552364376|47900552397144" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">schmutzfangmatte grau</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/schmutzfangmatte-grun"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=800" alt="47900483453272|47900483486040|47900483518808|47900483551576|47900483584344|47900483617112|47900483649880|47900483682648|47900483715416|47900483748184|47900483780952|47900483846488|47900483944792|47900484010328|47900484075864|47900484141400|47900484206936" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">schmutzfangmatte grün</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/schmutzfangmatte-rosa"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=800" alt="47900551414104" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">schmutzfangmatte rosa</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/schmutzfangmatte-rot"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=800" alt="47900528378200|47900528410968" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">schmutzfangmatte rot</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/schmutzfangmatte-schwarz"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/welcome-mat-anti-skid-entrance-doormat-home-decoration-carpet-cartoon-472.webp?v=1711345471&width=800" alt="47900534767960|47900534800728|47900534833496|47900534866264|47900534899032|47900534931800|47900534964568|47900534997336|47900535030104|47900535062872|47900535095640" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/welcome-mat-anti-skid-entrance-doormat-home-decoration-carpet-cartoon-472.webp?v=1711345471&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/welcome-mat-anti-skid-entrance-doormat-home-decoration-carpet-cartoon-472.webp?v=1711345471&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">schmutzfangmatte schwarz</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/collections/schmutzfangmatte-weiss"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=800" alt="47900507406680|47900507439448|47900507472216|47900507504984|47900507537752|47900507570520|47900507603288|47900507636056|47900507701592|47900507734360|47900507767128|47900507799896|47900507832664|47900507865432|47900507898200|47900507930968|47900507963736|47900507996504|47900508029272|47900508062040|47900508094808|47900508127576|47900508160344|47900508193112|47900508225880" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">schmutzfangmatte weiss</span>
</a>
</li></ul>
</li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 2;"
>
<drawer-localization-component class="menu-drawer__localization">
<details
id="drawer-localization"
class="drawer-localization"
on:toggle="/toggle"
>
<summary
id="HeaderDrawer-localization"
class="drawer-localization__button h3 link link--text focus-inset"
aria-expanded="false"
on:click="header-drawer/open"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link link--text"><span class="currency-code">EUR</span>
</div></div>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
class="menu-drawer__submenu has-submenu gradient motion-reduce color-scheme-1"
style=""
>
<div
class="menu-drawer__nav-buttons"
ref="navButtons"
>
<button
class="button menu-drawer__back-button link link--text focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
Region und Sprache
</button>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Schließen"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] Ergebnisse"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region und Sprache"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-filter">
<div class="field">
<div class="country-filter__search-icon field__button motion-reduce">
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</div>
<input
class="country-filter__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Suchen"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="Land finden"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>Suche</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="Zurücksetzen"
ref="resetButton"
hidden
on:click="/resetCountriesFilter"
>
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
</button>
</div>
</div>
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="drawer-CountryLabel"
>
Country/Region
</h2>
<div
id="sr-country-search-results-AQUVZYzJDS2tlR2h3M__header-menu-1"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list country-selector__list"
id="drawer-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>Keine Ergebnisse gefunden</span>
<li
class="localization-form__list-item"
data-value="AU"
data-aliases=""
id="Australien"
aria-label="Australien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Australien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BE"
data-aliases=""
id="Belgien"
aria-label="Belgien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Belgien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BG"
data-aliases=""
id="Bulgarien"
aria-label="Bulgarien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Bulgarien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="DK"
data-aliases=""
id="Dänemark"
aria-label="Dänemark"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Dänemark</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="DE"
data-aliases=""
id="Deutschland"
aria-label="Deutschland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Deutschland</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="EE"
data-aliases=""
id="Estland"
aria-label="Estland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/EE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Estland</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="FI"
data-aliases=""
id="Finnland"
aria-label="Finnland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Finnland</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="FR"
data-aliases=""
id="Frankreich"
aria-label="Frankreich"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Frankreich</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GR"
data-aliases=""
id="Griechenland"
aria-label="Griechenland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Griechenland</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IE"
data-aliases=""
id="Irland"
aria-label="Irland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Irland</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IS"
data-aliases=""
id="Island"
aria-label="Island"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IS"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Island</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IL"
data-aliases=""
id="Israel"
aria-label="Israel"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Israel</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IT"
data-aliases=""
id="Italien"
aria-label="Italien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Italien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="JP"
data-aliases=""
id="Japan"
aria-label="Japan"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/JP"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Japan</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CA"
data-aliases=""
id="Kanada"
aria-label="Kanada"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Kanada</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HR"
data-aliases=""
id="Kroatien"
aria-label="Kroatien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Kroatien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LV"
data-aliases=""
id="Lettland"
aria-label="Lettland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LV"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Lettland</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LT"
data-aliases=""
id="Litauen"
aria-label="Litauen"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Litauen</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LU"
data-aliases=""
id="Luxemburg"
aria-label="Luxemburg"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Luxemburg</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MY"
data-aliases=""
id="Malaysia"
aria-label="Malaysia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MY"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Malaysia</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MT"
data-aliases=""
id="Malta"
aria-label="Malta"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Malta</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MC"
data-aliases=""
id="Monaco"
aria-label="Monaco"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MC"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Monaco</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NZ"
data-aliases=""
id="Neuseeland"
aria-label="Neuseeland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NZ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Neuseeland</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NL"
data-aliases=""
id="Niederlande"
aria-label="Niederlande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Niederlande</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NO"
data-aliases=""
id="Norwegen"
aria-label="Norwegen"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Norwegen</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AT"
data-aliases=""
id="Österreich"
aria-label="Österreich"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Österreich</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="PL"
data-aliases=""
id="Polen"
aria-label="Polen"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Polen</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="PT"
data-aliases=""
id="Portugal"
aria-label="Portugal"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Portugal</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="RO"
data-aliases=""
id="Rumänien"
aria-label="Rumänien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/RO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Rumänien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SE"
data-aliases=""
id="Schweden"
aria-label="Schweden"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Schweden</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CH"
data-aliases=""
id="Schweiz"
aria-label="Schweiz"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CH"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Schweiz</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="RS"
data-aliases=""
id="Serbien"
aria-label="Serbien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/RS"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Serbien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SG"
data-aliases=""
id="Singapur"
aria-label="Singapur"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Singapur</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SK"
data-aliases=""
id="Slowakei"
aria-label="Slowakei"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slowakei</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SI"
data-aliases=""
id="Slowenien"
aria-label="Slowenien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slowenien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HK"
data-aliases=""
id="Sonderverwaltungsregion Hongkong"
aria-label="Sonderverwaltungsregion Hongkong"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Sonderverwaltungsregion Hongkong</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="ES"
data-aliases=""
id="Spanien"
aria-label="Spanien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/ES"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Spanien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="KR"
data-aliases=""
id="Südkorea"
aria-label="Südkorea"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/KR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Südkorea</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="TH"
data-aliases=""
id="Thailand"
aria-label="Thailand"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/TH"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Thailand</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CZ"
data-aliases=""
id="Tschechien"
aria-label="Tschechien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CZ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Tschechien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="TR"
data-aliases=""
id="Türkei"
aria-label="Türkei"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/TR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Türkei</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HU"
data-aliases=""
id="Ungarn"
aria-label="Ungarn"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Ungarn</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AE"
data-aliases=""
id="Vereinigte Arabische Emirate"
aria-label="Vereinigte Arabische Emirate"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Vereinigte Arabische Emirate</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="US"
data-aliases="us,usa,america,united states of america"
id="Vereinigte Staaten"
aria-label="Vereinigte Staaten"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/US"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Vereinigte Staaten</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GB"
data-aliases="uk,gb,great britain"
id="Vereinigtes Königreich"
aria-label="Vereinigtes Königreich"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GB"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Vereinigtes Königreich</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CY"
data-aliases=""
id="Zypern"
aria-label="Zypern"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CY"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Zypern</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="FR"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</details>
</drawer-localization-component>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<search-button class="search-action desktop:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Suche öffnen"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
<a
href="/"
class="size-style spacing-style header-logo"
style=" --size-style-width: ;--size-style-height: ; --padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 50px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 50px)); --font-family: var(--font-body--family); --font-style: var(--font-body--style); --font-weight: 600; "
>
<span
class="header-logo__image-container header-logo__image-container--original"
data-testid="header-logo"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/logo.png?height=70&v=1710145476" alt="" width="233" height="70" class="header-logo__image" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/logo.png?height=70&v=1710145476 1x, //waschbare-schmutzfangmatte.de/cdn/shop/files/logo.png?height=140&v=1710145476 2x, //waschbare-schmutzfangmatte.de/cdn/shop/files/logo.png?height=210&v=1710145476 3x" style="--header-logo-image-width: 234px;--header-logo-image-width-mobile: 94px; --header-logo-image-height: 70px; --header-logo-image-height-mobile: 28px;">
</span>
</a>
</div><div
class="header__column header__column--center"
data-testid="header-top-center"
>
<header-menu
ref="headerMenu"
class="header-menu mobile:hidden"
data-animation-delay="200"
style="--submenu-animation-speed: 200ms;"
>
<div class="header-menu__inner">
<nav header-menu>
<div
class="menu-list"
style="--menu-top-level-font-family: var(--font-subheading--family);--menu-top-level-font-size-desktop: var(--font-size--body-md); --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:none; --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: var(--menu-font-sm--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu color-scheme-matches-parent"
minimum-items="2"
defer
>
<template shadowrootmode="open">
<link href="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/overflow-list.css?v=168694168152117541881761723364" rel="stylesheet" type="text/css" media="all" />
<ul part="list">
<slot></slot>
<slot
name="more"
part="more"
hidden
>
<li
part="more"
>
<button
class="button"
type="button"
tabindex="0"
>
Mehr
</button>
</li>
</slot>
<li
part="placeholder"
hidden
></li>
</ul>
<div part="overflow">
<ul part="overflow-list">
<slot name="overflow"></slot>
</ul>
</div>
</template>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/"
data-skip-node-update="true"
class="menu-list__link menu-list__link--active">
<span class="menu-list__link-title">Nach Stilen </span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-1"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:none; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-1"
>
<ul
data-menu-list-id="MegaMenuList-1"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 21px;"
>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/schmutzfangmatte-design"
class="mega-menu__link"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-schmutzfangmatte-157.webp?v=1711344795&width=800" alt="47900508291416|47900508324184|47900508356952|47900508389720|47900508422488|47900508455256|47900508488024|47900508520792|47900508553560|47900508586328|47900508619096|47900508651864|47900508684632|47900508717400|47900508750168|47900508782936|47900508815704|47900508848472|47900508881240|47900508914008|47900508946776|47900508979544|47900509012312|47900509045080|47900509077848" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-schmutzfangmatte-157.webp?v=1711344795&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-schmutzfangmatte-157.webp?v=1711344795&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>schmutzfangmatte design</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/schmutzfangmatte-nach-mass"
class="mega-menu__link"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-schmutzfangmatte-157.webp?v=1711344795&width=800" alt="47900508291416|47900508324184|47900508356952|47900508389720|47900508422488|47900508455256|47900508488024|47900508520792|47900508553560|47900508586328|47900508619096|47900508651864|47900508684632|47900508717400|47900508750168|47900508782936|47900508815704|47900508848472|47900508881240|47900508914008|47900508946776|47900508979544|47900509012312|47900509045080|47900509077848" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-schmutzfangmatte-157.webp?v=1711344795&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-schmutzfangmatte-157.webp?v=1711344795&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>schmutzfangmatte nach maß</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/schmutzfangmatte-waschbar"
class="mega-menu__link"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-waschbar-132.webp?v=1711346819&width=800" alt="Schmutzfangmatte Waschbar" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-waschbar-132.webp?v=1711346819&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-waschbar-132.webp?v=1711346819&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 60px) * 2 / 8),(min-width: 990px) calc((100vw - 80px - 60px) * 2 / 8),calc((100vw - 80px - 20px) / 4)">
<span
class="mega-menu__link-title"
>schmutzfangmatte waschbar</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-1"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-1"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/"
data-skip-node-update="true"
class="menu-list__link menu-list__link--active">
<span class="menu-list__link-title">Nach Farben </span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-2"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:none; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-secondary--family); --menu-child-font-style:var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-2"
>
<ul
data-menu-list-id="MegaMenuList-2"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 21px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/schmutzfangmatte-beige"
class="mega-menu__link"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=800" alt="47900377383256|47900377416024|47900377448792|47900377481560|47900377514328|47900377547096|47900377579864|47900377612632|47900377645400|47900377678168" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>schmutzfangmatte beige</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/schmutzfangmatte-blau"
class="mega-menu__link"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-hund-352.webp?v=1711345228&width=800" alt="47900527984984|47900528017752" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-hund-352.webp?v=1711345228&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-hund-352.webp?v=1711345228&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>schmutzfangmatte blau</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/schmutzfangmatte-braun"
class="mega-menu__link"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/waschbare-schmutzfangmatte-108.webp?v=1711346713&width=800" alt="47900563112280|47900563145048|47900563177816|47900563210584|47900563243352|47900563276120|47900563308888|47900563341656|47900563374424|47900563407192|47900563439960|47900563472728|47900563505496|47900563538264|47900563571032" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/waschbare-schmutzfangmatte-108.webp?v=1711346713&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/waschbare-schmutzfangmatte-108.webp?v=1711346713&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>schmutzfangmatte braun</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/schmutzfangmatte-gelb"
class="mega-menu__link"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=800" alt="47900395241816|47900395274584|47900395307352|47900395340120|47900395372888|47900395405656|47900395438424|47900395471192|47900395503960|47900395536728|47900395569496|47900395602264|47900395635032|47900395667800|47900395700568|47900395733336|47900395766104|47900395798872|47900395831640|47900395864408|47900395929944|47900395962712|47900395995480|47900396028248|47900396061016" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>schmutzfangmatte gelb</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/schmutzfangmatte-grau"
class="mega-menu__link"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=800" alt="47900552200536|47900552233304|47900552266072|47900552298840|47900552331608|47900552364376|47900552397144" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>schmutzfangmatte grau</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/schmutzfangmatte-grun"
class="mega-menu__link"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=800" alt="47900483453272|47900483486040|47900483518808|47900483551576|47900483584344|47900483617112|47900483649880|47900483682648|47900483715416|47900483748184|47900483780952|47900483846488|47900483944792|47900484010328|47900484075864|47900484141400|47900484206936" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>schmutzfangmatte grün</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/schmutzfangmatte-rosa"
class="mega-menu__link"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=800" alt="47900551414104" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>schmutzfangmatte rosa</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/schmutzfangmatte-rot"
class="mega-menu__link"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=800" alt="47900528378200|47900528410968" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>schmutzfangmatte rot</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/schmutzfangmatte-schwarz"
class="mega-menu__link"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/welcome-mat-anti-skid-entrance-doormat-home-decoration-carpet-cartoon-472.webp?v=1711345471&width=800" alt="47900534767960|47900534800728|47900534833496|47900534866264|47900534899032|47900534931800|47900534964568|47900534997336|47900535030104|47900535062872|47900535095640" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/welcome-mat-anti-skid-entrance-doormat-home-decoration-carpet-cartoon-472.webp?v=1711345471&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/welcome-mat-anti-skid-entrance-doormat-home-decoration-carpet-cartoon-472.webp?v=1711345471&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>schmutzfangmatte schwarz</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/schmutzfangmatte-weiss"
class="mega-menu__link"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=800" alt="47900507406680|47900507439448|47900507472216|47900507504984|47900507537752|47900507570520|47900507603288|47900507636056|47900507701592|47900507734360|47900507767128|47900507799896|47900507832664|47900507865432|47900507898200|47900507930968|47900507963736|47900507996504|47900508029272|47900508062040|47900508094808|47900508127576|47900508160344|47900508193112|47900508225880" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=800 800w" width="800" height="800" loading="lazy" class="mega-menu__link-image" sizes="(min-width: 155rem) calc((150rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)">
<span
class="mega-menu__link-title"
>schmutzfangmatte weiss</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
class="menu-list__list-item"
role="presentation"
slot="more"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<button role="menuitem" class="button menu-list__link button-unstyled">
<span class="menu-list__link-title">Mehr</span>
</button>
</li>
</overflow-list>
</div>
</nav>
</div>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/header-menu.js?v=98986771878453457241761723364"
type="module"
fetchpriority="low"
></script>
</header-menu>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<dropdown-localization-component
class="dropdown-localization mobile:hidden"
>
<button
type="button"
class="button dropdown-localization__button localization-selector link link--text"
aria-expanded="false"
aria-controls="dropdown-localization-results"
ref="button"
on:click="/toggleSelector"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; "
>
<span class="visually-hidden">Region- und Sprachauswahl öffnen</span>
<span class="currency-code">EUR</span>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div
class="localization-wrapper right-bound color-scheme-1"
hidden
ref="panel"
>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] Ergebnisse"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region und Sprache"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-filter">
<div class="field">
<div class="country-filter__search-icon field__button motion-reduce">
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</div>
<input
class="country-filter__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Suchen"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="Land finden"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>Suche</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="Zurücksetzen"
ref="resetButton"
hidden
on:click="/resetCountriesFilter"
>
<span class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
</button>
</div>
</div>
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="dropdown-CountryLabel"
>
Country/Region
</h2>
<div
id="sr-country-search-results-"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list country-selector__list"
id="dropdown-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>Keine Ergebnisse gefunden</span>
<li
class="localization-form__list-item"
data-value="AU"
data-aliases=""
id="Australien"
aria-label="Australien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Australien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BE"
data-aliases=""
id="Belgien"
aria-label="Belgien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Belgien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BG"
data-aliases=""
id="Bulgarien"
aria-label="Bulgarien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Bulgarien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="DK"
data-aliases=""
id="Dänemark"
aria-label="Dänemark"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Dänemark</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="DE"
data-aliases=""
id="Deutschland"
aria-label="Deutschland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Deutschland</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="EE"
data-aliases=""
id="Estland"
aria-label="Estland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/EE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Estland</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="FI"
data-aliases=""
id="Finnland"
aria-label="Finnland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Finnland</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="FR"
data-aliases=""
id="Frankreich"
aria-label="Frankreich"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Frankreich</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GR"
data-aliases=""
id="Griechenland"
aria-label="Griechenland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Griechenland</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IE"
data-aliases=""
id="Irland"
aria-label="Irland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Irland</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IS"
data-aliases=""
id="Island"
aria-label="Island"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IS"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Island</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IL"
data-aliases=""
id="Israel"
aria-label="Israel"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Israel</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IT"
data-aliases=""
id="Italien"
aria-label="Italien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Italien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="JP"
data-aliases=""
id="Japan"
aria-label="Japan"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/JP"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Japan</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CA"
data-aliases=""
id="Kanada"
aria-label="Kanada"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Kanada</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HR"
data-aliases=""
id="Kroatien"
aria-label="Kroatien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Kroatien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LV"
data-aliases=""
id="Lettland"
aria-label="Lettland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LV"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Lettland</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LT"
data-aliases=""
id="Litauen"
aria-label="Litauen"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Litauen</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LU"
data-aliases=""
id="Luxemburg"
aria-label="Luxemburg"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Luxemburg</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MY"
data-aliases=""
id="Malaysia"
aria-label="Malaysia"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MY"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Malaysia</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MT"
data-aliases=""
id="Malta"
aria-label="Malta"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Malta</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MC"
data-aliases=""
id="Monaco"
aria-label="Monaco"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MC"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Monaco</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NZ"
data-aliases=""
id="Neuseeland"
aria-label="Neuseeland"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NZ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Neuseeland</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NL"
data-aliases=""
id="Niederlande"
aria-label="Niederlande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Niederlande</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NO"
data-aliases=""
id="Norwegen"
aria-label="Norwegen"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Norwegen</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AT"
data-aliases=""
id="Österreich"
aria-label="Österreich"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Österreich</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="PL"
data-aliases=""
id="Polen"
aria-label="Polen"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PL"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Polen</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="PT"
data-aliases=""
id="Portugal"
aria-label="Portugal"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PT"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Portugal</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="RO"
data-aliases=""
id="Rumänien"
aria-label="Rumänien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/RO"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Rumänien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SE"
data-aliases=""
id="Schweden"
aria-label="Schweden"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Schweden</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CH"
data-aliases=""
id="Schweiz"
aria-label="Schweiz"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CH"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Schweiz</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="RS"
data-aliases=""
id="Serbien"
aria-label="Serbien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/RS"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Serbien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SG"
data-aliases=""
id="Singapur"
aria-label="Singapur"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SG"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Singapur</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SK"
data-aliases=""
id="Slowakei"
aria-label="Slowakei"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slowakei</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SI"
data-aliases=""
id="Slowenien"
aria-label="Slowenien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SI"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slowenien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HK"
data-aliases=""
id="Sonderverwaltungsregion Hongkong"
aria-label="Sonderverwaltungsregion Hongkong"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HK"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Sonderverwaltungsregion Hongkong</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="ES"
data-aliases=""
id="Spanien"
aria-label="Spanien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/ES"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Spanien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="KR"
data-aliases=""
id="Südkorea"
aria-label="Südkorea"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/KR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Südkorea</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="TH"
data-aliases=""
id="Thailand"
aria-label="Thailand"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/TH"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Thailand</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CZ"
data-aliases=""
id="Tschechien"
aria-label="Tschechien"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CZ"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Tschechien</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="TR"
data-aliases=""
id="Türkei"
aria-label="Türkei"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/TR"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Türkei</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HU"
data-aliases=""
id="Ungarn"
aria-label="Ungarn"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HU"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Ungarn</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AE"
data-aliases=""
id="Vereinigte Arabische Emirate"
aria-label="Vereinigte Arabische Emirate"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AE"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Vereinigte Arabische Emirate</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="US"
data-aliases="us,usa,america,united states of america"
id="Vereinigte Staaten"
aria-label="Vereinigte Staaten"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/US"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Vereinigte Staaten</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GB"
data-aliases="uk,gb,great britain"
id="Vereinigtes Königreich"
aria-label="Vereinigtes Königreich"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GB"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Vereinigtes Königreich</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CY"
data-aliases=""
id="Zypern"
aria-label="Zypern"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CY"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Zypern</span>
<span
class="localization-form__currency motion-reduce"
hidden
>
EUR
€</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="FR"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</dropdown-localization-component>
<search-button class="search-action mobile:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Suche öffnen"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
<script
type="module"
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/cart-icon.js?v=14733679814066288171761723364"
fetchpriority="low"
></script>
<header-actions>
<anchored-popover-component
data-close-on-resize="true"
class="account-popover mobile:hidden"
>
<button
class="account-button header-actions__action"
aria-label="Kontomenü öffnen"><span
class="account-button__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>
<div
class="account-popover__panel details-content color-scheme-1"
id="account-popover"
popover="auto"
ref="popover"
>
<div class="account-actions">
<div class="account-actions__main-menu">
<header class="account-actions__header">
<span class="account-actions__title h5">
Konto
</span>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/account-login-actions.js?v=132624473766457443991761723364"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_Ccwc7mFg.de.esm.js"></script>
<script defer="defer" async type="module" src="//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CuGXhKWL.esm.js"></script>
<script defer="defer" async type="module" src="//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_BsCGu73L.esm.js"></script>
<script type="module">
await import("//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_Ccwc7mFg.de.esm.js");
await import("//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CuGXhKWL.esm.js");
await import("//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_BsCGu73L.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://waschbare-schmutzfangmatte.de/account/redirect" proxy="true" redirect-type="iframe" response-type="code"></shop-login-button>
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2F&locale=de"
class="account-actions__link button"
>
<span class="account-actions__sign-in-text">
Andere Anmeldeoptionen
</span>
<span class="account-actions__fallback-text">
Anmelden
</span>
</a>
</div>
<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a
href="/account"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
<path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
Bestellungen
</a>
</li>
<li class="account-actions__list-item">
<a
href="/account/addresses"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
Profil
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</anchored-popover-component>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/dialog.js?v=94382931671780430451761723364"
type="module"
></script>
<dialog-component
class="account-drawer"
>
<button
class="account-button header-actions__action"
aria-label="Kontomenü öffnen"><span
class="account-button__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>
<dialog
ref="dialog"
class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button account-drawer__close-button"
aria-label="Dialogfeld schließen"
>
<span
class="svg-wrapper"
aria-hidden="true"
><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div class="account-actions">
<div class="account-actions__main-menu">
<header class="account-actions__header">
<span class="account-actions__title h5">
Konto
</span>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/account-login-actions.js?v=132624473766457443991761723364"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_Ccwc7mFg.de.esm.js"></script>
<script defer="defer" async type="module" src="//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CuGXhKWL.esm.js"></script>
<script defer="defer" async type="module" src="//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_BsCGu73L.esm.js"></script>
<script type="module">
await import("//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_Ccwc7mFg.de.esm.js");
await import("//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CuGXhKWL.esm.js");
await import("//waschbare-schmutzfangmatte.de/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_BsCGu73L.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://waschbare-schmutzfangmatte.de/account/redirect" proxy="true" redirect-type="iframe" response-type="code"></shop-login-button>
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2F&locale=de"
class="account-actions__link button"
autofocus
>
<span class="account-actions__sign-in-text">
Andere Anmeldeoptionen
</span>
<span class="account-actions__fallback-text">
Anmelden
</span>
</a>
</div>
<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a
href="/account"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
<path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
Bestellungen
</a>
</li>
<li class="account-actions__list-item">
<a
href="/account/addresses"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
Profil
</a>
</li>
</ul>
</nav>
</div>
</div>
</dialog>
</dialog-component>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/cart-drawer.js?v=92290163633888904321761723364"
type="module"
fetchpriority="low"
></script>
<cart-drawer-component
class="cart-drawer"
>
<button
class="button header-actions__action button-unstyled"
on:click="/open"
aria-label="Warenkorb öffnen Artikel im Warenkorb insgesamt: 0"
>
<cart-icon
class="header-actions__cart-icon"
data-testid="cart-icon"
>
<span
class="svg-wrapper"
aria-hidden="true"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
</span>
<div
ref="cartBubble"
class="cart-bubble visually-hidden"
data-maintain-ratio
>
<span class="cart-bubble__background"></span>
<span
ref="cartBubbleText"
class="cart-bubble__text"
role="status"
>
<span class="visually-hidden">Artikel im Warenkorb insgesamt: 0
</span>
<span
class="cart-bubble__text-count hidden"
ref="cartBubbleCount"
aria-hidden="true"
data-testid="cart-bubble"
>
0</span>
</span>
</div>
</cart-icon>
</button>
<dialog
ref="dialog"
class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
scroll-lock
>
<div class="cart-drawer__inner">
<cart-items-component
class="cart-items-component"
data-section-id="sections--26293829599576__header_section"
><div class="cart-drawer__header">
<button
ref="closeButton"
on:click="cart-drawer-component/close"
class="button close-button cart-drawer__close-button button-unstyled"
aria-label="Dialogfeld schließen"
>
<span class="svg-wrapper"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div
class="cart-drawer__content motion-reduce"
aria-label="Warenkorb"
>
<span class="cart-drawer__heading h3 cart-drawer__heading--empty">
Dein Warenkorb ist leer
</span>
<div class="cart-drawer__items">
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/component-cart-items.js?v=95720873921622680421761723364"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper"
>
<p>
Hast du ein Konto? <a href="https://waschbare-schmutzfangmatte.de/customer_authentication/redirect?locale=de®ion_country=FR">Logge dich ein</a>, damit es beim Checkout schneller geht.
</p><a
class="button cart-items__empty-button"
href="/collections/all"
>
Weiter einkaufen
</a></div>
</div>
</div></cart-items-component>
</div>
</dialog>
</cart-drawer-component>
</header-actions>
</div>
</div>
</div>
</header-component>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/header.js?v=78043468934677320351761723364"
type="module"
></script>
<script type="module">
import { hydrate } from '@theme/section-hydration';
const url = new URL(window.location.href);
url.searchParams.delete('page');
hydrate('sections--26293829599576__header_section', url);
</script>
</header>
<!-- END sections: header-group -->
</div>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/critical.js?v=169402557219780209121761723364"
type="module"
async
blocking="render"
></script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="true"
data-product-transition="true"
data-template="index"
>
<section id="shopify-section-template--26293829337432__hero_irjTFL" class="shopify-section hero-wrapper section-wrapper">
<div
id="Hero-template--26293829337432__hero_irjTFL"
class="hero color-scheme-6"
style=" --hero-border-style: ; --hero-border-width: px; --hero-border-opacity: %; --blur-opacity: 0.75; --hero-min-height: var(--section-height-large); "
>
<div
class="hero__container spacing-style section section--full-width"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));"
><a
href="/collections"
class="hero__link"
></a><div
class="hero__media-wrapper"
style="--hero-media-count: 1;--hero-media-aspect-ratio: 0.5625;"
>
<div
class="overlay overlay--gradient"
style=" --overlay-layer: var(--layer-flat); --overlay-color: #0000009e; --overlay-color--end: rgba(0, 0, 0, 0); --overlay-direction: to top;"
></div>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_2.jpg?v=1710147324&width=3840" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_2.jpg?v=1710147324&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_2.jpg?v=1710147324&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_2.jpg?v=1710147324&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_2.jpg?v=1710147324&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_2.jpg?v=1710147324&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_2.jpg?v=1710147324&width=3840 3840w" width="1080" height="1920" class="hero__image" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high">
</div>
<div
class="hero__content-wrapper layout-panel-flex layout-panel-flex--column mobile-column section-content-wrapper page-width"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 96px));--horizontal-alignment: flex-start; --vertical-alignment: flex-end;--vertical-alignment-mobile: flex-end;"
>
<div
class="spacing-style text-block text-block--AM0lsdGJjRzRhYXV5V__text_CXHmij h1 text-block--align-left"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--display-narrow); --text-align: left; "
>
<h2>Willkommen bei Washbare Schmutzfangmatte</h2>
</div>
</div>
</div>
</div>
</section><div id="shopify-section-template--26293829337432__product_list_x9Yaab" class="shopify-section ui-test-product-list">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: 0px; --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); "
>
<div class="section-resource-list__header">
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 20px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AMVFXTUtOckI4aXN4T__product_list_text_QBqpVr h5"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h2>Willkommen in der wunderbaren Welt der Washbare Schmutzfangmatte</h2>
</div>
<div
class="spacing-style text-block text-block--AVTQ2OStjMDZUTk9FW__text_ncFBNH h3"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--heading-normal); "
>
<p>Entdecken Sie unsere<a href="https://waschbare-schmutzfangmatte.de/collections/schmutzfangmatte-design"><strong>Design-Schmutzfangmatten</strong></a>, bei denen jedes Stück ein Kunstwerk ist, das Stil und Persönlichkeit in Ihren Eingangsbereich bringt.</p>
</div>
</div>
</div>
</div>
<div
class="resource-list force-full-width resource-list__carousel"
style="--resource-list-column-gap-desktop: 0px;--column-count: 5;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
data-testid="resource-list-grid"
>
<div
class="resource-list__carousel"
style=" --gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px; "
>
<slideshow-component
ref="resourceListCarousel"
class="resource-list__carousel"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorherige Folie"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Nächste Folie"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
gutters="start end"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051068957016"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/abtreter-innen-639.jpg?v=1711341253&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051068957016"
data-product-variants-size="3"
id="product-card-AS201Und0aWNxT1ZnT__static-product-card"
data-product-transition="true"
>
<a
id="26b2af2174f0acd1352f5d978ac68ccd"
href="/products/abtreter-innen?variant=47900199977304"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Abtreter Innen
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051121451352"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/anti-rutsch-und-schmutzfangmatte-834.webp?v=1711341700&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051121451352"
data-product-variants-size="31"
id="product-card-AS201Und0aWNxT1ZnT__static-product-card-1"
data-product-transition="true"
>
<a
id="0e04f4a784ae75c16222d40b7d62fc60"
href="/products/anti-rutsch-und-schmutzfangmatte?variant=47900350185816"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Anti Rutsch Und Schmutzfangmatte
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051175289176"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/ausgefallene-fussmatten-692.webp?v=1711346847&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051175289176"
data-product-variants-size="1"
id="product-card-AS201Und0aWNxT1ZnT__static-product-card-2"
data-product-transition="true"
>
<a
id="d4a6b4fb4d6b3e22d90ccc54eab0d82e"
href="/products/ausgefallene-fussmatten?variant=47900566454616"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Ausgefallene Fußmatten
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051174863192"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/ausgefallene-schoene-fussmatten-636.webp?v=1711346741&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051174863192"
data-product-variants-size="2"
id="product-card-AS201Und0aWNxT1ZnT__static-product-card-3"
data-product-transition="true"
>
<a
id="2d1bcafbef60fc9ada9319b275396914"
href="/products/ausgefallene-schoene-fussmatten?variant=47900564357464"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Ausgefallene Schöne Fußmatten
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051127710040"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/beste-schmutzfangmatte-717.webp?v=1711342493&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051127710040"
data-product-variants-size="13"
id="product-card-AS201Und0aWNxT1ZnT__static-product-card-4"
data-product-transition="true"
>
<a
id="5358c8b8cb00aeeb2859a2e21462c591"
href="/products/beste-schmutzfangmatte?variant=47900391506264"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Beste Schmutzfangmatte
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051121549656"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/beste-schmutzfangmatte-innen-674.webp?v=1711341721&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051121549656"
data-product-variants-size="31"
id="product-card-AS201Und0aWNxT1ZnT__static-product-card-5"
data-product-transition="true"
>
<a
id="492ceae1eaedf52ebb8f43d688240fe4"
href="/products/beste-schmutzfangmatte-innen?variant=47900351299928"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Beste Schmutzfangmatte Innen
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-6; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051161297240"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/bunte-schmutzfangmatte-268.webp?v=1711345208&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051161297240"
data-product-variants-size="3"
id="product-card-AS201Und0aWNxT1ZnT__static-product-card-6"
data-product-transition="true"
>
<a
id="2bd6ccec70ef292c06600d95b2e65356"
href="/products/bunte-schmutzfangmatte?variant=47900527690072"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Bunte Schmutzfangmatte
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-7; --product-media-fit: cover;"
class="resource-list__slide"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051122565464"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/bunte-schmutzfangmatten-955.webp?v=1711341824&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051122565464"
data-product-variants-size="13"
id="product-card-AS201Und0aWNxT1ZnT__static-product-card-7"
data-product-transition="true"
>
<a
id="127301e671856594e0767f94b68daabb"
href="/products/bunte-schmutzfangmatten?variant=47900358410584"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Bunte Schmutzfangmatten
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style color-scheme-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: center;"
></div>
</div>
</div><div id="shopify-section-template--26293829337432__collection_list_X4mCEw" class="shopify-section ui-test-collection-list">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px)); --gap: 12px; "
>
<div class="section-resource-list__content">
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 16px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
</div>
</div>
</div>
<div
class="resource-list resource-list--bento"
style="--resource-list-column-gap-desktop: 8px;--bento-gap: var(--resource-list-column-gap);"
data-testid="collections-list-grid"
>
<div
class="bento-box"
data-testid="bento-box"
>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="Aa2c0QnBkblE1Y0hJY__static-collection-card"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/schmutzfangmatte-beige"
>
<span class="visually-hidden">schmutzfangmatte beige</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="Aa2c0QnBkblE1Y0hJY__static-collection-card"] {
--ratio: 1.0;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=3840" alt="47900377383256|47900377416024|47900377448792|47900377481560|47900377514328|47900377547096|47900377579864|47900377612632|47900377645400|47900377678168" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/extra-duenne-fussmatte-181.jpg?v=1711342264&width=3840 3840w" width="3840" height="3840" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--AcGZmYTl0TVhzRm51U__collection_title_4q3iEc rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>schmutzfangmatte beige</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="Aa2c0QnBkblE1Y0hJY__static-collection-card-1"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/schmutzfangmatte-gelb"
>
<span class="visually-hidden">schmutzfangmatte gelb</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="Aa2c0QnBkblE1Y0hJY__static-collection-card-1"] {
--ratio: 1.0;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=3840" alt="47900395241816|47900395274584|47900395307352|47900395340120|47900395372888|47900395405656|47900395438424|47900395471192|47900395503960|47900395536728|47900395569496|47900395602264|47900395635032|47900395667800|47900395700568|47900395733336|47900395766104|47900395798872|47900395831640|47900395864408|47900395929944|47900395962712|47900395995480|47900396028248|47900396061016" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-kueche-waschbar-421.webp?v=1711342545&width=3840 3840w" width="3840" height="3840" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--AcGZmYTl0TVhzRm51U__collection_title_4q3iEc-1 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>schmutzfangmatte gelb</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="Aa2c0QnBkblE1Y0hJY__static-collection-card-2"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/schmutzfangmatte-grun"
>
<span class="visually-hidden">schmutzfangmatte grün</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="Aa2c0QnBkblE1Y0hJY__static-collection-card-2"] {
--ratio: 1.0;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=3840" alt="47900483453272|47900483486040|47900483518808|47900483551576|47900483584344|47900483617112|47900483649880|47900483682648|47900483715416|47900483748184|47900483780952|47900483846488|47900483944792|47900484010328|47900484075864|47900484141400|47900484206936" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/tuer-teppich-innen-265.webp?v=1711344219&width=3840 3840w" width="3840" height="3840" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--AcGZmYTl0TVhzRm51U__collection_title_4q3iEc-2 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>schmutzfangmatte grün</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="Aa2c0QnBkblE1Y0hJY__static-collection-card-3"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/schmutzfangmatte-rot"
>
<span class="visually-hidden">schmutzfangmatte rot</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="Aa2c0QnBkblE1Y0hJY__static-collection-card-3"] {
--ratio: 1.0;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=3840" alt="47900528378200|47900528410968" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-fuer-hunde-115.webp?v=1711345258&width=3840 3840w" width="3840" height="3840" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--AcGZmYTl0TVhzRm51U__collection_title_4q3iEc-3 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>schmutzfangmatte rot</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bento-box__item">
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="collection-card border-style collection-card--image-bg collection-card--image-height-fixed"
data-block-id="Aa2c0QnBkblE1Y0hJY__static-collection-card-4"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --horizontal-alignment: flex-start; --vertical-alignment: flex-end; --background-overlay-color: ; --collection-card-gap: 8px; ">
<a
class="collection-card__link"
href="/collections/schmutzfangmatte-weiss"
>
<span class="visually-hidden">schmutzfangmatte weiss</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="Aa2c0QnBkblE1Y0hJY__static-collection-card-4"] {
--ratio: 1.0;
}
</style>
<div
class="image-block resource-image collection-card__image spacing-style border-style"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
><img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=3840" alt="47900507406680|47900507439448|47900507472216|47900507504984|47900507537752|47900507570520|47900507603288|47900507636056|47900507701592|47900507734360|47900507767128|47900507799896|47900507832664|47900507865432|47900507898200|47900507930968|47900507963736|47900507996504|47900508029272|47900508062040|47900508094808|47900508127576|47900508160344|47900508193112|47900508225880" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-modern-651.webp?v=1711344776&width=3840 3840w" width="3840" height="3840" loading="lazy" class="image-block__image" sizes="auto, (min-width: 750px) 50vw, 100vw">
</div>
<div class="collection-card__content layout-panel-flex--column">
<div
class="spacing-style text-block text-block--AcGZmYTl0TVhzRm51U__collection_title_4q3iEc-4 rte text-block--background rte"
style=" --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px; --width: fit-content; --max-width: var(--max-width--body-normal); --text-background-color: #ffffff; --text-corner-radius: 0px; --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg)))); "
>
<p>schmutzfangmatte weiss</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26293829337432__section_FTTBLk" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--row section-content-wrapper mobile-column"
style=" --flex-direction: row; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px)); "
data-testid="section-content"
>
<div
class="image-block image-block--ANEJpR0JhVHU3VDA5M__image_apMWFV image-block--height-fit spacing-style size-style"
style=" --ratio: 16 / 9; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_4.jpg?v=1710147886&width=3840" alt="" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_4.jpg?v=1710147886&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_4.jpg?v=1710147886&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_4.jpg?v=1710147886&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_4.jpg?v=1710147886&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_4.jpg?v=1710147886&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_4.jpg?v=1710147886&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_4.jpg?v=1710147886&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte_4.jpg?v=1710147886&width=3840 3840w" width="2000" height="1000" loading="lazy" class="image-block__image border-style" style=" --ratio: 16 / 9; --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; " sizes="auto, (min-width: 750px) 100vw, 100vw">
</div>
<div
class="group-block group-block--height-fit group-block--width-custom border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AWWF5bXV2ZFEwQ3UzM__text_Rc63gm h3"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h2>Schmutzfangmatte Design</h2>
</div>
<rte-formatter
class="spacing-style text-block text-block--AUDRsK0hCdnlnNmEyT__text_mtDgyF paragraph rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Entdecken Sie <strong>stilvolle Schmutzfangmatten </strong>in der Kollektion <a href="https://waschbare-schmutzfangmatte.de/collections/schmutzfangmatte-design"><strong>Schmutzfangmatte Design</strong></a>, mit <strong>modernen</strong>, <strong>vintage </strong>und <strong>minimalistischen </strong>Designs. Perfekt, um den Eingangsbereich Ihres Zuhauses funktional und <a href="https://cdn.shopify.com/s/files/1/0821/0592/5976/files/welche_schmutzfangmatte_ist_die_beste.pdf?v=1738456009https://cdn.shopify.com/s/files/1/0821/0592/5976/files/waschbare.jpg?v=1738454411" target="_blank" title="https://cdn.shopify.com/s/files/1/0821/0592/5976/files/welche_schmutzfangmatte_ist_die_beste.pdf?v=1738456009https://cdn.shopify.com/s/files/1/0821/0592/5976/files/waschbare.jpg?v=1738454411">ästhetisch zu bereichern.</a></p>
</rte-formatter>
<a
href="/collections/tappeti-moderni"
class="size-style button button--Aem80a2s5Q1hDVmNVL__button_tLUAi3"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Acquista ora
</a>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26293829337432__product_list_xgLfMV" class="shopify-section ui-test-product-list">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); "
>
<div class="section-resource-list__header">
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: 12px;--horizontal-alignment: space-between; --vertical-alignment: last baseline;--vertical-alignment-mobile: last baseline;"
>
<rte-formatter
class="spacing-style text-block text-block--AVTA3RXRlNDlUUzZrN__product_list_text_FEJMbm rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h2>Schmutzfangmatte Grau</h2>
</rte-formatter>
<a
href="/collections/schmutzfangmatte-grau"
class="size-style link link--AanIvd2plY3paM01WM__product_list_button_HRQEyg"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Tout voir
</a>
</div>
</div>
</div>
<div
class="resource-list resource-list--grid"
style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
data-testid="resource-list-grid"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051172143448"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051172143448"
data-product-variants-size="7"
id="product-card-AYXk3dGl4eHIybzQ4V__static-product-card"
data-product-transition="true"
>
<a
id="6c2ee330bdd1d839c036bf527325f4a9"
href="/products/design-schmutzfangmatte-elegance?variant=47900552200536"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Design Schmutzfangmatte Elegance
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="9051172143448"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/design-schmutzfangmatte-elegance?variant=47900552200536"
aria-label="Design Schmutzfangmatte Elegance"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2;"
initial-slide="0"
infinite
data-generic-media-size="1"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219563397464">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219563397464"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=3840" alt="47900552200536|47900552233304|47900552266072|47900552298840|47900552331608|47900552364376|47900552397144" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219563790680"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219563790680"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-995.webp?v=1711346152&width=3840" alt="Design Schmutzfangmatte Elegance" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-995.webp?v=1711346152&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-995.webp?v=1711346152&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-995.webp?v=1711346152&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-995.webp?v=1711346152&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-995.webp?v=1711346152&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-995.webp?v=1711346152&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-995.webp?v=1711346152&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-995.webp?v=1711346152&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-995.webp?v=1711346152&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Design Schmutzfangmatte Elegance"
>
<product-form-component
data-section-id="template--26293829337432__product_list_xgLfMV"
data-product-id="9051172143448"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051172143448-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900552200536"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/design-schmutzfangmatte-elegance-999.webp?v=1711346148&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Hinzufügen
</span>
</span>
</button><input type="hidden" name="product-id" value="9051172143448" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Design Schmutzfangmatte Elegance</h3>
<div class="h6">
<product-price data-product-id="9051172143448">
<div ref="priceContainer">
<span class="price">€37,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/design-schmutzfangmatte-elegance?variant=47900552200536"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AOHNPNUlES1cvSklrZ__product_title_pqAUq4 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Design Schmutzfangmatte Elegance</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ASGVRVzBoMWxxNWI0N__price_3EAFUe"
data-product-id="9051172143448"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€37,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051163296088"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-152.jpg?v=1711345403&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051163296088"
data-product-variants-size="3"
id="product-card-AYXk3dGl4eHIybzQ4V__static-product-card-1"
data-product-transition="true"
>
<a
id="f587ecc5a7cb9d7b1ada9baf7a63a075"
href="/products/schmutzfangmatte-innen?variant=47900533424472"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Schmutzfangmatte Innen
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx-1 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="9051163296088"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/schmutzfangmatte-innen?variant=47900533424472"
aria-label="Schmutzfangmatte Innen"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorherige Folie"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Nächste Folie"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219493110104">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219493110104"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-152.jpg?v=1711345403&width=3840" alt="47900533424472|47900533457240|47900533490008" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-152.jpg?v=1711345403&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-152.jpg?v=1711345403&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-152.jpg?v=1711345403&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-152.jpg?v=1711345403&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-152.jpg?v=1711345403&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-152.jpg?v=1711345403&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-152.jpg?v=1711345403&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-152.jpg?v=1711345403&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-152.jpg?v=1711345403&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219493437784"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219493437784"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-480.webp?v=1711345407&width=3840" alt="Schmutzfangmatte Innen" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-480.webp?v=1711345407&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-480.webp?v=1711345407&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-480.webp?v=1711345407&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-480.webp?v=1711345407&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-480.webp?v=1711345407&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-480.webp?v=1711345407&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-480.webp?v=1711345407&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-480.webp?v=1711345407&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-480.webp?v=1711345407&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219493765464"
>
<div
class="product-media"
style="--ratio: 0.6639004149377593"
data-media-id="47219493765464"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-225.webp?v=1711345410&width=3840" alt="Schmutzfangmatte Innen" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-225.webp?v=1711345410&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-225.webp?v=1711345410&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-225.webp?v=1711345410&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-225.webp?v=1711345410&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-225.webp?v=1711345410&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-225.webp?v=1711345410&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-225.webp?v=1711345410&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-225.webp?v=1711345410&width=3840 3840w" width="3840" height="5784" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-225.webp?v=1711345410&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Schmutzfangmatte Innen"
>
<product-form-component
data-section-id="template--26293829337432__product_list_xgLfMV"
data-product-id="9051163296088"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051163296088-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900533424472"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-innen-152.jpg?v=1711345403&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Hinzufügen
</span>
</span>
</button><input type="hidden" name="product-id" value="9051163296088" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Schmutzfangmatte Innen</h3>
<div class="h6">
<product-price data-product-id="9051163296088">
<div ref="priceContainer">
<span class="price">€39,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/schmutzfangmatte-innen?variant=47900533424472"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AOHNPNUlES1cvSklrZ__product_title_pqAUq4-1 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Schmutzfangmatte Innen</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ASGVRVzBoMWxxNWI0N__price_3EAFUe-1"
data-product-id="9051163296088"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€39,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051175256408"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-eingangsbereich-schmutzfang-413.webp?v=1711346841&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051175256408"
data-product-variants-size="1"
id="product-card-AYXk3dGl4eHIybzQ4V__static-product-card-2"
data-product-transition="true"
>
<a
id="af57a046bf1c8ef1fe2b44aea2c1b6fb"
href="/products/teppich-eingangsbereich-schmutzfang?variant=47900566421848"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Teppich Eingangsbereich Schmutzfang
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx-2 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="9051175256408"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/teppich-eingangsbereich-schmutzfang?variant=47900566421848"
aria-label="Teppich Eingangsbereich Schmutzfang"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1;"
initial-slide="0"
infinite
data-generic-media-size="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219627655512">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219627655512"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-eingangsbereich-schmutzfang-413.webp?v=1711346841&width=3840" alt="47900566421848" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-eingangsbereich-schmutzfang-413.webp?v=1711346841&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-eingangsbereich-schmutzfang-413.webp?v=1711346841&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-eingangsbereich-schmutzfang-413.webp?v=1711346841&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-eingangsbereich-schmutzfang-413.webp?v=1711346841&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-eingangsbereich-schmutzfang-413.webp?v=1711346841&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-eingangsbereich-schmutzfang-413.webp?v=1711346841&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-eingangsbereich-schmutzfang-413.webp?v=1711346841&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-eingangsbereich-schmutzfang-413.webp?v=1711346841&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-eingangsbereich-schmutzfang-413.webp?v=1711346841&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Teppich Eingangsbereich Schmutzfang"
>
<product-form-component
data-section-id="template--26293829337432__product_list_xgLfMV"
data-product-id="9051175256408"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--multi-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051175256408-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900566421848"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/teppich-eingangsbereich-schmutzfang-413.webp?v=1711346841&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="9051175256408" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Teppich Eingangsbereich Schmutzfang</h3>
<div class="h6">
<product-price data-product-id="9051175256408">
<div ref="priceContainer">
<span class="price">€43,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/teppich-eingangsbereich-schmutzfang?variant=47900566421848"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AOHNPNUlES1cvSklrZ__product_title_pqAUq4-2 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Teppich Eingangsbereich Schmutzfang</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ASGVRVzBoMWxxNWI0N__price_3EAFUe-2"
data-product-id="9051175256408"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€43,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051174535512"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-203.jpg?v=1711346707&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051174535512"
data-product-variants-size="2"
id="product-card-AYXk3dGl4eHIybzQ4V__static-product-card-3"
data-product-transition="true"
>
<a
id="b5aa23e6b0f6a7d0b746baf1fedb78f5"
href="/products/schwarze-schmutzfangmatte?variant=47900563046744"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Schwarze Schmutzfangmatte
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx-3 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="9051174535512"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/schwarze-schmutzfangmatte?variant=47900563046744"
aria-label="Schwarze Schmutzfangmatte"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;"
initial-slide="0"
infinite
data-generic-media-size="5"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorherige Folie"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Nächste Folie"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219613008216"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219613008216"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-277.jpg?v=1711346685&width=3840" alt="Schwarze Schmutzfangmatte" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-277.jpg?v=1711346685&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-277.jpg?v=1711346685&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-277.jpg?v=1711346685&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-277.jpg?v=1711346685&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-277.jpg?v=1711346685&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-277.jpg?v=1711346685&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-277.jpg?v=1711346685&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-277.jpg?v=1711346685&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-277.jpg?v=1711346685&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219613172056"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219613172056"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-388.webp?v=1711346689&width=3840" alt="Schwarze Schmutzfangmatte" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-388.webp?v=1711346689&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-388.webp?v=1711346689&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-388.webp?v=1711346689&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-388.webp?v=1711346689&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-388.webp?v=1711346689&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-388.webp?v=1711346689&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-388.webp?v=1711346689&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-388.webp?v=1711346689&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-388.webp?v=1711346689&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219613434200"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219613434200"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-147.webp?v=1711346694&width=3840" alt="Schwarze Schmutzfangmatte" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-147.webp?v=1711346694&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-147.webp?v=1711346694&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-147.webp?v=1711346694&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-147.webp?v=1711346694&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-147.webp?v=1711346694&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-147.webp?v=1711346694&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-147.webp?v=1711346694&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-147.webp?v=1711346694&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-147.webp?v=1711346694&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219613794648"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219613794648"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-802.webp?v=1711346698&width=3840" alt="Schwarze Schmutzfangmatte" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-802.webp?v=1711346698&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-802.webp?v=1711346698&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-802.webp?v=1711346698&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-802.webp?v=1711346698&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-802.webp?v=1711346698&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-802.webp?v=1711346698&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-802.webp?v=1711346698&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-802.webp?v=1711346698&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-802.webp?v=1711346698&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219613892952"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219613892952"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-351.webp?v=1711346702&width=3840" alt="Schwarze Schmutzfangmatte" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-351.webp?v=1711346702&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-351.webp?v=1711346702&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-351.webp?v=1711346702&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-351.webp?v=1711346702&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-351.webp?v=1711346702&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-351.webp?v=1711346702&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-351.webp?v=1711346702&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-351.webp?v=1711346702&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-351.webp?v=1711346702&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-6; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219614384472"
hidden
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219614384472"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-203.jpg?v=1711346707&width=3840" alt="47900563046744|47900563079512" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-203.jpg?v=1711346707&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-203.jpg?v=1711346707&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-203.jpg?v=1711346707&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-203.jpg?v=1711346707&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-203.jpg?v=1711346707&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-203.jpg?v=1711346707&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-203.jpg?v=1711346707&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-203.jpg?v=1711346707&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-203.jpg?v=1711346707&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Schwarze Schmutzfangmatte"
>
<product-form-component
data-section-id="template--26293829337432__product_list_xgLfMV"
data-product-id="9051174535512"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051174535512-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900563046744"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/schwarze-schmutzfangmatte-203.jpg?v=1711346707&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Hinzufügen
</span>
</span>
</button><input type="hidden" name="product-id" value="9051174535512" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Schwarze Schmutzfangmatte</h3>
<div class="h6">
<product-price data-product-id="9051174535512">
<div ref="priceContainer">
<span class="price">€72,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/schwarze-schmutzfangmatte?variant=47900563046744"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AOHNPNUlES1cvSklrZ__product_title_pqAUq4-3 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Schwarze Schmutzfangmatte</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ASGVRVzBoMWxxNWI0N__price_3EAFUe-3"
data-product-id="9051174535512"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€72,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051172307288"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzmatte-innen-940.webp?v=1711346180&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051172307288"
data-product-variants-size="3"
id="product-card-AYXk3dGl4eHIybzQ4V__static-product-card-4"
data-product-transition="true"
>
<a
id="9bef7712479bda8b725c4a28f91fce6b"
href="/products/schmutzmatte-innen?variant=47900552986968"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Schmutzmatte Innen
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx-4 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="9051172307288"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/schmutzmatte-innen?variant=47900552986968"
aria-label="Schmutzmatte Innen"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1;"
initial-slide="0"
infinite
data-generic-media-size="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219566510424">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219566510424"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzmatte-innen-940.webp?v=1711346180&width=3840" alt="47900552986968|47900553019736|47900553052504" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzmatte-innen-940.webp?v=1711346180&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzmatte-innen-940.webp?v=1711346180&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzmatte-innen-940.webp?v=1711346180&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzmatte-innen-940.webp?v=1711346180&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzmatte-innen-940.webp?v=1711346180&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzmatte-innen-940.webp?v=1711346180&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzmatte-innen-940.webp?v=1711346180&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzmatte-innen-940.webp?v=1711346180&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzmatte-innen-940.webp?v=1711346180&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Schmutzmatte Innen"
>
<product-form-component
data-section-id="template--26293829337432__product_list_xgLfMV"
data-product-id="9051172307288"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051172307288-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900552986968"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzmatte-innen-940.webp?v=1711346180&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Hinzufügen
</span>
</span>
</button><input type="hidden" name="product-id" value="9051172307288" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Schmutzmatte Innen</h3>
<div class="h6">
<product-price data-product-id="9051172307288">
<div ref="priceContainer">
<span class="price">€26,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/schmutzmatte-innen?variant=47900552986968"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AOHNPNUlES1cvSklrZ__product_title_pqAUq4-4 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Schmutzmatte Innen</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ASGVRVzBoMWxxNWI0N__price_3EAFUe-4"
data-product-id="9051172307288"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€26,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051138818392"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-935.webp?v=1711342648&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051138818392"
data-product-variants-size="22"
id="product-card-AYXk3dGl4eHIybzQ4V__static-product-card-5"
data-product-transition="true"
>
<a
id="49b94392a18b69eb14c151a6409a187d"
href="/products/schmutzfangmatte-mit-muster?variant=47900409561432"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Schmutzfangmatte Mit Muster
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx-5 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="9051138818392"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/schmutzfangmatte-mit-muster?variant=47900409561432"
aria-label="Schmutzfangmatte Mit Muster"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorherige Folie"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Nächste Folie"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219197018456">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219197018456"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-935.webp?v=1711342648&width=3840" alt="47900409561432|47900409594200|47900409626968|47900409659736|47900409692504|47900409725272|47900409758040|47900409790808|47900409823576|47900409856344|47900409889112|47900409921880|47900409954648|47900409987416|47900410020184|47900410052952|47900410085720|47900410118488|47900410151256|47900410184024|47900410216792|47900410249560" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-935.webp?v=1711342648&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-935.webp?v=1711342648&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-935.webp?v=1711342648&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-935.webp?v=1711342648&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-935.webp?v=1711342648&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-935.webp?v=1711342648&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-935.webp?v=1711342648&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-935.webp?v=1711342648&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-935.webp?v=1711342648&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219197903192"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219197903192"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-901.jpg?v=1711342653&width=3840" alt="Schmutzfangmatte Mit Muster" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-901.jpg?v=1711342653&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-901.jpg?v=1711342653&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-901.jpg?v=1711342653&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-901.jpg?v=1711342653&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-901.jpg?v=1711342653&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-901.jpg?v=1711342653&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-901.jpg?v=1711342653&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-901.jpg?v=1711342653&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-901.jpg?v=1711342653&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219198132568"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219198132568"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-285.webp?v=1711342657&width=3840" alt="Schmutzfangmatte Mit Muster" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-285.webp?v=1711342657&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-285.webp?v=1711342657&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-285.webp?v=1711342657&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-285.webp?v=1711342657&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-285.webp?v=1711342657&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-285.webp?v=1711342657&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-285.webp?v=1711342657&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-285.webp?v=1711342657&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-285.webp?v=1711342657&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219198394712"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219198394712"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-415.webp?v=1711342661&width=3840" alt="Schmutzfangmatte Mit Muster" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-415.webp?v=1711342661&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-415.webp?v=1711342661&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-415.webp?v=1711342661&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-415.webp?v=1711342661&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-415.webp?v=1711342661&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-415.webp?v=1711342661&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-415.webp?v=1711342661&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-415.webp?v=1711342661&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-415.webp?v=1711342661&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Schmutzfangmatte Mit Muster"
>
<product-form-component
data-section-id="template--26293829337432__product_list_xgLfMV"
data-product-id="9051138818392"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051138818392-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900409561432"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-mit-muster-935.webp?v=1711342648&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Hinzufügen
</span>
</span>
</button><input type="hidden" name="product-id" value="9051138818392" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Schmutzfangmatte Mit Muster</h3>
<div class="h6">
<product-price data-product-id="9051138818392">
<div ref="priceContainer">
<span class="price">€268,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/schmutzfangmatte-mit-muster?variant=47900409561432"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AOHNPNUlES1cvSklrZ__product_title_pqAUq4-5 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Schmutzfangmatte Mit Muster</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ASGVRVzBoMWxxNWI0N__price_3EAFUe-5"
data-product-id="9051138818392"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€268,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051138720088"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-793.webp?v=1711342630&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051138720088"
data-product-variants-size="22"
id="product-card-AYXk3dGl4eHIybzQ4V__static-product-card-6"
data-product-transition="true"
>
<a
id="66aa4ad8393dc669683422e10e7dc56e"
href="/products/schmutzfangmatte-lang?variant=47900408807768"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Schmutzfangmatte Lang
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx-6 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="9051138720088"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/schmutzfangmatte-lang?variant=47900408807768"
aria-label="Schmutzfangmatte Lang"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorherige Folie"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Nächste Folie"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219195380056">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219195380056"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-793.webp?v=1711342630&width=3840" alt="47900408807768|47900408840536|47900408873304|47900408906072|47900408938840|47900408971608|47900409004376|47900409037144|47900409069912|47900409102680|47900409135448|47900409168216|47900409200984|47900409233752|47900409266520|47900409299288|47900409332056|47900409364824|47900409397592|47900409430360|47900409463128|47900409495896" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-793.webp?v=1711342630&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-793.webp?v=1711342630&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-793.webp?v=1711342630&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-793.webp?v=1711342630&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-793.webp?v=1711342630&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-793.webp?v=1711342630&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-793.webp?v=1711342630&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-793.webp?v=1711342630&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-793.webp?v=1711342630&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219195674968"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219195674968"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-435.jpg?v=1711342636&width=3840" alt="Schmutzfangmatte Lang" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-435.jpg?v=1711342636&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-435.jpg?v=1711342636&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-435.jpg?v=1711342636&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-435.jpg?v=1711342636&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-435.jpg?v=1711342636&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-435.jpg?v=1711342636&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-435.jpg?v=1711342636&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-435.jpg?v=1711342636&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-435.jpg?v=1711342636&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219195871576"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219195871576"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-371.webp?v=1711342639&width=3840" alt="Schmutzfangmatte Lang" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-371.webp?v=1711342639&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-371.webp?v=1711342639&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-371.webp?v=1711342639&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-371.webp?v=1711342639&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-371.webp?v=1711342639&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-371.webp?v=1711342639&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-371.webp?v=1711342639&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-371.webp?v=1711342639&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-371.webp?v=1711342639&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219196756312"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219196756312"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-514.webp?v=1711342643&width=3840" alt="Schmutzfangmatte Lang" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-514.webp?v=1711342643&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-514.webp?v=1711342643&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-514.webp?v=1711342643&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-514.webp?v=1711342643&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-514.webp?v=1711342643&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-514.webp?v=1711342643&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-514.webp?v=1711342643&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-514.webp?v=1711342643&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-514.webp?v=1711342643&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Schmutzfangmatte Lang"
>
<product-form-component
data-section-id="template--26293829337432__product_list_xgLfMV"
data-product-id="9051138720088"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051138720088-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900408807768"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-lang-793.webp?v=1711342630&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Hinzufügen
</span>
</span>
</button><input type="hidden" name="product-id" value="9051138720088" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Schmutzfangmatte Lang</h3>
<div class="h6">
<product-price data-product-id="9051138720088">
<div ref="priceContainer">
<span class="price">€77,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/schmutzfangmatte-lang?variant=47900408807768"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AOHNPNUlES1cvSklrZ__product_title_pqAUq4-6 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Schmutzfangmatte Lang</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ASGVRVzBoMWxxNWI0N__price_3EAFUe-6"
data-product-id="9051138720088"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€77,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051172503896"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-655.jpg?v=1711346234&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051172503896"
data-product-variants-size="2"
id="product-card-AYXk3dGl4eHIybzQ4V__static-product-card-7"
data-product-transition="true"
>
<a
id="94bd23966e933ea7c9f66c9effe1aae9"
href="/products/schmutzfangmatte-grau-waschbar?variant=47900553380184"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Schmutzfangmatte Grau Waschbar
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx-7 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1.0; "
data-product-id="9051172503896"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/schmutzfangmatte-grau-waschbar?variant=47900553380184"
aria-label="Schmutzfangmatte Grau Waschbar"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219571196248"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219571196248"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-655.jpg?v=1711346234&width=3840" alt="Schmutzfangmatte Grau Waschbar" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-655.jpg?v=1711346234&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-655.jpg?v=1711346234&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-655.jpg?v=1711346234&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-655.jpg?v=1711346234&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-655.jpg?v=1711346234&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-655.jpg?v=1711346234&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-655.jpg?v=1711346234&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-655.jpg?v=1711346234&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-655.jpg?v=1711346234&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219571949912"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219571949912"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-856.jpg?v=1711346237&width=3840" alt="Schmutzfangmatte Grau Waschbar" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-856.jpg?v=1711346237&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-856.jpg?v=1711346237&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-856.jpg?v=1711346237&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-856.jpg?v=1711346237&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-856.jpg?v=1711346237&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-856.jpg?v=1711346237&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-856.jpg?v=1711346237&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-856.jpg?v=1711346237&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-856.jpg?v=1711346237&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Schmutzfangmatte Grau Waschbar"
>
<product-form-component
data-section-id="template--26293829337432__product_list_xgLfMV"
data-product-id="9051172503896"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051172503896-AT08vZjhMc1ExdXBue__product_card_gallery_NDbbHx-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900553380184"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-grau-waschbar-655.jpg?v=1711346234&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Hinzufügen
</span>
</span>
</button><input type="hidden" name="product-id" value="9051172503896" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_xgLfMV" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Schmutzfangmatte Grau Waschbar</h3>
<div class="h6">
<product-price data-product-id="9051172503896">
<div ref="priceContainer">
<span class="price">€20,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/schmutzfangmatte-grau-waschbar?variant=47900553380184"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AOHNPNUlES1cvSklrZ__product_title_pqAUq4-7 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Schmutzfangmatte Grau Waschbar</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="ASGVRVzBoMWxxNWI0N__price_3EAFUe-7"
data-product-id="9051172503896"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€20,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: flex-start;"
></div>
</div>
</div><div id="shopify-section-template--26293829337432__product_list_NbD8ak" class="shopify-section ui-test-product-list">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1 section-resource-list spacing-style gap-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); "
>
<div class="section-resource-list__header">
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: 12px;--horizontal-alignment: space-between; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<rte-formatter
class="spacing-style text-block text-block--AYi9SSEVreEF5UUhLa__product_list_text_6EzKkd rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h2>Schmutzfangmatte Rosa</h2>
</rte-formatter>
</div>
</div>
</div>
<div
class="resource-list resource-list--grid"
style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
data-testid="resource-list-grid"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051171914072"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051171914072"
data-product-variants-size="1"
id="product-card-AVExlZjExZjVLd3gya__static-product-card"
data-product-transition="true"
>
<a
id="83cf8797bb1eb709531dc9e6b804cff6"
href="/products/schoene-fussmatten-innen?variant=47900551414104"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Schöne Fußmatten Innen
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="9051171914072"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/schoene-fussmatten-innen?variant=47900551414104"
aria-label="Schöne Fußmatten Innen"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1;"
initial-slide="0"
infinite
data-generic-media-size="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219558646104">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219558646104"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=3840" alt="47900551414104" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Schöne Fußmatten Innen"
>
<product-form-component
data-section-id="template--26293829337432__product_list_NbD8ak"
data-product-id="9051171914072"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051171914072-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900551414104"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/schoene-fussmatten-innen-388.webp?v=1711346112&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="9051171914072" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Schöne Fußmatten Innen</h3>
<div class="h6">
<product-price data-product-id="9051171914072">
<div ref="priceContainer">
<span class="price">€43,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/schoene-fussmatten-innen?variant=47900551414104"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ARTJVVTc4NUpQTTVCa__product_title_J7kfAK rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Schöne Fußmatten Innen</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AVGtCV3l5emlZZmE0e__price_TY4aHw"
data-product-id="9051171914072"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€43,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051163132248"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-424.jpg?v=1711345341&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051163132248"
data-product-variants-size="11"
id="product-card-AVExlZjExZjVLd3gya__static-product-card-1"
data-product-transition="true"
>
<a
id="7e378e8ce7777a7315ad59aad25d9020"
href="/products/schmutzfangmatte-massanfertigung?variant=47900532670808"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Schmutzfangmatte Maßanfertigung
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF-1 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="9051163132248"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/schmutzfangmatte-massanfertigung?variant=47900532670808"
aria-label="Schmutzfangmatte Maßanfertigung"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorherige Folie"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Nächste Folie"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219487801688">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219487801688"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-424.jpg?v=1711345341&width=3840" alt="47900532670808|47900532703576|47900532736344|47900532769112|47900532801880|47900532834648|47900532867416|47900532900184|47900532932952|47900532965720|47900532998488" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-424.jpg?v=1711345341&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-424.jpg?v=1711345341&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-424.jpg?v=1711345341&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-424.jpg?v=1711345341&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-424.jpg?v=1711345341&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-424.jpg?v=1711345341&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-424.jpg?v=1711345341&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-424.jpg?v=1711345341&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-424.jpg?v=1711345341&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219488031064"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219488031064"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-248.jpg?v=1711345345&width=3840" alt="Schmutzfangmatte Maßanfertigung" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-248.jpg?v=1711345345&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-248.jpg?v=1711345345&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-248.jpg?v=1711345345&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-248.jpg?v=1711345345&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-248.jpg?v=1711345345&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-248.jpg?v=1711345345&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-248.jpg?v=1711345345&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-248.jpg?v=1711345345&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-248.jpg?v=1711345345&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219488293208"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219488293208"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-843.webp?v=1711345349&width=3840" alt="Schmutzfangmatte Maßanfertigung" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-843.webp?v=1711345349&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-843.webp?v=1711345349&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-843.webp?v=1711345349&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-843.webp?v=1711345349&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-843.webp?v=1711345349&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-843.webp?v=1711345349&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-843.webp?v=1711345349&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-843.webp?v=1711345349&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-843.webp?v=1711345349&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Schmutzfangmatte Maßanfertigung"
>
<product-form-component
data-section-id="template--26293829337432__product_list_NbD8ak"
data-product-id="9051163132248"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051163132248-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900532670808"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-massanfertigung-424.jpg?v=1711345341&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Hinzufügen
</span>
</span>
</button><input type="hidden" name="product-id" value="9051163132248" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Schmutzfangmatte Maßanfertigung</h3>
<div class="h6">
<product-price data-product-id="9051163132248">
<div ref="priceContainer">
<span class="price">€40,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/schmutzfangmatte-massanfertigung?variant=47900532670808"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ARTJVVTc4NUpQTTVCa__product_title_J7kfAK-1 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Schmutzfangmatte Maßanfertigung</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AVGtCV3l5emlZZmE0e__price_TY4aHw-1"
data-product-id="9051163132248"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€40,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051071709528"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-bunt-143.webp?v=1711341552&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051071709528"
data-product-variants-size="7"
id="product-card-AVExlZjExZjVLd3gya__static-product-card-2"
data-product-transition="true"
>
<a
id="287ce698894360887385ac90f0d53ad4"
href="/products/schmutzfangmatte-bunt?variant=47900215083352"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Schmutzfangmatte Bunt
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF-2 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="9051071709528"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/schmutzfangmatte-bunt?variant=47900215083352"
aria-label="Schmutzfangmatte Bunt"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1;"
initial-slide="0"
infinite
data-generic-media-size="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219096256856">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219096256856"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-bunt-143.webp?v=1711341552&width=3840" alt="47900215083352|47900215116120|47900215148888|47900215181656|47900215214424|47900215247192|47900215279960" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-bunt-143.webp?v=1711341552&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-bunt-143.webp?v=1711341552&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-bunt-143.webp?v=1711341552&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-bunt-143.webp?v=1711341552&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-bunt-143.webp?v=1711341552&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-bunt-143.webp?v=1711341552&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-bunt-143.webp?v=1711341552&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-bunt-143.webp?v=1711341552&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-bunt-143.webp?v=1711341552&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Schmutzfangmatte Bunt"
>
<product-form-component
data-section-id="template--26293829337432__product_list_NbD8ak"
data-product-id="9051071709528"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051071709528-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900215083352"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-bunt-143.webp?v=1711341552&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Hinzufügen
</span>
</span>
</button><input type="hidden" name="product-id" value="9051071709528" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Schmutzfangmatte Bunt</h3>
<div class="h6">
<product-price data-product-id="9051071709528">
<div ref="priceContainer">
<span class="price">€20,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/schmutzfangmatte-bunt?variant=47900215083352"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ARTJVVTc4NUpQTTVCa__product_title_J7kfAK-2 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Schmutzfangmatte Bunt</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AVGtCV3l5emlZZmE0e__price_TY4aHw-2"
data-product-id="9051071709528"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€20,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051070857560"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-80-x-120-waschbar-745.webp?v=1711341437&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051070857560"
data-product-variants-size="7"
id="product-card-AVExlZjExZjVLd3gya__static-product-card-3"
data-product-transition="true"
>
<a
id="a791430aef45f600e77074e0e55df16e"
href="/products/schmutzfangmatte-80-x-120-waschbar?variant=47900208791896"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Schmutzfangmatte 80 x 120 Waschbar
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF-3 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="9051070857560"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/schmutzfangmatte-80-x-120-waschbar?variant=47900208791896"
aria-label="Schmutzfangmatte 80 x 120 Waschbar"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1;"
initial-slide="0"
infinite
data-generic-media-size="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219080986968">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219080986968"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-80-x-120-waschbar-745.webp?v=1711341437&width=3840" alt="47900208791896|47900208824664|47900208857432|47900208890200|47900208922968|47900208955736|47900208988504" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-80-x-120-waschbar-745.webp?v=1711341437&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-80-x-120-waschbar-745.webp?v=1711341437&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-80-x-120-waschbar-745.webp?v=1711341437&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-80-x-120-waschbar-745.webp?v=1711341437&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-80-x-120-waschbar-745.webp?v=1711341437&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-80-x-120-waschbar-745.webp?v=1711341437&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-80-x-120-waschbar-745.webp?v=1711341437&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-80-x-120-waschbar-745.webp?v=1711341437&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-80-x-120-waschbar-745.webp?v=1711341437&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Schmutzfangmatte 80 x 120 Waschbar"
>
<product-form-component
data-section-id="template--26293829337432__product_list_NbD8ak"
data-product-id="9051070857560"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051070857560-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900208791896"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-80-x-120-waschbar-745.webp?v=1711341437&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Hinzufügen
</span>
</span>
</button><input type="hidden" name="product-id" value="9051070857560" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Schmutzfangmatte 80 x 120 Waschbar</h3>
<div class="h6">
<product-price data-product-id="9051070857560">
<div ref="priceContainer">
<span class="price">€20,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/schmutzfangmatte-80-x-120-waschbar?variant=47900208791896"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ARTJVVTc4NUpQTTVCa__product_title_J7kfAK-3 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Schmutzfangmatte 80 x 120 Waschbar</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AVGtCV3l5emlZZmE0e__price_TY4aHw-3"
data-product-id="9051070857560"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€20,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051071742296"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-40x60-794.webp?v=1711341558&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051071742296"
data-product-variants-size="7"
id="product-card-AVExlZjExZjVLd3gya__static-product-card-4"
data-product-transition="true"
>
<a
id="72b71cf58f9cf0414992dc5b70716b5f"
href="/products/schmutzfangmatte-40x60?variant=47900215312728"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Schmutzfangmatte 40x60
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF-4 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="9051071742296"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/schmutzfangmatte-40x60?variant=47900215312728"
aria-label="Schmutzfangmatte 40x60"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1;"
initial-slide="0"
infinite
data-generic-media-size="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219096617304">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219096617304"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-40x60-794.webp?v=1711341558&width=3840" alt="47900215312728|47900215345496|47900215378264|47900215411032|47900215443800|47900215476568|47900215509336" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-40x60-794.webp?v=1711341558&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-40x60-794.webp?v=1711341558&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-40x60-794.webp?v=1711341558&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-40x60-794.webp?v=1711341558&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-40x60-794.webp?v=1711341558&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-40x60-794.webp?v=1711341558&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-40x60-794.webp?v=1711341558&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-40x60-794.webp?v=1711341558&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-40x60-794.webp?v=1711341558&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Schmutzfangmatte 40x60"
>
<product-form-component
data-section-id="template--26293829337432__product_list_NbD8ak"
data-product-id="9051071742296"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051071742296-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900215312728"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/schmutzfangmatte-40x60-794.webp?v=1711341558&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Hinzufügen
</span>
</span>
</button><input type="hidden" name="product-id" value="9051071742296" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Schmutzfangmatte 40x60</h3>
<div class="h6">
<product-price data-product-id="9051071742296">
<div ref="priceContainer">
<span class="price">€19,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/schmutzfangmatte-40x60?variant=47900215312728"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ARTJVVTc4NUpQTTVCa__product_title_J7kfAK-4 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Schmutzfangmatte 40x60</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AVGtCV3l5emlZZmE0e__price_TY4aHw-4"
data-product-id="9051071742296"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€19,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051145109848"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-968.jpg?v=1711343716&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051145109848"
data-product-variants-size="21"
id="product-card-AVExlZjExZjVLd3gya__static-product-card-5"
data-product-transition="true"
>
<a
id="039b3ff7bdd33c85ecc85ff6cc4d3375"
href="/products/matte-fuer-eingangsbereich?variant=47900453273944"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Matte Für Eingangsbereich
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF-5 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="9051145109848"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/matte-fuer-eingangsbereich?variant=47900453273944"
aria-label="Matte Für Eingangsbereich"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;"
initial-slide="0"
infinite
data-generic-media-size="2"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorherige Folie"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Nächste Folie"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219300761944">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219300761944"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-968.jpg?v=1711343716&width=3840" alt="47900453273944|47900453306712|47900453339480|47900453372248|47900453405016|47900453437784|47900453470552|47900453536088|47900453568856|47900453601624|47900453634392|47900453667160|47900453699928|47900453732696|47900453765464|47900453798232|47900453831000|47900453863768|47900453896536|47900453929304|47900453962072" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-968.jpg?v=1711343716&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-968.jpg?v=1711343716&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-968.jpg?v=1711343716&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-968.jpg?v=1711343716&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-968.jpg?v=1711343716&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-968.jpg?v=1711343716&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-968.jpg?v=1711343716&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-968.jpg?v=1711343716&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-968.jpg?v=1711343716&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219301253464"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219301253464"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-867.jpg?v=1711343721&width=3840" alt="Matte Für Eingangsbereich" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-867.jpg?v=1711343721&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-867.jpg?v=1711343721&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-867.jpg?v=1711343721&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-867.jpg?v=1711343721&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-867.jpg?v=1711343721&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-867.jpg?v=1711343721&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-867.jpg?v=1711343721&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-867.jpg?v=1711343721&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-867.jpg?v=1711343721&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219301843288"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219301843288"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-765.webp?v=1711343725&width=3840" alt="Matte Für Eingangsbereich" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-765.webp?v=1711343725&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-765.webp?v=1711343725&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-765.webp?v=1711343725&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-765.webp?v=1711343725&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-765.webp?v=1711343725&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-765.webp?v=1711343725&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-765.webp?v=1711343725&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-765.webp?v=1711343725&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-765.webp?v=1711343725&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Matte Für Eingangsbereich"
>
<product-form-component
data-section-id="template--26293829337432__product_list_NbD8ak"
data-product-id="9051145109848"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051145109848-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900453273944"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/matte-fuer-eingangsbereich-968.jpg?v=1711343716&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Hinzufügen
</span>
</span>
</button><input type="hidden" name="product-id" value="9051145109848" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Matte Für Eingangsbereich</h3>
<div class="h6">
<product-price data-product-id="9051145109848">
<div ref="priceContainer">
<span class="price">€59,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/matte-fuer-eingangsbereich?variant=47900453273944"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ARTJVVTc4NUpQTTVCa__product_title_J7kfAK-5 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Matte Für Eingangsbereich</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AVGtCV3l5emlZZmE0e__price_TY4aHw-5"
data-product-id="9051145109848"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€59,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051070497112"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussmatten-fuer-hauseingaenge-179.webp?v=1711341368&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051070497112"
data-product-variants-size="7"
id="product-card-AVExlZjExZjVLd3gya__static-product-card-6"
data-product-transition="true"
>
<a
id="170e5eba0aa5d268a9e15ecf509037d6"
href="/products/fussmatten-fuer-hauseingaenge?variant=47900206924120"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Fußmatten Für Hauseingänge
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF-6 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="9051070497112"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/fussmatten-fuer-hauseingaenge?variant=47900206924120"
aria-label="Fußmatten Für Hauseingänge"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1;"
initial-slide="0"
infinite
data-generic-media-size="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219073286488">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219073286488"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussmatten-fuer-hauseingaenge-179.webp?v=1711341368&width=3840" alt="47900206924120|47900206956888|47900206989656|47900207022424|47900207055192|47900207087960|47900207120728" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussmatten-fuer-hauseingaenge-179.webp?v=1711341368&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussmatten-fuer-hauseingaenge-179.webp?v=1711341368&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussmatten-fuer-hauseingaenge-179.webp?v=1711341368&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussmatten-fuer-hauseingaenge-179.webp?v=1711341368&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussmatten-fuer-hauseingaenge-179.webp?v=1711341368&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussmatten-fuer-hauseingaenge-179.webp?v=1711341368&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussmatten-fuer-hauseingaenge-179.webp?v=1711341368&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussmatten-fuer-hauseingaenge-179.webp?v=1711341368&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussmatten-fuer-hauseingaenge-179.webp?v=1711341368&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Fußmatten Für Hauseingänge"
>
<product-form-component
data-section-id="template--26293829337432__product_list_NbD8ak"
data-product-id="9051070497112"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051070497112-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900206924120"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussmatten-fuer-hauseingaenge-179.webp?v=1711341368&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Hinzufügen
</span>
</span>
</button><input type="hidden" name="product-id" value="9051070497112" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Fußmatten Für Hauseingänge</h3>
<div class="h6">
<product-price data-product-id="9051070497112">
<div ref="priceContainer">
<span class="price">€19,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/fussmatten-fuer-hauseingaenge?variant=47900206924120"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ARTJVVTc4NUpQTTVCa__product_title_J7kfAK-6 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Fußmatten Für Hauseingänge</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AVGtCV3l5emlZZmE0e__price_TY4aHw-6"
data-product-id="9051070497112"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€19,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="9051123908952"
data-featured-media-url="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-381.webp?v=1711342143&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="9051123908952"
data-product-variants-size="25"
id="product-card-AVExlZjExZjVLd3gya__static-product-card-7"
data-product-transition="true"
>
<a
id="61e1480207859a7295a95d58c9761f28"
href="/products/fussabtreter-innen?variant=47900370469208"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Fußabtreter Innen
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 4px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF-7 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="9051123908952"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/fussabtreter-innen?variant=47900370469208"
aria-label="Fußabtreter Innen"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="3"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Vorherige Folie"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Nächste Folie"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="47219152519512">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219152519512"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-381.webp?v=1711342143&width=3840" alt="47900370469208|47900370501976|47900370534744|47900370665816|47900370829656|47900370993496|47900371091800|47900371190104|47900371255640|47900371353944|47900371419480|47900371452248|47900371485016|47900371517784|47900371550552|47900371583320|47900371616088|47900371648856|47900371681624|47900371714392|47900371747160|47900371779928|47900371812696|47900371845464|47900371911000" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-381.webp?v=1711342143&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-381.webp?v=1711342143&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-381.webp?v=1711342143&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-381.webp?v=1711342143&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-381.webp?v=1711342143&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-381.webp?v=1711342143&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-381.webp?v=1711342143&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-381.webp?v=1711342143&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-381.webp?v=1711342143&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219152879960"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219152879960"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-998.jpg?v=1711342148&width=3840" alt="Fußabtreter Innen" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-998.jpg?v=1711342148&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-998.jpg?v=1711342148&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-998.jpg?v=1711342148&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-998.jpg?v=1711342148&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-998.jpg?v=1711342148&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-998.jpg?v=1711342148&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-998.jpg?v=1711342148&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-998.jpg?v=1711342148&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-998.jpg?v=1711342148&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219153404248"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219153404248"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-741.webp?v=1711342153&width=3840" alt="Fußabtreter Innen" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-741.webp?v=1711342153&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-741.webp?v=1711342153&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-741.webp?v=1711342153&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-741.webp?v=1711342153&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-741.webp?v=1711342153&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-741.webp?v=1711342153&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-741.webp?v=1711342153&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-741.webp?v=1711342153&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-741.webp?v=1711342153&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="47219153731928"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="47219153731928"
>
<img src="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-168.webp?v=1711342157&width=3840" alt="Fußabtreter Innen" srcset="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-168.webp?v=1711342157&width=240 240w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-168.webp?v=1711342157&width=352 352w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-168.webp?v=1711342157&width=832 832w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-168.webp?v=1711342157&width=1200 1200w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-168.webp?v=1711342157&width=1600 1600w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-168.webp?v=1711342157&width=1920 1920w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-168.webp?v=1711342157&width=2560 2560w, //waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-168.webp?v=1711342157&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-168.webp?v=1711342157&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
<div
class="product-badges product-badges--top-right"
style=" --badge-border-radius: 2px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Fußabtreter Innen"
>
<product-form-component
data-section-id="template--26293829337432__product_list_NbD8ak"
data-product-id="9051123908952"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9051123908952-AdkhVQzdvb2VJWTVBM__product_card_gallery_RkLiFF-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="47900370469208"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//waschbare-schmutzfangmatte.de/cdn/shop/files/fussabtreter-innen-381.webp?v=1711342143&width=100"
data-add-to-cart-animation="true"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Hinzufügen</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Hinzugefügt</span>
</span>
</button>
</add-to-cart-component>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Hinzufügen
</span>
</span>
</button><input type="hidden" name="product-id" value="9051123908952" /><input type="hidden" name="section-id" value="template--26293829337432__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Fußabtreter Innen</h3>
<div class="h6">
<product-price data-product-id="9051123908952">
<div ref="priceContainer">
<span class="price">€165,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/fussabtreter-innen?variant=47900370469208"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--ARTJVVTc4NUpQTTVCa__product_title_J7kfAK-7 rte rte"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Fußabtreter Innen</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AVGtCV3l5emlZZmE0e__price_TY4aHw-7"
data-product-id="9051123908952"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€165,99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: flex-start;"
></div>
</div>
</div><div id="shopify-section-template--26293829337432__section_JiJwY6" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); "
data-testid="section-content"
>
<rte-formatter
class="spacing-style text-block text-block--AQlpTUVVSYnYwMUREN__text_wPAd8t rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-narrow); "
>
<p>LIEFERUNG</p>
</rte-formatter>
<div
class="accordion accordion--ARGVpU0lHVko2dmdHd__accordion_pBzAfg accordion--caret border-style spacing-style accordion--dividers"
style=" --summary-font-family: var(--font-h5--family); --summary-font-style: var(--font-h5--style); --summary-font-weight: var(--font-h5--weight); --summary-font-size: var(--font-h5--size); --summary-font-line-height: var(--font-h5--line-height); --summary-font-case: var(--font-h5--case); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Wann erhalte meine bestellung?
<span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--AeVNmaUI4VGFIRDVFd__text_jbjCqy rte text-block--align-left rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "
>
<p>Jede Bestellung wird innerhalb von 48-72 Arbeitsstunden versandt und die Lieferung dauert 11-19 Tage. Wir setzen alles daran, dass Sie Ihre Bestellung so schnell wie möglich erhalten, ohne dabei die Qualität unserer Produkte zu beeinträchtigen.<br/><br/><strong>Covid-19: Unsere Lieferanten haben alle notwendigen Sicherheitsmaßnahmen ergriffen, was die Produktion stark verlangsamt. Wir erleben derzeit Verzögerungen, die diese Frist verlängern können.</strong></p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Wie kann ich mein paket verfolgen?
<span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--AV0xYSVlqZ1Q1Nkp5W__text_7eNEYE rte text-block--align-left rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "
>
<p>Nach dem Versand Ihres Pakets senden wir Ihnen per E-Mail eine Tracking-Nummer, damit Sie den Fortschritt Ihrer Bestellung in Echtzeit verfolgen können. Sie können Ihr Paket auch verfolgen, indem Sie auf die Seite Mein Paket verfolgen gehen.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
wie viel kostet die lieferung?
<span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--AdEwxSFpnMGZDWG9vW__text_Yr7Nhf rte text-block--align-left rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "
>
<p>Wir bieten auch einen sicheren Versand mit Verlust-/Diebstahl-/Bruchgarantie für 6,90€ an.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Meine Trackingnummer funktioniert nicht, ist das normal?
<span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--AdkRyejhzc2E5Y0YxW__text_Jmxm7f rte text-block--align-left rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "
>
<p>Wenn Ihre Trackingnummer keine Informationen anzeigt, machen Sie sich keine Sorgen.Die Trackinginformationen sind in der Regel nach 5 bis 8 Werktagen verfügbar, bis der Spediteur sie aktualisiert hat.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- BEGIN sections: footer-group -->
<footer id="shopify-section-sections--26293829566808__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 64px));--horizontal-alignment: center; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start; --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: 16px; "
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 54px));--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<accordion-custom
class="menu"
data-disable-on-desktop="true"
open-by-default-on-desktop
data-disable-on-mobile="true"
open-by-default-on-mobile
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
>
<summary class="menu__heading h5">
<span class="menu__heading__default">Kundendienstzentrum</span>
<span class="menu__heading__accordion">
Kundendienstzentrum
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</span>
</summary>
<div class="details-content">
<ul class="list-unstyled">
<li class="menu__item paragraph">
<a href="/pages/uber-uns">
Über uns
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/contact">
Kontakt
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/allgemeine-geschaftsbedingungen">
Allgemeine Geschäftsbedingungen
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/datenschutzrichtlinie">
Datenschutzrichtlinie
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/ruckerstattungsrichtlinie">
Rückerstattungsrichtlinie
</a>
</li>
<li class="menu__item paragraph">
<a href="/search">
Search
</a>
</li>
</ul>
</div>
</details>
</accordion-custom>
<div
class="email-signup-block size-style spacing-style"
style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<div class="email-signup__heading h5">
NEWSLETTER
</div>
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<div
class="email-signup__input-group color-scheme-1"
style="--border-width: 2px; --border-radius: 0px;"
>
<label
for="EmailInput-AYUlISmF0cE5scVVFa__email_signup_zwcqXK"
class="visually-hidden"
>
E-Mail
</label>
<input
id="EmailInput-AYUlISmF0cE5scVVFa__email_signup_zwcqXK"
class="email-signup__input email-signup__input--all h5"
type="email"
name="contact[email]"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="E-Mail-Adresse"
required
>
<button
class="email-signup__button email-signup__button--text h5 button button--AYUlISmF0cE5scVVFa__email_signup_zwcqXK color-scheme-1"
>
ANMELDEN
</button>
</div></form>
</div>
</div>
</div>
<div
class="footer-utilities spacing-style"
style="--padding-block-start: 12px;--padding-block-end: 0px; --border-width: 1px;"
>
<div class="footer-utilities__group footer-utilities__group--left">
<div
class="footer-utilities__group-copyright custom-typography custom-font-size"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
<span class="footer-utilities__text">
© 2025
<a href="/" title="">Waschbare Schmutzfangmatte</a>, Powered by Shopify
</span>
</div>
</div>
<div class="footer-utilities__group footer-utilities__group--right">
<div
class="social-icons__wrapper"
>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- END sections: footer-group -->
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/dialog.js?v=94382931671780430451761723364"
type="module"
></script>
<dialog-component
id="search-modal"
class="search-modal"
>
<dialog
ref="dialog"
on:click="/closeDialogOnClickOutside"
on:keydown="/closeDialogOnEscapePress"
class="search-modal__content dialog-modal"
scroll-lock
>
<script
src="//waschbare-schmutzfangmatte.de/cdn/shop/t/6/assets/predictive-search.js?v=53445493388242646041761723364"
type="module"
fetchpriority="low"
></script>
<predictive-search-component
class="predictive-search color-scheme-1"
style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;"
data-section-id="predictive-search"
data-testid="search-component--modal"
role="search"
aria-label="Suchen"
>
<form
action="/search"
method="get"
role="search"
class="predictive-search-form"
ref="form"
on:keydown="/onSearchKeyDown"
>
<div
class="predictive-search-form__header"
>
<div class="predictive-search-form__header-inner">
<label
for="cmdk-input"
class="visually-hidden"
>Suchen</label>
<input
class="search-input"
id="cmdk-input"
type="search"
name="q"
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocomplete="off"
placeholder="Suchen"
ref="searchInput"
on:input="/search"
on:keydown="/onSearchKeyDown"
>
<input
name="options[prefix]"
type="hidden"
value="last"
>
<span class="svg-wrapper predictive-search__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
<button
type="button"
class="button-unstyled predictive-search__reset-button"
aria-label="Suche zurücksetzen"
ref="resetButton"
hidden
on:click="/resetSearch"
>
<span class="svg-wrapper predictive-search__reset-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
<span class="predictive-search__reset-button-text">Löschen</span>
</button>
</div>
<button
type="button"
class="button predictive-search__close-modal-button"
aria-label="Dialogfeld schließen"
on:click="dialog-component/closeDialog"
ref="closeModalButton"
>
<span class="svg-wrapper">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div class="predictive-search-form__content-wrapper">
<div
class="predictive-search-form__content"
tabindex="-1"
ref="predictiveSearchResults"
on:click="/handleModalClick"
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
</div>
</div>
<div class="predictive-search-form__footer">
<button
class="button button-primary predictive-search__search-button"
ref="viewAllButton"
>
Alle anzeigen
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<quick-add-dialog id="quick-add-dialog">
<dialog
class="quick-add-modal dialog-modal color-scheme-1"
ref="dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button quick-add-modal__close"
aria-label="Dialogfeld schließen"
><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div
id="quick-add-modal-content"
class="quick-add-modal__content"
></div>
</dialog>
</quick-add-dialog>
</body>
</html>
