<!doctype html>
<html
class="no-js"
lang="de"
>
<head>
<meta name="google-site-verification" content="r4xfKAlnreBjFnSUv03dhn5debVRM111IHbBU3ueZhA" />
<meta name="linkavista" content="link-1066-6346"><link href="//teppich-beige.de/cdn/shop/t/4/assets/overflow-list.css?v=168694168152117541881759130673" as="style" rel="preload">
<link href="//teppich-beige.de/cdn/shop/t/4/assets/base.css?v=163500385341632537961759130672" rel="stylesheet" type="text/css" media="all" />
<link
rel="icon"
type="image/png"
href="//teppich-beige.de/cdn/shop/files/favicon_25776fd0-fb2e-4da5-86af-ba967b04f16c.png?crop=center&height=32&v=1759130827&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="Teppich Beige"
>
<meta
property="og:url"
content="https://teppich-beige.de/"
>
<meta
property="og:title"
content="Beige Teppiche – Eleganz für jeden Raum"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Entdecken Sie unsere Auswahl an beigen Teppichen – modern, elegant und gemütlich. Perfekt für Wohnzimmer, Schlafzimmer und stilvolle Innenräume."
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Beige Teppiche – Eleganz für jeden Raum"
>
<meta
name="twitter:description"
content="Entdecken Sie unsere Auswahl an beigen Teppichen – modern, elegant und gemütlich. Perfekt für Wohnzimmer, Schlafzimmer und stilvolle Innenräume."
>
<title>
Beige Teppiche – Eleganz für jeden Raum
– Teppich Beige</title>
<link
rel="canonical"
href="https://teppich-beige.de/"
>
<meta
name="description"
content="Entdecken Sie unsere Auswahl an beigen Teppichen – modern, elegant und gemütlich. Perfekt für Wohnzimmer, Schlafzimmer und stilvolle Innenräume."
>
<link
rel="preconnect"
href="https://fonts.shopifycdn.com"
crossorigin
>
<link
rel="preload"
as="font"
href="//teppich-beige.de/cdn/fonts/red_hat_display/redhatdisplay_n4.36efd597fcb92d83eab631792bad06e153941221.woff2"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//teppich-beige.de/cdn/fonts/red_hat_display/redhatdisplay_n6.ec4ce1e249dd5ea953e56ae98197fb6bf35c9b19.woff2"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//teppich-beige.de/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2"
type="font/woff2"
crossorigin
><link
rel="preload"
as="font"
href="//teppich-beige.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": "//teppich-beige.de/cdn/shop/t/4/assets/critical.js?v=169402557219780209121759130672",
"@theme/product-title": "//teppich-beige.de/cdn/shop/t/4/assets/product-title-truncation.js?v=81744426891537421781759130673",
"@theme/component": "//teppich-beige.de/cdn/shop/t/4/assets/component.js?v=74239122572524296041759130672",
"@theme/dialog": "//teppich-beige.de/cdn/shop/t/4/assets/dialog.js?v=94382931671780430451759130672",
"@theme/events": "//teppich-beige.de/cdn/shop/t/4/assets/events.js?v=59172389608566392641759130672",
"@theme/focus": "//teppich-beige.de/cdn/shop/t/4/assets/focus.js?v=60436577539430446401759130672",
"@theme/morph": "//teppich-beige.de/cdn/shop/t/4/assets/morph.js?v=175376767362814376631759130673",
"@theme/paginated-list": "//teppich-beige.de/cdn/shop/t/4/assets/paginated-list.js?v=95298315036233333871759130673",
"@theme/performance": "//teppich-beige.de/cdn/shop/t/4/assets/performance.js?v=160961134082498414901759130673",
"@theme/product-form": "//teppich-beige.de/cdn/shop/t/4/assets/product-form.js?v=127515301325557712001759130673",
"@theme/recently-viewed-products": "//teppich-beige.de/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651759130673",
"@theme/scrolling": "//teppich-beige.de/cdn/shop/t/4/assets/scrolling.js?v=10957690925586738441759130673",
"@theme/section-renderer": "//teppich-beige.de/cdn/shop/t/4/assets/section-renderer.js?v=117273408521114569061759130673",
"@theme/section-hydration": "//teppich-beige.de/cdn/shop/t/4/assets/section-hydration.js?v=177651605160027701221759130673",
"@theme/utilities": "//teppich-beige.de/cdn/shop/t/4/assets/utilities.js?v=20543301071820501481759130673",
"@theme/variant-picker": "//teppich-beige.de/cdn/shop/t/4/assets/variant-picker.js?v=113536721324242252251759130673",
"@theme/media-gallery": "//teppich-beige.de/cdn/shop/t/4/assets/media-gallery.js?v=111441960308641931071759130673",
"@theme/quick-add": "//teppich-beige.de/cdn/shop/t/4/assets/quick-add.js?v=74531385036627369001759130673",
"@theme/paginated-list-aspect-ratio": "//teppich-beige.de/cdn/shop/t/4/assets/paginated-list-aspect-ratio.js?v=25254270272143792451759130673",
"@theme/popover-polyfill": "//teppich-beige.de/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201759130673"
}
}
</script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/view-transitions.js?v=84877080446900032951759130673"
async
blocking="render"
></script>
<link
rel="modulepreload"
href="//teppich-beige.de/cdn/shop/t/4/assets/critical.js?v=169402557219780209121759130672"
>
<link
rel="modulepreload"
href="//teppich-beige.de/cdn/shop/t/4/assets/utilities.js?v=20543301071820501481759130673"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//teppich-beige.de/cdn/shop/t/4/assets/component.js?v=74239122572524296041759130672"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//teppich-beige.de/cdn/shop/t/4/assets/section-renderer.js?v=117273408521114569061759130673"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//teppich-beige.de/cdn/shop/t/4/assets/section-hydration.js?v=177651605160027701221759130673"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//teppich-beige.de/cdn/shop/t/4/assets/morph.js?v=175376767362814376631759130673"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//teppich-beige.de/cdn/shop/t/4/assets/focus.js?v=60436577539430446401759130672"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//teppich-beige.de/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651759130673"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//teppich-beige.de/cdn/shop/t/4/assets/scrolling.js?v=10957690925586738441759130673"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//teppich-beige.de/cdn/shop/t/4/assets/events.js?v=59172389608566392641759130672"
fetchpriority="low"
>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/quick-add.js?v=74531385036627369001759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/cart-discount.js?v=107077853990124422021759130672"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/dialog.js?v=94382931671780430451759130672"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/variant-picker.js?v=113536721324242252251759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/product-card.js?v=174129639976667491711759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/product-form.js?v=127515301325557712001759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/accordion-custom.js?v=99000499017714805851759130672"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/disclosure-custom.js?v=168050880623268140331759130672"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/media.js?v=37825095869491791421759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/product-price.js?v=30079423257668675401759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/product-title-truncation.js?v=81744426891537421781759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/product-inventory.js?v=16343734458933704981759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/show-more.js?v=94563802205717136101759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/slideshow.js?v=63092151078244317761759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/anchored-popover.js?v=95953304814728754461759130672"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/floating-panel.js?v=128677600744947036551759130672"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/video-background.js?v=25237992823806706551759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/component-quantity-selector.js?v=56330027151833116691759130672"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/media-gallery.js?v=111441960308641931071759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/rte-formatter.js?v=101420294193111439321759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/gift-card-recipient-form.js?v=129634859299628245901759130672"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/product-card-link.js?v=97122579314620396511759130673"
type="module"
fetchpriority="low"
></script>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/auto-close-details.js?v=58350291535404441581759130672"
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("//teppich-beige.de/cdn/fonts/red_hat_display/redhatdisplay_n4.36efd597fcb92d83eab631792bad06e153941221.woff2") format("woff2"),
url("//teppich-beige.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("//teppich-beige.de/cdn/fonts/red_hat_display/redhatdisplay_n7.5b14b817f945f7cf9f5e3fa661372aaee24aedbe.woff2") format("woff2"),
url("//teppich-beige.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("//teppich-beige.de/cdn/fonts/red_hat_display/redhatdisplay_i4.d3bef3a05bb92acc510c17d15f6c01c87e3bce0d.woff2") format("woff2"),
url("//teppich-beige.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("//teppich-beige.de/cdn/fonts/red_hat_display/redhatdisplay_i7.725ef8b794aadff6bc8844a51e5cccf4180e7ffa.woff2") format("woff2"),
url("//teppich-beige.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("//teppich-beige.de/cdn/fonts/red_hat_display/redhatdisplay_n6.ec4ce1e249dd5ea953e56ae98197fb6bf35c9b19.woff2") format("woff2"),
url("//teppich-beige.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("//teppich-beige.de/cdn/fonts/red_hat_display/redhatdisplay_n7.5b14b817f945f7cf9f5e3fa661372aaee24aedbe.woff2") format("woff2"),
url("//teppich-beige.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("//teppich-beige.de/cdn/fonts/red_hat_display/redhatdisplay_i6.7ed8d8fa04c1a330cadfbdd1cc3305a5b131dba3.woff2") format("woff2"),
url("//teppich-beige.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("//teppich-beige.de/cdn/fonts/red_hat_display/redhatdisplay_i7.725ef8b794aadff6bc8844a51e5cccf4180e7ffa.woff2") format("woff2"),
url("//teppich-beige.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("//teppich-beige.de/cdn/fonts/trirong/trirong_n2.b68a86e98f805879a534f610d0ee522f6a16ef68.woff2") format("woff2"),
url("//teppich-beige.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("//teppich-beige.de/cdn/fonts/trirong/trirong_n7.a33ed6536f9a7c6d7a9d0b52e1e13fd44f544eff.woff2") format("woff2"),
url("//teppich-beige.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("//teppich-beige.de/cdn/fonts/trirong/trirong_i2.09cedbbfb7eff094cf6e44047e16996f6069ec3a.woff2") format("woff2"),
url("//teppich-beige.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("//teppich-beige.de/cdn/fonts/trirong/trirong_i7.0a12b233073555ab8fbb6a4daaa950731de27544.woff2") format("woff2"),
url("//teppich-beige.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 id="shopify-digital-wallet" name="shopify-digital-wallet" content="/97775550813/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="2be111a43f8b407954d25142e50ecbc3">
<meta id="in-context-paypal-metadata" data-shop-id="97775550813" 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-DE"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=de-DE&shop_id=97775550813" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":97775550813,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/97775550813","merchantName":"Teppich Beige","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Teppich Beige","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"2be111a43f8b407954d25142e50ecbc3","betas":["rich-media-storefront-analytics"],"domain":"teppich-beige.de","predictiveSearch":true,"shopId":97775550813,"locale":"de"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "ind3fe-st.myshopify.com";
Shopify.locale = "de";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "DE";
Shopify.theme = {"name":"tapis-beige-fr-vessel","id":189108388189,"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 = "teppich-beige.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="//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_CS5CEDwY.de.esm.js"></script>
<script defer="defer" async type="module" src="//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CuGXhKWL.esm.js"></script>
<script type="module">
await import("//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_CS5CEDwY.de.esm.js");
await import("//teppich-beige.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":97775550813,"offset":3600,"reqid":"b0912f40-5e1d-4fea-b196-133f55ce6ff5-1763035121","pageurl":"teppich-beige.de\/","u":"c3e0d9a66d70","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="//teppich-beige.de/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//teppich-beige.de/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<script id='scb4127' type='text/javascript' async='' src='https://teppich-beige.de/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link rel="stylesheet" media="screen" href="//teppich-beige.de/cdn/shop/t/4/compiled_assets/styles.css?2650">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
<link rel="dns-prefetch" href="https://cdnwidget.judge.me">
<link rel="dns-prefetch" href="https://cdn.judge.me">
<link rel="dns-prefetch" href="https://cdn1.judge.me">
<link rel="dns-prefetch" href="https://api.judge.me">
<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"badge_no_review_text":"Aucun avis","badge_n_reviews_text":"{{ n }} avis","badge_star_color":"#2E7D32","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Avis Clients","widget_open_form_text":"Écrire un avis","widget_close_form_text":"Annuler l'avis","widget_refresh_page_text":"Actualiser la page","widget_summary_text":"Basé sur {{ number_of_reviews }} avis","widget_no_review_text":"Soyez le premier à écrire un avis","widget_name_field_text":"Nom d'affichage","widget_verified_name_field_text":"Nom vérifié (public)","widget_name_placeholder_text":"Nom d'affichage","widget_required_field_error_text":"Ce champ est obligatoire.","widget_email_field_text":"Adresse email","widget_verified_email_field_text":"Email vérifié (privé, ne peut pas être modifié)","widget_email_placeholder_text":"Votre adresse email","widget_email_field_error_text":"Veuillez entrer une adresse email valide.","widget_rating_field_text":"Évaluation","widget_review_title_field_text":"Titre de l'avis","widget_review_title_placeholder_text":"Donnez un titre à votre avis","widget_review_body_field_text":"Contenu de l'avis","widget_review_body_placeholder_text":"Commencez à écrire ici...","widget_pictures_field_text":"Photo/Vidéo (facultatif)","widget_submit_review_text":"Soumettre l'avis","widget_submit_verified_review_text":"Soumettre un avis vérifié","widget_submit_success_msg_with_auto_publish":"Merci ! Veuillez actualiser la page dans quelques instants pour voir votre avis. Vous pouvez supprimer ou modifier votre avis en vous connectant à \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Merci ! Votre avis sera publié dès qu'il sera approuvé par l'administrateur de la boutique. Vous pouvez supprimer ou modifier votre avis en vous connectant à \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Affichage de {{ n_reviews_shown }} sur {{ n_reviews }} avis.","widget_show_all_link_text":"Tout afficher","widget_show_less_link_text":"Afficher moins","widget_author_said_text":"{{ reviewer_name }} a dit :","widget_days_text":"il y a {{ n }} jour/jours","widget_weeks_text":"il y a {{ n }} semaine/semaines","widget_months_text":"il y a {{ n }} mois","widget_years_text":"il y a {{ n }} an/ans","widget_yesterday_text":"Hier","widget_today_text":"Aujourd'hui","widget_replied_text":"\u003e\u003e {{ shop_name }} a répondu :","widget_read_more_text":"Lire plus","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"Voir tous les avis","widget_sorting_most_recent_text":"Plus récents","widget_sorting_highest_rating_text":"Meilleures notes","widget_sorting_lowest_rating_text":"Notes les plus basses","widget_sorting_with_pictures_text":"Uniquement les photos","widget_sorting_most_helpful_text":"Plus utiles","widget_open_question_form_text":"Poser une question","widget_reviews_subtab_text":"Avis","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Réponse","widget_question_placeholder_text":"Écrivez votre question ici","widget_submit_question_text":"Soumettre la question","widget_question_submit_success_text":"Merci pour votre question ! Nous vous notifierons dès qu'elle aura une réponse.","widget_star_color":"#2E7D32","verified_badge_text":"Vérifié","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(hors boutique)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"à propos de","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","widget_product_reviews_subtab_text":"Avis Produits","widget_shop_reviews_subtab_text":"Avis Boutique","widget_write_a_store_review_text":"Écrire un avis sur la boutique","widget_other_languages_heading":"Avis dans d'autres langues","widget_translate_review_text":"Traduire l'avis en {{ language }}","widget_translating_review_text":"Traduction en cours...","widget_show_original_translation_text":"Afficher l'original ({{ language }})","widget_translate_review_failed_text":"Impossible de traduire cet avis.","widget_translate_review_retry_text":"Réessayer","widget_translate_review_try_again_later_text":"Réessayez plus tard","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Photos en premier","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Avis","floating_tab_title":"Laissons nos clients parler pour nous","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Les clients nous notent {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 basé sur {{ shop.metafields.judgeme.all_reviews_count }} avis.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} sur 5 étoiles basé sur {{ shop.metafields.judgeme.all_reviews_count }} avis","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":false,"featured_carousel_show_header":true,"featured_carousel_title":"Laissons nos clients parler pour nous","featured_carousel_count_text":"sur {{ n }} avis","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":false,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Vidéos en premier","widget_review_pending_text":"En attente","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"Aucune question","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Rechercher des avis","widget_sorting_verified_only_text":"Vérifiés uniquement","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Lire plus d'avis","featured_carousel_view_product_button_text":"Voir le produit","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Charger plus d'avis","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"affiché publiquement comme","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonyme","medals_widget_title":"Médailles d'avis Judge.me","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Pas une URL de vidéo YouTube","widget_max_length_field_error_text":"Veuillez ne pas dépasser {0} caractères.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Vérifié par la boutique","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Fait par nous, partagé par vous","widget_ugc_subtitle":"Taguez-nous pour voir votre photo mise en avant sur notre page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Acheter maintenant","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Charger plus","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"Voir les avis","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#333333","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} sur 5","widget_media_grid_title":"Photos \u0026 vidéos clients","widget_media_grid_see_more_text":"Voir plus","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Vérifié par Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Vérifié par Judge.me","widget_media_field_exceed_quantity_message":"Désolé, nous ne pouvons accepter que {{ max_media }} pour un avis.","widget_media_field_exceed_limit_message":"{{ file_name }} est trop volumineux, veuillez sélectionner un {{ media_type }} de moins de {{ size_limit }}MB.","widget_review_submitted_text":"Avis soumis !","widget_question_submitted_text":"Question soumise !","widget_close_form_text_question":"Annuler","widget_write_your_answer_here_text":"Écrivez votre réponse ici","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collecté par Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Charger plus","widget_load_more_color":"#108474","widget_full_review_text":"Avis complet","widget_read_more_reviews_text":"Lire plus d'avis","widget_read_questions_text":"Lire les questions","widget_questions_and_answers_text":"Questions \u0026 Réponses","widget_verified_by_text":"Vérifié par","widget_verified_text":"Vérifié","widget_number_of_reviews_text":"{{ number_of_reviews }} avis","widget_back_button_text":"Retour","widget_next_button_text":"Suivant","widget_custom_forms_filter_button":"Filtres","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"Comment les avis sont-ils collectés ?","widget_show_review_keywords":false,"widget_gdpr_statement":"Comment nous utilisons vos données : Nous vous contacterons uniquement à propos de l'avis que vous avez laissé, et seulement si nécessaire. En soumettant votre avis, vous acceptez les \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003econditions\u003c/a\u003e, la \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolitique de confidentialité\u003c/a\u003e et les \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003epolitiques de contenu\u003c/a\u003e de Judge.me.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"Variante : ","widget_show_verified_branding":true,"widget_show_review_title_input":false,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":true,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":{},"review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":{},"review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_content_screen_title_text":"Comment évalueriez-vous ce produit ?","review_content_introduction_text":"Nous serions ravis que vous partagiez un peu votre expérience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Mauvais","five_star_review_guidance_text":"Excellent","customer_information_screen_title_text":"À propos de vous","customer_information_introduction_text":"Veuillez nous en dire plus sur vous.","custom_questions_screen_title_text":"Votre expérience en détail","custom_questions_introduction_text":"Voici quelques questions pour nous aider à mieux comprendre votre expérience.","review_submitted_screen_title_text":"Merci pour votre avis !","review_submitted_screen_thank_you_text":"Nous le traitons et il apparaîtra bientôt dans la boutique.","review_submitted_screen_email_verification_text":"Veuillez confirmer votre email en cliquant sur le lien que nous venons de vous envoyer. Cela nous aide à maintenir des avis authentiques.","review_submitted_request_store_review_text":"Aimeriez-vous partager votre expérience d'achat avec nous ?","review_submitted_review_other_products_text":"Aimeriez-vous évaluer ces produits ?","store_review_screen_title_text":"Voulez-vous partager votre expérience de shopping avec nous ?","store_review_introduction_text":"Nous apprécions votre retour d'expérience et nous l'utilisons pour nous améliorer. Veuillez partager vos pensées ou suggestions.","reviewer_media_screen_title_picture_text":"Partager une photo","reviewer_media_introduction_picture_text":"Téléchargez une photo pour étayer votre avis.","reviewer_media_screen_title_video_text":"Partager une vidéo","reviewer_media_introduction_video_text":"Téléchargez une vidéo pour étayer votre avis.","reviewer_media_screen_title_picture_or_video_text":"Partager une photo ou une vidéo","reviewer_media_introduction_picture_or_video_text":"Téléchargez une photo ou une vidéo pour étayer votre avis.","reviewer_media_youtube_url_text":"Collez votre URL Youtube ici","advanced_settings_next_step_button_text":"Suivant","advanced_settings_close_review_button_text":"Fermer","modal_write_review_flow":true,"write_review_flow_required_text":"Obligatoire","write_review_flow_privacy_message_text":"Nous respectons votre vie privée.","write_review_flow_anonymous_text":"Avis anonyme","write_review_flow_visibility_text":"Ne sera pas visible pour les autres clients.","write_review_flow_multiple_selection_help_text":"Sélectionnez autant que vous le souhaitez","write_review_flow_single_selection_help_text":"Sélectionnez une option","write_review_flow_required_field_error_text":"Ce champ est obligatoire","write_review_flow_invalid_email_error_text":"Veuillez saisir une adresse email valide","write_review_flow_max_length_error_text":"Max. {{ max_length }} caractères.","write_review_flow_media_upload_text":"\u003cb\u003eCliquez pour télécharger\u003c/b\u003e ou glissez-déposez","write_review_flow_gdpr_statement":"Nous vous contacterons uniquement au sujet de votre avis si nécessaire. En soumettant votre avis, vous acceptez nos \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003econditions d'utilisation\u003c/a\u003e et notre \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolitique de confidentialité\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Dites-nous plus","negative_review_resolution_text":"Votre expérience est importante pour nous. S'il y a eu des problèmes avec votre achat, nous sommes là pour vous aider. N'hésitez pas à nous contacter, nous aimerions avoir l'opportunité de corriger les choses.","negative_review_resolution_button_text":"Contactez-nous","negative_review_resolution_proceed_with_review_text":"Laisser un avis","negative_review_resolution_subject":"Problème avec l'achat de {{ shop_name }}.{{ order_name }}","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":false,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Avis collecté via l'invitation du magasin","transparency_badges_from_another_provider_text":"Avis collecté d'un autre fournisseur","transparency_badges_collected_from_store_visitor_text":"Avis collecté d'un visiteur du magasin","transparency_badges_written_in_google_text":"Avis écrit sur Google","transparency_badges_written_in_etsy_text":"Avis écrit sur Etsy","transparency_badges_written_in_shop_app_text":"Avis écrit sur Shop App","transparency_badges_earned_reward_text":"Avis a gagné une récompense pour une commande future","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_header_theme":"default","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_reviews_section_theme":"default","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"large","review_widget_verified_badge":"bold_badge","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_cards_desktop":3,"review_widget_custom_questions_answers_display":"always","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"Avis","review_widget_review_word_plural":"Avis","review_widget_voting_label":"Utile?","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Propulsé par Judge.me","locale":"en","reply_name":"Teppich Beige","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_locale":"fr","enable_multi_locales_translations":false,"show_review_title_input":false,"review_verification_email_status":"always","admin_email":"christianbigmarcus78@gmail.com","can_be_branded":false,"reply_name_text":"Teppich Beige"};</script> <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #333;--jdgm-secondary-color: rgba(51,51,51,0.1);--jdgm-star-color: #2E7D32;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #333333;--jdgm-paginate-color: #333;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #333333}.jdgm-histogram__bar-content{background-color:#333}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#333}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"Voir plus"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"Voir plus"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#2E7D32}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'à propos de'}.jdgm-rev__variant-label:before{content:'Variante : '}.jdgm-rev__out-of-store-text:before{content:'(hors boutique)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#108474}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Teppich Beige'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
</style> <style class='jdgm-settings-style'></style>
<style class='jdgm-miracle-styles'>
@-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important}
</style>
<script data-cfasync='false' class='jdgm-script'>
!function(e){window.jdgm=window.jdgm||{},jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/019a77e4-a374-7df4-972d-32c540d9a1b8/judgeme-extensions-202/assets/",
jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
t.onreadystatechange=function(){4===t.readyState&&(Function(t.response)(),d&&d(t.response))},
t.open("GET",e),t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_HOST+"widget_v3/base.css"):
jdgm.loadCSS(jdgm.CDN_HOST+"widget/base.css"):jdgm.loadCSS(jdgm.CDN_HOST+"shopify_v2.css"),
jdgm.loadJS(jdgm.CDN_HOST+"loader.js"))}))}(document);
</script>
<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdnwidget.judge.me/shopify_v2.css"></noscript>
<!-- BEGIN app snippet: theme_fix_tags --><script>
(function() {
var jdgmThemeFixes = null;
if (!jdgmThemeFixes) return;
var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
if (!thisThemeFix) return;
if (thisThemeFix.html) {
document.addEventListener("DOMContentLoaded", function() {
var htmlDiv = document.createElement('div');
htmlDiv.classList.add('jdgm-theme-fix-html');
htmlDiv.innerHTML = thisThemeFix.html;
document.body.append(htmlDiv);
});
};
if (thisThemeFix.css) {
var styleTag = document.createElement('style');
styleTag.classList.add('jdgm-theme-fix-style');
styleTag.innerHTML = thisThemeFix.css;
document.head.append(styleTag);
};
if (thisThemeFix.js) {
var scriptTag = document.createElement('script');
scriptTag.classList.add('jdgm-theme-fix-script');
scriptTag.innerHTML = thisThemeFix.js;
document.head.append(scriptTag);
};
})();
</script>
<!-- END app snippet -->
<!-- End of Judge.me Core -->
<!-- END app block --><script src="https://cdn.shopify.com/extensions/019a77e4-a374-7df4-972d-32c540d9a1b8/judgeme-extensions-202/assets/loader.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {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: 97775550813,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: 97775550813,storefrontBaseUrl: "https://teppich-beige.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":"2955379037","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"34ad157958823915625854214640f0bf","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"2953118045","configuration":"{\"store_id\":\"4161380\",\"user_id\":\"3894543\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9859163f734f30566910ed5c9e901dcd","type":"APP","apiClientId":2802481,"privacyPurposes":["ANALYTICS"],"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":"Teppich Beige","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"ind3fe-st.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/teppich-beige.de"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://teppich-beige.de/cdn","ae1676cfwd2530674p4253c800m34e853cb",{"modern":"","legacy":""},{"shopId":"97775550813","storefrontBaseUrl":"https:\/\/teppich-beige.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: 97775550813,
theme_id: 189108388189,
app_name: "storefront",
context_url: window.location.href,
source_url: "//teppich-beige.de/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//teppich-beige.de/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//teppich-beige.de/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":97775550813,"isMerchantRequest":null,"themeId":189108388189,"themeCityHash":"9923928264955257135","contentLanguage":"de","currency":"EUR","eventMetadataId":"79785dc9-ce46-4436-b6c6-10b5ea0b6507"},"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 = "//teppich-beige.de/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://teppich-beige.de/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.1.2.min.js"
data-application="storefront-renderer"
data-shop-id="97775550813"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="189108388189"
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--26851970154845__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--Ad0R0c2J3U3JjVnR0b__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">
<strong> Profitez de 10% de réduction avec le code : TAP10</strong>
</p>
<a
class="announcement-bar__link"
href="https://tapis-beige.fr/discount/TAP10"
>
<span class="visually-hidden">
Profitez de 10% de réduction avec le code : TAP10
</span>
</a>
</slideshow-slide>
</div>
</announcement-bar-component>
</aside>
</div><header id="shopify-section-sections--26851970154845__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Teppich Beige",
"logo": "https:\/\/teppich-beige.de\/cdn\/shop\/files\/logo_teppich_beige.png?v=1758504384\u0026width=500",
"url": "https:\/\/teppich-beige.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="//teppich-beige.de/cdn/shop/t/4/assets/header-drawer.js?v=38290796699993510201759130672"
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
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
><details
id="Details-menu-drawer-menu-item-1"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-pro-zimmer"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">pro Zimmer</span>
<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
id="link-pro-zimmer"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 1;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Zurück"
>
<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>
<span class="menu-drawer__menu-item-text">pro Zimmer</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-pro-zimmer-aussen"
href="/collections/outdoor-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Außen</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content menu-drawer__menu--grid"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-pro-zimmer-aussen-balkon"
href="/collections/teppich-balkon"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/teppich-balkon.webp?v=1757287233&width=800" alt="teppich balkon" srcset="//teppich-beige.de/cdn/shop/collections/teppich-balkon.webp?v=1757287233&width=352 352w, //teppich-beige.de/cdn/shop/collections/teppich-balkon.webp?v=1757287233&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Balkon</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-pro-zimmer-aussen-garten"
href="/collections/gartenteppich"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_9.jpg?v=1759307181&width=800" alt="Gartenteppich" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_9.jpg?v=1759307181&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_9.jpg?v=1759307181&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Garten</span>
</a>
</li></ul></li><li
class="menu-drawer__list-item menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-pro-zimmer-zimmer"
href="/collections/zimmerteppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Zimmer</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content menu-drawer__menu--grid"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-pro-zimmer-zimmer-eltern"
href="/collections/teppich-schlafzimmer"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/teppich-schlafzimmer.webp?v=1757287180&width=800" alt="teppich schlafzimmer" srcset="//teppich-beige.de/cdn/shop/collections/teppich-schlafzimmer.webp?v=1757287180&width=352 352w, //teppich-beige.de/cdn/shop/collections/teppich-schlafzimmer.webp?v=1757287180&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Eltern</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-pro-zimmer-zimmer-kinder"
href="/collections/teppich-kinderzimmer"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/kinderteppich.webp?v=1757287149&width=800" alt="kinderteppich" srcset="//teppich-beige.de/cdn/shop/collections/kinderteppich.webp?v=1757287149&width=352 352w, //teppich-beige.de/cdn/shop/collections/kinderteppich.webp?v=1757287149&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Kinder</span>
</a>
</li></ul></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-zimmer-badezimmer"
href="/collections/badezimmer-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Badezimmer</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-zimmer-esszimmer"
href="/collections/teppich-esszimmer"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Esszimmer</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-zimmer-flur"
href="/collections/flur-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Flur</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-zimmer-kuchen"
href="/collections/kuchenteppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Küchen</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-zimmer-treppenstufen"
href="/collections/teppich-treppenstufen"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Treppenstufen</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-zimmer-wohnzimmer"
href="/collections/teppich-wohnzimmer"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text">Wohnzimmer</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
><details
id="Details-menu-drawer-menu-item-2"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-pro-stil"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">pro Stil</span>
<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
id="link-pro-stil"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 2;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Zurück"
>
<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>
<span class="menu-drawer__menu-item-text">pro Stil</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-stil-abstrakt"
href="/collections/teppich-abstrakt"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_8.jpg?v=1759307005&width=800" alt="teppich abstrakt" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_8.jpg?v=1759307005&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_8.jpg?v=1759307005&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Abstrakt</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-stil-design"
href="/collections/design-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_7.jpg?v=1759306900&width=800" alt="design teppich" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_7.jpg?v=1759306900&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_7.jpg?v=1759306900&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Design</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-stil-kuhfell"
href="/collections/kuhfell-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/kuhfell-teppich.webp?v=1757287196&width=800" alt="kuhfell teppich" srcset="//teppich-beige.de/cdn/shop/collections/kuhfell-teppich.webp?v=1757287196&width=352 352w, //teppich-beige.de/cdn/shop/collections/kuhfell-teppich.webp?v=1757287196&width=800 800w" width="800" height="800" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Kuhfell</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-stil-vintage"
href="/collections/vintage-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/vintage-teppich.webp?v=1757287222&width=800" alt="vintage teppich" srcset="//teppich-beige.de/cdn/shop/collections/vintage-teppich.webp?v=1757287222&width=352 352w, //teppich-beige.de/cdn/shop/collections/vintage-teppich.webp?v=1757287222&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Vintage</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
><details
id="Details-menu-drawer-menu-item-3"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-pro-kultur"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">pro Kultur</span>
<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
id="link-pro-kultur"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 3;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Zurück"
>
<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>
<span class="menu-drawer__menu-item-text">pro Kultur</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-kultur-berber"
href="/collections/berber-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/berber-teppich.webp?v=1757287186&width=800" alt="berber teppich" srcset="//teppich-beige.de/cdn/shop/collections/berber-teppich.webp?v=1757287186&width=352 352w, //teppich-beige.de/cdn/shop/collections/berber-teppich.webp?v=1757287186&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Berber</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-kultur-bohemian"
href="/collections/boho-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/boho-teppich.webp?v=1757287168&width=800" alt="boho teppich" srcset="//teppich-beige.de/cdn/shop/collections/boho-teppich.webp?v=1757287168&width=352 352w, //teppich-beige.de/cdn/shop/collections/boho-teppich.webp?v=1757287168&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Bohemian</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-kultur-orient"
href="/collections/orient-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/orient-teppich.webp?v=1757287203&width=800" alt="orient teppich" srcset="//teppich-beige.de/cdn/shop/collections/orient-teppich.webp?v=1757287203&width=352 352w, //teppich-beige.de/cdn/shop/collections/orient-teppich.webp?v=1757287203&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Orient</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-kultur-perser"
href="/collections/perser-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/perser-teppich.webp?v=1757287228&width=800" alt="perser teppich" srcset="//teppich-beige.de/cdn/shop/collections/perser-teppich.webp?v=1757287228&width=352 352w, //teppich-beige.de/cdn/shop/collections/perser-teppich.webp?v=1757287228&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Perser</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-pro-kultur-skandinavisch"
href="/collections/teppich-skandinavisch"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/000_1.png?v=1758203836&width=800" alt="teppich skandinavisch" srcset="//teppich-beige.de/cdn/shop/collections/000_1.png?v=1758203836&width=352 352w, //teppich-beige.de/cdn/shop/collections/000_1.png?v=1758203836&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Skandinavisch</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
><details
id="Details-menu-drawer-menu-item-4"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-nach-material"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">nach Material</span>
<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
id="link-nach-material"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 4;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Zurück"
>
<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>
<span class="menu-drawer__menu-item-text">nach Material</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-nach-material-jute"
href="/collections/jute-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/jute-teppich.webp?v=1757287174&width=800" alt="jute teppich" srcset="//teppich-beige.de/cdn/shop/collections/jute-teppich.webp?v=1757287174&width=352 352w, //teppich-beige.de/cdn/shop/collections/jute-teppich.webp?v=1757287174&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Jute</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-nach-material-woll"
href="/collections/wollteppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_3.jpg?v=1759306219&width=800" alt="Wollteppich" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_3.jpg?v=1759306219&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_3.jpg?v=1759306219&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Woll</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 5;"
><details
id="Details-menu-drawer-menu-item-5"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-nach-farbe"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">nach Farbe</span>
<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
id="link-nach-farbe"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 5;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Zurück"
>
<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>
<span class="menu-drawer__menu-item-text">nach Farbe</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-nach-farbe-beige"
href="/collections/teppich-beige"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=800" alt="teppich beige" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Beige</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-nach-farbe-einfarben"
href="/collections/teppich-einfarbig"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_1.jpg?v=1759306005&width=800" alt="teppich einfarbig" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_1.jpg?v=1759306005&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_1.jpg?v=1759306005&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Einfärben</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-nach-farbe-grau"
href="/collections/teppich-grau"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=800" alt="teppich grau" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Grau</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-nach-farbe-grun"
href="/collections/teppich-grun"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=800" alt="teppich grün" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Grün</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-nach-farbe-schwarz"
href="/collections/teppich-schwarz"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=800" alt="teppich schwarz" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Schwarz</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 6;"
><details
id="Details-menu-drawer-menu-item-6"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-nach-form"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">nach Form</span>
<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
id="link-nach-form"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 6;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Zurück"
>
<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>
<span class="menu-drawer__menu-item-text">nach Form</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-nach-form-ovaler"
href="/collections/ovaler-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_4.jpg?v=1759306424&width=800" alt="ovaler teppich" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_4.jpg?v=1759306424&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_4.jpg?v=1759306424&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Ovaler</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-nach-form-runder"
href="/collections/teppich-rund"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/teppich-rund.webp?v=1757287161&width=800" alt="teppich rund" srcset="//teppich-beige.de/cdn/shop/collections/teppich-rund.webp?v=1757287161&width=352 352w, //teppich-beige.de/cdn/shop/collections/teppich-rund.webp?v=1757287161&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Runder</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 7;"
><details
id="Details-menu-drawer-menu-item-7"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-nach-muster"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">nach Muster</span>
<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
id="link-nach-muster"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 7;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Zurück"
>
<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>
<span class="menu-drawer__menu-item-text">nach Muster</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-nach-muster-blumen"
href="/collections/teppich-blumen"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre.jpg?v=1759305881&width=800" alt="teppich blumen" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre.jpg?v=1759305881&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre.jpg?v=1759305881&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Blumen</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-nach-muster-marmor"
href="/collections/marmor-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_2.jpg?v=1759306115&width=800" alt="marmor teppich" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_2.jpg?v=1759306115&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_2.jpg?v=1759306115&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Marmor</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-nach-muster-schachbrett"
href="/collections/schachbrett-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_6.jpg?v=1759306769&width=800" alt="schachbrett teppich" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_6.jpg?v=1759306769&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_6.jpg?v=1759306769&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Schachbrett</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 8;"
><details
id="Details-menu-drawer-menu-item-8"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-nach-struktur"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text">nach Struktur</span>
<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
id="link-nach-struktur"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 8;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Zurück"
>
<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>
<span class="menu-drawer__menu-item-text">nach Struktur</span>
</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>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid"
role="list"
tabindex="-1"
>
<li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-nach-struktur-langflor"
href="/collections/shaggy-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/000_5.jpg?v=1758435800&width=800" alt="shaggy teppich" srcset="//teppich-beige.de/cdn/shop/collections/000_5.jpg?v=1758435800&width=352 352w, //teppich-beige.de/cdn/shop/collections/000_5.jpg?v=1758435800&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Langflor</span>
</a></li><li
class="menu-drawer__list-item"
><a
id="HeaderDrawer-nach-struktur-kurzflor"
href="/collections/kurzflor-teppich"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_5.jpg?v=1759306578&width=800" alt="kurzflor teppich" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_5.jpg?v=1759306578&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_5.jpg?v=1759306578&width=800 800w" width="800" height="450" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
<span class="menu-drawer__menu-item-text">Kurzflor</span>
</a></li></ul>
</div>
</div>
</details></li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 8;"
>
</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="//teppich-beige.de/cdn/shop/files/logo_teppich_beige.png?height=70&v=1758504384" alt="" width="140" height="70" class="header-logo__image" srcset="//teppich-beige.de/cdn/shop/files/logo_teppich_beige.png?height=70&v=1758504384 1x, //teppich-beige.de/cdn/shop/files/logo_teppich_beige.png?height=140&v=1758504384 2x, //teppich-beige.de/cdn/shop/files/logo_teppich_beige.png?height=210&v=1758504384 3x" style="--header-logo-image-width: 140px;--header-logo-image-width-mobile: 56px; --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="//teppich-beige.de/cdn/shop/t/4/assets/overflow-list.css?v=168694168152117541881759130673" 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="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">pro Zimmer</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--span-1">
<div>
<a
href="/collections/outdoor-teppich"
class="mega-menu__link mega-menu__link--parent"
>
<img src="//teppich-beige.de/cdn/shop/collections/outdoor-teppich.webp?v=1757287135&width=800" alt="outdoor teppich" srcset="//teppich-beige.de/cdn/shop/collections/outdoor-teppich.webp?v=1757287135&width=352 352w, //teppich-beige.de/cdn/shop/collections/outdoor-teppich.webp?v=1757287135&width=800 800w" width="800" height="450" 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"
>Außen</span>
</a>
<ul
class="list-unstyled"
>
<li
>
<a
href="/collections/teppich-balkon"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Balkon</span>
</a>
</li>
<li
>
<a
href="/collections/gartenteppich"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Garten</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/zimmerteppich"
class="mega-menu__link mega-menu__link--parent"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_76bd6665-15a8-4226-be01-1a5657036775.jpg?v=1759308342&width=800" alt="Zimmerteppich" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_76bd6665-15a8-4226-be01-1a5657036775.jpg?v=1759308342&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_76bd6665-15a8-4226-be01-1a5657036775.jpg?v=1759308342&width=800 800w" width="800" height="450" 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"
>Zimmer</span>
</a>
<ul
class="list-unstyled"
>
<li
>
<a
href="/collections/teppich-schlafzimmer"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Eltern</span>
</a>
</li>
<li
>
<a
href="/collections/teppich-kinderzimmer"
class="mega-menu__link"
>
<span class="mega-menu__link-title">Kinder</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/badezimmer-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/badezimmer-teppich.webp?v=1757287155&width=800" alt="badezimmer teppich" srcset="//teppich-beige.de/cdn/shop/collections/badezimmer-teppich.webp?v=1757287155&width=352 352w, //teppich-beige.de/cdn/shop/collections/badezimmer-teppich.webp?v=1757287155&width=800 800w" width="800" height="450" 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"
>Badezimmer</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/teppich-esszimmer"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/teppich-esszimmer.webp?v=1757287209&width=800" alt="teppich esszimmer" srcset="//teppich-beige.de/cdn/shop/collections/teppich-esszimmer.webp?v=1757287209&width=352 352w, //teppich-beige.de/cdn/shop/collections/teppich-esszimmer.webp?v=1757287209&width=800 800w" width="800" height="450" 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"
>Esszimmer</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/flur-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/flur-teppich.webp?v=1757287192&width=800" alt="flur teppich" srcset="//teppich-beige.de/cdn/shop/collections/flur-teppich.webp?v=1757287192&width=352 352w, //teppich-beige.de/cdn/shop/collections/flur-teppich.webp?v=1757287192&width=800 800w" width="800" height="450" 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"
>Flur</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/kuchenteppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/000_4.jpg?v=1758435663&width=800" alt="küchenteppich" srcset="//teppich-beige.de/cdn/shop/collections/000_4.jpg?v=1758435663&width=352 352w, //teppich-beige.de/cdn/shop/collections/000_4.jpg?v=1758435663&width=800 800w" width="800" height="450" 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"
>Küchen</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/teppich-treppenstufen"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/teppich-treppenstufen.webp?v=1757287215&width=800" alt="teppich treppenstufen" srcset="//teppich-beige.de/cdn/shop/collections/teppich-treppenstufen.webp?v=1757287215&width=352 352w, //teppich-beige.de/cdn/shop/collections/teppich-treppenstufen.webp?v=1757287215&width=800 800w" width="800" height="450" 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"
>Treppenstufen</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/teppich-wohnzimmer"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/teppich-wohnzimmer.webp?v=1757287141&width=800" alt="teppich wohnzimmer" srcset="//teppich-beige.de/cdn/shop/collections/teppich-wohnzimmer.webp?v=1757287141&width=352 352w, //teppich-beige.de/cdn/shop/collections/teppich-wohnzimmer.webp?v=1757287141&width=800 800w" width="800" height="450" 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"
>Wohnzimmer</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--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="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">pro Stil</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--wide-collection-image">
<div>
<a
href="/collections/teppich-abstrakt"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_8.jpg?v=1759307005&width=800" alt="teppich abstrakt" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_8.jpg?v=1759307005&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_8.jpg?v=1759307005&width=800 800w" width="800" height="450" 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"
>Abstrakt</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/design-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_7.jpg?v=1759306900&width=800" alt="design teppich" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_7.jpg?v=1759306900&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_7.jpg?v=1759306900&width=800 800w" width="800" height="450" 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"
>Design</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/kuhfell-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/kuhfell-teppich.webp?v=1757287196&width=800" alt="kuhfell teppich" srcset="//teppich-beige.de/cdn/shop/collections/kuhfell-teppich.webp?v=1757287196&width=352 352w, //teppich-beige.de/cdn/shop/collections/kuhfell-teppich.webp?v=1757287196&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"
>Kuhfell</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/vintage-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/vintage-teppich.webp?v=1757287222&width=800" alt="vintage teppich" srcset="//teppich-beige.de/cdn/shop/collections/vintage-teppich.webp?v=1757287222&width=352 352w, //teppich-beige.de/cdn/shop/collections/vintage-teppich.webp?v=1757287222&width=800 800w" width="800" height="450" 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"
>Vintage</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-2"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-2"] {
--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="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">pro Kultur</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-3"
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-3"
>
<ul
data-menu-list-id="MegaMenuList-3"
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/berber-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/berber-teppich.webp?v=1757287186&width=800" alt="berber teppich" srcset="//teppich-beige.de/cdn/shop/collections/berber-teppich.webp?v=1757287186&width=352 352w, //teppich-beige.de/cdn/shop/collections/berber-teppich.webp?v=1757287186&width=800 800w" width="800" height="450" 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"
>Berber</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/boho-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/boho-teppich.webp?v=1757287168&width=800" alt="boho teppich" srcset="//teppich-beige.de/cdn/shop/collections/boho-teppich.webp?v=1757287168&width=352 352w, //teppich-beige.de/cdn/shop/collections/boho-teppich.webp?v=1757287168&width=800 800w" width="800" height="450" 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"
>Bohemian</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/orient-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/orient-teppich.webp?v=1757287203&width=800" alt="orient teppich" srcset="//teppich-beige.de/cdn/shop/collections/orient-teppich.webp?v=1757287203&width=352 352w, //teppich-beige.de/cdn/shop/collections/orient-teppich.webp?v=1757287203&width=800 800w" width="800" height="450" 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"
>Orient</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/perser-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/perser-teppich.webp?v=1757287228&width=800" alt="perser teppich" srcset="//teppich-beige.de/cdn/shop/collections/perser-teppich.webp?v=1757287228&width=352 352w, //teppich-beige.de/cdn/shop/collections/perser-teppich.webp?v=1757287228&width=800 800w" width="800" height="450" 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"
>Perser</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/teppich-skandinavisch"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/000_1.png?v=1758203836&width=800" alt="teppich skandinavisch" srcset="//teppich-beige.de/cdn/shop/collections/000_1.png?v=1758203836&width=352 352w, //teppich-beige.de/cdn/shop/collections/000_1.png?v=1758203836&width=800 800w" width="800" height="450" 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"
>Skandinavisch</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--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="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">nach Material</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-4"
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-4"
>
<ul
data-menu-list-id="MegaMenuList-4"
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/jute-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/jute-teppich.webp?v=1757287174&width=800" alt="jute teppich" srcset="//teppich-beige.de/cdn/shop/collections/jute-teppich.webp?v=1757287174&width=352 352w, //teppich-beige.de/cdn/shop/collections/jute-teppich.webp?v=1757287174&width=800 800w" width="800" height="450" 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"
>Jute</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/wollteppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_3.jpg?v=1759306219&width=800" alt="Wollteppich" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_3.jpg?v=1759306219&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_3.jpg?v=1759306219&width=800 800w" width="800" height="450" 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"
>Woll</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-4"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-4"] {
--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="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">nach Farbe</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-5"
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-5"
>
<ul
data-menu-list-id="MegaMenuList-5"
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/teppich-beige"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=800" alt="teppich beige" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=800 800w" width="800" height="450" 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"
>Beige</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/teppich-einfarbig"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_1.jpg?v=1759306005&width=800" alt="teppich einfarbig" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_1.jpg?v=1759306005&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_1.jpg?v=1759306005&width=800 800w" width="800" height="450" 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"
>Einfärben</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/teppich-grau"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=800" alt="teppich grau" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=800 800w" width="800" height="450" 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"
>Grau</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/teppich-grun"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=800" alt="teppich grün" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=800 800w" width="800" height="450" 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"
>Grün</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/teppich-schwarz"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=800" alt="teppich schwarz" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=800 800w" width="800" height="450" 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"
>Schwarz</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-5"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-5"] {
--menu-columns-desktop: 6;
--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="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">nach Form</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-6"
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-6"
>
<ul
data-menu-list-id="MegaMenuList-6"
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/ovaler-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_4.jpg?v=1759306424&width=800" alt="ovaler teppich" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_4.jpg?v=1759306424&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_4.jpg?v=1759306424&width=800 800w" width="800" height="450" 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"
>Ovaler</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/teppich-rund"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/teppich-rund.webp?v=1757287161&width=800" alt="teppich rund" srcset="//teppich-beige.de/cdn/shop/collections/teppich-rund.webp?v=1757287161&width=352 352w, //teppich-beige.de/cdn/shop/collections/teppich-rund.webp?v=1757287161&width=800 800w" width="800" height="450" 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"
>Runder</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-6"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-6"] {
--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="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">nach Muster</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-7"
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-7"
>
<ul
data-menu-list-id="MegaMenuList-7"
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/teppich-blumen"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre.jpg?v=1759305881&width=800" alt="teppich blumen" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre.jpg?v=1759305881&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre.jpg?v=1759305881&width=800 800w" width="800" height="450" 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"
>Blumen</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/marmor-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_2.jpg?v=1759306115&width=800" alt="marmor teppich" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_2.jpg?v=1759306115&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_2.jpg?v=1759306115&width=800 800w" width="800" height="450" 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"
>Marmor</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/schachbrett-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_6.jpg?v=1759306769&width=800" alt="schachbrett teppich" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_6.jpg?v=1759306769&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_6.jpg?v=1759306769&width=800 800w" width="800" height="450" 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"
>Schachbrett</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-7"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-7"] {
--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="/collections"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">nach Struktur</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-8"
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-8"
>
<ul
data-menu-list-id="MegaMenuList-8"
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/shaggy-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/000_5.jpg?v=1758435800&width=800" alt="shaggy teppich" srcset="//teppich-beige.de/cdn/shop/collections/000_5.jpg?v=1758435800&width=352 352w, //teppich-beige.de/cdn/shop/collections/000_5.jpg?v=1758435800&width=800 800w" width="800" height="450" 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"
>Langflor</span>
</a>
</div>
</li>
<li class="mega-menu__column mega-menu__column--wide-collection-image">
<div>
<a
href="/collections/kurzflor-teppich"
class="mega-menu__link"
>
<img src="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_5.jpg?v=1759306578&width=800" alt="kurzflor teppich" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_5.jpg?v=1759306578&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_5.jpg?v=1759306578&width=800 800w" width="800" height="450" 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"
>Kurzflor</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-8"] {
--menu-columns-desktop: 8;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-8"] {
--menu-columns-desktop: 8;
--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="//teppich-beige.de/cdn/shop/t/4/assets/header-menu.js?v=98986771878453457241759130672"
type="module"
fetchpriority="low"
></script>
</header-menu>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<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="//teppich-beige.de/cdn/shop/t/4/assets/cart-icon.js?v=14733679814066288171759130672"
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="//teppich-beige.de/cdn/shop/t/4/assets/account-login-actions.js?v=132624473766457443991759130672"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_Ccwc7mFg.de.esm.js"></script>
<script defer="defer" async type="module" src="//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CuGXhKWL.esm.js"></script>
<script defer="defer" async type="module" src="//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_BsCGu73L.esm.js"></script>
<script type="module">
await import("//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_Ccwc7mFg.de.esm.js");
await import("//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CuGXhKWL.esm.js");
await import("//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_BsCGu73L.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://teppich-beige.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="//teppich-beige.de/cdn/shop/t/4/assets/dialog.js?v=94382931671780430451759130672"
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="//teppich-beige.de/cdn/shop/t/4/assets/account-login-actions.js?v=132624473766457443991759130672"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
<script defer="defer" async type="module" src="//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_Ccwc7mFg.de.esm.js"></script>
<script defer="defer" async type="module" src="//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CuGXhKWL.esm.js"></script>
<script defer="defer" async type="module" src="//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_BsCGu73L.esm.js"></script>
<script type="module">
await import("//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_Ccwc7mFg.de.esm.js");
await import("//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CuGXhKWL.esm.js");
await import("//teppich-beige.de/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_BsCGu73L.esm.js");
</script>
<shop-login-button ux-mode="windoid" return-uri="https://teppich-beige.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="//teppich-beige.de/cdn/shop/t/4/assets/cart-drawer.js?v=92290163633888904321759130672"
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--26851970154845__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="//teppich-beige.de/cdn/shop/t/4/assets/component-cart-items.js?v=95720873921622680421759130672"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper"
>
<p>
Hast du ein Konto? <a href="https://teppich-beige.de/customer_authentication/redirect?locale=de®ion_country=DE">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="//teppich-beige.de/cdn/shop/t/4/assets/header.js?v=78043468934677320351759130672"
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--26851970154845__header_section', url);
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Product",
"name": null,
"url": "https:\/\/teppich-beige.de",
"description": "",
"brand": {
"@type": "Thing",
"name": null
},
"offers": []
}
</script></header>
<!-- END sections: header-group -->
</div>
<script
src="//teppich-beige.de/cdn/shop/t/4/assets/critical.js?v=169402557219780209121759130672"
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--26851969466717__hero_irjTFL" class="shopify-section hero-wrapper section-wrapper">
<div
id="Hero-template--26851969466717__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: 1.7777777777777777;"
>
<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="//teppich-beige.de/cdn/shop/files/000_12.jpg?v=1759130939&width=3840" srcset="//teppich-beige.de/cdn/shop/files/000_12.jpg?v=1759130939&width=832 832w, //teppich-beige.de/cdn/shop/files/000_12.jpg?v=1759130939&width=1200 1200w, //teppich-beige.de/cdn/shop/files/000_12.jpg?v=1759130939&width=1600 1600w, //teppich-beige.de/cdn/shop/files/000_12.jpg?v=1759130939&width=1920 1920w, //teppich-beige.de/cdn/shop/files/000_12.jpg?v=1759130939&width=2560 2560w, //teppich-beige.de/cdn/shop/files/000_12.jpg?v=1759130939&width=3840 3840w" width="1920" height="1080" 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--AelBHQ3ZSdExWeUs3O__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; "
>
<p>Ein Teppich für jedes Zuhause</p>
</div>
</div>
</div>
</div>
</section><div id="shopify-section-template--26851969466717__custom_liquid_FYTVnf" class="shopify-section">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width spacing-style color-scheme-1"
style="--padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
<h1 style="text-align:center; font-size:1.8em; font-weight:600;">
Beige Teppiche für ein stilvolles und gemütliches Zuhause
</h1>
</div>
</div><div id="shopify-section-template--26851969466717__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--AZmRORmljRC8rK2pFT__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); "
>
<p>Teppichgeschäft seit 2018</p>
</div>
<div
class="spacing-style text-block text-block--AZjBVR1BnY3RRcU9vY__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>Ein Teppich ist nicht nur ein einfaches Accessoire, sondern ein Herzstück, das einen Raum verwandelt, Wärme und Eleganz verleiht und Ihren einzigartigen Stil widerspiegelt.</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="15566971863389"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/3d-spielteppich-40x60cm-272.webp?v=1757296781&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566971863389"
data-product-variants-size="11"
id="product-card-AamRIaW9PWlJ3eGo5Q__static-product-card"
data-product-transition="true"
>
<a
id="57772b6ed6e85e32eab4729800cb2d0f"
href="/products/3d-spielteppich?variant=58315892785501"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
3d Spielteppich
</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: none; --quick-add-mobile-display: none; "
>
</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="15566952137053"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/3d-teppich-strasse-60x90cm-116.webp?v=1757296308&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566952137053"
data-product-variants-size="14"
id="product-card-AamRIaW9PWlJ3eGo5Q__static-product-card-1"
data-product-transition="true"
>
<a
id="80f2747f3eefa4b3f3dd9159b53918c2"
href="/products/3d-teppich-strasse?variant=58315823579485"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
3d Teppich Strasse
</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: none; --quick-add-mobile-display: none; "
>
</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="15566522614109"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/afghanischer-perser-teppich-58x87cm-214.webp?v=1757291125&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566522614109"
data-product-variants-size="3"
id="product-card-AamRIaW9PWlJ3eGo5Q__static-product-card-2"
data-product-transition="true"
>
<a
id="ada7b083e6b61dd720b861c159681aba"
href="/products/afghanischer-perser-teppich?variant=58313970614621"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Afghanischer Perser Teppich
</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: none; --quick-add-mobile-display: none; "
>
</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="15566522646877"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/alte-perser-teppiche-58x87cm-884.webp?v=1757291138&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566522646877"
data-product-variants-size="3"
id="product-card-AamRIaW9PWlJ3eGo5Q__static-product-card-3"
data-product-transition="true"
>
<a
id="ef3d555f5663f86378426c195e8bfd1b"
href="/products/alte-perser-teppiche?variant=58313970975069"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Alte Perser Teppiche
</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: none; --quick-add-mobile-display: none; "
>
</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="15566298186077"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/arabisch-teppich-80x150cm-822.webp?v=1757288860&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566298186077"
data-product-variants-size="3"
id="product-card-AamRIaW9PWlJ3eGo5Q__static-product-card-4"
data-product-transition="true"
>
<a
id="0e2c8a2437fa1bf4d4b3a292710e43e3"
href="/products/arabisch-teppich?variant=58312686043485"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Arabisch Teppich
</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: none; --quick-add-mobile-display: none; "
>
</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="15566523072861"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/arabische-teppiche-58x87cm-130.webp?v=1757291246&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566523072861"
data-product-variants-size="3"
id="product-card-AamRIaW9PWlJ3eGo5Q__static-product-card-5"
data-product-transition="true"
>
<a
id="98caccfd6df8ed9b785c209d9f9099a5"
href="/products/arabische-teppiche?variant=58313973236061"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Arabische Teppiche
</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: none; --quick-add-mobile-display: none; "
>
</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="15566298251613"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/arabischer-teppich-80x150cm-773.jpg?v=1757288868&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566298251613"
data-product-variants-size="3"
id="product-card-AamRIaW9PWlJ3eGo5Q__static-product-card-6"
data-product-transition="true"
>
<a
id="fb0c75dcf82ae98c8776f510f9b43fab"
href="/products/arabischer-teppich?variant=58312686305629"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Arabischer Teppich
</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: none; --quick-add-mobile-display: none; "
>
</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="15566980546909"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/aussen-teppich-40x60cm-367.webp?v=1757297705&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566980546909"
data-product-variants-size="8"
id="product-card-AamRIaW9PWlJ3eGo5Q__static-product-card-7"
data-product-transition="true"
>
<a
id="2e83d6edbb0c73bd59d53c05844801dc"
href="/products/hebe-outdoor-rug-waterproof-6x9-plastic-straw-rug-camping-rug-reversible-outdoor-patio-rugs-rv-mat-clearance-indoor-outside-f-3?variant=58315958059357"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Außen Teppich
</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: none; --quick-add-mobile-display: none; "
>
</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--26851969466717__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="ATXlmZ0xRRDhBWDF2O__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/teppich-wohnzimmer"
>
<span class="visually-hidden">teppich wohnzimmer</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="ATXlmZ0xRRDhBWDF2O__static-collection-card"] {
--ratio: 1.7777777777777777;
}
</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="//teppich-beige.de/cdn/shop/collections/teppich-wohnzimmer.webp?v=1757287141&width=3840" alt="teppich wohnzimmer" srcset="//teppich-beige.de/cdn/shop/collections/teppich-wohnzimmer.webp?v=1757287141&width=240 240w, //teppich-beige.de/cdn/shop/collections/teppich-wohnzimmer.webp?v=1757287141&width=352 352w, //teppich-beige.de/cdn/shop/collections/teppich-wohnzimmer.webp?v=1757287141&width=832 832w, //teppich-beige.de/cdn/shop/collections/teppich-wohnzimmer.webp?v=1757287141&width=1200 1200w, //teppich-beige.de/cdn/shop/collections/teppich-wohnzimmer.webp?v=1757287141&width=1600 1600w, //teppich-beige.de/cdn/shop/collections/teppich-wohnzimmer.webp?v=1757287141&width=1920 1920w, //teppich-beige.de/cdn/shop/collections/teppich-wohnzimmer.webp?v=1757287141&width=2560 2560w, //teppich-beige.de/cdn/shop/collections/teppich-wohnzimmer.webp?v=1757287141&width=3840 3840w" width="3840" height="2160" 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--AcHgvVnh5cmhHZDlJZ__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>teppich wohnzimmer</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="ATXlmZ0xRRDhBWDF2O__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/teppich-schlafzimmer"
>
<span class="visually-hidden">teppich schlafzimmer</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="ATXlmZ0xRRDhBWDF2O__static-collection-card-1"] {
--ratio: 1.7777777777777777;
}
</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="//teppich-beige.de/cdn/shop/collections/teppich-schlafzimmer.webp?v=1757287180&width=3840" alt="teppich schlafzimmer" srcset="//teppich-beige.de/cdn/shop/collections/teppich-schlafzimmer.webp?v=1757287180&width=240 240w, //teppich-beige.de/cdn/shop/collections/teppich-schlafzimmer.webp?v=1757287180&width=352 352w, //teppich-beige.de/cdn/shop/collections/teppich-schlafzimmer.webp?v=1757287180&width=832 832w, //teppich-beige.de/cdn/shop/collections/teppich-schlafzimmer.webp?v=1757287180&width=1200 1200w, //teppich-beige.de/cdn/shop/collections/teppich-schlafzimmer.webp?v=1757287180&width=1600 1600w, //teppich-beige.de/cdn/shop/collections/teppich-schlafzimmer.webp?v=1757287180&width=1920 1920w, //teppich-beige.de/cdn/shop/collections/teppich-schlafzimmer.webp?v=1757287180&width=2560 2560w, //teppich-beige.de/cdn/shop/collections/teppich-schlafzimmer.webp?v=1757287180&width=3840 3840w" width="3840" height="2160" 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--AcHgvVnh5cmhHZDlJZ__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>teppich schlafzimmer</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="ATXlmZ0xRRDhBWDF2O__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/outdoor-teppich"
>
<span class="visually-hidden">outdoor teppich</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="ATXlmZ0xRRDhBWDF2O__static-collection-card-2"] {
--ratio: 1.7777777777777777;
}
</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="//teppich-beige.de/cdn/shop/collections/outdoor-teppich.webp?v=1757287135&width=3840" alt="outdoor teppich" srcset="//teppich-beige.de/cdn/shop/collections/outdoor-teppich.webp?v=1757287135&width=240 240w, //teppich-beige.de/cdn/shop/collections/outdoor-teppich.webp?v=1757287135&width=352 352w, //teppich-beige.de/cdn/shop/collections/outdoor-teppich.webp?v=1757287135&width=832 832w, //teppich-beige.de/cdn/shop/collections/outdoor-teppich.webp?v=1757287135&width=1200 1200w, //teppich-beige.de/cdn/shop/collections/outdoor-teppich.webp?v=1757287135&width=1600 1600w, //teppich-beige.de/cdn/shop/collections/outdoor-teppich.webp?v=1757287135&width=1920 1920w, //teppich-beige.de/cdn/shop/collections/outdoor-teppich.webp?v=1757287135&width=2560 2560w, //teppich-beige.de/cdn/shop/collections/outdoor-teppich.webp?v=1757287135&width=3840 3840w" width="3840" height="2160" 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--AcHgvVnh5cmhHZDlJZ__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>outdoor teppich</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="ATXlmZ0xRRDhBWDF2O__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/kuchenteppich"
>
<span class="visually-hidden">küchenteppich</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="ATXlmZ0xRRDhBWDF2O__static-collection-card-3"] {
--ratio: 1.7777777777777777;
}
</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="//teppich-beige.de/cdn/shop/collections/000_4.jpg?v=1758435663&width=3840" alt="küchenteppich" srcset="//teppich-beige.de/cdn/shop/collections/000_4.jpg?v=1758435663&width=240 240w, //teppich-beige.de/cdn/shop/collections/000_4.jpg?v=1758435663&width=352 352w, //teppich-beige.de/cdn/shop/collections/000_4.jpg?v=1758435663&width=832 832w, //teppich-beige.de/cdn/shop/collections/000_4.jpg?v=1758435663&width=1200 1200w, //teppich-beige.de/cdn/shop/collections/000_4.jpg?v=1758435663&width=1600 1600w, //teppich-beige.de/cdn/shop/collections/000_4.jpg?v=1758435663&width=1920 1920w, //teppich-beige.de/cdn/shop/collections/000_4.jpg?v=1758435663&width=2560 2560w, //teppich-beige.de/cdn/shop/collections/000_4.jpg?v=1758435663&width=3840 3840w" width="3840" height="2160" 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--AcHgvVnh5cmhHZDlJZ__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>küchenteppich</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26851969466717__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--ATlRUZC9xU1MxUXA4S__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="//teppich-beige.de/cdn/shop/files/000_13.jpg?v=1759131132&width=3840" alt="" srcset="//teppich-beige.de/cdn/shop/files/000_13.jpg?v=1759131132&width=240 240w, //teppich-beige.de/cdn/shop/files/000_13.jpg?v=1759131132&width=352 352w, //teppich-beige.de/cdn/shop/files/000_13.jpg?v=1759131132&width=832 832w, //teppich-beige.de/cdn/shop/files/000_13.jpg?v=1759131132&width=1200 1200w, //teppich-beige.de/cdn/shop/files/000_13.jpg?v=1759131132&width=1600 1600w, //teppich-beige.de/cdn/shop/files/000_13.jpg?v=1759131132&width=1920 1920w, //teppich-beige.de/cdn/shop/files/000_13.jpg?v=1759131132&width=2560 2560w, //teppich-beige.de/cdn/shop/files/000_13.jpg?v=1759131132&width=3840 3840w" width="1920" height="1080" 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--ANFExVUJubnlER0pyR__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); "
>
<p>Sonderangebot für unsere modernen Teppiche</p>
</div>
<rte-formatter
class="spacing-style text-block text-block--AZXI4a2tsVDJQb3ZKM__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>Verleihen Sie Ihrem Zuhause mit unseren modernen Teppichen im Sonderangebot einen Hauch von Design und Komfort. Profitieren Sie von außergewöhnlichen Rabatten, um Ihr Wohnzimmer, Ihr Schlafzimmer oder Ihr Büro mit eleganten, strapazierfähigen und pflegeleichten Modellen zu verschönern.</p>
</rte-formatter>
<a
href="/collections/moderne-teppiche"
class="size-style button button--Ac1o2Q1NuVUlaTVBqd__button_tLUAi3"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Jetzt kaufen
</a>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26851969466717__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--Aekt0RHo1aS9aWFpMN__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><em><strong>Skandinavischer Teppich</strong></em></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>
<div
class="section-resource-list__content"
style="--horizontal-alignment: flex-start;"
></div>
</div>
</div><div id="shopify-section-template--26851969466717__section_8TpffW" 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="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--ASGNuMjA4SVNOTE5GZ__text_VQyWe8 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); "
>
<p>Widerstandsfähige Teppiche für den Außenbereich</p>
</div>
<rte-formatter
class="spacing-style text-block text-block--AYlc3b05rRVl4MlJSZ__text_iRabVT 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 unsere Kollektion an Teppichen, die speziell für den Außenbereich entwickelt wurden. Unsere Gartenteppiche vereinen Komfort, Ästhetik und Robustheit und verwandeln Ihre Terrassen, Balkone und Außenbereiche in wahre Oasen der Entspannung. Sie sind witterungsbeständig und pflegeleicht, verleihen Ihrem Zuhause eine warme und dekorative Note und sind gleichzeitig praktisch im Alltag.</p>
</rte-formatter>
<a
href="/collections/outdoor-teppich"
class="size-style button button--AUTlpeGhaTis2bWJjR__button_Pn3JNk"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Jetzt kaufen
</a>
</div>
</div>
<div
class="image-block image-block--AQ1RXY1VQSnVCSUpnR__image_KWW4hy 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="//teppich-beige.de/cdn/shop/files/000_14.jpg?v=1759131365&width=3840" alt="" srcset="//teppich-beige.de/cdn/shop/files/000_14.jpg?v=1759131365&width=240 240w, //teppich-beige.de/cdn/shop/files/000_14.jpg?v=1759131365&width=352 352w, //teppich-beige.de/cdn/shop/files/000_14.jpg?v=1759131365&width=832 832w, //teppich-beige.de/cdn/shop/files/000_14.jpg?v=1759131365&width=1200 1200w, //teppich-beige.de/cdn/shop/files/000_14.jpg?v=1759131365&width=1600 1600w, //teppich-beige.de/cdn/shop/files/000_14.jpg?v=1759131365&width=1920 1920w, //teppich-beige.de/cdn/shop/files/000_14.jpg?v=1759131365&width=2560 2560w, //teppich-beige.de/cdn/shop/files/000_14.jpg?v=1759131365&width=3840 3840w" width="1920" height="1080" 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>
</div>
</div>
</div><div id="shopify-section-template--26851969466717__collection_list_mNHkNC" 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="AS2RtSCtlMU1qRFpIW__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/teppich-schwarz"
>
<span class="visually-hidden">teppich schwarz</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS2RtSCtlMU1qRFpIW__static-collection-card"] {
--ratio: 1.7777777777777777;
}
</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="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=3840" alt="teppich schwarz" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=240 240w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=832 832w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=1200 1200w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=1600 1600w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=1920 1920w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=2560 2560w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_12.jpg?v=1759307608&width=3840 3840w" width="3840" height="2160" 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--AcStGajVjL2p4ZFpGN__collection_title_XX3qnV 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>teppich schwarz</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="AS2RtSCtlMU1qRFpIW__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/teppich-grun"
>
<span class="visually-hidden">teppich grün</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS2RtSCtlMU1qRFpIW__static-collection-card-1"] {
--ratio: 1.7777777777777777;
}
</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="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=3840" alt="teppich grün" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=240 240w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=832 832w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=1200 1200w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=1600 1600w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=1920 1920w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=2560 2560w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_10.jpg?v=1759307273&width=3840 3840w" width="3840" height="2160" 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--AcStGajVjL2p4ZFpGN__collection_title_XX3qnV-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>teppich 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="AS2RtSCtlMU1qRFpIW__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/teppich-grau"
>
<span class="visually-hidden">teppich grau</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS2RtSCtlMU1qRFpIW__static-collection-card-2"] {
--ratio: 1.7777777777777777;
}
</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="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=3840" alt="teppich grau" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=240 240w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=832 832w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=1200 1200w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=1600 1600w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=1920 1920w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=2560 2560w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_11.jpg?v=1759307383&width=3840 3840w" width="3840" height="2160" 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--AcStGajVjL2p4ZFpGN__collection_title_XX3qnV-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>teppich grau</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="AS2RtSCtlMU1qRFpIW__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/teppich-beige"
>
<span class="visually-hidden">teppich beige</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS2RtSCtlMU1qRFpIW__static-collection-card-3"] {
--ratio: 1.7777777777777777;
}
</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="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=3840" alt="teppich beige" srcset="//teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=240 240w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=352 352w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=832 832w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=1200 1200w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=1600 1600w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=1920 1920w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=2560 2560w, //teppich-beige.de/cdn/shop/collections/Design_sans_titre_14.jpg?v=1759307919&width=3840 3840w" width="3840" height="2160" 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--AcStGajVjL2p4ZFpGN__collection_title_XX3qnV-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>teppich beige</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26851969466717__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--AYmhGcUJKL3BpZEU2T__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><em>Juteteppich</em></h2>
</rte-formatter>
<a
href="/collections/jute-teppich"
class="size-style link link--ATzdCZll4UUgvaXlWe__product_list_button_Wb4tjV"
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="15566313554269"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/jute-teppich-90x150cm-537.webp?v=1757290131&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566313554269"
data-product-variants-size="6"
id="product-card-AMU9Rc1k5bGdNZHpwU__static-product-card"
data-product-transition="true"
>
<a
id="9522d6cf89cbeac6462d19eabc8d0c75"
href="/products/jute-teppich?variant=58312783987037"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Jute Teppich
</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: none; --quick-add-mobile-display: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AU0RmK3ExbzlITDUye__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="15566313554269"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/jute-teppich?variant=58312783987037"
aria-label="Jute Teppich"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="4"
>
<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="67669131952477">
<div
class="product-media"
style="--ratio: 0.75"
data-media-id="67669131952477"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-90x150cm-537.webp?v=1757290131&width=3840" alt="jute teppich 90x150cm" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-90x150cm-537.webp?v=1757290131&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-90x150cm-537.webp?v=1757290131&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-90x150cm-537.webp?v=1757290131&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-90x150cm-537.webp?v=1757290131&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-90x150cm-537.webp?v=1757290131&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-90x150cm-537.webp?v=1757290131&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-90x150cm-537.webp?v=1757290131&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-90x150cm-537.webp?v=1757290131&width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//teppich-beige.de/cdn/shop/files/jute-teppich-90x150cm-537.webp?v=1757290131&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="67669133295965"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669133295965"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-108.webp?v=1757290136&width=3840" alt="jute teppich" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-108.webp?v=1757290136&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-108.webp?v=1757290136&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-108.webp?v=1757290136&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-108.webp?v=1757290136&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-108.webp?v=1757290136&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-108.webp?v=1757290136&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-108.webp?v=1757290136&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-108.webp?v=1757290136&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="//teppich-beige.de/cdn/shop/files/jute-teppich-108.webp?v=1757290136&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="67669135262045"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669135262045"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-944.webp?v=1757290142&width=3840" alt="jute teppich" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-944.webp?v=1757290142&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-944.webp?v=1757290142&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-944.webp?v=1757290142&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-944.webp?v=1757290142&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-944.webp?v=1757290142&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-944.webp?v=1757290142&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-944.webp?v=1757290142&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-944.webp?v=1757290142&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="//teppich-beige.de/cdn/shop/files/jute-teppich-944.webp?v=1757290142&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="67669136671069"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669136671069"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-736.webp?v=1757290147&width=3840" alt="jute teppich" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-736.webp?v=1757290147&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-736.webp?v=1757290147&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-736.webp?v=1757290147&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-736.webp?v=1757290147&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-736.webp?v=1757290147&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-736.webp?v=1757290147&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-736.webp?v=1757290147&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-736.webp?v=1757290147&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="//teppich-beige.de/cdn/shop/files/jute-teppich-736.webp?v=1757290147&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="67669138112861"
>
<div
class="product-media"
style="--ratio: 0.75"
data-media-id="67669138112861"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-680.webp?v=1757290152&width=3840" alt="jute teppich" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-680.webp?v=1757290152&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-680.webp?v=1757290152&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-680.webp?v=1757290152&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-680.webp?v=1757290152&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-680.webp?v=1757290152&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-680.webp?v=1757290152&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-680.webp?v=1757290152&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-680.webp?v=1757290152&width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//teppich-beige.de/cdn/shop/files/jute-teppich-680.webp?v=1757290152&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
class="product-badges__badge product-badges__badge--rectangle color-scheme-3"
>Ausverkauft
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Jute Teppich"
>
<product-form-component
data-section-id="template--26851969466717__product_list_NbD8ak"
data-product-id="15566313554269"
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-15566313554269-AU0RmK3ExbzlITDUye__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="58312783987037"
disabled
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//teppich-beige.de/cdn/shop/files/jute-teppich-90x150cm-537.webp?v=1757290131&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"
disabled
>
<span
class="add-to-cart-text"
>
<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="15566313554269" /><input type="hidden" name="section-id" value="template--26851969466717__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Jute Teppich</h3>
<div class="h6">
<product-price data-product-id="15566313554269">
<div ref="priceContainer">
<span class="price">€335,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/jute-teppich?variant=58312783987037"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AWTVWT0xyREFHNmxId__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>Jute Teppich</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AQXN1bDdIUUE5a3NKR__price_TY4aHw"
data-product-id="15566313554269"
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">€335,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="15566313488733"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-80x120cm-654.webp?v=1757290106&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566313488733"
data-product-variants-size="6"
id="product-card-AMU9Rc1k5bGdNZHpwU__static-product-card-1"
data-product-transition="true"
>
<a
id="7ad9b2aeeb35f1396dab614b629a429b"
href="/products/teppich-aus-jute?variant=58312783462749"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Teppich aus Jute
</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: none; --quick-add-mobile-display: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AU0RmK3ExbzlITDUye__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="15566313488733"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/teppich-aus-jute?variant=58312783462749"
aria-label="Teppich aus Jute"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="4"
>
<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="67669120221533">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669120221533"
>
<img src="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-80x120cm-654.webp?v=1757290106&width=3840" alt="teppich aus jute 80x120cm" srcset="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-80x120cm-654.webp?v=1757290106&width=240 240w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-80x120cm-654.webp?v=1757290106&width=352 352w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-80x120cm-654.webp?v=1757290106&width=832 832w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-80x120cm-654.webp?v=1757290106&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-80x120cm-654.webp?v=1757290106&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-80x120cm-654.webp?v=1757290106&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-80x120cm-654.webp?v=1757290106&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-80x120cm-654.webp?v=1757290106&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="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-80x120cm-654.webp?v=1757290106&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="67669121532253"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669121532253"
>
<img src="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-846.webp?v=1757290110&width=3840" alt="teppich aus jute" srcset="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-846.webp?v=1757290110&width=240 240w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-846.webp?v=1757290110&width=352 352w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-846.webp?v=1757290110&width=832 832w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-846.webp?v=1757290110&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-846.webp?v=1757290110&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-846.webp?v=1757290110&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-846.webp?v=1757290110&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-846.webp?v=1757290110&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="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-846.webp?v=1757290110&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="67669124645213"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669124645213"
>
<img src="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-442.webp?v=1757290114&width=3840" alt="teppich aus jute" srcset="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-442.webp?v=1757290114&width=240 240w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-442.webp?v=1757290114&width=352 352w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-442.webp?v=1757290114&width=832 832w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-442.webp?v=1757290114&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-442.webp?v=1757290114&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-442.webp?v=1757290114&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-442.webp?v=1757290114&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-442.webp?v=1757290114&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="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-442.webp?v=1757290114&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="67669125857629"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669125857629"
>
<img src="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-943.webp?v=1757290118&width=3840" alt="teppich aus jute" srcset="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-943.webp?v=1757290118&width=240 240w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-943.webp?v=1757290118&width=352 352w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-943.webp?v=1757290118&width=832 832w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-943.webp?v=1757290118&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-943.webp?v=1757290118&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-943.webp?v=1757290118&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-943.webp?v=1757290118&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-943.webp?v=1757290118&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="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-943.webp?v=1757290118&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="67669129363805"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669129363805"
>
<img src="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-657.webp?v=1757290123&width=3840" alt="teppich aus jute" srcset="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-657.webp?v=1757290123&width=240 240w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-657.webp?v=1757290123&width=352 352w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-657.webp?v=1757290123&width=832 832w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-657.webp?v=1757290123&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-657.webp?v=1757290123&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-657.webp?v=1757290123&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-657.webp?v=1757290123&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppich-aus-jute-657.webp?v=1757290123&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="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-657.webp?v=1757290123&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
class="product-badges__badge product-badges__badge--rectangle color-scheme-3"
>Ausverkauft
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Teppich aus Jute"
>
<product-form-component
data-section-id="template--26851969466717__product_list_NbD8ak"
data-product-id="15566313488733"
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-15566313488733-AU0RmK3ExbzlITDUye__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="58312783462749"
disabled
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//teppich-beige.de/cdn/shop/files/teppich-aus-jute-80x120cm-654.webp?v=1757290106&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"
disabled
>
<span
class="add-to-cart-text"
>
<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="15566313488733" /><input type="hidden" name="section-id" value="template--26851969466717__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Teppich aus Jute</h3>
<div class="h6">
<product-price data-product-id="15566313488733">
<div ref="priceContainer">
<span class="price">€151,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/teppich-aus-jute?variant=58312783462749"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AWTVWT0xyREFHNmxId__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>Teppich aus Jute</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AQXN1bDdIUUE5a3NKR__price_TY4aHw-1"
data-product-id="15566313488733"
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">€151,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="15566313455965"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-619.webp?v=1757290085&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566313455965"
data-product-variants-size="1"
id="product-card-AMU9Rc1k5bGdNZHpwU__static-product-card-2"
data-product-transition="true"
>
<a
id="294194efdf94257cb8e1c93efae523f5"
href="/products/jute-teppich-rund?variant=58312783331677"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Jute Teppich Rund
</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: none; --quick-add-mobile-display: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AU0RmK3ExbzlITDUye__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="15566313455965"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/jute-teppich-rund?variant=58312783331677"
aria-label="Jute Teppich Rund"
>
<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="67669113733469">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669113733469"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-619.webp?v=1757290085&width=3840" alt="jute teppich rund pro Quadratmeter" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-619.webp?v=1757290085&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-619.webp?v=1757290085&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-619.webp?v=1757290085&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-619.webp?v=1757290085&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-619.webp?v=1757290085&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-619.webp?v=1757290085&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-619.webp?v=1757290085&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-619.webp?v=1757290085&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="//teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-619.webp?v=1757290085&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="67669115142493"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669115142493"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-950.jpg?v=1757290090&width=3840" alt="jute teppich rund pro Quadratmeter" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-950.jpg?v=1757290090&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-950.jpg?v=1757290090&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-950.jpg?v=1757290090&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-950.jpg?v=1757290090&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-950.jpg?v=1757290090&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-950.jpg?v=1757290090&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-950.jpg?v=1757290090&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-950.jpg?v=1757290090&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="//teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-950.jpg?v=1757290090&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="67669116649821"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669116649821"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-847.jpg?v=1757290094&width=3840" alt="jute teppich rund pro Quadratmeter" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-847.jpg?v=1757290094&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-847.jpg?v=1757290094&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-847.jpg?v=1757290094&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-847.jpg?v=1757290094&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-847.jpg?v=1757290094&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-847.jpg?v=1757290094&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-847.jpg?v=1757290094&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-847.jpg?v=1757290094&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="//teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-847.jpg?v=1757290094&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="67669117927773"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669117927773"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-972.webp?v=1757290098&width=3840" alt="jute teppich rund pro Quadratmeter" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-972.webp?v=1757290098&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-972.webp?v=1757290098&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-972.webp?v=1757290098&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-972.webp?v=1757290098&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-972.webp?v=1757290098&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-972.webp?v=1757290098&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-972.webp?v=1757290098&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-972.webp?v=1757290098&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="//teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-972.webp?v=1757290098&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
class="product-badges__badge product-badges__badge--rectangle color-scheme-3"
>Ausverkauft
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Jute Teppich Rund"
>
<product-form-component
data-section-id="template--26851969466717__product_list_NbD8ak"
data-product-id="15566313455965"
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-15566313455965-AU0RmK3ExbzlITDUye__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="58312783331677"
disabled
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//teppich-beige.de/cdn/shop/files/jute-teppich-rund-pro-quadratmeter-619.webp?v=1757290085&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"
disabled
>
<span
class="add-to-cart-text"
>
<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="15566313455965" /><input type="hidden" name="section-id" value="template--26851969466717__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Jute Teppich Rund</h3>
<div class="h6">
<product-price data-product-id="15566313455965">
<div ref="priceContainer">
<span class="price">€171,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/jute-teppich-rund?variant=58312783331677"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AWTVWT0xyREFHNmxId__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>Jute Teppich Rund</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AQXN1bDdIUUE5a3NKR__price_TY4aHw-2"
data-product-id="15566313455965"
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">€171,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="15566313423197"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/teppich-jute-rund-120cm-152.webp?v=1757290073&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566313423197"
data-product-variants-size="6"
id="product-card-AMU9Rc1k5bGdNZHpwU__static-product-card-3"
data-product-transition="true"
>
<a
id="e42e6ff3e03dbd94db008f2167c9327f"
href="/products/teppich-jute-rund?variant=58312782709085"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Teppich Jute Rund
</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: none; --quick-add-mobile-display: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AU0RmK3ExbzlITDUye__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="15566313423197"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/teppich-jute-rund?variant=58312782709085"
aria-label="Teppich Jute Rund"
>
<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="67669109703005">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669109703005"
>
<img src="//teppich-beige.de/cdn/shop/files/teppich-jute-rund-120cm-152.webp?v=1757290073&width=3840" alt="teppich jute rund 120cm" srcset="//teppich-beige.de/cdn/shop/files/teppich-jute-rund-120cm-152.webp?v=1757290073&width=240 240w, //teppich-beige.de/cdn/shop/files/teppich-jute-rund-120cm-152.webp?v=1757290073&width=352 352w, //teppich-beige.de/cdn/shop/files/teppich-jute-rund-120cm-152.webp?v=1757290073&width=832 832w, //teppich-beige.de/cdn/shop/files/teppich-jute-rund-120cm-152.webp?v=1757290073&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppich-jute-rund-120cm-152.webp?v=1757290073&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppich-jute-rund-120cm-152.webp?v=1757290073&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppich-jute-rund-120cm-152.webp?v=1757290073&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppich-jute-rund-120cm-152.webp?v=1757290073&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="//teppich-beige.de/cdn/shop/files/teppich-jute-rund-120cm-152.webp?v=1757290073&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="67669110882653"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669110882653"
>
<img src="//teppich-beige.de/cdn/shop/files/teppich-jute-rund-496.webp?v=1757290077&width=3840" alt="teppich jute rund" srcset="//teppich-beige.de/cdn/shop/files/teppich-jute-rund-496.webp?v=1757290077&width=240 240w, //teppich-beige.de/cdn/shop/files/teppich-jute-rund-496.webp?v=1757290077&width=352 352w, //teppich-beige.de/cdn/shop/files/teppich-jute-rund-496.webp?v=1757290077&width=832 832w, //teppich-beige.de/cdn/shop/files/teppich-jute-rund-496.webp?v=1757290077&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppich-jute-rund-496.webp?v=1757290077&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppich-jute-rund-496.webp?v=1757290077&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppich-jute-rund-496.webp?v=1757290077&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppich-jute-rund-496.webp?v=1757290077&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="//teppich-beige.de/cdn/shop/files/teppich-jute-rund-496.webp?v=1757290077&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
class="product-badges__badge product-badges__badge--rectangle color-scheme-3"
>Ausverkauft
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Teppich Jute Rund"
>
<product-form-component
data-section-id="template--26851969466717__product_list_NbD8ak"
data-product-id="15566313423197"
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-15566313423197-AU0RmK3ExbzlITDUye__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="58312782709085"
disabled
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//teppich-beige.de/cdn/shop/files/teppich-jute-rund-120cm-152.webp?v=1757290073&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"
disabled
>
<span
class="add-to-cart-text"
>
<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="15566313423197" /><input type="hidden" name="section-id" value="template--26851969466717__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Teppich Jute Rund</h3>
<div class="h6">
<product-price data-product-id="15566313423197">
<div ref="priceContainer">
<span class="price">€231,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/teppich-jute-rund?variant=58312782709085"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AWTVWT0xyREFHNmxId__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>Teppich Jute Rund</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AQXN1bDdIUUE5a3NKR__price_TY4aHw-3"
data-product-id="15566313423197"
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">€231,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="15566313324893"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/teppiche-jute-617.webp?v=1757290046&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566313324893"
data-product-variants-size="1"
id="product-card-AMU9Rc1k5bGdNZHpwU__static-product-card-4"
data-product-transition="true"
>
<a
id="8598970c8aadb154416972c71ea98377"
href="/products/teppiche-jute?variant=58312782119261"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Teppiche Jute
</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: none; --quick-add-mobile-display: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AU0RmK3ExbzlITDUye__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="15566313324893"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/teppiche-jute?variant=58312782119261"
aria-label="Teppiche Jute"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
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="67669100888413"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669100888413"
>
<img src="//teppich-beige.de/cdn/shop/files/teppiche-jute-617.webp?v=1757290046&width=3840" alt="teppiche jute" srcset="//teppich-beige.de/cdn/shop/files/teppiche-jute-617.webp?v=1757290046&width=240 240w, //teppich-beige.de/cdn/shop/files/teppiche-jute-617.webp?v=1757290046&width=352 352w, //teppich-beige.de/cdn/shop/files/teppiche-jute-617.webp?v=1757290046&width=832 832w, //teppich-beige.de/cdn/shop/files/teppiche-jute-617.webp?v=1757290046&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppiche-jute-617.webp?v=1757290046&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppiche-jute-617.webp?v=1757290046&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppiche-jute-617.webp?v=1757290046&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppiche-jute-617.webp?v=1757290046&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="//teppich-beige.de/cdn/shop/files/teppiche-jute-617.webp?v=1757290046&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="67669102559581"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669102559581"
>
<img src="//teppich-beige.de/cdn/shop/files/teppiche-jute-790.webp?v=1757290051&width=3840" alt="teppiche jute" srcset="//teppich-beige.de/cdn/shop/files/teppiche-jute-790.webp?v=1757290051&width=240 240w, //teppich-beige.de/cdn/shop/files/teppiche-jute-790.webp?v=1757290051&width=352 352w, //teppich-beige.de/cdn/shop/files/teppiche-jute-790.webp?v=1757290051&width=832 832w, //teppich-beige.de/cdn/shop/files/teppiche-jute-790.webp?v=1757290051&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppiche-jute-790.webp?v=1757290051&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppiche-jute-790.webp?v=1757290051&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppiche-jute-790.webp?v=1757290051&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppiche-jute-790.webp?v=1757290051&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="//teppich-beige.de/cdn/shop/files/teppiche-jute-790.webp?v=1757290051&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="67669103935837"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669103935837"
>
<img src="//teppich-beige.de/cdn/shop/files/teppiche-jute-181.webp?v=1757290055&width=3840" alt="teppiche jute" srcset="//teppich-beige.de/cdn/shop/files/teppiche-jute-181.webp?v=1757290055&width=240 240w, //teppich-beige.de/cdn/shop/files/teppiche-jute-181.webp?v=1757290055&width=352 352w, //teppich-beige.de/cdn/shop/files/teppiche-jute-181.webp?v=1757290055&width=832 832w, //teppich-beige.de/cdn/shop/files/teppiche-jute-181.webp?v=1757290055&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppiche-jute-181.webp?v=1757290055&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppiche-jute-181.webp?v=1757290055&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppiche-jute-181.webp?v=1757290055&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppiche-jute-181.webp?v=1757290055&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="//teppich-beige.de/cdn/shop/files/teppiche-jute-181.webp?v=1757290055&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="67669105967453"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669105967453"
>
<img src="//teppich-beige.de/cdn/shop/files/teppiche-jute-218.webp?v=1757290060&width=3840" alt="teppiche jute" srcset="//teppich-beige.de/cdn/shop/files/teppiche-jute-218.webp?v=1757290060&width=240 240w, //teppich-beige.de/cdn/shop/files/teppiche-jute-218.webp?v=1757290060&width=352 352w, //teppich-beige.de/cdn/shop/files/teppiche-jute-218.webp?v=1757290060&width=832 832w, //teppich-beige.de/cdn/shop/files/teppiche-jute-218.webp?v=1757290060&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppiche-jute-218.webp?v=1757290060&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppiche-jute-218.webp?v=1757290060&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppiche-jute-218.webp?v=1757290060&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppiche-jute-218.webp?v=1757290060&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="//teppich-beige.de/cdn/shop/files/teppiche-jute-218.webp?v=1757290060&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="67669107310941"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669107310941"
>
<img src="//teppich-beige.de/cdn/shop/files/teppiche-jute-484.webp?v=1757290065&width=3840" alt="teppiche jute" srcset="//teppich-beige.de/cdn/shop/files/teppiche-jute-484.webp?v=1757290065&width=240 240w, //teppich-beige.de/cdn/shop/files/teppiche-jute-484.webp?v=1757290065&width=352 352w, //teppich-beige.de/cdn/shop/files/teppiche-jute-484.webp?v=1757290065&width=832 832w, //teppich-beige.de/cdn/shop/files/teppiche-jute-484.webp?v=1757290065&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppiche-jute-484.webp?v=1757290065&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppiche-jute-484.webp?v=1757290065&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppiche-jute-484.webp?v=1757290065&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppiche-jute-484.webp?v=1757290065&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="//teppich-beige.de/cdn/shop/files/teppiche-jute-484.webp?v=1757290065&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
class="product-badges__badge product-badges__badge--rectangle color-scheme-3"
>Ausverkauft
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Teppiche Jute"
>
<product-form-component
data-section-id="template--26851969466717__product_list_NbD8ak"
data-product-id="15566313324893"
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-15566313324893-AU0RmK3ExbzlITDUye__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="58312782119261"
disabled
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//teppich-beige.de/cdn/shop/files/teppiche-jute-617.webp?v=1757290046&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"
disabled
>
<span
class="add-to-cart-text"
>
<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="15566313324893" /><input type="hidden" name="section-id" value="template--26851969466717__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Teppiche Jute</h3>
<div class="h6">
<product-price data-product-id="15566313324893">
<div ref="priceContainer">
<span class="price">€95,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/teppiche-jute?variant=58312782119261"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AWTVWT0xyREFHNmxId__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>Teppiche Jute</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AQXN1bDdIUUE5a3NKR__price_TY4aHw-4"
data-product-id="15566313324893"
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">€95,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="15566313292125"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-496.webp?v=1757290019&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566313292125"
data-product-variants-size="1"
id="product-card-AMU9Rc1k5bGdNZHpwU__static-product-card-5"
data-product-transition="true"
>
<a
id="fe05ee82c458fd9298ee35e5c198b727"
href="/products/teppiche-aus-jute?variant=58312782053725"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Teppiche aus Jute
</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: none; --quick-add-mobile-display: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AU0RmK3ExbzlITDUye__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="15566313292125"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/teppiche-aus-jute?variant=58312782053725"
aria-label="Teppiche aus Jute"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
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="67669093351773"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669093351773"
>
<img src="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-496.webp?v=1757290019&width=3840" alt="teppiche aus jute" srcset="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-496.webp?v=1757290019&width=240 240w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-496.webp?v=1757290019&width=352 352w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-496.webp?v=1757290019&width=832 832w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-496.webp?v=1757290019&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-496.webp?v=1757290019&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-496.webp?v=1757290019&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-496.webp?v=1757290019&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-496.webp?v=1757290019&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="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-496.webp?v=1757290019&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="67669094662493"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669094662493"
>
<img src="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-632.webp?v=1757290024&width=3840" alt="teppiche aus jute" srcset="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-632.webp?v=1757290024&width=240 240w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-632.webp?v=1757290024&width=352 352w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-632.webp?v=1757290024&width=832 832w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-632.webp?v=1757290024&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-632.webp?v=1757290024&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-632.webp?v=1757290024&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-632.webp?v=1757290024&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-632.webp?v=1757290024&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="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-632.webp?v=1757290024&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="67669095121245"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669095121245"
>
<img src="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-434.webp?v=1757290028&width=3840" alt="teppiche aus jute" srcset="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-434.webp?v=1757290028&width=240 240w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-434.webp?v=1757290028&width=352 352w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-434.webp?v=1757290028&width=832 832w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-434.webp?v=1757290028&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-434.webp?v=1757290028&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-434.webp?v=1757290028&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-434.webp?v=1757290028&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-434.webp?v=1757290028&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="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-434.webp?v=1757290028&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="67669096726877"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669096726877"
>
<img src="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-398.webp?v=1757290033&width=3840" alt="teppiche aus jute" srcset="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-398.webp?v=1757290033&width=240 240w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-398.webp?v=1757290033&width=352 352w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-398.webp?v=1757290033&width=832 832w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-398.webp?v=1757290033&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-398.webp?v=1757290033&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-398.webp?v=1757290033&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-398.webp?v=1757290033&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-398.webp?v=1757290033&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="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-398.webp?v=1757290033&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="67669098430813"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669098430813"
>
<img src="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-389.webp?v=1757290038&width=3840" alt="teppiche aus jute" srcset="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-389.webp?v=1757290038&width=240 240w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-389.webp?v=1757290038&width=352 352w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-389.webp?v=1757290038&width=832 832w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-389.webp?v=1757290038&width=1200 1200w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-389.webp?v=1757290038&width=1600 1600w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-389.webp?v=1757290038&width=1920 1920w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-389.webp?v=1757290038&width=2560 2560w, //teppich-beige.de/cdn/shop/files/teppiche-aus-jute-389.webp?v=1757290038&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="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-389.webp?v=1757290038&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
class="product-badges__badge product-badges__badge--rectangle color-scheme-3"
>Ausverkauft
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Teppiche aus Jute"
>
<product-form-component
data-section-id="template--26851969466717__product_list_NbD8ak"
data-product-id="15566313292125"
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-15566313292125-AU0RmK3ExbzlITDUye__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="58312782053725"
disabled
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//teppich-beige.de/cdn/shop/files/teppiche-aus-jute-496.webp?v=1757290019&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"
disabled
>
<span
class="add-to-cart-text"
>
<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="15566313292125" /><input type="hidden" name="section-id" value="template--26851969466717__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Teppiche aus Jute</h3>
<div class="h6">
<product-price data-product-id="15566313292125">
<div ref="priceContainer">
<span class="price">€124,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/teppiche-aus-jute?variant=58312782053725"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AWTVWT0xyREFHNmxId__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>Teppiche aus Jute</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AQXN1bDdIUUE5a3NKR__price_TY4aHw-5"
data-product-id="15566313292125"
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">€124,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="15566313226589"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-90x150cm-125.webp?v=1757290011&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566313226589"
data-product-variants-size="6"
id="product-card-AMU9Rc1k5bGdNZHpwU__static-product-card-6"
data-product-transition="true"
>
<a
id="7f5aa152501bf5504ddb0118599c18ff"
href="/products/jute-teppich-200x300?variant=58312782446941"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Jute Teppich 200x300
</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: none; --quick-add-mobile-display: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AU0RmK3ExbzlITDUye__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="15566313226589"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/jute-teppich-200x300?variant=58312782446941"
aria-label="Jute Teppich 200x300"
>
<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="67669079884125"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669079884125"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-554.webp?v=1757289990&width=3840" alt="jute teppich 200x300" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-554.webp?v=1757289990&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-554.webp?v=1757289990&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-554.webp?v=1757289990&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-554.webp?v=1757289990&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-554.webp?v=1757289990&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-554.webp?v=1757289990&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-554.webp?v=1757289990&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-554.webp?v=1757289990&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="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-554.webp?v=1757289990&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="67669081325917"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669081325917"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-465.webp?v=1757289994&width=3840" alt="jute teppich 200x300" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-465.webp?v=1757289994&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-465.webp?v=1757289994&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-465.webp?v=1757289994&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-465.webp?v=1757289994&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-465.webp?v=1757289994&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-465.webp?v=1757289994&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-465.webp?v=1757289994&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-465.webp?v=1757289994&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="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-465.webp?v=1757289994&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="67669082997085"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669082997085"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-719.webp?v=1757289998&width=3840" alt="jute teppich 200x300" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-719.webp?v=1757289998&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-719.webp?v=1757289998&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-719.webp?v=1757289998&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-719.webp?v=1757289998&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-719.webp?v=1757289998&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-719.webp?v=1757289998&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-719.webp?v=1757289998&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-719.webp?v=1757289998&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="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-719.webp?v=1757289998&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="67669084078429"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669084078429"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-319.jpg?v=1757290003&width=3840" alt="jute teppich 200x300" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-319.jpg?v=1757290003&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-319.jpg?v=1757290003&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-319.jpg?v=1757290003&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-319.jpg?v=1757290003&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-319.jpg?v=1757290003&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-319.jpg?v=1757290003&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-319.jpg?v=1757290003&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-319.jpg?v=1757290003&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="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-319.jpg?v=1757290003&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="67669085192541"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669085192541"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-957.webp?v=1757290006&width=3840" alt="jute teppich 200x300" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-957.webp?v=1757290006&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-957.webp?v=1757290006&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-957.webp?v=1757290006&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-957.webp?v=1757290006&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-957.webp?v=1757290006&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-957.webp?v=1757290006&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-957.webp?v=1757290006&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-957.webp?v=1757290006&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="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-957.webp?v=1757290006&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="67669088436573"
hidden
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669088436573"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-90x150cm-125.webp?v=1757290011&width=3840" alt="jute teppich 200x300 90x150cm" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-90x150cm-125.webp?v=1757290011&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-90x150cm-125.webp?v=1757290011&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-90x150cm-125.webp?v=1757290011&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-90x150cm-125.webp?v=1757290011&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-90x150cm-125.webp?v=1757290011&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-90x150cm-125.webp?v=1757290011&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-90x150cm-125.webp?v=1757290011&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-200x300-90x150cm-125.webp?v=1757290011&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="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-90x150cm-125.webp?v=1757290011&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
class="product-badges__badge product-badges__badge--rectangle color-scheme-3"
>Ausverkauft
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Jute Teppich 200x300"
>
<product-form-component
data-section-id="template--26851969466717__product_list_NbD8ak"
data-product-id="15566313226589"
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-15566313226589-AU0RmK3ExbzlITDUye__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="58312782446941"
disabled
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//teppich-beige.de/cdn/shop/files/jute-teppich-200x300-90x150cm-125.webp?v=1757290011&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"
disabled
>
<span
class="add-to-cart-text"
>
<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="15566313226589" /><input type="hidden" name="section-id" value="template--26851969466717__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Jute Teppich 200x300</h3>
<div class="h6">
<product-price data-product-id="15566313226589">
<div ref="priceContainer">
<span class="price">€248,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/jute-teppich-200x300?variant=58312782446941"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AWTVWT0xyREFHNmxId__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>Jute Teppich 200x300</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AQXN1bDdIUUE5a3NKR__price_TY4aHw-6"
data-product-id="15566313226589"
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">€248,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="15566313193821"
data-featured-media-url="//teppich-beige.de/cdn/shop/files/jute-teppich-oval-80cm-965.webp?v=1757289971&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15566313193821"
data-product-variants-size="12"
id="product-card-AMU9Rc1k5bGdNZHpwU__static-product-card-7"
data-product-transition="true"
>
<a
id="08ab3cc7513eb0e723bd1f6dde446fa3"
href="/products/jute-teppich-oval?variant=58312780251485"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Jute Teppich Oval
</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: none; --quick-add-mobile-display: none; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AU0RmK3ExbzlITDUye__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="15566313193821"
data-view-transition-to-main-product
data-image-ratio="square"
>
<a
class="contents"
ref="cardGalleryLink"
href="/products/jute-teppich-oval?variant=58312780251485"
aria-label="Jute Teppich Oval"
>
<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="67669073592669">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669073592669"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-oval-80cm-965.webp?v=1757289971&width=3840" alt="jute teppich oval 80cm" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-oval-80cm-965.webp?v=1757289971&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-80cm-965.webp?v=1757289971&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-80cm-965.webp?v=1757289971&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-80cm-965.webp?v=1757289971&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-80cm-965.webp?v=1757289971&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-80cm-965.webp?v=1757289971&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-80cm-965.webp?v=1757289971&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-80cm-965.webp?v=1757289971&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="//teppich-beige.de/cdn/shop/files/jute-teppich-oval-80cm-965.webp?v=1757289971&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="67669075460445"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669075460445"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-oval-992.webp?v=1757289977&width=3840" alt="jute teppich oval" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-oval-992.webp?v=1757289977&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-992.webp?v=1757289977&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-992.webp?v=1757289977&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-992.webp?v=1757289977&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-992.webp?v=1757289977&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-992.webp?v=1757289977&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-992.webp?v=1757289977&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-992.webp?v=1757289977&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="//teppich-beige.de/cdn/shop/files/jute-teppich-oval-992.webp?v=1757289977&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="67669076902237"
>
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="67669076902237"
>
<img src="//teppich-beige.de/cdn/shop/files/jute-teppich-oval-915.jpg?v=1757289981&width=3840" alt="jute teppich oval" srcset="//teppich-beige.de/cdn/shop/files/jute-teppich-oval-915.jpg?v=1757289981&width=240 240w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-915.jpg?v=1757289981&width=352 352w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-915.jpg?v=1757289981&width=832 832w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-915.jpg?v=1757289981&width=1200 1200w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-915.jpg?v=1757289981&width=1600 1600w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-915.jpg?v=1757289981&width=1920 1920w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-915.jpg?v=1757289981&width=2560 2560w, //teppich-beige.de/cdn/shop/files/jute-teppich-oval-915.jpg?v=1757289981&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="//teppich-beige.de/cdn/shop/files/jute-teppich-oval-915.jpg?v=1757289981&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
class="product-badges__badge product-badges__badge--rectangle color-scheme-3"
>Ausverkauft
</div></div>
<quick-add-component
class="quick-add color-scheme-1"
ref="quickAdd"
data-product-title="Jute Teppich Oval"
>
<product-form-component
data-section-id="template--26851969466717__product_list_NbD8ak"
data-product-id="15566313193821"
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-15566313193821-AU0RmK3ExbzlITDUye__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="58312780251485"
disabled
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//teppich-beige.de/cdn/shop/files/jute-teppich-oval-80cm-965.webp?v=1757289971&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"
disabled
>
<span
class="add-to-cart-text"
>
<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="15566313193821" /><input type="hidden" name="section-id" value="template--26851969466717__product_list_NbD8ak" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Jute Teppich Oval</h3>
<div class="h6">
<product-price data-product-id="15566313193821">
<div ref="priceContainer">
<span class="price">€62,99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="/products/jute-teppich-oval?variant=58312780251485"
aria-hidden="true"
>
<div
class="spacing-style text-block text-block--AWTVWT0xyREFHNmxId__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>Jute Teppich Oval</p>
</div>
</a>
<product-price
class="text-block text-block--align-left text-left h6 spacing-style"
data-block-id="AQXN1bDdIUUE5a3NKR__price_TY4aHw-7"
data-product-id="15566313193821"
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">€62,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--26851969466717__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--ARXg1SzFDeFQ1a3JlY__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); "
>
<h4>Häufig gestellte Fragen </h4>
</rte-formatter>
<div
class="accordion accordion--ATWlvK0Q0WUFhaHd5Q__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">
Welche Teppichgröße soll ich wählen?
<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--AczFRZGZISitHUDlVa__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>Die Größe des Teppichs hängt vor allem vom Raum und dem gewünschten Effekt ab. In einem Wohnzimmer vermittelt ein großer Teppich, der etwas unter dem Sofa und dem Couchtisch hervorsteht, einen Eindruck von Harmonie und Komfort. In einem Schlafzimmer kann man einen großen Teppich wählen, der unter das Bett passt, oder zwei kleine Teppiche, die auf beiden Seiten platziert werden. In einem Esszimmer muss der Teppich groß genug sein, damit die Stühle auch dann darauf stehen bleiben, wenn sie zurückgeschoben werden.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Welchen Stil und welche Farbe soll der Teppich haben?
<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--AT0F2VVF6Yzc4aG9BR__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>Der Stil und die Farbe des Teppichs hängen von der Atmosphäre ab, die man schaffen möchte. Ein neutraler Teppich, beispielsweise in Beige oder Grau, passt zu jeder Einrichtung. Ein gemusterter Teppich, sei es mit geometrischen, orientalischen oder Boho-Mustern, zieht die Blicke auf sich und wird zum Blickfang der Einrichtung. Ein farbenfroher Teppich hingegen kann einem etwas zu nüchternen Raum Dynamik verleihen und ihn beleben.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Welches Teppichmaterial soll man wählen?
<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--AT3JkZi8zaXo1MkRVa__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>Die Wahl des Materials ist entscheidend, da es sich auf die Verwendung und Pflege auswirkt. Ein Teppich aus Wolle ist warm, strapazierfähig und eignet sich perfekt für ein Wohnzimmer oder ein Schlafzimmer. Ein Teppich aus Baumwolle ist leichter und pflegeleicht, was ihn praktisch für kleine Räume macht. Teppiche aus synthetischen Fasern sind kostengünstig und schmutzabweisend und daher eine gute Wahl, wenn Sie Kinder oder Haustiere haben. Ein Teppich aus Jute oder Sisal schließlich verleiht Ihrem Zuhause einen natürlichen, bohemischen Touch, auch wenn er sich unter den Füßen weniger angenehm anfühlt.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Wie viel kostet ein Teppich?
<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--AVVJJVjE4WGNyVXY3b__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>Das Budget variiert stark je nach Größe, Material und Qualität des Teppichs. Ein kleiner Teppich aus synthetischen Fasern kann zwischen 30 und 80 Euro kosten, während ein großer Wollteppich oder ein handgewebtes Modell bis zu 200 Euro oder sogar mehrere Tausend Euro kosten kann. Ideal ist es, in einen hochwertigen Teppich für die Haupträume wie das Wohnzimmer zu investieren und sich für günstigere Modelle in Durchgangsbereichen wie dem Eingangsbereich oder dem Flur zu entscheiden.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- BEGIN sections: footer-group -->
<footer id="shopify-section-sections--26851970056541__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">Centre d'aide</span>
<span class="menu__heading__accordion">
Centre d'aide
<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/hilfezentrum">
FAQ | Hilfezentrum
</a>
</li>
<li class="menu__item paragraph">
<a href="/pages/kundensupport">
Kundensupport
</a>
</li>
<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/ihre-wahlmoglichkeiten-hinsichtlich-der-vertraulichkeit">
Ihre Wahlmöglichkeiten hinsichtlich der Vertraulichkeit
</a>
</li>
</ul>
</div>
</details>
</accordion-custom>
<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">Informations</span>
<span class="menu__heading__accordion">
Informations
<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">
</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-ASDIvTWNRUXpJWHU4d__email_signup_zwcqXK"
class="visually-hidden"
>
E-Mail
</label>
<input
id="EmailInput-ASDIvTWNRUXpJWHU4d__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--ASDIvTWNRUXpJWHU4d__email_signup_zwcqXK color-scheme-1"
>
ABONNE TOI
</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="">Teppich Beige</a>, Powered by Shopify
</span>
</div>
<anchored-popover-component data-hover-triggered="true">
<button
class="policy-list-trigger button-unstyled"
popovertarget="terms-policies-popover"
popovertargetaction="toggle"
ref="trigger"
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-);"
>
Bestimmungen und Richtlinien
</button>
<div
class="terms-policies-popover color-scheme-1"
id="terms-policies-popover"
popover="auto"
ref="popover"
>
<ul
class="policy_list list-unstyled custom-typography custom-font-size"
><li>
<a
href="/policies/privacy-policy"
class="footer-utilities__text"
>Datenschutzerklärung</a>
</li></ul>
</div>
</anchored-popover-component>
</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="//teppich-beige.de/cdn/shop/t/4/assets/dialog.js?v=94382931671780430451759130672"
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="//teppich-beige.de/cdn/shop/t/4/assets/predictive-search.js?v=53445493388242646041759130673"
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>
<!-- Failed to render app block "4012516059585860583": app block path "shopify://apps/seo-king/blocks/seo-king-robots-preview-image/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --><!-- Failed to render app block "1005670201854246023": app block path "shopify://apps/seo-king/blocks/seo-king-404-redirect/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --><!-- Failed to render app block "6089888571350127878": app block path "shopify://apps/seo-king/blocks/seo-king-disable-click/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --><!-- Failed to render app block "17619489002456718702": app block path "shopify://apps/seo-king/blocks/seo-king-jsonld-website/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --><!-- Failed to render app block "6185273572848372701": app block path "shopify://apps/seo-king/blocks/seo-king-blacklist-js/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --><!-- Failed to render app block "10444853532083126559": app block path "shopify://apps/seo-king/blocks/seo-king-prerender-links/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --><!-- Failed to render app block "10418379418838805511": app block path "shopify://apps/seo-king/blocks/seo-king-jsonld-faqpage/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --><!-- Failed to render app block "2123730486445879810": app block path "shopify://apps/seo-king/blocks/seo-king-jsonld-articles/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --><!-- Failed to render app block "16133342861412372001": app block path "shopify://apps/seo-king/blocks/seo-king-404-monitor/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --><!-- Failed to render app block "811137144420382439": app block path "shopify://apps/seo-king/blocks/seo-king-jsonld-localbusiness/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --><!-- Failed to render app block "18393503268697261835": app block path "shopify://apps/seo-king/blocks/seo-king-jsonld-collections/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --><!-- Failed to render app block "15275366425030815531": app block path "shopify://apps/seo-king/blocks/seo-king-jsonld-breadcrumb/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --><!-- Failed to render app block "4034249759531830092": app block path "shopify://apps/seo-king/blocks/seo-king-jsonld-products/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --><!-- Failed to render app block "12929864145791711604": app block path "shopify://apps/seo-king/blocks/seo-king-jsonld-blogs/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --><!-- Failed to render app block "8648191301609691561": app block path "shopify://apps/seo-king/blocks/seo-king-jsonld-organization/4aa30173-495d-4e49-b377-c5ee4024262f" does not exist --></body>
</html>
