PageSourceSearch

https://matten-welt.com/

html matten-welt.com collected 2026-10-06 13:54:23 UTC 466,357 bytes, 11,119 lines download raw bytes

1<!doctype html>
2  
3<html
4  class="no-js"
5  lang="de"
6>
7  <head>
8    
8<script type="application/ld+json">
9{
10  "@context": "https://schema.org",
11  "@type": "Product",
12  "name": "",
13  "image": "//matten-welt.com/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12.gif",
14  "description": "",
15  "sku": "",
16  "brand": {
17    "@type": "Brand",
18    "name": ""
19  },
20  "aggregateRating": {
21    "@type": "AggregateRating",
22    "ratingValue": "4.8",
23    "reviewCount": "45"
24  }
25}
26</script>
26
27    
27<script type="application/ld+json">
28{
29  "@context": "https://schema.org",
30  "@type": "Product",
31  "name": "",
32  "image": "//matten-welt.com/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12.gif",
33  "description": "",
34  "sku": "",
35  "brand": {
36    "@type": "Brand",
37    "name": ""
38  },
39  "aggregateRating": {
40    "@type": "AggregateRating",
41    "ratingValue": "4.8",
42    "reviewCount": "45"
43  }
44}
45</script>
45<link href="//matten-welt.com/cdn/shop/t/16/assets/overflow-list.css?v=168694168152117541881754060642" as="style" rel="preload">
46<link href="//matten-welt.com/cdn/shop/t/16/assets/custom.css?v=50322688492030719011754318022" rel="stylesheet" type="text/css" media="all" />
47<link href="//matten-welt.com/cdn/shop/t/16/assets/base.css?v=115824117293439948561754060642" rel="stylesheet" type="text/css" media="all" />
48<link
49        rel="icon"
50        type="image/png"
51        href="//matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?crop=center&height=32&v=1753968146&width=32"
52      >
53    <link
54      rel="expect"
55      href="#MainContent"
56      blocking="render"
57      id="view-transition-render-blocker"
58    >
59
60    
60<script src="https://konfigurator-matten.com/public/front/js/local-cart-handler.js?1791294863" type="text/javascript" defer></script>
60
61
62    
62<script type="text/javascript">
63      document.addEventListener("DOMContentLoaded", () => {
64        window.localCart.clearAll();
65      });
66  </script>
66<meta charset="utf-8">
67<meta
68  http-equiv="X-UA-Compatible"
69  content="IE=edge"
70>
71<meta
72  name="viewport"
73  content="width=device-width,initial-scale=1"
74>
75<meta
76  name="view-transition"
77  content="same-origin"
78>
79<meta
80  name="theme-color"
81  content=""
82>
83
84<meta
85  property="og:site_name"
86  content="Matten-Welt"
87>
88<meta
89  property="og:url"
90  content="https://matten-welt.com/"
91>
92<meta
93  property="og:title"
94  content="Matten-Welt | Fußmatten, Schmutzfangmatten &amp; Logomatten gestalten"
95>
96<meta
97  property="og:type"
98  content="website"
99>
100<meta
101  property="og:description"
102  content="Fußmatten, Logomatten &amp; Schmutzfangmatten von Matten‑Welt – individuell drucken mit Logo, oder Foto, Text personalisieren &amp; gestalten. Jetzt online bestellen!"
103><meta
104  name="twitter:card"
105  content="summary_large_image"
106>
107<meta
108  name="twitter:title"
109  content="Matten-Welt | Fußmatten, Schmutzfangmatten &amp; Logomatten gestalten"
110>
111<meta
112  name="twitter:description"
113  content="Fußmatten, Logomatten &amp; Schmutzfangmatten von Matten‑Welt – individuell drucken mit Logo, oder Foto, Text personalisieren &amp; gestalten. Jetzt online bestellen!"
114>
115
116<title>
117  Matten-Welt | Fußmatten, Schmutzfangmatten &amp; Logomatten gestalten
118</title>
119
120<link
121  rel="canonical"
122  href="https://matten-welt.com/"
123>
124
125
126  <meta
127    name="description"
128    content="Fußmatten, Logomatten &amp; Schmutzfangmatten von Matten‑Welt – individuell drucken mit Logo, oder Foto, Text personalisieren &amp; gestalten. Jetzt online bestellen!"
129  >
130
131<link
132    rel="preconnect"
133    href="https://fonts.shopifycdn.com"
134    crossorigin
135  >
136<link
137    rel="preload"
138    as="font"
139    href="//matten-welt.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2"
140    type="font/woff2"
141    crossorigin
142  ><link
143    rel="preload"
144    as="font"
145    href="//matten-welt.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2"
146    type="font/woff2"
147    crossorigin
148  ><link
149    rel="preload"
150    as="font"
151    href="//matten-welt.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2"
152    type="font/woff2"
153    crossorigin
154  ><link
155    rel="preload"
156    as="font"
157    href="//matten-welt.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2"
158    type="font/woff2"
159    crossorigin
160  >
161<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 161
161
162<script type="importmap">
163  {
164    "imports": {
165      "@theme/critical": "//matten-welt.com/cdn/shop/t/16/assets/critical.js?v=34395725382898153171754060643",
166      "@theme/product-title": "//matten-welt.com/cdn/shop/t/16/assets/product-title-truncation.js?v=81744426891537421781754060643",
167      "@theme/component": "//matten-welt.com/cdn/shop/t/16/assets/component.js?v=74239122572524296041754060641",
168      "@theme/dialog": "//matten-welt.com/cdn/shop/t/16/assets/dialog.js?v=94382931671780430451754060642",
169      "@theme/events": "//matten-welt.com/cdn/shop/t/16/assets/events.js?v=26166644030623418901754060642",
170      "@theme/focus": "//matten-welt.com/cdn/shop/t/16/assets/focus.js?v=60436577539430446401754060642",
171      "@theme/morph": "//matten-welt.com/cdn/shop/t/16/assets/morph.js?v=130689995393408371391754060642",
172      "@theme/paginated-list": "//matten-welt.com/cdn/shop/t/16/assets/paginated-list.js?v=95298315036233333871754060642",
173      "@theme/performance": "//matten-welt.com/cdn/shop/t/16/assets/performance.js?v=25067702614201670671754060642",
174      "@theme/product-form": "//matten-welt.com/cdn/shop/t/16/assets/product-form.js?v=141380535127643269961754060641",
175      "@theme/recently-viewed-products": "//matten-welt.com/cdn/shop/t/16/assets/recently-viewed-products.js?v=94729125001750262651754060641",
176      "@theme/scrolling": "//matten-welt.com/cdn/shop/t/16/assets/scrolling.js?v=10957690925586738441754060641",
177      "@theme/section-renderer": "//matten-welt.com/cdn/shop/t/16/assets/section-renderer.js?v=117657582323260828391754060642",
178      "@theme/utilities": "//matten-welt.com/cdn/shop/t/16/assets/utilities.js?v=26927751642168286221754060642",
179      "@theme/variant-picker": "//matten-welt.com/cdn/shop/t/16/assets/variant-picker.js?v=37446757200069667691754060641",
180      "@theme/media-gallery": "//matten-welt.com/cdn/shop/t/16/assets/media-gallery.js?v=111441960308641931071754060642",
181      "@theme/quick-add": "//matten-welt.com/cdn/shop/t/16/assets/quick-add.js?v=22366602664859896481754060642",
182      "@theme/paginated-list-aspect-ratio": "//matten-welt.com/cdn/shop/t/16/assets/paginated-list-aspect-ratio.js?v=25254270272143792451754060641"
183    }
184  }
185</script>
185
186
187
188  
189  
189<script
190    src="//matten-welt.com/cdn/shop/t/16/assets/view-transitions.js?v=84877080446900032951754060642"
191    async
192    blocking="render"
193  ></script>
193
194  
195
196
197<link
198  rel="modulepreload"
199  href="//matten-welt.com/cdn/shop/t/16/assets/critical.js?v=34395725382898153171754060643"
200>
201
202<link
203  rel="modulepreload"
204  href="//matten-welt.com/cdn/shop/t/16/assets/utilities.js?v=26927751642168286221754060642"
205  fetchpriority="low"
206>
207<link
208  rel="modulepreload"
209  href="//matten-welt.com/cdn/shop/t/16/assets/component.js?v=74239122572524296041754060641"
210  fetchpriority="low"
211>
212<link
213  rel="modulepreload"
214  href="//matten-welt.com/cdn/shop/t/16/assets/section-renderer.js?v=117657582323260828391754060642"
215  fetchpriority="low"
216>
217<link
218  rel="modulepreload"
219  href="//matten-welt.com/cdn/shop/t/16/assets/morph.js?v=130689995393408371391754060642"
220  fetchpriority="low"
221>
222
223
224
225<link
226  rel="modulepreload"
227  href="//matten-welt.com/cdn/shop/t/16/assets/focus.js?v=60436577539430446401754060642"
228  fetchpriority="low"
229>
230<link
231  rel="modulepreload"
232  href="//matten-welt.com/cdn/shop/t/16/assets/recently-viewed-products.js?v=94729125001750262651754060641"
233  fetchpriority="low"
234>
235<link
236  rel="modulepreload"
237  href="//matten-welt.com/cdn/shop/t/16/assets/scrolling.js?v=10957690925586738441754060641"
238  fetchpriority="low"
239>
240<link
241  rel="modulepreload"
242  href="//matten-welt.com/cdn/shop/t/16/assets/events.js?v=26166644030623418901754060642"
243  fetchpriority="low"
244>
245<script
246  src="//matten-welt.com/cdn/shop/t/16/assets/quick-add.js?v=22366602664859896481754060642"
247  type="module"
248  fetchpriority="low"
249></script>
249
250
251  
251<script
252    src="//matten-welt.com/cdn/shop/t/16/assets/cart-discount.js?v=107077853990124422021754060643"
253    type="module"
254    fetchpriority="low"
255  ></script>
255
256
257<script
258  src="//matten-welt.com/cdn/shop/t/16/assets/dialog.js?v=94382931671780430451754060642"
259  type="module"
260  fetchpriority="low"
261></script>
vendor: 1 bytes, line 261
261
262<script
263  src="//matten-welt.com/cdn/shop/t/16/assets/variant-picker.js?v=37446757200069667691754060641"
264  type="module"
265  fetchpriority="low"
266></script>
vendor: 1 bytes, line 266
266
267<script
268  src="//matten-welt.com/cdn/shop/t/16/assets/product-card.js?v=31631398633476366691754060641"
269  type="module"
270  fetchpriority="low"
271></script>
vendor: 1 bytes, line 271
271
272<script
273  src="//matten-welt.com/cdn/shop/t/16/assets/product-form.js?v=141380535127643269961754060641"
274  type="module"
275  fetchpriority="low"
276></script>
vendor: 1 bytes, line 276
276
277<script
278  src="//matten-welt.com/cdn/shop/t/16/assets/accordion-custom.js?v=99000499017714805851754060642"
279  type="module"
280  fetchpriority="low"
281></script>
vendor: 1 bytes, line 281
281
282<script
283  src="//matten-welt.com/cdn/shop/t/16/assets/media.js?v=37825095869491791421754060642"
284  type="module"
285  fetchpriority="low"
286></script>
vendor: 1 bytes, line 286
286
287<script
288  src="//matten-welt.com/cdn/shop/t/16/assets/product-price.js?v=30079423257668675401754060642"
289  type="module"
290  fetchpriority="low"
291></script>
vendor: 1 bytes, line 291
291
292<script
293  src="//matten-welt.com/cdn/shop/t/16/assets/product-title-truncation.js?v=81744426891537421781754060643"
294  type="module"
295  fetchpriority="low"
296></script>
vendor: 1 bytes, line 296
296
297<script
298  src="//matten-welt.com/cdn/shop/t/16/assets/product-inventory.js?v=16343734458933704981754060641"
299  type="module"
300  fetchpriority="low"
301></script>
vendor: 1 bytes, line 301
301
302<script
303  src="//matten-welt.com/cdn/shop/t/16/assets/show-more.js?v=94563802205717136101754060641"
304  type="module"
305  fetchpriority="low"
306></script>
vendor: 1 bytes, line 306
306
307<script
308  src="//matten-welt.com/cdn/shop/t/16/assets/slideshow.js?v=63092151078244317761754060641"
309  type="module"
310  fetchpriority="low"
311></script>
vendor: 1 bytes, line 311
311
312<script
313  src="//matten-welt.com/cdn/shop/t/16/assets/anchored-popover.js?v=143092715850611436701754060642"
314  type="module"
315  fetchpriority="low"
316></script>
vendor: 1 bytes, line 316
316
317<script
318  src="//matten-welt.com/cdn/shop/t/16/assets/floating-panel.js?v=128677600744947036551754060642"
319  type="module"
320  fetchpriority="low"
321></script>
vendor: 1 bytes, line 321
321
322<script
323  src="//matten-welt.com/cdn/shop/t/16/assets/video-background.js?v=25237992823806706551754060642"
324  type="module"
325  fetchpriority="low"
326></script>
vendor: 1 bytes, line 326
326
327<script
328  src="//matten-welt.com/cdn/shop/t/16/assets/component-quantity-selector.js?v=56330027151833116691754060643"
329  type="module"
330  fetchpriority="low"
331></script>
vendor: 1 bytes, line 331
331
332<script
333  src="//matten-welt.com/cdn/shop/t/16/assets/media-gallery.js?v=111441960308641931071754060642"
334  type="module"
335  fetchpriority="low"
336></script>
vendor: 1 bytes, line 336
336
337<script
338  src="//matten-welt.com/cdn/shop/t/16/assets/rte-formatter.js?v=101420294193111439321754060641"
339  type="module"
340  fetchpriority="low"
341></script>
341
342
343
344  
344<script
345    src="//matten-welt.com/cdn/shop/t/16/assets/localization.js?v=141142597677299001261754060642"
346    type="module"
347    fetchpriority="low"
348  ></script>
348
349
350
351
352
353
354  
354<script
355    src="//matten-welt.com/cdn/shop/t/16/assets/product-card-link.js?v=97122579314620396511754060641"
356    type="module"
357    fetchpriority="low"
358  ></script>
358
359
360
361<script
362  src="//matten-welt.com/cdn/shop/t/16/assets/auto-close-details.js?v=58350291535404441581754060641"
363  defer="defer"
364></script>
364
365
366<script>
367  const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
368  const Theme = {
369    placeholders: {
370      general: [
371        `${basePath}/general-1.png`,
372        `${basePath}/general-2.png`,
373        `${basePath}/general-3.png`,
374        `${basePath}/general-4.png`,
375        `${basePath}/general-5.png`,
376        `${basePath}/general-6.png`,
377        `${basePath}/general-7.png`,
378      ],
379      product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
380    },
381    translations: {
382      placeholder_image: `Platzhalterbild`,
383      added: `Hinzugefügt`,
384    },
385    routes: {
386      cart_add_url: '/cart/add.js',
387      cart_change_url: '/cart/change',
388      cart_update_url: '/cart/update',
389      cart_url: '/cart',
390      predictive_search_url: '/search/suggest',
391      search_url: '/search',
392    },
393    template: {
394      name: 'index',
395    },
396  };
397</script>
397
398
399
400<style data-shopify>
401  @font-face {
402  font-family: Montserrat;
403  font-weight: 400;
404  font-style: normal;
405  font-display: swap;
406  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
407       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
408}
409
410  @font-face {
411  font-family: Montserrat;
412  font-weight: 700;
413  font-style: normal;
414  font-display: swap;
415  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
416       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
417}
418
419  @font-face {
420  font-family: Montserrat;
421  font-weight: 400;
422  font-style: italic;
423  font-display: swap;
424  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"),
425       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff");
426}
427
428  @font-face {
429  font-family: Montserrat;
430  font-weight: 700;
431  font-style: italic;
432  font-display: swap;
433  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
434       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
435}
436
437
438  @font-face {
439  font-family: Montserrat;
440  font-weight: 400;
441  font-style: normal;
442  font-display: swap;
443  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
444       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
445}
446
447  @font-face {
448  font-family: Montserrat;
449  font-weight: 700;
450  font-style: normal;
451  font-display: swap;
452  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
453       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
454}
455
456  @font-face {
457  font-family: Montserrat;
458  font-weight: 400;
459  font-style: italic;
460  font-display: swap;
461  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"),
462       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff");
463}
464
465  @font-face {
466  font-family: Montserrat;
467  font-weight: 700;
468  font-style: italic;
469  font-display: swap;
470  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
471       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
472}
473
474
475  @font-face {
476  font-family: Montserrat;
477  font-weight: 400;
478  font-style: normal;
479  font-display: swap;
480  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
481       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
482}
483
484  @font-face {
485  font-family: Montserrat;
486  font-weight: 700;
487  font-style: normal;
488  font-display: swap;
489  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
490       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
491}
492
493  @font-face {
494  font-family: Montserrat;
495  font-weight: 400;
496  font-style: italic;
497  font-display: swap;
498  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"),
499       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff");
500}
501
502  @font-face {
503  font-family: Montserrat;
504  font-weight: 700;
505  font-style: italic;
506  font-display: swap;
507  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
508       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
509}
510
511
512  @font-face {
513  font-family: Montserrat;
514  font-weight: 400;
515  font-style: normal;
516  font-display: swap;
517  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
518       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
519}
520
521  @font-face {
522  font-family: Montserrat;
523  font-weight: 700;
524  font-style: normal;
525  font-display: swap;
526  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
527       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
528}
529
530  @font-face {
531  font-family: Montserrat;
532  font-weight: 400;
533  font-style: italic;
534  font-display: swap;
535  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"),
536       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff");
537}
538
539  @font-face {
540  font-family: Montserrat;
541  font-weight: 700;
542  font-style: italic;
543  font-display: swap;
544  src: url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
545       url("//matten-welt.com/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
546}
547
548
549  :root {
550    /* Page Layout */
551    --sidebar-width: 25rem;
552    --narrow-content-width: 36rem;
553    --normal-content-width: 42rem;
554    --wide-content-width: 46rem;
555    --narrow-page-width: 90rem;
556    --normal-page-width: 120rem;
557    --wide-page-width: 150rem;
558
559    /* Section Heights */
560    --section-height-small: 15rem;
561    --section-height-medium: 25rem;
562    --section-height-large: 35rem;
563
564    @media screen and (min-width: 40em) {
565      --section-height-small: 40svh;
566      --section-height-medium: 55svh;
567      --section-height-large: 70svh;
568    }
569
570    @media screen and (min-width: 60em) {
571      --section-height-small: 50svh;
572      --section-height-medium: 65svh;
573      --section-height-large: 80svh;
574    }
575
576    /* Letter spacing */
577    --letter-spacing-sm: 0.06em;
578    --letter-spacing-md: 0.13em;
579
580    /* Font families */
581    --font-body--family: Montserrat, sans-serif;
582    --font-body--style: normal;
583    --font-body--weight: 400;
584    --font-subheading--family: Montserrat, sans-serif;
585    --font-subheading--style: normal;
586    --font-subheading--weight: 400;
587    --font-heading--family: Montserrat, sans-serif;
588    --font-heading--style: normal;
589    --font-heading--weight: 400;
590    --font-accent--family: Montserrat, sans-serif;
591    --font-accent--style: normal;
592    --font-accent--weight: 400;
593
594    /* Margin sizes */
595    --font-h1--spacing: 0.25em;
596    --font-h2--spacing: 0.25em;
597    --font-h3--spacing: 0.25em;
598    --font-h4--spacing: 0.25em;
599    --font-h5--spacing: 0.25em;
600    --font-h6--spacing: 0.25em;
601    --font-paragraph--spacing: 0.5em;
602
603    /* Heading colors */
604    --font-h1--color: var(--color-foreground-heading);
605    --font-h2--color: var(--color-foreground-heading);
606    --font-h3--color: var(--color-foreground-heading);
607    --font-h4--color: var(--color-foreground-heading);
608    --font-h5--color: var(--color-foreground-heading);
609    --font-h6--color: var(--color-foreground-heading);
610
611    /** Z-Index / Layering */
612    --layer-section-background: -2;
613    --layer-lowest: -1;
614    --layer-base: 0;
615    --layer-flat: 1;
616    --layer-raised: 2;
617    --layer-heightened: 4;
618    --layer-sticky: 8;
619    --layer-window-overlay: 10;
620    --layer-header-menu: 12;
621    --layer-overlay: 16;
622    --layer-menu-drawer: 18;
623    --layer-temporary: 20;
624
625    /* Max-width / Measure */
626    --max-width--body-normal: 50ch;
627    --max-width--body-narrow: 35ch;
628
629    --max-width--heading-normal: 50ch;
630    --max-width--heading-narrow: 30ch;
631
632    --max-width--display-normal: 20ch;
633    --max-width--display-narrow: 15ch;
634    --max-width--display-tight: 5ch;
635
636    /* Letter-spacing / Tracking */
637    --letter-spacing--display-tight: -0.03em;
638    --letter-spacing--display-normal: 0em;
639    --letter-spacing--display-loose: 0.03em;
640
641    --letter-spacing--heading-tight: -0.03em;
642    --letter-spacing--heading-normal: 0em;
643    --letter-spacing--heading-loose: 0.03em;
644
645    --letter-spacing--body-tight: -0.03em;
646    --letter-spacing--body-normal: 0em;
647    --letter-spacing--body-loose: 0.03em;
648
649    /* Line height / Leading */
650    --line-height: 1;
651
652    --line-height--display-tight: 1;
653    --line-height--display-normal: 1.1;
654    --line-height--display-loose: 1.2;
655
656    --line-height--heading-tight: 1.15;
657    --line-height--heading-normal: 1.25;
658    --line-height--heading-loose: 1.35;
659
660    --line-height--body-tight: 1.2;
661    --line-height--body-normal: 1.4;
662    --line-height--body-loose: 1.6;
663
664    /* Typography presets */
665    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 7.2vw, 4.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.125rem;--font-size--h6: 1.0rem;--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-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--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-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--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--display-normal);--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: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);
666
667    /* Hardcoded font sizes */
668    --font-size--2xs: 0.625rem;
669    --font-size--xs: 0.8125rem;
670    --font-size--sm: 0.875rem;
671    --font-size--md: 1rem;
672    --font-size--lg: 1.125rem;
673    --font-size--xl: 1.25rem;
674    --font-size--2xl: 1.5rem;
675    --font-size--3xl: 2rem;
676    --font-size--4xl: 2.5rem;
677    --font-size--5xl: 3rem;
678    --font-size--6xl: 3.5rem;
679
680    /* Menu font sizes */
681    --menu-font-sm--size: 0.875rem;
682    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
683    --menu-font-md--size: 1rem;
684    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
685    --menu-font-lg--size: 1.125rem;
686    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
687    --menu-font-xl--size: 1.25rem;
688    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
689    --menu-font-2xl--size: 1.75rem;
690    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
691
692    /* Colors */
693    --color-error: #8B0000;
694    --color-success: #006400;
695    --color-white: #FFFFFF;
696    --color-white-rgb: 255 255 255;
697    --color-black: #000000;
698    --color-instock: #3ED660;
699    --color-lowstock: #EE9441;
700    --color-outofstock: #C8C8C8;
701
702    /* Opacity */
703    --opacity-5: 0.05;
704    --opacity-8: 0.08;
705    --opacity-10: 0.1;
706    --opacity-15: 0.15;
707    --opacity-20: 0.2;
708    --opacity-25: 0.25;
709    --opacity-30: 0.3;
710    --opacity-40: 0.4;
711    --opacity-50: 0.5;
712    --opacity-60: 0.6;
713    --opacity-70: 0.7;
714    --opacity-80: 0.8;
715    --opacity-85: 0.85;
716    --opacity-90: 0.9;
717    --opacity-subdued-text: var(--opacity-70);
718
719    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
720    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
721
722    /* Spacing */
723    --margin-3xs: 0.125rem;
724    --margin-2xs: 0.3rem;
725    --margin-xs: 0.5rem;
726    --margin-sm: 0.7rem;
727    --margin-md: 0.8rem;
728    --margin-lg: 1rem;
729    --margin-xl: 1.25rem;
730    --margin-2xl: 1.5rem;
731    --margin-3xl: 1.75rem;
732    --margin-4xl: 2rem;
733    --margin-5xl: 3rem;
734    --margin-6xl: 5rem;
735
736    --scroll-margin: 50px;
737
738    --padding-3xs: 0.125rem;
739    --padding-2xs: 0.25rem;
740    --padding-xs: 0.5rem;
741    --padding-sm: 0.7rem;
742    --padding-md: 0.8rem;
743    --padding-lg: 1rem;
744    --padding-xl: 1.25rem;
745    --padding-2xl: 1.5rem;
746    --padding-3xl: 1.75rem;
747    --padding-4xl: 2rem;
748    --padding-5xl: 3rem;
749    --padding-6xl: 4rem;
750
751    --gap-3xs: 0.125rem;
752    --gap-2xs: 0.3rem;
753    --gap-xs: 0.5rem;
754    --gap-sm: 0.7rem;
755    --gap-md: 0.9rem;
756    --gap-lg: 1rem;
757    --gap-xl: 1.25rem;
758    --gap-2xl: 2rem;
759    --gap-3xl: 3rem;
760
761    --spacing-scale-sm: 0.6;
762    --spacing-scale-md: 0.7;
763    --spacing-scale-default: 1.0;
764
765    /* Checkout buttons gap */
766    --checkout-button-gap: 8px;
767
768    /* Borders */
769    --style-border-width: 1px;
770    --style-border-radius-xs: 0.2rem;
771    --style-border-radius-sm: 0.6rem;
772    --style-border-radius-md: 0.8rem;
773    --style-border-radius-50: 50%;
774    --style-border-radius-lg: 1rem;
775    --style-border-radius-pills: 40px;
776    --style-border-radius-inputs: 8px;
777    --style-border-radius-buttons-primary: 100px;
778    --style-border-radius-buttons-secondary: 100px;
779    --style-border-width-primary: 0px;
780    --style-border-width-secondary: 0px;
781    --style-border-width-inputs: 1px;
782    --style-border-radius-popover: 8px;
783    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
784    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
785    --style-border-swatch-opacity: 10%;
786    --style-border-swatch-width: 1px;
787    --style-border-swatch-style: solid;
788
789    /* Animation */
790    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
791    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
792    --animation-speed-fast: 0.0625s;
793    --animation-speed: 0.125s;
794    --animation-speed-slow: 0.2s;
795    --animation-speed-medium: 0.15s;
796    --animation-easing: ease-in-out;
797    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
798    --drawer-animation-speed: 0.2s;
799    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
800    --animation-values: var(--animation-speed) var(--animation-easing);
801    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
802    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
803    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
804    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
805    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
806    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
807    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
808    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
809
810    /* View transitions */
811    /* View transition old */
812    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
813
814    /* View transition new */
815    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
816
817    /* Focus */
818    --focus-outline-width: 0.09375rem;
819    --focus-outline-offset: 0.2em;
820
821    /* Badges */
822    --badge-blob-padding-block: 1px;
823    --badge-blob-padding-inline: 12px 8px;
824    --badge-rectangle-padding-block: 1px;
825    --badge-rectangle-padding-inline: 6px;
826    @media screen and (min-width: 750px) {
827      --badge-blob-padding-block: 4px;
828      --badge-blob-padding-inline: 16px 12px;
829      --badge-rectangle-padding-block: 4px;
830      --badge-rectangle-padding-inline: 10px;
831    }
832
833    /* Icons */
834    --icon-size-2xs: 0.6rem;
835    --icon-size-xs: 0.85rem;
836    --icon-size-sm: 1.25rem;
837    --icon-size-md: 1.375rem;
838    --icon-size-lg: 1.5rem;
839    --icon-stroke-width: 1.5px;
840
841    /* Input */
842    --input-email-min-width: 200px;
843    --input-search-max-width: 650px;
844    --input-padding-y: 0.8rem;
845    --input-padding-x: 0.8rem;
846    --input-padding: var(--input-padding-y) var(--input-padding-x);
847    --input-box-shadow-width: var(--style-border-width-inputs);
848    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
849    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
850    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
851    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
852    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
853    --input-textarea-min-height: 55px;
854
855    /* Button size */
856    --button-size-sm: 30px;
857    --button-size-md: 36px;
858    --button-size: var(--minimum-touch-target);
859    --button-padding-inline: 24px;
860    --button-padding-block: 16px;
861
862    /* Button font-family */
863    --button-font-family-primary: var(--font-body--family);
864    --button-font-family-secondary: var(--font-body--family);
865
866    /* Button font-weight */
867    --button-font-weight-primary: default;
868    --button-font-weight-secondary: default;
869
870    /* Button text case */
871    --button-text-case: ;
872    --button-text-case-primary: default;
873    --button-text-case-secondary: default;
874
875    /* Borders */
876    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
877    --border-width-sm: 1px;
878    --border-width-md: 2px;
879    --border-width-lg: 5px;
880
881    /* Drawers */
882    --drawer-inline-padding: 25px;
883    --drawer-menu-inline-padding: 2.5rem;
884    --drawer-header-block-padding: 20px;
885    --drawer-content-block-padding: 10px;
886    --drawer-header-desktop-top: 0rem;
887    --drawer-padding: calc(var(--padding-sm) + 7px);
888    --drawer-height: 100dvh;
889    --drawer-width: 95vw;
890    --drawer-max-width: 500px;
891
892    /* Variant Picker Swatches */
893    --variant-picker-swatch-width-unitless: 30;
894    --variant-picker-swatch-height-unitless: 30;
895    --variant-picker-swatch-width: 30px;
896    --variant-picker-swatch-height: 30px;
897    --variant-picker-swatch-radius: 100px;
898    --variant-picker-border-width: 1px;
899    --variant-picker-border-style: solid;
900    --variant-picker-border-opacity: 10%;
901
902    /* Variant Picker Buttons */
903    --variant-picker-button-radius: 100px;
904    --variant-picker-button-border-width: 1px;
905
906    /* Slideshow */
907    --slideshow-controls-size: 3.5rem;
908    --slideshow-controls-icon: 2rem;
909    --peek-next-slide-size: 3rem;
910
911    /* Utilities */
912    --backdrop-opacity: 0.15;
913    --backdrop-color-rgb: var(--color-shadow-rgb);
914    --minimum-touch-target: 44px;
915    --disabled-opacity: 0.5;
916    --skeleton-opacity: 0.025;
917
918    /* Shapes */
919    --shape--circle: circle(50% at center);
920    --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%);
921    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
922    --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
922% 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%);
923
924    /* Buy buttons */
925    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
926
927    /* Card image height variables */
928    --height-small: 10rem;
929    --height-medium: 11.5rem;
930    --height-large: 13rem;
931    --height-full: 100vh;
932
933    @media screen and (min-width: 750px) {
934      --height-small: 17.5rem;
935      --height-medium: 21.25rem;
936      --height-large: 25rem;
937    }
938
939    /* Modal */
940    --modal-max-height: 65dvh;
941
942    /* Card styles for search */
943    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
944    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
945    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
946
947    /* Cart */
948    --cart-primary-font-family: var(--font-body--family);
949    --cart-primary-font-style: var(--font-body--style);
950    --cart-primary-font-weight: var(--font-body--weight);
951    --cart-secondary-font-family: var(--font-secondary--family);
952    --cart-secondary-font-style: var(--font-secondary--style);
953    --cart-secondary-font-weight: var(--font-secondary--weight);
954  }
955</style>
956<style data-shopify>
957  
958    
959      :root,
960    
961    
962    
963    .color-scheme-1 {
964        --color-background: rgb(255 255 255 / 1.0);
965        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
966        --color-background-rgb: 255 255 255;
967        --opacity-5-15: 0.05;
968        --opacity-10-25: 0.1;
969        --opacity-35-55: 0.35;
970        --opacity-40-60: 0.4;
971        --opacity-30-60: 0.3;
972        --color-foreground: rgb(0 0 0 / 1.0);
973        --color-foreground-rgb: 0 0 0;
974        --color-foreground-heading: rgb(0 0 0 / 1.0);
975        --color-foreground-heading-rgb: 0 0 0;
976        --color-primary: rgb(0 0 0 / 1.0);
977        --color-primary-rgb: 0 0 0;
978        --color-primary-hover: rgb(130 163 26 / 1.0);
979        --color-primary-hover-rgb: 130 163 26;
980        --color-border: rgb(230 230 230 / 1.0);
981        --color-border-rgb: 230 230 230;
982        --color-shadow: rgb(0 0 0 / 1.0);
983        --color-shadow-rgb: 0 0 0;
984        --color-primary-button-text: rgb(255 255 255 / 1.0);
985        --color-primary-button-background: rgb(228 76 138 / 1.0);
986        --color-primary-button-border: rgb(0 0 0 / 1.0);
987        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
988        --color-primary-button-hover-background: rgb(228 76 138 / 1.0);
989        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
990        --color-secondary-button-text: rgb(0 0 0 / 1.0);
991        --color-secondary-button-background: rgb(239 239 239 / 1.0);
992        --color-secondary-button-border: rgb(0 0 0 / 1.0);
993        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
994        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
995        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
996        --color-input-background: rgb(255 255 255 / 1.0);
997        --color-input-text: rgb(0 0 0 / 1.0);
998        --color-input-text-rgb: 0 0 0;
999        --color-input-border: rgb(0 0 0 / 0.08);
1000        --color-input-hover-background: rgb(245 245 245 / 1.0);
1001        --color-variant-background: rgb(255 255 255 / 1.0);
1002        --color-variant-border: rgb(230 230 230 / 1.0);
1003        --color-variant-text: rgb(0 0 0 / 1.0);
1004        --color-variant-text-rgb: 0 0 0;
1005        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1006        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1007        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1008        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1009        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1010        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1011        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1012        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1013        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1014
1015        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1016        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1017        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1018        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1019        --font-h1--color: var(--color-foreground-heading);
1020        --font-h2--color: var(--color-foreground-heading);
1021        --font-h3--color: var(--color-foreground-heading);
1022        --font-h4--color: var(--color-foreground-heading);
1023        --font-h5--color: var(--color-foreground-heading);
1024        --font-h6--color: var(--color-foreground-heading);
1025
1026        /* Shadows */
1027        
1028        
1029          --shadow-blur: 20px;
1030          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1031        
1032      }
1033  
1034    
1035    
1036    
1037    .color-scheme-2 {
1038        --color-background: rgb(247 247 247 / 1.0);
1039        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1040        --color-background-rgb: 247 247 247;
1041        --opacity-5-15: 0.05;
1042        --opacity-10-25: 0.1;
1043        --opacity-35-55: 0.35;
1044        --opacity-40-60: 0.4;
1045        --opacity-30-60: 0.3;
1046        --color-foreground: rgb(0 0 0 / 1.0);
1047        --color-foreground-rgb: 0 0 0;
1048        --color-foreground-heading: rgb(0 0 0 / 1.0);
1049        --color-foreground-heading-rgb: 0 0 0;
1050        --color-primary: rgb(0 0 0 / 1.0);
1051        --color-primary-rgb: 0 0 0;
1052        --color-primary-hover: rgb(0 0 0 / 1.0);
1053        --color-primary-hover-rgb: 0 0 0;
1054        --color-border: rgb(230 230 230 / 1.0);
1055        --color-border-rgb: 230 230 230;
1056        --color-shadow: rgb(0 0 0 / 1.0);
1057        --color-shadow-rgb: 0 0 0;
1058        --color-primary-button-text: rgb(0 0 0 / 1.0);
1059        --color-primary-button-background: rgb(195 204 166 / 1.0);
1060        --color-primary-button-border: rgb(0 0 0 / 1.0);
1061        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1062        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1063        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1064        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1065        --color-secondary-button-background: rgb(255 255 255 / 1.0);
1066        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1067        --color-secondary-button-hover-text: rgb(32 32 32 / 1.0);
1068        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1069        --color-secondary-button-hover-border: rgb(32 32 32 / 1.0);
1070        --color-input-background: rgb(255 255 255 / 1.0);
1071        --color-input-text: rgb(0 0 0 / 1.0);
1072        --color-input-text-rgb: 0 0 0;
1073        --color-input-border: rgb(0 0 0 / 1.0);
1074        --color-input-hover-background: rgb(245 245 245 / 1.0);
1075        --color-variant-background: rgb(255 255 255 / 1.0);
1076        --color-variant-border: rgb(230 230 230 / 1.0);
1077        --color-variant-text: rgb(0 0 0 / 1.0);
1078        --color-variant-text-rgb: 0 0 0;
1079        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1080        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1081        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1082        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1083        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1084        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1085        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1086        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1087        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1088
1089        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1090        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1091        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1092        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1093        --font-h1--color: var(--color-foreground-heading);
1094        --font-h2--color: var(--color-foreground-heading);
1095        --font-h3--color: var(--color-foreground-heading);
1096        --font-h4--color: var(--color-foreground-heading);
1097        --font-h5--color: var(--color-foreground-heading);
1098        --font-h6--color: var(--color-foreground-heading);
1099
1100        /* Shadows */
1101        
1102        
1103          --shadow-blur: 20px;
1104          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1105        
1106      }
1107  
1108    
1109    
1110    
1111    .color-scheme-3 {
1112        --color-background: rgb(173 196 194 / 1.0);
1113        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1114        --color-background-rgb: 173 196 194;
1115        --opacity-5-15: 0.05;
1116        --opacity-10-25: 0.1;
1117        --opacity-35-55: 0.35;
1118        --opacity-40-60: 0.4;
1119        --opacity-30-60: 0.3;
1120        --color-foreground: rgb(0 0 0 / 1.0);
1121        --color-foreground-rgb: 0 0 0;
1122        --color-foreground-heading: rgb(0 0 0 / 1.0);
1123        --color-foreground-heading-rgb: 0 0 0;
1124        --color-primary: rgb(0 0 0 / 1.0);
1125        --color-primary-rgb: 0 0 0;
1126        --color-primary-hover: rgb(0 0 0 / 1.0);
1127        --color-primary-hover-rgb: 0 0 0;
1128        --color-border: rgb(0 0 0 / 1.0);
1129        --color-border-rgb: 0 0 0;
1130        --color-shadow: rgb(0 0 0 / 1.0);
1131        --color-shadow-rgb: 0 0 0;
1132        --color-primary-button-text: rgb(255 255 255 / 1.0);
1133        --color-primary-button-background: rgb(228 76 138 / 1.0);
1134        --color-primary-button-border: rgb(0 0 0 / 1.0);
1135        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1136        --color-primary-button-hover-background: rgb(215 69 129 / 1.0);
1137        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1138        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1139        --color-secondary-button-background: rgb(104 128 126 / 1.0);
1140        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1141        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1142        --color-secondary-button-hover-background: rgb(239 239 239 / 1.0);
1143        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1144        --color-input-background: rgb(255 255 255 / 1.0);
1145        --color-input-text: rgb(0 0 0 / 1.0);
1146        --color-input-text-rgb: 0 0 0;
1147        --color-input-border: rgb(0 0 0 / 1.0);
1148        --color-input-hover-background: rgb(245 245 245 / 1.0);
1149        --color-variant-background: rgb(255 255 255 / 1.0);
1150        --color-variant-border: rgb(230 230 230 / 1.0);
1151        --color-variant-text: rgb(0 0 0 / 1.0);
1152        --color-variant-text-rgb: 0 0 0;
1153        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1154        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1155        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1156        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1157        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1158        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1159        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1160        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1161        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1162
1163        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1164        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1165        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1166        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1167        --font-h1--color: var(--color-foreground-heading);
1168        --font-h2--color: var(--color-foreground-heading);
1169        --font-h3--color: var(--color-foreground-heading);
1170        --font-h4--color: var(--color-foreground-heading);
1171        --font-h5--color: var(--color-foreground-heading);
1172        --font-h6--color: var(--color-foreground-heading);
1173
1174        /* Shadows */
1175        
1176        
1177          --shadow-blur: 20px;
1178          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1179        
1180      }
1181  
1182    
1183    
1184    
1185    .color-scheme-4 {
1186        --color-background: rgb(253 198 86 / 1.0);
1187        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1188        --color-background-rgb: 253 198 86;
1189        --opacity-5-15: 0.05;
1190        --opacity-10-25: 0.1;
1191        --opacity-35-55: 0.35;
1192        --opacity-40-60: 0.4;
1193        --opacity-30-60: 0.3;
1194        --color-foreground: rgb(0 0 0 / 1.0);
1195        --color-foreground-rgb: 0 0 0;
1196        --color-foreground-heading: rgb(0 0 0 / 1.0);
1197        --color-foreground-heading-rgb: 0 0 0;
1198        --color-primary: rgb(0 0 0 / 1.0);
1199        --color-primary-rgb: 0 0 0;
1200        --color-primary-hover: rgb(0 0 0 / 1.0);
1201        --color-primary-hover-rgb: 0 0 0;
1202        --color-border: rgb(0 0 0 / 1.0);
1203        --color-border-rgb: 0 0 0;
1204        --color-shadow: rgb(0 0 0 / 1.0);
1205        --color-shadow-rgb: 0 0 0;
1206        --color-primary-button-text: rgb(0 0 0 / 1.0);
1207        --color-primary-button-background: rgb(255 255 255 / 1.0);
1208        --color-primary-button-border: rgb(255 255 255 / 1.0);
1209        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1210        --color-primary-button-hover-background: rgb(255 230 180 / 1.0);
1211        --color-primary-button-hover-border: rgb(255 230 180 / 1.0);
1212        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1213        --color-secondary-button-background: rgb(253 198 86 / 1.0);
1214        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1215        --color-secondary-button-hover-text: rgb(48 48 48 / 1.0);
1216        --color-secondary-button-hover-background: rgb(253 198 86 / 1.0);
1217        --color-secondary-button-hover-border: rgb(48 48 48 / 1.0);
1218        --color-input-background: rgb(255 255 255 / 1.0);
1219        --color-input-text: rgb(0 0 0 / 1.0);
1220        --color-input-text-rgb: 0 0 0;
1221        --color-input-border: rgb(0 0 0 / 1.0);
1222        --color-input-hover-background: rgb(245 245 245 / 1.0);
1223        --color-variant-background: rgb(255 255 255 / 1.0);
1224        --color-variant-border: rgb(230 230 230 / 1.0);
1225        --color-variant-text: rgb(0 0 0 / 1.0);
1226        --color-variant-text-rgb: 0 0 0;
1227        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1228        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1229        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1230        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1231        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1232        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1233        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1234        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1235        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1236
1237        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1238        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1239        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1240        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1241        --font-h1--color: var(--color-foreground-heading);
1242        --font-h2--color: var(--color-foreground-heading);
1243        --font-h3--color: var(--color-foreground-heading);
1244        --font-h4--color: var(--color-foreground-heading);
1245        --font-h5--color: var(--color-foreground-heading);
1246        --font-h6--color: var(--color-foreground-heading);
1247
1248        /* Shadows */
1249        
1250        
1251          --shadow-blur: 20px;
1252          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1253        
1254      }
1255  
1256    
1257    
1258    
1259    .color-scheme-5 {
1260        --color-background: rgb(0 0 0 / 1.0);
1261        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1262        --color-background-rgb: 0 0 0;
1263        --opacity-5-15: 0.15;
1264        --opacity-10-25: 0.25;
1265        --opacity-35-55: 0.55;
1266        --opacity-40-60: 0.6;
1267        --opacity-30-60: 0.6;
1268        --color-foreground: rgb(255 255 255 / 1.0);
1269        --color-foreground-rgb: 255 255 255;
1270        --color-foreground-heading: rgb(255 255 255 / 1.0);
1271        --color-foreground-heading-rgb: 255 255 255;
1272        --color-primary: rgb(255 255 255 / 1.0);
1273        --color-primary-rgb: 255 255 255;
1274        --color-primary-hover: rgb(172 172 172 / 1.0);
1275        --color-primary-hover-rgb: 172 172 172;
1276        --color-border: rgb(102 102 102 / 1.0);
1277        --color-border-rgb: 102 102 102;
1278        --color-shadow: rgb(0 0 0 / 1.0);
1279        --color-shadow-rgb: 0 0 0;
1280        --color-primary-button-text: rgb(0 0 0 / 1.0);
1281        --color-primary-button-background: rgb(255 255 255 / 1.0);
1282        --color-primary-button-border: rgb(255 255 255 / 1.0);
1283        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1284        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
1285        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
1286        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1287        --color-secondary-button-background: rgb(0 0 0 / 1.0);
1288        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1289        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
1290        --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
1291        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
1292        --color-input-background: rgb(0 0 0 / 1.0);
1293        --color-input-text: rgb(255 255 255 / 1.0);
1294        --color-input-text-rgb: 255 255 255;
1295        --color-input-border: rgb(255 255 255 / 1.0);
1296        --color-input-hover-background: rgb(24 24 24 / 0.75);
1297        --color-variant-background: rgb(255 255 255 / 1.0);
1298        --color-variant-border: rgb(230 230 230 / 1.0);
1299        --color-variant-text: rgb(0 0 0 / 1.0);
1300        --color-variant-text-rgb: 0 0 0;
1301        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1302        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1303        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1304        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1305        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1306        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1307        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1308        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1309        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1310
1311        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1312        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1313        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1314        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1315        --font-h1--color: var(--color-foreground-heading);
1316        --font-h2--color: var(--color-foreground-heading);
1317        --font-h3--color: var(--color-foreground-heading);
1318        --font-h4--color: var(--color-foreground-heading);
1319        --font-h5--color: var(--color-foreground-heading);
1320        --font-h6--color: var(--color-foreground-heading);
1321
1322        /* Shadows */
1323        
1324        
1325          --shadow-blur: 20px;
1326          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1327        
1328      }
1329  
1330    
1331    
1332    
1333    .color-scheme-6 {
1334        --color-background: rgb(0 0 0 / 0.0);
1335        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1336        --color-background-rgb: 0 0 0;
1337        --opacity-5-15: 0.15;
1338        --opacity-10-25: 0.25;
1339        --opacity-35-55: 0.55;
1340        --opacity-40-60: 0.6;
1341        --opacity-30-60: 0.6;
1342        --color-foreground: rgb(255 255 255 / 1.0);
1343        --color-foreground-rgb: 255 255 255;
1344        --color-foreground-heading: rgb(255 255 255 / 1.0);
1345        --color-foreground-heading-rgb: 255 255 255;
1346        --color-primary: rgb(255 255 255 / 1.0);
1347        --color-primary-rgb: 255 255 255;
1348        --color-primary-hover: rgb(172 172 172 / 1.0);
1349        --color-primary-hover-rgb: 172 172 172;
1350        --color-border: rgb(0 0 0 / 0.0);
1351        --color-border-rgb: 0 0 0;
1352        --color-shadow: rgb(0 0 0 / 0.0);
1353        --color-shadow-rgb: 0 0 0;
1354        --color-primary-button-text: rgb(255 255 255 / 1.0);
1355        --color-primary-button-background: rgb(228 76 138 / 1.0);
1356        --color-primary-button-border: rgb(255 255 255 / 1.0);
1357        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1358        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
1359        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
1360        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1361        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1362        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1363        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
1364        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1365        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
1366        --color-input-background: rgb(255 255 255 / 1.0);
1367        --color-
1367input-text: rgb(0 0 0 / 1.0);
1368        --color-input-text-rgb: 0 0 0;
1369        --color-input-border: rgb(0 0 0 / 1.0);
1370        --color-input-hover-background: rgb(245 245 245 / 1.0);
1371        --color-variant-background: rgb(255 255 255 / 1.0);
1372        --color-variant-border: rgb(230 230 230 / 1.0);
1373        --color-variant-text: rgb(0 0 0 / 1.0);
1374        --color-variant-text-rgb: 0 0 0;
1375        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1376        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1377        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1378        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1379        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1380        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1381        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1382        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1383        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1384
1385        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1386        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1387        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1388        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1389        --font-h1--color: var(--color-foreground-heading);
1390        --font-h2--color: var(--color-foreground-heading);
1391        --font-h3--color: var(--color-foreground-heading);
1392        --font-h4--color: var(--color-foreground-heading);
1393        --font-h5--color: var(--color-foreground-heading);
1394        --font-h6--color: var(--color-foreground-heading);
1395
1396        /* Shadows */
1397        
1398        
1399          --shadow-blur: 20px;
1400          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1401        
1402      }
1403  
1404    
1405    
1406    
1407    .color-scheme-7 {
1408        --color-background: rgb(241 237 231 / 1.0);
1409        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1410        --color-background-rgb: 241 237 231;
1411        --opacity-5-15: 0.05;
1412        --opacity-10-25: 0.1;
1413        --opacity-35-55: 0.35;
1414        --opacity-40-60: 0.4;
1415        --opacity-30-60: 0.3;
1416        --color-foreground: rgb(0 0 0 / 1.0);
1417        --color-foreground-rgb: 0 0 0;
1418        --color-foreground-heading: rgb(0 0 0 / 1.0);
1419        --color-foreground-heading-rgb: 0 0 0;
1420        --color-primary: rgb(0 0 0 / 1.0);
1421        --color-primary-rgb: 0 0 0;
1422        --color-primary-hover: rgb(0 0 0 / 1.0);
1423        --color-primary-hover-rgb: 0 0 0;
1424        --color-border: rgb(0 0 0 / 1.0);
1425        --color-border-rgb: 0 0 0;
1426        --color-shadow: rgb(0 0 0 / 1.0);
1427        --color-shadow-rgb: 0 0 0;
1428        --color-primary-button-text: rgb(0 0 0 / 1.0);
1429        --color-primary-button-background: rgb(195 204 166 / 1.0);
1430        --color-primary-button-border: rgb(0 0 0 / 1.0);
1431        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1432        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1433        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1434        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1435        --color-secondary-button-background: rgb(239 239 239 / 1.0);
1436        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1437        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1438        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
1439        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1440        --color-input-background: rgb(255 255 255 / 1.0);
1441        --color-input-text: rgb(0 0 0 / 1.0);
1442        --color-input-text-rgb: 0 0 0;
1443        --color-input-border: rgb(0 0 0 / 1.0);
1444        --color-input-hover-background: rgb(245 245 245 / 1.0);
1445        --color-variant-background: rgb(255 255 255 / 1.0);
1446        --color-variant-border: rgb(230 230 230 / 1.0);
1447        --color-variant-text: rgb(0 0 0 / 1.0);
1448        --color-variant-text-rgb: 0 0 0;
1449        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1450        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1451        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1452        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1453        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1454        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1455        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1456        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1457        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1458
1459        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1460        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1461        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1462        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1463        --font-h1--color: var(--color-foreground-heading);
1464        --font-h2--color: var(--color-foreground-heading);
1465        --font-h3--color: var(--color-foreground-heading);
1466        --font-h4--color: var(--color-foreground-heading);
1467        --font-h5--color: var(--color-foreground-heading);
1468        --font-h6--color: var(--color-foreground-heading);
1469
1470        /* Shadows */
1471        
1472        
1473          --shadow-blur: 20px;
1474          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1475        
1476      }
1477  
1478    
1479    
1480    
1481    .color-scheme-8 {
1482        --color-background: rgb(17 17 17 / 1.0);
1483        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1484        --color-background-rgb: 17 17 17;
1485        --opacity-5-15: 0.15;
1486        --opacity-10-25: 0.25;
1487        --opacity-35-55: 0.55;
1488        --opacity-40-60: 0.6;
1489        --opacity-30-60: 0.6;
1490        --color-foreground: rgb(244 244 244 / 0.74);
1491        --color-foreground-rgb: 244 244 244;
1492        --color-foreground-heading: rgb(255 255 255 / 1.0);
1493        --color-foreground-heading-rgb: 255 255 255;
1494        --color-primary: rgb(195 204 166 / 1.0);
1495        --color-primary-rgb: 195 204 166;
1496        --color-primary-hover: rgb(0 0 0 / 1.0);
1497        --color-primary-hover-rgb: 0 0 0;
1498        --color-border: rgb(230 230 230 / 1.0);
1499        --color-border-rgb: 230 230 230;
1500        --color-shadow: rgb(0 0 0 / 1.0);
1501        --color-shadow-rgb: 0 0 0;
1502        --color-primary-button-text: rgb(0 0 0 / 1.0);
1503        --color-primary-button-background: rgb(195 204 166 / 1.0);
1504        --color-primary-button-border: rgb(0 0 0 / 1.0);
1505        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1506        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1507        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1508        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1509        --color-secondary-button-background: rgb(239 239 239 / 1.0);
1510        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1511        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1512        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
1513        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1514        --color-input-background: rgb(255 255 255 / 1.0);
1515        --color-input-text: rgb(0 0 0 / 1.0);
1516        --color-input-text-rgb: 0 0 0;
1517        --color-input-border: rgb(0 0 0 / 1.0);
1518        --color-input-hover-background: rgb(250 249 241 / 1.0);
1519        --color-variant-background: rgb(255 255 255 / 1.0);
1520        --color-variant-border: rgb(230 230 230 / 1.0);
1521        --color-variant-text: rgb(0 0 0 / 1.0);
1522        --color-variant-text-rgb: 0 0 0;
1523        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1524        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1525        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1526        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1527        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1528        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1529        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1530        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1531        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1532
1533        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1534        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1535        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1536        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1537        --font-h1--color: var(--color-foreground-heading);
1538        --font-h2--color: var(--color-foreground-heading);
1539        --font-h3--color: var(--color-foreground-heading);
1540        --font-h4--color: var(--color-foreground-heading);
1541        --font-h5--color: var(--color-foreground-heading);
1542        --font-h6--color: var(--color-foreground-heading);
1543
1544        /* Shadows */
1545        
1546        
1547          --shadow-blur: 20px;
1548          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1549        
1550      }
1551  
1552
1553  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-8 {
1554    color: var(--color-foreground);
1555    background-color: var(--color-background);
1556  }
1557</style>
1558
1559
1560    
1560<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1560<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/52156694678/digital_wallets/dialog">
1561<meta id="in-context-paypal-metadata" data-shop-id="52156694678" data-venmo-supported="false" data-environment="production" data-locale="de_DE" data-paypal-v4="true" data-currency="EUR">
1562<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1562<script async="async" src="/checkouts/internal/preloads.js?locale=de-AM"></script>
1562
1563<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1564<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=de-AM&shop_id=52156694678" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1564
1564
1565<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":52156694678,"countryCode":"DE","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/52156694678","merchantName":"Matten-Welt","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex"],"total":{"type":"pending","label":"Matten-Welt","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1565
1565
1566<script id="shopify-features" type="application/json">{"accessToken":"4a181b648dc002afc67113532b8cffbf","betas":["rich-media-storefront-analytics"],"domain":"matten-welt.com","predictiveSearch":true,"shopId":52156694678,"locale":"de"}</script>
vendor: 1 bytes, line 1566
1566
1567<script>var Shopify = Shopify || {};
1568Shopify.shop = "matten-welt.myshopify.com";
1569Shopify.locale = "de";
1570Shopify.currency = {"active":"EUR","rate":"1.0"};
1571Shopify.country = "AM";
1572Shopify.theme = {"name":"Live","id":185797280008,"schema_name":"Tinker","schema_version":"2.0.3","theme_store_id":3627,"role":"main"};
1573Shopify.theme.handle = "null";
1574Shopify.theme.style = {"id":null,"handle":null};
1575Shopify.cdnHost = "matten-welt.com/cdn";
1576Shopify.routes = Shopify.routes || {};
1577Shopify.routes.root = "/";
1578Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1579Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1580Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1581Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1581
1581
1582<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1582
1582
1583<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>
vendor: 1 bytes, line 1583
1583
1584<script>
1585  window.ShopifyPay = window.ShopifyPay || {};
1586  window.ShopifyPay.apiHost = "shop.app\/pay";
1587  window.ShopifyPay.redirectState = null;
1588</script>
vendor: 1 bytes, line 1588
1588
1589<script>
1590  window.Shopify = window.Shopify || {};
1591  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1592  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1593  window.Shopify.SignInWithShop.eligible = true;
1594</script>
vendor: 1 bytes, line 1594
1594
1595<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 1595
1595
1596<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.de.esm.js"></script>
vendor: 1 bytes, line 1596
1596
1597<script type="module">
1598  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.de.esm.js");
1599
1600  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1601
1602</script>
vendor: 1 bytes, line 1602
1602
1603<script>
1604  window.Shopify = window.Shopify || {};
1605  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1606  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.de.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.de.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.de.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.de.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.de.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.de.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.de.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.de.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.de.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.de.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.de.esm.js"],"listener":["modules/v2/loader.listener.de.esm.js"],"pay-button":["modules/v2/loader.pay-button.de.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.de.esm.js"],"shop-button":["modules/v2/loader.shop-button.de.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.de.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.de.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.de.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.de.esm.js"],"shop-login":["modules/v2/loader.shop-login.de.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.de.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.de.esm.js"]};
1607</script>
vendor: 1 bytes, line 1607
1607
1608<script>(function() {
1609  var isLoaded = false;
1610  function asyncLoad() {
1611    if (isLoaded) return;
1612    isLoaded = true;
1613    var urls = ["https:\/\/dr4qe3ddw9y32.cloudfront.net\/awin-shopify-integration-code.js?aid=22158\u0026s2s=\u0026v=shopifyApp_2.0.9\u0026ts=1660611316616\u0026shop=matten-welt.myshopify.com"];
1614    for (var i = 0; i < urls.length; i++) {
1615      var s = document.createElement('script');
1616      s.type = 'text/javascript';
1617      s.async = true;
1618      s.src = urls[i];
1619      var x = document.getElementsByTagName('script')[0];
1620      x.parentNode.insertBefore(s, x);
1621    }
1622  };
1623  if(window.attachEvent) {
1624    window.attachEvent('onload', asyncLoad);
1625  } else {
1626    window.addEventListener('load', asyncLoad, false);
1627  }
1628})();</script>
vendor: 1 bytes, line 1628
1628
1629<script id="__st">var __st={"a":52156694678,"offset":7200,"reqid":"10f7ca62-b2e8-42db-b689-e9d95b2d13c2-1791294863","pageurl":"matten-welt.com\/","u":"4f17ce445e4d","p":"home"};</script>
vendor: 1 bytes, line 1629
1629
1630<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1630
1630
1631<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.3.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>
vendor: 1 bytes, line 1631
1631
1632<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//matten-welt.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1632
1632
1633<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//matten-welt.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1633<script crossorigin="anonymous" defer="defer" src="//matten-welt.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1633
1633
1634<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1634
1634
1635<script>
1636  window.Shopify = window.Shopify || {};
1637  window.Shopify.MCP = window.Shopify.MCP || {};
1638  window.Shopify.MCP.enabled = true;
1639  window.Shopify.MCP.shop = "matten-welt.myshopify.com";
1640  window.Shopify.MCP.mcpEndpoint = "https:\/\/matten-welt.com\/api\/mcp";
1641  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
1642</script>
vendor: 1 bytes, line 1642
1642
1643<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/matten-welt.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1644</script>
vendor: 1 bytes, line 1644
1644
1645<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://matten-welt.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.de.js",t.type="module",document.head.appendChild(t)}};
1646</script>
vendor: 1 bytes, line 1646
1646
1647<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1648  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
1649</script>
vendor: 1 bytes, line 1649
1649
1650<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
1651</script>
1651
1652<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://matten-welt.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1653<style id="shopify-accelerated-checkout-cart">
1654        #shopify-buyer-consent {
1655  margin-top: 1em;
1656  display: inline-block;
1657  width: 100%;
1658}
1659
1660#shopify-buyer-consent.hidden {
1661  display: none;
1662}
1663
1664#shopify-subscription-policy-button {
1665  background: none;
1666  border: none;
1667  padding: 0;
1668  text-decoration: underline;
1669  font-size: inherit;
1670  cursor: pointer;
1671}
1672
1673#shopify-subscription-policy-button::before {
1674  box-shadow: none;
1675}
1676
1677      </style>
1678<link rel="stylesheet" media="screen" href="//matten-welt.com/cdn/shop/t/16/compiled_assets/styles.css?v=38545888231940704891789500790">
1679<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1679
1680  <!-- BEGIN app block: shopify://apps/adcell-tracking-remarketing/blocks/theme_extension/578397e0-3e42-4c27-add7-dfc15023b09b -->
1680<script>
1681    (function () {
1682        var PROXY = '/apps/adcell/bid';
1683
1684        function readCookie(name) {
1685            var m = document.cookie.match('(?:^|; )' + name + '=([^;]*)');
1686            return m ? decodeURIComponent(m[1]) : null;
1687        }
1688        function writeCookie(name, value, maxAge) {
1689            document.cookie = name + '=' + encodeURIComponent(value) + '; Path=/; Max-Age=' + maxAge + '; Secure; SameSite=Lax';
1690        }
1691        function lsGet(name) { try { return window.localStorage.getItem(name); } catch (e) { return null; } }
1692        function lsSet(name, value) { try { window.localStorage.setItem(name, value); } catch (e) {} }
1693        function fetchCart() {
1694            return fetch('/cart.js', { credentials: 'same-origin' })
1695                .then(function (r) { return r.json(); })
1696                .catch(function () { return null; });
1697        }
1698        function stampCart(cart, bid) {
1699            var token = (cart && cart.token) ? cart.token : '';
1700            if (!bid || !token) { return; }
1701            if (((cart && cart.attributes) || {})['_adcell_bid'] === bid) { return; }
1702            var guard = token + ':' + bid;
1703            if (sessionStorage.getItem('adcellCartStamped') === guard) { return; }
1704            return fetch('/cart/update.js', {
1705                method: 'POST',
1706                credentials: 'same-origin',
1707                headers: { 'Content-Type': 'application/json' },
1708                body: JSON.stringify({ attributes: { _adcell_bid: bid } })
1709            }).then(function () {
1710                sessionStorage.setItem('adcellCartStamped', guard);
1711            }).catch(function () {});
1712        }
1713
1714        var pending = Promise.resolve();
1715        var syTries = 0;
1716        function syncServer(bid, vc) {
1717            pending = fetchCart().then(function (cart) {
1718                var token = (cart && cart.token) ? cart.token : '';
1719                var sy = readCookie('_shopify_y') || '';
1720                var stamped = stampCart(cart, bid);
1721                if (!sy && syTries < 2) {
1722                    syTries++;
1723                    setTimeout(function () {
1724                        if (readCookie('_shopify_y')) { syncServer(bid, vc); }
1725                    }, 2000);
1726                }
1727                var guard = token + ':' + (bid || '') + ':' + (vc || '') + ':' + sy;
1728                if (sessionStorage.getItem('adcellBidSynced') === guard) { return stamped; }
1729                var body = '';
1730                if (bid) { body += 'bid=' + encodeURIComponent(bid); }
1731                if (vc) { body += (body ? '&' : '') + 'vc=' + encodeURIComponent(vc); }
1732                if (token) { body += (body ? '&' : '') + 'cart_token=' + encodeURIComponent(token); }
1733                if (sy) { body += (body ? '&' : '') + 'sy=' + encodeURIComponent(sy); }
1734                if (!body) { return stamped; }
1735                fetch(PROXY, {
1736                    method: 'POST',
1737                    credentials: 'same-origin',
1738                    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
1739                    body: body
1740                }).then(function () {
1741                    sessionStorage.setItem('adcellBidSynced', guard);
1742                }).catch(function () {});
1743                return stamped;
1744            });
1745        }
1746
1747        var qs = new URLSearchParams(window.location.search);
1748        var urlBid = qs.get('bid');
1749        var jsBid = readCookie('adcell');
1750        var vc = readCookie('adcell_vc');
1751
1752        if (!urlBid && !jsBid) {
1753            jsBid = lsGet('adcell');
1754            if (jsBid) { writeCookie('adcell', jsBid, 90 * 24 * 3600); }
1755        }
1756        if (urlBid || jsBid) { lsSet('adcell', urlBid || jsBid); }
1757
1758        if (urlBid || jsBid) {
1759            syncServer(urlBid || jsBid, vc);
1760        } else {
1761            fetchCart().then(function (cart) {
1762                var sy = readCookie('_shopify_y');
1763                var token = cart && cart.token;
1764                if (!sy && !token) {
1765                    if (vc) { syncServer(null, vc); }
1766                    return;
1767                }
1768                var qs = [];
1769                if (sy) { qs.push('sy=' + encodeURIComponent(sy)); }
1770                if (token) { qs.push('cart_token=' + encodeURIComponent(token)); }
1771                fetch(PROXY + '?' + qs.join('&'), { credentials: 'same-origin' })
1772                    .then(function (r) { return r.json(); })
1773                    .then(function (data) {
1774                        var bid = (data && data.bid) || null;
1775                        var view = vc || (data && data.vc) || null;
1776                        if (bid) { writeCookie('adcell', bid, 90 * 24 * 3600); lsSet('adcell', bid); }
1777                        if (!vc && data && data.vc) { writeCookie('adcell_vc', data.vc, 24 * 3600); }
1778                        if (!bid && !view) { return; }
1779                        syncServer(bid, view);
1780                    })
1781                    .catch(function () {
1782                        if (vc) { syncServer(null, vc); }
1783                    });
1784            });
1785        }
1786
1787        var click = null;
1788        if (urlBid) {
1789            click = '';
1790            if (qs.get('aclk') && qs.get('aexp') && qs.get('avrf')) {
1791                var c = new URLSearchParams({ bid: urlBid, aclk: qs.get('aclk'), aexp: qs.get('aexp'), avrf: qs.get('avrf') });
1792                if (qs.get('adcref')) { c.set('aref', qs.get('adcref')); }
1793                click = c.toString();
1794            }
1795        }
1796
1797        function syncS2s(allowed) {
1798            pending.then(fetchCart).then(function (cart) {
1799                var token = (cart && cart.token) ? cart.token : '';
1800                if (!token) { return; }
1801                var current = cart.attributes || {};
1802                var have = current['_adcell_s2s'] || '';
1803                var want = !allowed ? '' : (click !== null ? click : have);
1804                if (!want && !have) { return; }
1805                var bid = (want && click) ? urlBid : (current['_adcell_bid'] || urlBid || '');
1806                var updated = want === have ? Promise.resolve(cart) : fetch('/cart/update.js', {
1807                    method: 'POST',
1808                    credentials: 'same-origin',
1809                    headers: { 'Content-Type': 'application/json' },
1810                    body: JSON.stringify({ attributes: { _adcell_bid: bid, _adcell_s2s: want } })
1811                }).then(function (r) { return r.json(); }).catch(function () { return null; });
1812                return updated.then(function (fresh) {
1813                    var t = (fresh && fresh.token) || token;
1814                    var guard = t + ':' + want;
1815                    if (!bid || sessionStorage.getItem('adcellS2sSynced') === guard) { return; }
1816                    return fetch(PROXY, {
1817                        method: 'POST',
1818                        credentials: 'same-origin',
1819                        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
1820                        body: 'bid=' + encodeURIComponent(bid) + '&s2s=' + encodeURIComponent(want) + '&cart_token=' + encodeURIComponent(t)
1821                    }).then(function () {
1822                        sessionStorage.setItem('adcellS2sSynced', guard);
1823                    });
1824                });
1825            }).catch(function () {});
1826        }
1827
1828        function marketingAllowed() {
1829            var cp = window.Shopify && window.Shopify.customerPrivacy;
1830            return !!(cp && cp.marketingAllowed && cp.marketingAllowed());
1831        }
1832        if (window.Shopify && window.Shopify.loadFeatures) {
1833            window.Shopify.loadFeatures([{ name: 'consent-tracking-api', version: '0.1' }], function (error) {
1834                syncS2s(!error && marketingAllowed());
1835            });
1836        } else {
1837            syncS2s(false);
1838        }
1839        document.addEventListener('visitorConsentCollected', function (event) {
1840            syncS2s(!!(event.detail && event.detail.marketingAllowed));
1841        });
1842    })();
1843</script>
1843
1844
1845<script id="trad-js" type="text/javascript" src="https://t.adcell.com/js/trad.js?s=shopify&v=1.2.10&pid=9234" async="async"></script>
vendor: 1 bytes, line 1845
1845
1846<script>
1847    var script = document.querySelector("#trad-js");
1848    script.addEventListener('load', function() {
1849        Adcell.Tracking.track();
1850    });
1851</script>
1851<script type="text/javascript" src="https://t.adcell.com/js/vcad.js?s=shopify&v=1.2.10&programId=9234" async="async"></script>
1851<script type="text/javascript" src="https://t.adcell.com/js/inlineretarget.js?s=shopify&v=1.2.10&method=track&pid=9234&type=startpage" async="async"></script>
1851
1852
1853<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1854<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: 52156694678,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>
vendor: 1 bytes, line 1854
1854
1855<script>
1856  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1857</script>
vendor: 1 bytes, line 1857
1857
1858<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1858).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 52156694678,storefrontBaseUrl: "https://matten-welt.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://matten-welt.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"3659530504","configuration":"{\"accountID\":\"1135\",\"programID\":\"9234\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d6602526b535375a3751906f21a618e2","type":"APP","apiClientId":2982569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2207121672","configuration":"{\"configuration\":\"{\\\"should_include_tax_charges\\\": false, \\\"is_visitor_consent_tracking_enabled\\\": false}\",\"pixelEvents\":\"{\\\"purchase\\\": [{\\\"conversion_id\\\": \\\"979732133\\\", \\\"conversion_label\\\": \\\"BdpnCOKjqsMaEKWNltMD\\\", \\\"should_include_shipping_charges\\\": false, \\\"is_enhanced_conversions_enabled\\\": true}]}\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"228190f9fb1a987d85290bddd19b3114","type":"APP","apiClientId":1754643,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1858,"dataSharingState":"unrestricted"},{"id":"2138046728","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-NYZYEYKN2K\\\",\\\"AW-979732133\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-NYZYEYKN2K\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-NYZYEYKN2K\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-NYZYEYKN2K\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-NYZYEYKN2K\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-NYZYEYKN2K\\\",\\\"AW-979732133\\\/ERMICLXyir0aEKWNltMD\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-NYZYEYKN2K\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-NYZYEYKN2K\\\"},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-NYZYEYKN2K\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-NYZYEYKN2K\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-NYZYEYKN2K\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-NYZYEYKN2K\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"240910600","configuration":"{\"pixel_id\":\"546099683027444\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"215744776","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"7","type":"CUSTOM","privacyPurposes":["SALE_OF_DATA"],"name":"sGTM Stape.io"},{"id":"303759624","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["MARKETING"],"name":"ADCELL Conversion"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Matten-Welt","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"matten-welt.myshopify.com","countryCode":"DE","storefrontUrl":"https:\/\/matten-welt.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8550879691016","handle":"25-bedruckte-barmatten-mit-logo-thekenmatten-434-mm-x-234-mm","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45565852713224","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9533645029640","handle":"bedruckte-barmatten-mit-logo-thekenmatten","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50260917518600","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8550878740744","handle":"25-bedruckte-barmatten-mit-logo-thekenmatten-600-mm-x-190","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45565847896328","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9533645226248","handle":"25-bedruckte-barmatten-mit-logo-thekenmatten-600-mm-x-190-mm","
1858isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50260918010120","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8550871662856","handle":"25-bedruckte-barmatten-mit-logo-thekenmatten-894-mm-x-244-mm","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45565806510344","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6614721560726","handle":"458-skystep™-rote-kuchenmatte-mit-abgeschragten-kanten","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39480288084118","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8533498888456","handle":"549","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45496113299720","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9533632348424","handle":"ableitende-gummimatten-tischauflage-esd-matte","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50260845101320","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981937852680","handle":"abschiedsgeschenk-fussmatte-10209","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43584543260936","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7455567806614","handle":"abschiedsgeschenk-fussmatte-10210","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41732481941654","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966874730760","handle":"abschiedsgeschenk-fussmatte-10222","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539822870792","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966879219976","handle":"abschiedsgeschenk-fussmatte-10223","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539845710088","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7455570133142","handle":"abschiedsgeschenk-fussmatte-10224","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41732484137110","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966879645960","handle":"abschiedsgeschenk-fussmatte-10225","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539846955272","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966880497928","handle":"abschiedsgeschenk-fussmatte-10226","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539848364296","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966873944328","handle":"abschiedsgeschenk-fussmatte-10227","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539819069704","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966880694536","handle":"abschiedsgeschenk-fussmatte-10228","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539848921352","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966877352200","handle":"abschiedsgeschenk-fussmatte-10229","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539836010760","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966880956680","handle":"abschiedsgeschenk-fussmatte-10230","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539849543944","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966877548808","handle":"abschiedsgeschenk-fussmatte-10231","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539836567816","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981934018824","handle":"abschiedsgeschenk-fussmatte-10232","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43584529891592","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966881186056","handle":"abschiedsgeschenk-fussmatte-10233","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539850166536","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7455571902614","handle":"abschiedsgeschenk-fussmatte-10234","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41732485447830","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981935624456","handle":"abschiedsgeschenk-fussmatte-10235","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43584534839560","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7455573377174","handle":"abschiedsgeschenk-fussmatte-10236","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41732487184534","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981933363464","handle":"abschiedsgeschenk-fussmatte-10237","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43584528810248","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966875255048","handle":"abschiedsgeschenk-fussmatte-10238","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539826639112","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981937131784","handle":"abschiedsgeschenk-fussmatte-10239","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43584540082440","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966881448200","handle":"abschiedsgeschenk-fussmatte-10240","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539850985736","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966878335240","handle":"abschiedsgeschenk-fussmatte-10241","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539840827656","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966885544200","handle":"abschiedsgeschenk-fussmatte-10242","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539859013896","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966878171400","handle":"abschiedsgeschenk-fussmatte-10243","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539840237832","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966889115912","handle":"abschiedsgeschenk-fussmatte-10244","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539864027400","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966873583880","handle":"abschiedsgeschenk-fussmatte-10245","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539817070856","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7455575441558","handle":"abschiedsgeschenk-fussmatte-10246","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41732489609366","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966889705736","handle":"abschiedsgeschenk-fussmatte-10247","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539864977672","
1858image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966875517192","handle":"abschiedsgeschenk-fussmatte-10248","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539828244744","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981935034632","handle":"abschiedsgeschenk-fussmatte-10249","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43584533168392","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966890197256","handle":"abschiedsgeschenk-fussmatte-10250","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539865829640","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966878073096","handle":"abschiedsgeschenk-fussmatte-10251","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539839615240","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966890688776","handle":"abschiedsgeschenk-fussmatte-10252","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539866714376","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966878499080","handle":"abschiedsgeschenk-fussmatte-10253","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539841351944","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966891147528","handle":"abschiedsgeschenk-fussmatte-10254","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539867533576","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966873157896","handle":"abschiedsgeschenk-fussmatte-10255","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539815006472","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966891704584","handle":"abschiedsgeschenk-fussmatte-10256","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539868614920","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7455577047190","handle":"abschiedsgeschenk-fussmatte-10257","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41732492001430","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7455578095766","handle":"abschiedsgeschenk-fussmatte-10258","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41732493607062","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981936541960","handle":"abschiedsgeschenk-fussmatte-10259","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43584538247432","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7455579996310","handle":"abschiedsgeschenk-fussmatte-10260","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41732495802518","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7966892163336","handle":"abschiedsgeschenk-fussmatte-10261","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43539869434120","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://matten-welt.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"185797280008","themeStoreId":"3627","themePublished":"true","eventMetadataId":"138438de-63a1-4a5d-bea1-2a0382366e68","pageType":"home","shopId":"52156694678","storefrontBaseUrl":"https:\/\/matten-welt.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1858<script>
1859  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1860  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1861  window.ShopifyAnalytics.meta.currency = 'EUR';
1862  var meta = {"page":{"pageType":"home","requestId":"10f7ca62-b2e8-42db-b689-e9d95b2d13c2-1791294863"}};
1863  for (var attr in meta) {
1864    window.ShopifyAnalytics.meta[attr] = meta[attr];
1865  }
1866</script>
vendor: 1 bytes, line 1866
1866
1867<script class="analytics">
1868  (function () {
1869    var customDocumentWrite = function(content) {
1870      var jquery = null;
1871
1872      if (window.jQuery) {
1873        jquery = window.jQuery;
1874      } else if (window.Checkout && window.Checkout.$) {
1875        jquery = window.Checkout.$;
1876      }
1877
1878      if (jquery) {
1879        jquery('body').append(content);
1880      }
1881    };
1882
1883    var hasLoggedConversion = function(token) {
1884      if (token) {
1885        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1886      }
1887      return false;
1888    }
1889
1890    var setCookieIfConversion = function(token) {
1891      if (token) {
1892        var twoMonthsFromNow = new Date(Date.now());
1893        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1894
1895        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1896      }
1897    }
1898
1899    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1900    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1901    if (trekkie.integrations) {
1902      return;
1903    }
1904    trekkie.methods = [
1905      'identify',
1906      'page',
1907      'ready',
1908      'track',
1909      'trackForm',
1910      'trackLink'
1911    ];
1912    trekkie.factory = function(method) {
1913      return function() {
1914        var args = Array.prototype.slice.call(arguments);
1915        args.unshift(method);
1916        trekkie.push(args);
1917        if (method == 'track' || method == 'page') {
1918          var pageUrl;
1919          try {
1920            pageUrl = window.location.href;
1921          } catch (e) {}
1922          var pageReferrer;
1923          try {
1924            pageReferrer = document.referrer;
1925          } catch (e) {}
1926          try {
1927            if (window.__TREKKIE_SHIM_QUEUE == null) {
1928              window.__TREKKIE_SHIM_QUEUE = [];
1929            }
1930            window.__TREKKIE_SHIM_QUEUE.push({
1931              from: 'trekkie-stub',
1932              method: method,
1933              args: args.slice(1),
1934              pageContext: {
1935                url: pageUrl,
1936                referrer: pageReferrer
1937              }
1938            });
1939          } catch (e) {
1940            // no-op
1941          }
1942        }
1943        return trekkie;
1944      };
1945    };
1946    for (var i = 0; i < trekkie.methods.length; i++) {
1947      var key = trekkie.methods[i];
1948      trekkie[key] = trekkie.factory(key);
1949    }
1950    trekkie.load = function(config) {
1951      trekkie.config = config || {};
1952      trekkie.config.initialDocumentCookie = document.cookie;
1953      var first = document.getElementsByTagName('script')[0];
1954var script = document.createElement('script');
1955script.type = 'text/javascript';
1956script.onerror = function(e) {
1957  var scriptFallback = document.createElement('script');
1958  scriptFallback.type = 'text/javascript';
1959  scriptFallback.onerror = function(error) {
1960          var Monorail = {
1961      produce: function produce(monorailDomain, schemaId, payload) {
1962        var currentMs = new Date().getTime();
1963        var event = {
1964          schema_id: schemaId,
1965          payload: payload,
1966          metadata: {
1967            event_created_at_ms: currentMs,
1968            event_sent_at_ms: currentMs
1969          }
1970        };
1971        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1972      },
1973      sendRequest: function sendRequest(endpointUrl, payload) {
1974        // Try the sendBeacon API
1975        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1976          var blobData = new window.Blob([payload], {
1977            type: 'text/plain'
1978          });
1979
1980          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1981            return true;
1982          } // sendBeacon was not successful
1983
1984        } // XHR beacon
1985
1986        var xhr = new XMLHttpRequest();
1987
1988        try {
1989          xhr.open('POST', endpointUrl);
1990          xhr.setRequestHeader('Content-Type', 'text/plain');
1991          xhr.send(payload);
1992        } catch (e) {
1993          console.log(e);
1994        }
1995
1996        return false;
1997      },
1998      isIos12: function isIos12() {
1999        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
2000      }
2001    };
2002    Monorail.produce('monorail-edge.shopifysvc.com',
2003      'trekkie_storefront_load_errors/1.1',
2004      {shop_id: 52156694678,
2005      theme_id: 185797280008,
2006      app_name: "storefront",
2007      context_url: window.location.href,
2008      source_url: "//matten-welt.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
2009
2010  };
2011  scriptFallback.async = true;
2012  scriptFallback.src = '//matten-welt.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
2013  first.parentNode.insertBefore(scriptFallback, first);
2014};
2015script.async = true;
2016script.src = '//matten-welt.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
2017first.parentNode.insertBefore(script, first);
2018
2019    };
2020    trekkie.load(
2021      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":52156694678,"isMerchantRequest":null,"themeId":185797280008,"themeCityHash":"14572691089693702630","contentLanguage":"de","currency":"EUR","eventMetadataId":"138438de-63a1-4a5d-bea1-2a0382366e68"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
2022    );
2023
2024    var loaded = false;
2025    trekkie.ready(function() {
2026      if (loaded) return;
2027      loaded = true;
2028
2029      window.ShopifyAnalytics.lib = window.trekkie;
2030
2031      var originalDocumentWrite = document.write;
2032      document.write = customDocumentWrite;
2033      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
2034      document.write = originalDocumentWrite;
2035
2036      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
2037      var token = match? match[1]: undefined;
2038      if (!hasLoggedConversion(token)) {
2039        setCookieIfConversion(token);
2040        
2041      }
2042    });
2043
2044    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"10f7ca62-b2e8-42db-b689-e9d95b2d13c2-1791294863","shopifyEmitted":true});
2045
2046    var eventsListenerScript = document.createElement('script');
2047    eventsListenerScript.async = true;
2048    eventsListenerScript.src = "//matten-welt.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2049    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2050})();</script>
vendor: 1 bytes, line 2050
2050
2051<script
2052  defer
2053  src="https://matten-welt.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.5.min.js"
2054  data-application="storefront-renderer"
2055  data-shop-id="52156694678"
2056  data-render-region="gcp-europe-west1"
2057  data-page-type="index"
2058  data-theme-instance-id="185797280008"
2059  data-theme-name="Tinker"
2060  data-theme-version="2.0.3"
2061  data-monorail-region="shop_domain"
2062  data-resource-timing-sampling-rate="10"
2063  data-shs="true"
2064  data-shs-beacon="true"
2065  data-shs-export-with-fetch="true"
2066  data-shs-logs-sample-rate="1"
2067  data-shs-beacon-endpoint="https://matten-welt.com/api/collect"
2068></script>
2068
2069<meta name="shopify-y" content="4605c02d-9c46-4a05-8c78-6cd6b889a50c" data-expiration="1822852463000"><meta name="shopify-s" content="ca779a92-0366-4df9-98ad-ada186a7ea72" data-expiration="1791296663000"><meta name="new-cookie-storage-activated" content="t">
2070</head>
2071
2072  <body class="page-width-narrow card-hover-effect-lift">
2073    <a
2074  class="skip-to-content-link button-secondary"
2075  href="#MainContent"
2076>
2077  Direkt zum Inhalt
2078</a>
2079
2080    <div id="header-group">
2081      <!-- BEGIN sections: header-group -->
2082<header id="shopify-section-sections--25962062807304__header_section" class="shopify-section shopify-section-group-header-group header-section">
2083
2084
2085
2086<script type="application/ld+json">
2087  {
2088    "@context": "http://schema.org",
2089    "@type": "Organization",
2090    "name": "Matten-Welt",
2091    
2092      "logo": "https:\/\/matten-welt.com\/cdn\/shop\/files\/Logo_MattenWelt_Vektor.svg?v=1753968146\u0026width=500",
2093    
2094    "url": "https:\/\/matten-welt.com"
2095  }
2096</script>
2096
2097
2098<header-component
2099  id="header-component"
2100  class="header  header--compact"
2101  
2102  
2103    sticky="scroll-up"
2104  
2105  data-skip-node-update
2106  data-scroll-direction="none"
2107>
2108  
2109    
2110
2111    
2112
2113    
2114    
2115      <div
2116        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
2117        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
2118        <div class="header__columns spacing-style">
2119          <div
2120      class="header__column header__column--left"
2121      data-testid="header-top-left"
2122    >
2123      
2124        
2125          
2126              
2127
2128
2129
2130    <div
2131      class="header__drawer desktop:hidden"
2132      ref="headerDrawerContainer"
2133      style=""
2134      
2135    >
2136      
2137
2138<script
2139  src="//matten-welt.com/cdn/shop/t/16/assets/header-drawer.js?v=112577955575454133091754060642"
2140  type="module"
2141  fetchpriority="low"
2142></script>
2142
2143
2144<header-drawer
2145  class="header-drawer header__drawer--mobile"
2146  style="--menu-image-border-radius: px;"
2147>
2148  <details
2149    id="Details-menu-drawer-container"
2150    class="menu-drawer-container"
2151    ref="details"
2152    scroll-lock
2153  >
2154    <summary
2155      class="header__icon header__icon--menu header__icon--summary"
2156      aria-label="Menü"
2157      on:click="/toggle"
2158    >
2159      <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">
2160  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2161  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2162</svg>
2163</span>
2164      <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">
2165  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2166  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2167</svg>
2168</span>
2169    </summary>
2170    <div
2171      data-header-drawer
2172      class="
2173        menu-drawer
2174        motion-reduce
2175        color-scheme-1
2176      "
2177    >
2178      <button
2179        class="button menu-drawer__close-button"
2180        type="button"
2181        aria-label="Schließen"
2182        on:click="/close"
2183      >
2184        <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">
2185  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2186  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2187</svg>
2188</span>
2189      </button>
2190      <nav
2191        class="menu-drawer__navigation"
2192        style="--menu-top-level-font-family: var(--font-primary--family);
2193--menu-top-level-font-size-desktop: var(--font-size--body-md); --menu-top-level-font-style: var(--font-primary--style); --menu-top-level-font-weight: var(--font-primary--weight); --menu-top-level-font-case:none;
2194
2195  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
2196  var(--menu-font-2xl--line-height);
2197
2198--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2199
2200--menu-parent-font-family: var(--font-secondary--family); --menu-parent-font-style:
2201var(--font-secondary--style); --menu-parent-font-weight: var(--font-secondary--weight); --menu-parent-font-case:
2202none;
2203
2204    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2205    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
2206    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
2207  
2208--menu-child-font-family: var(--font-secondary--family); --menu-child-font-style:
2209var(--font-secondary--style); --menu-child-font-weight: var(--font-secondary--weight); --menu-child-font-case:
2210none;
2211
2212    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2213    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
2214    var(--opacity-subdued-text));
2215  
2216
2217        "
2218      >
2219        <ul
2220          class="menu-drawer__menu has-submenu"
2221          role="list"
2222        >
2223            
2224            
2225
2226              <li
2227                style="--menu-drawer-animation-index: 1;"
2228                class="menu-drawer__list-item--flat"
2229              >
2230                
2231<a
2232                    id="HeaderDrawer-startseite"
2233                    href="/"
2234                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
2235                    
2236                      aria-current="page"
2237                    
2238                  >
2239                    <span class="menu-drawer__menu-item-text">Startseite</span>
2240                  </a>
2241                
2242              </li>
2243              <li
2244                style="--menu-drawer-animation-index: 2;"
2245                class="menu-drawer__list-item--flat"
2246              >
2247                
2248<a
2249                    id="HeaderDrawer-fussmatte-gestalten"
2250                    href="https://matten-welt.com/pages/personalizer"
2251                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2252                    
2253                  >
2254                    <span class="menu-drawer__menu-item-text">Fussmatte gestalten</span>
2255                  </a>
2256                
2257              </li>
2258              <li
2259                style="--menu-drawer-animation-index: 3;"
2260                class="menu-drawer__list-item--flat"
2261              >
2262                
2263<a
2264                    id="HeaderDrawer-fussmatten-shop"
2265                    href="/pages/fussmatten-shop"
2266                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2267                    
2268                  >
2269                    <span class="menu-drawer__menu-item-text">Fussmatten Shop</span>
2270                  </a>
2271                
2272              </li>
2273              <li
2274                style="--menu-drawer-animation-index: 4;"
2275                class="menu-drawer__list-item--flat"
2276              >
2277                
2278<a
2279                    id="HeaderDrawer-angebot-anfordern"
2280                    href="/pages/angebot"
2281                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2282                    
2283                  >
2284                    <span class="menu-drawer__menu-item-text">Angebot anfordern</span>
2285                  </a>
2286                
2287              </li>
2288              <li
2289                style="--menu-drawer-animation-index: 5;"
2290                class="menu-drawer__list-item--flat"
2291              >
2292                
2293<a
2294                    id="HeaderDrawer-qualitat"
2295                    href="/pages/qualitat"
2296                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2297                    
2298                  >
2299                    <span class="menu-drawer__menu-item-text">Qualität</span>
2300                  </a>
2301                
2302              </li>
2303              <li
2304                style="--menu-drawer-animation-index: 6;"
2305                class="menu-drawer__list-item--flat"
2306              >
2307                
2308<a
2309                    id="HeaderDrawer-kontakt"
2310                    href="/pages/kontakt"
2311                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2312                    
2313                  >
2314                    <span class="menu-drawer__menu-item-text">Kontakt</span>
2315                  </a>
2316                
2317              </li>
2318              <li
2319                style="--menu-drawer-animation-index: 7;"
2320                class="menu-drawer__list-item--flat"
2321              >
2322                
2323<a
2324                    id="HeaderDrawer-faq"
2325                    href="/pages/mattenwelt"
2326                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2327                    
2328                  >
2329                    <span class="menu-drawer__menu-item-text">FAQ</span>
2330                  </a>
2331                
2332              </li>
2333        </ul>
2334      </nav>
2335      <div
2336        class="menu-drawer__utility-links menu-drawer__animated-element"
2337        style="--menu-drawer-animation-index: 7;"
2338      >
2339        
2340        </div>
2341
2342      
2343    </div>
2344    <div
2345      class="menu-drawer__backdrop"
2346      on:click="header-drawer/close"
2347    ></div>
2348  </details>
2349</header-drawer>
2350
2351
2352
2353    </div>
2354
2355  
2356
2357
2358
2359
2360
2361            
2362        
2363      
2364        
2365          
2366              
2367            
2368        
2369      
2370    </div><div
2371      class="header__column header__column--center"
2372      data-testid="header-top-center"
2373    >
2374      
2375        
2376          
2377              
2378
2379
2380
2381
2382<a
2383  
2384  href="/"
2385  class="size-style spacing-style header-logo"
2386  style="
2387    --size-style-width: ;--size-style-height: ;
2388    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 10px;--padding-inline-end: 10px;
2389    --font-family: var(--font-body--family);
2390    --font-style: var(--font-body--style);
2391    --font-weight: 600;
2392  "
2393  
2394>
2395  
2396
2397  <span
2398    class="header-logo__image-container header-logo__image-container--original"
2399    data-testid="header-logo"
2400  >
2401    
2402  
2403  
2404  
2405
2406  
2407
2408  
2409
2410  
2411
2412  <img src="//matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?height=80&amp;v=1753968146" alt="" width="80" height="80" class="header-logo__image" srcset="//matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?height=80&amp;v=1753968146 1x, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?height=160&amp;v=1753968146 2x, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?height=240&amp;v=1753968146 3x" style="--header-logo-image-width: 80px;--header-logo-image-width-mobile: 40px; --header-logo-image-height: 80px; --header-logo-image-height-mobile: 40px;">
2413
2414
2415  </span>
2416
2417  
2418</a>
2419
2420
2421
2422
2423
2424            
2425        
2426      
2427        
2428          
2429              
2430
2431
2432
2433    <header-menu
2434      ref="headerMenu"
2435      class="header-menu mobile:hidden"
2436      data-animation-delay="200"
2437      
2438      style="--submenu-animation-speed: 200ms;"
2439    >
2440      <div class="header-menu__inner">
2441
2442
2443
2444<nav header-menu>
2445  <div
2446    class="menu-list"
2447    style="--menu-top-level-font-family: var(--font-primary--family);
2448--menu-top-level-font-size-desktop: var(--font-size--body-md); --menu-top-level-font-style: var(--font-primary--style);
2448 --menu-top-level-font-weight: var(--font-primary--weight); --menu-top-level-font-case:none;
2449
2450  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
2451  var(--menu-font-sm--line-height);
2452
2453--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2454"
2455  >
2456    
2457    <overflow-list
2458  
2459    ref="overflowMenu"
2460  
2461  
2462    class="overflow-menu color-scheme-matches-parent"
2463  
2464  
2465    minimum-items="2"
2466  
2467  
2468    defer
2469  
2470>
2471  <template shadowrootmode="open">
2472    <link href="//matten-welt.com/cdn/shop/t/16/assets/overflow-list.css?v=168694168152117541881754060642" rel="stylesheet" type="text/css" media="all" />
2473
2474    <ul part="list">
2475      <slot></slot>
2476      <slot
2477        name="more"
2478        part="more"
2479        hidden
2480        
2481      >
2482        <li
2483          part="more"
2484        >
2485          <button
2486            class="button"
2487            type="button"
2488            tabindex="0"
2489          >
2490            Mehr
2491          </button>
2492        </li>
2493      </slot>
2494      <li
2495        part="placeholder"
2496        hidden
2497      ></li>
2498    </ul>
2499
2500    <div part="overflow">
2501      <ul part="overflow-list">
2502        <slot name="overflow"></slot>
2503      </ul>
2504    </div>
2505  </template>
2506
2507  
2508  
2509    <li
2510      role="presentation"
2511      class="menu-list__list-item"
2512      on:focus="/activate"
2513      on:blur="/deactivate"
2514      on:pointerenter="/activate"
2515      on:pointerleave="/deactivate"
2516    >
2517      <a
2518        href="/"
2519        class="menu-list__link menu-list__link--active"ref="menuitem"
2520      >
2521        <span class="menu-list__link-title">Startseite</span>
2522      </a></li>
2523  
2524    <li
2525      role="presentation"
2526      class="menu-list__list-item"
2527      on:focus="/activate"
2528      on:blur="/deactivate"
2529      on:pointerenter="/activate"
2530      on:pointerleave="/deactivate"
2531    >
2532      <a
2533        href="https://matten-welt.com/pages/personalizer"
2534        class="menu-list__link"ref="menuitem"
2535      >
2536        <span class="menu-list__link-title">Fussmatte gestalten</span>
2537      </a></li>
2538  
2539    <li
2540      role="presentation"
2541      class="menu-list__list-item"
2542      on:focus="/activate"
2543      on:blur="/deactivate"
2544      on:pointerenter="/activate"
2545      on:pointerleave="/deactivate"
2546    >
2547      <a
2548        href="/pages/fussmatten-shop"
2549        class="menu-list__link"ref="menuitem"
2550      >
2551        <span class="menu-list__link-title">Fussmatten Shop</span>
2552      </a></li>
2553  
2554    <li
2555      role="presentation"
2556      class="menu-list__list-item"
2557      on:focus="/activate"
2558      on:blur="/deactivate"
2559      on:pointerenter="/activate"
2560      on:pointerleave="/deactivate"
2561    >
2562      <a
2563        href="/pages/angebot"
2564        class="menu-list__link"ref="menuitem"
2565      >
2566        <span class="menu-list__link-title">Angebot anfordern</span>
2567      </a></li>
2568  
2569    <li
2570      role="presentation"
2571      class="menu-list__list-item"
2572      on:focus="/activate"
2573      on:blur="/deactivate"
2574      on:pointerenter="/activate"
2575      on:pointerleave="/deactivate"
2576    >
2577      <a
2578        href="/pages/qualitat"
2579        class="menu-list__link"ref="menuitem"
2580      >
2581        <span class="menu-list__link-title">Qualität</span>
2582      </a></li>
2583  
2584    <li
2585      role="presentation"
2586      class="menu-list__list-item"
2587      on:focus="/activate"
2588      on:blur="/deactivate"
2589      on:pointerenter="/activate"
2590      on:pointerleave="/deactivate"
2591    >
2592      <a
2593        href="/pages/kontakt"
2594        class="menu-list__link"ref="menuitem"
2595      >
2596        <span class="menu-list__link-title">Kontakt</span>
2597      </a></li>
2598  
2599    <li
2600      role="presentation"
2601      class="menu-list__list-item"
2602      on:focus="/activate"
2603      on:blur="/deactivate"
2604      on:pointerenter="/activate"
2605      on:pointerleave="/deactivate"
2606    >
2607      <a
2608        href="/pages/mattenwelt"
2609        class="menu-list__link"ref="menuitem"
2610      >
2611        <span class="menu-list__link-title">FAQ</span>
2612      </a></li>
2613  
2614  <li
2615    class="menu-list__list-item"
2616    role="presentation"
2617    slot="more"
2618    on:focus="/activate"
2619    on:blur="/deactivate"
2620    on:pointerenter="/activate"
2621    on:pointerleave="/deactivate"
2622  >
2623    <button role="menuitem" class="button menu-list__link button-unstyled">
2624      <span class="menu-list__link-title">Mehr</span>
2625    </button>
2626  </li>
2627
2628</overflow-list>
2629
2630  </div>
2631</nav>
2632
2633      </div>
2634
2635      
2635<script
2636        src="//matten-welt.com/cdn/shop/t/16/assets/header-menu.js?v=98986771878453457241754060642"
2637        type="module"
2638        fetchpriority="low"
2639      ></script>
2639
2640    </header-menu>
2641
2642
2643
2644
2645
2646
2647            
2648        
2649      
2650    </div><div
2651      class="header__column header__column--right"
2652      data-testid="header-top-right"
2653    >
2654      
2655        
2656          
2657              
2658            
2659        
2660      
2661        
2662          
2663              
2664
2665
2666
2667            
2668        
2669      
2670        
2671          
2672              
2672<script
2673  type="module"
2674  src="//matten-welt.com/cdn/shop/t/16/assets/cart-icon.js?v=14733679814066288171754060642"
2675  fetchpriority="low"
2676></script>
2676
2677
2678<header-actions>
2679  
2680    <anchored-popover-component
2681  data-close-on-resize="true"
2682  class="account-popover mobile:hidden"
2683>
2684  <button
2685  class="account-button header-actions__action"
2686  aria-label="Kontomenü öffnen"popovertarget="account-popover"
2687    popovertargetaction="toggle"ref="trigger"
2688  
2689><span
2690      class="account-button__icon"
2691      aria-hidden="true"
2692    ><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>
2693</span></button>
2694
2695
2696
2697  <div
2698    class="account-popover__panel details-content color-scheme-1"
2699    id="account-popover"
2700    popover="auto"
2701    ref="popover"
2702  >
2703    <div class="account-actions">
2704  <div class="account-actions__main-menu">
2705    <header class="account-actions__header">
2706      <span class="account-actions__title h5">
2707        
2708          Konto
2709        
2710      </span>
2711      
2712    </header>
2713
2714    
2715      <div class="account-actions__sign-ins">
2716        
2716<script
2717          src="//matten-welt.com/cdn/shop/t/16/assets/account-login-actions.js?v=132624473766457443991754060642"
2718          type="module"
2719          fetchpriority="low"
2720        ></script>
2720
2721        <account-login-actions class="account-actions__shop-login">
2722          
2722<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.de.esm.js"></script>
vendor: 1 bytes, line 2722
2722
2723<script type="module">
2724  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.de.esm.js");
2725
2726  
2727</script>
2727
2728
2729<shop-login-button ux-mode="windoid" return-uri="https://matten-welt.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
2730
2731        </account-login-actions>
2732
2733        <a
2734          href="/customer_authentication/login?return_to=%2F&locale=de&ui_hint=full&region_country=AM"
2735          class="account-actions__link button"
2736          
2737        >
2738          <span class="account-actions__sign-in-text">
2739            Andere Anmeldeoptionen
2740          </span>
2741          <span class="account-actions__fallback-text">
2742            Anmelden
2743          </span>
2744        </a>
2745      </div>
2746    
2747
2748    <nav class="account-actions__nav">
2749      <ul class="account-actions__list">
2750        <li class="account-actions__list-item">
2751          <a
2752            href="/account"
2753            class="account-actions__link button-secondary"
2754            
2755          >
2756            <span
2757              class="account-actions__icon"
2758              aria-hidden="true"
2759            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
2760  <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"/>
2761  <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"/>
2762</svg>
2763</span>
2764            Bestellungen
2765          </a>
2766        </li>
2767        <li class="account-actions__list-item">
2768          <a
2769            href="/account/addresses"
2770            class="account-actions__link button-secondary"
2771          >
2772            <span
2773              class="account-actions__icon"
2774              aria-hidden="true"
2775            ><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>
2776</span>
2777            Profil
2778          </a>
2779        </li>
2780      </ul>
2781    </nav>
2782  </div>
2783</div>
2784
2785
2786
2787  </div>
2788</anchored-popover-component>
2789
2790
2791
2792    
2792<script
2793  src="//matten-welt.com/cdn/shop/t/16/assets/dialog.js?v=94382931671780430451754060642"
2794  type="module"
2795></script>
2795
2796
2797<dialog-component
2798  class="account-drawer"
2799  
2800>
2801  <button
2802  class="account-button header-actions__action"
2803  aria-label="Kontomenü öffnen"ref="trigger"
2804  on:click="/showDialog"
2805><span
2806      class="account-button__icon"
2807      aria-hidden="true"
2808    ><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>
2809</span></button>
2810
2811
2812
2813  <dialog
2814    ref="dialog"
2815    class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
2816    scroll-lock
2817  >
2818    <button
2819      ref="closeButton"
2820      on:click="/closeDialog"
2821      class="button button-unstyled account-drawer__close-button"
2822      aria-label="Dialogfeld schließen"
2823    >
2824      <span
2825        class="svg-wrapper"
2826        aria-hidden="true"
2827      ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2828  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2829  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2830</svg>
2831</span>
2832    </button>
2833    <div class="account-actions">
2834  <div class="account-actions__main-menu">
2835    <header class="account-actions__header">
2836      <span class="account-actions__title h5">
2837        
2838          Konto
2839        
2840      </span>
2841      
2842    </header>
2843
2844    
2845      <div class="account-actions__sign-ins">
2846        
2846<script
2847          src="//matten-welt.com/cdn/shop/t/16/assets/account-login-actions.js?v=132624473766457443991754060642"
2848          type="module"
2849          fetchpriority="low"
2850        ></script>
2850
2851        <account-login-actions class="account-actions__shop-login">
2852          
2852<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.de.esm.js"></script>
vendor: 1 bytes, line 2852
2852
2853<script type="module">
2854  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.de.esm.js");
2855
2856  
2857</script>
2857
2858
2859<shop-login-button ux-mode="windoid" return-uri="https://matten-welt.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
2860
2861        </account-login-actions>
2862
2863        <a
2864          href="/customer_authentication/login?return_to=%2F&locale=de&ui_hint=full&region_country=AM"
2865          class="account-actions__link button"
2866          
2867            autofocus
2868          
2869        >
2870          <span class="account-actions__sign-in-text">
2871            Andere Anmeldeoptionen
2872          </span>
2873          <span class="account-actions__fallback-text">
2874            Anmelden
2875          </span>
2876        </a>
2877      </div>
2878    
2879
2880    <nav class="account-actions__nav">
2881      <ul class="account-actions__list">
2882        <li class="account-actions__list-item">
2883          <a
2884            href="/account"
2885            class="account-actions__link button-secondary"
2886            
2887          >
2888            <span
2889              class="account-actions__icon"
2890              aria-hidden="true"
2891            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
2892  <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"/>
2893  <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"/>
2894</svg>
2895</span>
2896            Bestellungen
2897          </a>
2898        </li>
2899        <li class="account-actions__list-item">
2900          <a
2901            href="/account/addresses"
2902            class="account-actions__link button-secondary"
2903          >
2904            <span
2905              class="account-actions__icon"
2906              aria-hidden="true"
2907            ><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>
2908</span>
2909            Profil
2910          </a>
2911        </li>
2912      </ul>
2913    </nav>
2914  </div>
2915</div>
2916
2917
2918
2919  </dialog>
2920</dialog-component>
2921
2922
2923
2924  
2925
2926  
2927    <a
2928      href="/cart"
2929      class="header-actions__action action__cart"
2930      aria-label="Warenkorb Artikel im Warenkorb insgesamt: 0"
2931    >
2932      <cart-icon
2933  class="
2934    header-actions__cart-icon
2935    
2936  "
2937  data-testid="cart-icon"
2938>
2939  <span
2940    class="svg-wrapper"
2941    aria-hidden="true"
2942  >
2943    <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>
2944
2945  </span>
2946
2947  <div
2948  ref="cartBubble"
2949  class="cart-bubble visually-hidden"
2950  
2951  
2952    data-maintain-ratio
2953  
2954>
2955  <span class="cart-bubble__background"></span>
2956  <span
2957    ref="cartBubbleText"
2958    class="cart-bubble__text"
2959    
2960      role="status"
2961    
2962  >
2963    <span class="visually-hidden">Artikel im Warenkorb insgesamt: 0
2964    </span>
2965    <span
2966      class="cart-bubble__text-count hidden"
2967      ref="cartBubbleCount"
2968      aria-hidden="true"
2969      data-testid="cart-bubble"
2970    >
29710</span>
2972  </span>
2973</div>
2974
2975</cart-icon>
2976
2977
2978
2979    </a>
2980  
2981</header-actions>
2982
2983
2984
2985          
2986        
2987      
2988    </div>
2989        </div>
2990      </div>
2991    
2992  
2993    
2994
2995    
2996
2997    
2998    
2999  
3000
3001  
3002</header-component>
3003
3004<script
3005  src="//matten-welt.com/cdn/shop/t/16/assets/header.js?v=78043468934677320351754060642"
3006  type="module"
3007></script>
3007
3008
3009
3010
3011
3012</header>
3013<!-- END sections: header-group -->
3014    </div>
3015
3016    
3016<script
3017      src="//matten-welt.com/cdn/shop/t/16/assets/critical.js?v=34395725382898153171754060643"
3018      type="module"
3019      async
3020      blocking="render"
3021    ></script>
3021
3022
3023    <main
3024      id="MainContent"
3025      class="content-for-layout"
3026      role="main"
3027      data-page-transition-enabled="true"
3028      data-product-transition="true"
3029      data-template="index"
3030    >
3031      <div id="shopify-section-template--25962062709000__slideshow_U49XY3" class="shopify-section container-background-image">
3032
3033
3034
3035
3036
3037
3038
3039<div
3040  class="spacing-style section section--full-width color-scheme-1 disable-section-top-offset"
3041  style="--padding-block-start: 0px; --padding-block-end:0px; 
3042--padding-inline-start:0px; --padding-inline-end:0px; 
3043"
3044>
3045  
3046
3047
3048<slideshow-component
3049  
3050  
3051  style="--slideshow-timeline: --slide-1, --slide-2;"
3052  
3053    autoplay="4" aria-live="polite"
3054  
3055  initial-slide="0"
3056  
3057  
3058    infinite
3059  
3060
3061  
3062>
3063  
3064  <slideshow-container ref="slideshowContainer">
3065    
3066      <slideshow-arrows
3067  position="center"
3068  
3069><button
3070  class="
3071    slideshow-control slideshow-control--previous
3072     slideshow-control--large
3073    
3074    slideshow-control--style-arrows_large
3075    button button-unstyled button-unstyled--transparent
3076     flip-x
3077  "
3078  
3079  aria-label="Vorherige Folie"
3080  
3081  on:click="/previous"
3082  ref="previous"
3083>
3084  <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>
3085</span>
3086</button>
3087<button
3088  class="
3089    slideshow-control slideshow-control--next
3090     slideshow-control--large
3091    
3092    slideshow-control--style-arrows_large
3093    button button-unstyled button-unstyled--transparent
3094    
3095  "
3096  
3097  aria-label="Nächste Folie"
3098  
3099  on:click="/next"
3100  ref="next"
3101>
3102  <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>
3103</span>
3104</button>
3105</slideshow-arrows>
3106
3107    
3108    
3109    <slideshow-slides
3110      tabindex="-1"
3111      ref="scroller"
3112      
3113        size="medium"
3114      
3115      
3116    >
3117      
3118  
3119
3120<slideshow-slide
3121  ref="slides[]"
3122  aria-hidden="false"
3123  style="view-timeline-name: --slide-0; --product-media-fit: cover;"
3124  
3125  
3126  
3127  
3128  
3129  
3130>
3131  
3132  
3133  
3134
3135  <div class="slide__image-container"><div
3136  class="overlay overlay--solid"
3137  style="
3138    --overlay-layer: var(--layer-flat);
3139    --overlay-color: #00000094;
3140    --overlay-color--end: rgba(0, 0, 0, 0);
3141    --overlay-direction: to top;"
3142></div>
3143
3144
3145
3146
3147<img src="//matten-welt.com/cdn/shop/files/003_Jet-Print_Vision.jpg?v=1749116902&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/003_Jet-Print_Vision.jpg?v=1749116902&amp;width=832 832w, //matten-welt.com/cdn/shop/files/003_Jet-Print_Vision.jpg?v=1749116902&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/003_Jet-Print_Vision.jpg?v=1749116902&amp;width=1600 1600w, //matten-welt.com/cdn/shop/files/003_Jet-Print_Vision.jpg?v=1749116902&amp;width=1920 1920w, //matten-welt.com/cdn/shop/files/003_Jet-Print_Vision.jpg?v=1749116902&amp;width=2560 2560w, //matten-welt.com/cdn/shop/files/003_Jet-Print_Vision.jpg?v=1749116902&amp;width=3840 3840w" height="1068" loading="eager" sizes="(min-width: 750px) 100vw, 100vw" class="slide__image" fetchpriority="high">
3148</div>
3149  <div
3150    class="spacing-style slide__content background-transparent"
3151    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
3152    
3153  >
3154    <div
3155      class="group-block-content
3156      layout-panel-flex
3157      layout-panel-flex--column
3158      mobile-column"
3159      style="--flex-direction: column; --flex-wrap: nowrap;
3160
3161--gap: 12px;
3162
3163--horizontal-alignment: center; --vertical-alignment: center;
3164--vertical-alignment-mobile: center;
3165"
3166    >
3167      
3168
3169
3170
3171<div
3172  class="
3173    group-block
3174    group-block--height-fit
3175    group-block--width-custom
3176    border-style
3177    spacing-style
3178    size-style
3179     color-scheme-6
3180    
3181  "
3182  style="
3183    --border-width: 1px; --border-style: none; --border-color:
3184rgb(var(--color-border-rgb) / 1.0); --border-radius:
31850px; 
3186
3187    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 48px));
3188    --size-style-width:50%;--size-style-height: fit;
3189  --size-style-width-mobile:85%; --size-style-width-mobile-min:85%;
3190    
3191  "
3192  
3193  data-testid="group-block"
3194><div class="group-block__media-wrapper">
3195    
3196
3197    
3198  </div>
3199
3200  <div
3201    class="
3202      group-block-content
3203      
3204      layout-panel-flex
3205      layout-panel-flex--column
3206       mobile-column
3207    "
3208    style="--flex-direction: column; --flex-wrap: nowrap;
3209
3210--gap: 12px;
3211
3212--horizontal-alignment: center; --vertical-alignment: center;
3213--vertical-alignment-mobile: center;
3214"
3215  >
3216  
3217
3218
3219
3220
3221
3222
3223
3224  <div 
3225  class=" spacing-style text-block text-block--ARUM1d21zb2xERHBsR__text_em3Q8F h4
3226    
3227  "
3228
3229  style="
3230    --padding-block-start: 0px; --padding-block-end:0px; 
3231--padding-inline-start:0px; --padding-inline-end:0px; 
3232
3233    
3234--color: var(--color-foreground);
3235    --width: fit-content;
3236    --max-width: var(--max-width--body-normal);
3237    
3238    
3239  "
3240
3241  
3242>
3243    <h2>Fussmatten in bester Qualität</h2>
3244  </div>
3245
3246
3247
3248
3249
3250
3251
3252
3253
3254
3255
3256
3257
3258
3259  <rte-formatter 
3260  class=" spacing-style text-block text-block--AMjZyZHprR0V3a1R4M__text_9apczC rte
3261     rte 
3262  "
3263
3264  style="
3265    --padding-block-start: 0px; --padding-block-end:20px; 
3266--padding-inline-start:0px; --padding-inline-end:0px; 
3267
3268    
3269
3270    --width: fit-content;
3271    --max-width: var(--max-width--body-normal);
3272    
3273    
3274  "
3275
3276  
3277>
3278    <p>Gestalten Sie Ihre Matte in jeder gewünschten Größe</p>
3279  </rte-formatter>
3280
3281
3282
3283
3284
3285
3286
3287<a
3288  
3289    href="/pages/personalizer"
3290  
3291  class="
3292    size-style
3293    button
3294    button--ANEVsREFhcklScFYvc__button_QJweKp
3295  "
3296  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
3297>
3298  Jetzt gestalten
3299</a>
3300
3301
3302
3303
3304
3305
3306</div>
3307</div>
3308
3309
3310
3311
3312
3313
3314    </div>
3315  </div>
3316
3317</slideshow-slide>
3318
3319
3320
3321
3322
3323
3324
3325<slideshow-slide
3326  ref="slides[]"
3327  aria-hidden="true"
3328  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
3329  
3330    class="color-scheme-1"
3331  
3332  
3333  
3334  
3335  
3336  
3337>
3338  
3339  
3340  
3341
3342  <div class="slide__image-container"><div
3343  class="overlay overlay--solid"
3344  style="
3345    --overlay-layer: var(--layer-flat);
3346    --overlay-color: #00000094;
3347    --overlay-color--end: rgba(0, 0, 0, 0);
3348    --overlay-direction: to bottom;"
3349></div>
3350
3351
3352
3353
3354<img src="//matten-welt.com/cdn/shop/files/Mattenwelt_7c6c2161-fc94-4a09-9809-d611219ba7bb.jpg?v=1617976328&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Mattenwelt_7c6c2161-fc94-4a09-9809-d611219ba7bb.jpg?v=1617976328&amp;width=832 832w, //matten-welt.com/cdn/shop/files/Mattenwelt_7c6c2161-fc94-4a09-9809-d611219ba7bb.jpg?v=1617976328&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/Mattenwelt_7c6c2161-fc94-4a09-9809-d611219ba7bb.jpg?v=1617976328&amp;width=1600 1600w, //matten-welt.com/cdn/shop/files/Mattenwelt_7c6c2161-fc94-4a09-9809-d611219ba7bb.jpg?v=1617976328&amp;width=1920 1920w, //matten-welt.com/cdn/shop/files/Mattenwelt_7c6c2161-fc94-4a09-9809-d611219ba7bb.jpg?v=1617976328&amp;width=2560 2560w, //matten-welt.com/cdn/shop/files/Mattenwelt_7c6c2161-fc94-4a09-9809-d611219ba7bb.jpg?v=1617976328&amp;width=3840 3840w" height="450" loading="lazy" class="slide__image" sizes="auto, (min-width: 750px) 100v
3354w, 100vw">
3355</div>
3356  <div
3357    class="spacing-style slide__content color-scheme-1 background-transparent"
3358    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
3359    
3360  >
3361    <div
3362      class="group-block-content
3363      layout-panel-flex
3364      layout-panel-flex--column
3365      mobile-column"
3366      style="--flex-direction: column; --flex-wrap: nowrap;
3367
3368--gap: 12px;
3369
3370--horizontal-alignment: center; --vertical-alignment: center;
3371--vertical-alignment-mobile: center;
3372"
3373    >
3374      
3375
3376
3377
3378<div
3379  class="
3380    group-block
3381    group-block--height-fit
3382    group-block--width-custom
3383    border-style
3384    spacing-style
3385    size-style
3386     color-scheme-6
3387    
3388  "
3389  style="
3390    --border-width: 1px; --border-style: none; --border-color:
3391rgb(var(--color-border-rgb) / 1.0); --border-radius:
33920px; 
3393
3394    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 48px));
3395    --size-style-width:50%;--size-style-height: fit;
3396  --size-style-width-mobile:85%; --size-style-width-mobile-min:85%;
3397    
3398  "
3399  
3400  data-testid="group-block"
3401><div class="group-block__media-wrapper">
3402    
3403
3404    
3405  </div>
3406
3407  <div
3408    class="
3409      group-block-content
3410      
3411      layout-panel-flex
3412      layout-panel-flex--column
3413       mobile-column
3414    "
3415    style="--flex-direction: column; --flex-wrap: nowrap;
3416
3417--gap: 12px;
3418
3419--horizontal-alignment: center; --vertical-alignment: center;
3420--vertical-alignment-mobile: center;
3421"
3422  >
3423  
3424
3425
3426
3427
3428
3429
3430
3431  <div 
3432  class=" spacing-style text-block text-block--AdWtMRnN1U1hPa29pZ__text_VBMAAq h4
3433    
3434  "
3435
3436  style="
3437    --padding-block-start: 0px; --padding-block-end:0px; 
3438--padding-inline-start:0px; --padding-inline-end:0px; 
3439
3440    
3441--color: var(--color-foreground);
3442    --width: fit-content;
3443    --max-width: var(--max-width--body-normal);
3444    
3445    
3446  "
3447
3448  
3449>
3450    <h2>Schmutzfangmatten selbst gestalten</h2>
3451  </div>
3452
3453
3454
3455
3456
3457
3458
3459
3460
3461
3462
3463
3464
3465
3466  <rte-formatter 
3467  class=" spacing-style text-block text-block--AOWh1Tkx5aGlWRzh6b__text_a6ptjL rte
3468     rte 
3469  "
3470
3471  style="
3472    --padding-block-start: 0px; --padding-block-end:20px; 
3473--padding-inline-start:0px; --padding-inline-end:0px; 
3474
3475    
3476
3477    --width: fit-content;
3478    --max-width: var(--max-width--body-normal);
3479    
3480    
3481  "
3482
3483  
3484>
3485    <p>In Ihrer Größe mit Ihrem Logo</p>
3486  </rte-formatter>
3487
3488
3489
3490
3491
3492
3493
3494<a
3495  
3496    href="/pages/personalizer"
3497  
3498  class="
3499    size-style
3500    button
3501    button--AaDloRGFOb24rTUV4V__button_EKtT6n
3502  "
3503  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
3504>
3505  Jetzt gestalten
3506</a>
3507
3508
3509
3510
3511
3512
3513</div>
3514</div>
3515
3516
3517
3518
3519
3520
3521    </div>
3522  </div>
3523
3524</slideshow-slide>
3525
3526
3527
3528
3529
3530
3531
3532    </slideshow-slides>
3533  </slideshow-container>
3534  
3535<slideshow-controls
3536  
3537    ref="slideshowControls"
3538  
3539  pagination-position="center"
3540  scroll-mode="horizontal"
3541  
3542    controls-on-media
3543  
3544  
3545    icons-on-media
3546  
3547  
3548  
3549>
3550  
3551
3552  
3553    <button
3554      type="button"
3555      class="slideshow-control button-secondary button-unstyled icon-pause"
3556      aria-label="Slideshow pausieren"
3557      on:click="/pause"
3558    ><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3559    <path d="M12.5 5v10" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3560    <path d="M7.5 5v10" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3561</svg>
3562</button>
3563    <button
3564      type="button"
3565      class="slideshow-control button-secondary button-unstyled icon-play"
3566      aria-label="Slideshow abspielen"
3567      on:click="/play"
3568    ><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3569    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.375 8.48516C16.5417 9.15874 16.5417 10.8427 15.375 11.5163L7.875 15.8464C6.70833 16.52 5.25 15.678 5.25 14.3308L5.25 5.67058C5.25 4.32343 6.70833 3.48146 7.875 4.15504L15.375 8.48516Z" fill="currentColor"/>
3570</svg>
3571</button>
3572  
3573
3574  
3575      <ol class="slideshow-controls__dots">
3576        
3577          <li>
3578            <button
3579              class="slideshow-control button button-unstyled"
3580              style="animation-timeline: --slide-1"
3581              aria-label="Folie 1 von 2"
3582              on:click="/select/0"
3583              ref="dots[]"
3584              
3585                aria-selected="true"
3586              
3587            >
3588              1
3589            </button>
3590          </li>
3591        
3592          <li>
3593            <button
3594              class="slideshow-control button button-unstyled"
3595              style="animation-timeline: --slide-2"
3596              aria-label="Folie 2 von 2"
3597              on:click="/select/1"
3598              ref="dots[]"
3599              
3600            >
3601              2
3602            </button>
3603          </li>
3604        
3605      </ol>
3606  
3607
3608  
3609</slideshow-controls>
3610
3611
3612
3613</slideshow-component>
3614
3615</div>
3616
3617
3618</div><div id="shopify-section-template--25962062709000__section_EXV6LQ" class="shopify-section section-wrapper">
3619
3620
3621
3622<div class="section-background color-scheme-1"></div>
3623<div
3624  class="section section--page-width color-scheme-1"
3625
3626  
3627
3628  style="
3629    
3630
3631    
3632  "
3633>
3634  <div class="custom-section-background">
3635    
3636
3637  </div>
3638
3639  <div
3640    class="border-style custom-section-content"
3641    style="--border-width: 1px; --border-style: none; --border-color:
3642rgb(var(--color-border-rgb) / 1.0); --border-radius:
36430px; 
3644"
3645  >
3646    
3647
3648    <div
3649      class="
3650        spacing-style
3651        layout-panel-flex
3652        layout-panel-flex--row
3653        section-content-wrapper
3654         mobile-column
3655      "
3656      style="
3657        --flex-direction: row; --flex-wrap: nowrap;
3658
3659--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
3660
3661--horizontal-alignment: flex-start; --vertical-alignment: center;
3662--vertical-alignment-mobile: center;
3663
3664        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
3665      "
3666      data-testid="section-content"
3667    >
3668      
3669  
3670
3671
3672
3673<div
3674  class="
3675    group-block
3676    group-block--height-fit
3677    group-block--width-custom
3678    border-style
3679    spacing-style
3680    size-style
3681    
3682    
3683  "
3684  style="
3685    --border-width: 1px; --border-style: none; --border-color:
3686rgb(var(--color-border-rgb) / 1.0); --border-radius:
36870px; 
3688
3689    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3690    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
3691    
3692  "
3693  
3694  data-testid="group-block"
3695><div class="group-block__media-wrapper">
3696    
3697
3698    
3699  </div>
3700
3701  <div
3702    class="
3703      group-block-content
3704      
3705      layout-panel-flex
3706      layout-panel-flex--column
3707       mobile-column
3708    "
3709    style="--flex-direction: column; --flex-wrap: nowrap;
3710
3711--gap: 24px;
3712
3713--horizontal-alignment: flex-start; --vertical-alignment: center;
3714--vertical-alignment-mobile: center;
3715"
3716  >
3717  
3718
3719
3720
3721
3722
3723
3724
3725  <div 
3726  class=" spacing-style text-block text-block--AdnJFSzErR3FlM3p6N__text_Dp9hgk h3
3727    
3728  "
3729
3730  style="
3731    --padding-block-start: 0px; --padding-block-end:0px; 
3732--padding-inline-start:0px; --padding-inline-end:0px; 
3733
3734    
3735--color: var(--color-foreground);
3736    --width: fit-content;
3737    --max-width: var(--max-width--body-normal);
3738    
3739    
3740  "
3741
3742  
3743>
3744    <h2>Fußmatten individuell gestalten</h2>
3745  </div>
3746
3747
3748
3749
3750
3751
3752
3753
3754
3755
3756
3757
3758
3759
3760  <rte-formatter 
3761  class=" spacing-style text-block text-block--ARlA2R09PZm5zbzY1S__text_nLPQAH rte
3762    text-block--align-left rte 
3763  "
3764
3765  style="
3766    --padding-block-start: 0px; --padding-block-end:0px; 
3767--padding-inline-start:0px; --padding-inline-end:0px; 
3768
3769    
3770
3771    --width: 100%;
3772    --max-width: var(--max-width--body-normal);
3773    
3774      --text-align: left;
3775    
3776    
3777  "
3778
3779  
3780>
3781    <p>Mit wenigen Klicks verwandeln Sie Ihre eigene Fußmatte zu einem ganz besonderen Blickfang. Gestalten Sie individuell Ihre eigene Schmutzfangmatte mit eigenem Motiv, Spruch oder Logo. Wir bedrucken Fussmatten & Logomatten, sowie Teppiche in jeder gewünschten Größe, also ganz individuell nach Ihren Wünschen. Bedruckte Fußmatten – Ideal für Ihren Firmeneingang, Ihr Restaurant oder für den privaten Bereich.</p>
3782  </rte-formatter>
3783
3784
3785
3786
3787
3788
3789
3790<a
3791  
3792    href="https://matten-welt.com/pages/personalizer"
3793  
3794  class="
3795    size-style
3796    button
3797    button--AREI2Y2NpK0twNHVOb__button_gfkK3p
3798  "
3799  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
3800>
3801  Fußmatte personalisieren
3802</a>
3803
3804
3805
3806
3807
3808
3809</div>
3810</div>
3811
3812
3813
3814
3815
3816
3817
3818
3819
3820
3821
3822
3823
3824
3825
3826
3827
3828
3829
3830
3831  <div
3832    class="
3833  image-block image-block--ARXVrZkoxcWVkaXBnS__image_9ptHRX image-block--height-fit spacing-style size-style
3834"
3835    style="
3836  --ratio: 1.8416565164433618;
3837  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
3838  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3839"
3840    
3841  >
3842    
3843<img src="//matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=300 300w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=450 450w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=600 600w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=750 750w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=900 900w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&amp;width=3500 3500w" width="1512" height="821" class="image-block__image border-style" style="
3844  --ratio: 1.8416565164433618;
3845  --border-width: 1px; --border-style: none; --border-color:
3846rgb(var(--color-border-rgb) / 1.0); --border-radius:
38470px; 
3848
3849" sizes="auto, (min-width: 750px) 100vw, 100vw">
3850
3851  </div>
3852
3853
3854
3855
3856
3857
3858
3859    </div>
3860  </div>
3861</div>
3862
3863
3864
3865
3866
3867</div><section id="shopify-section-template--25962062709000__hero_LVFcV7" class="shopify-section hero-wrapper section-wrapper">
3868
3869
3870
3871
3872
3873
3874
3875<div
3876  id="Hero-template--25962062709000__hero_LVFcV7"
3877  class="hero color-scheme-5"
3878  style="
3879    --hero-border-style: ;
3880    --hero-border-width: px;
3881    --hero-border-opacity: %;
3882    --blur-opacity: 0.75;
3883    
3884      --hero-min-height: var(--section-height-large);
3885    
3886  "
3887  
3888  
3889>
3890  
3891
3892  
3893
3894  <div
3895    class="hero__container spacing-style section section--full-width"
3896    style="      --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));"
3897  ><div
3898      class="hero__media-wrapper"style="--hero-media-aspect-ratio: 0.97165991902834; --hero-media-count: 1;">
3899      <div
3900  class="overlay overlay--solid"
3901  style="
3902    --overlay-layer: var(--layer-flat);
3903    --overlay-color: #00000075;
3904    --overlay-color--end: rgba(0, 0, 0, 0);
3905    --overlay-direction: to top;"
3906></div>
3907
3908
3909
3910      
3911
3912    <img src="//matten-welt.com/cdn/shop/files/Fussmatte_personalisieren_01.png?v=1749116937&amp;width=3840" srcset="//matten-welt.com/cdn/shop/files/Fussmatte_personalisieren_01.png?v=1749116937&amp;width=832 832w, //matten-welt.com/cdn/shop/files/Fussmatte_personalisieren_01.png?v=1749116937&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/Fussmatte_personalisieren_01.png?v=1749116937&amp;width=1600 1600w, //matten-welt.com/cdn/shop/files/Fussmatte_personalisieren_01.png?v=1749116937&amp;width=1920 1920w, //matten-welt.com/cdn/shop/files/Fussmatte_personalisieren_01.png?v=1749116937&amp;width=2560 2560w, //matten-welt.com/cdn/shop/files/Fussmatte_personalisieren_01.png?v=1749116937&amp;width=3840 3840w" width="960" height="988" class="hero__image" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="auto">
3913
3914    </div>
3915    <div
3916      class="
3917        hero__content-wrapper
3918        layout-panel-flex
3919        layout-panel-flex--column
3920        mobile-column
3921        section-content-wrapper
3922        page-width
3923        
3924      "
3925      style="--flex-direction: column; --flex-wrap: nowrap;
3926
3927--gap: 16px;
3928
3929--horizontal-alignment: center; --vertical-alignment: center;
3930--vertical-alignment-mobile: center;
3931"
3932    >
3933      
3934
3935
3936
3937
3938
3939
3940
3941  <div 
3942  class=" spacing-style text-block text-block--Ad3FWSXZNVjVsVFJjM__text_XzFc3x h1
3943    
3944  "
3945
3946  style="
3947    --padding-block-start: 0px; --padding-block-end:0px; 
3948--padding-inline-start:0px; --padding-inline-end:0px; 
3949
3950    
3951--color: var(--color-foreground);
3952    --width: fit-content;
3953    --max-width: var(--max-width--body-narrow);
3954    
3955    
3956  "
3957
3958  
3959>
3960    <h2>Gestalten Sie jetzt Ihre individuelle Fußmatte</h2>
3961  </div>
3962
3963
3964
3965
3966
3967
3968
3969
3970
3971
3972
3973
3974
3975
3976  <rte-formatter 
3977  class=" spacing-style text-block text-block--AWlk2VG1TTDRwOFlXa__text_F7JC9W rte
3978     rte 
3979  "
3980
3981  style="
3982    --padding-block-start: 0px; --padding-block-end:32px; 
3983--padding-inline-start:0px; --padding-inline-end:0px; 
3984
3985    
3986
3987    --width: fit-content;
3988    --max-width: var(--max-width--body-narrow);
3989    
3990    
3991  "
3992
3993  
3994>
3995    <p>In wenigen Schritten selbst gestalten</p>
3996  </rte-formatter>
3997
3998
3999
4000
4001
4002
4003
4004<a
4005  
4006    href="https://matten-welt.com/pages/personalizer"
4007  
4008  class="
4009    size-style
4010    button
4011    button--Aa3A5SW40aXM0NDNFU__button_6bFHPM
4012  "
4013  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
4014>
4015  Jetzt Fußmatte personalisieren
4016</a>
4017
4018
4019
4020
4021
4022
4023    </div>
4024  </div>
4025</div>
4026
4027
4028
4029
4030</section><div id="shopify-section-template--25962062709000__section_GYqAmn" class="shopify-section section-wrapper">
4031
4032
4033
4034<div class="section-background color-scheme-1"></div>
4035<div
4036  class="section section--full-width color-scheme-1"
4037
4038  
4039
4040  style="
4041    
4042      --section-min-height: var(--section-height-large);
4043    
4044
4045    
4046     --section-preview-height: 600px;
4047     
4048  "
4049>
4050  <div class="custom-section-background">
4051    
4052
4053  </div>
4054
4055  <div
4056    class="border-style custom-section-content"
4057    style="--border-width: 1px; --border-style: none; --border-color:
4058rgb(var(--color-border-rgb) / 1.0); --border-radius:
40590px; 
4060"
4061  >
4062    
4063
4064    <div
4065      class="
4066        spacing-style
4067        layout-panel-flex
4068        layout-panel-flex--row
4069        section-content-wrapper
4070         mobile-column
4071      "
4072      style="
4073        --flex-direction: row; --flex-wrap: nowrap;
4074
4075--gap: 0px;
4076
4077--horizontal-alignment: flex-start; --vertical-alignment: center;
4078--vertical-alignment-mobile: center;
4079
4080        --padding-block-start: 0px;--padding-block-end: 0px;
4081      "
4082      data-testid="section-content"
4083    >
4084      
4085  
4086
4087
4088
4089<div
4090  class="
4091    group-block
4092    group-block--height-fill
4093    group-block--width-fill
4094    border-style
4095    spacing-style
4096    size-style
4097     color-scheme-5
4098    
4099  "
4100  style="
4101    --border-width: 1px; --border-style: none; --border-color:
4102rgb(var(--color-border-rgb) / 1.0); --border-radius:
41030px; 
4104
4105    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
4106    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4107    
4108  "
4109  
4110  data-testid="group-block"
4111><div class="group-block__media-wrapper">
4112    <div
4113  class="background-image-container"
4114>
4115  
4116
4117    <img src="//matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=300 300w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=450 450w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=600 600w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=750 750w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=900 900w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&amp;width=3500 3500w" loading="eager" sizes="(min-width: 750px) 100v
4117w, 100vw" fetchpriority="auto">
4118</div>
4119
4120
4121    
4122      <div
4123  class="overlay overlay--solid"
4124  style="
4125    --overlay-layer: 0;
4126    --overlay-color: #00000075;
4127    --overlay-color--end: rgba(0, 0, 0, 0);
4128    --overlay-direction: to top; --overlay-border-radius: 0px;"
4129></div>
4130
4131
4132
4133    
4134  </div>
4135
4136  <div
4137    class="
4138      group-block-content
4139      
4140      layout-panel-flex
4141      layout-panel-flex--column
4142       mobile-column
4143    "
4144    style="--flex-direction: column; --flex-wrap: nowrap;
4145
4146--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
4147
4148--horizontal-alignment: center; --vertical-alignment: space-between;
4149--vertical-alignment-mobile: space-between;
4150"
4151  >
4152  
4153
4154<div
4155  class="
4156    spacer-block
4157    spacer-block--size-pixel
4158    
4159  "
4160  style="
4161    
4162      --spacer-size: 16px;
4163    
4164
4165    
4166  "
4167  
4168  data-testid="spacer-block"
4169></div>
4170
4171
4172
4173
4174
4175
4176
4177
4178
4179
4180
4181
4182  <div 
4183  class=" spacing-style text-block text-block--AS3JDNjFDblgyWUFTc__text_dft6wA h3
4184    
4185  "
4186
4187  style="
4188    --padding-block-start: 0px; --padding-block-end:0px; 
4189--padding-inline-start:0px; --padding-inline-end:0px; 
4190
4191    
4192--color: var(--color-foreground);
4193    --width: fit-content;
4194    --max-width: var(--max-width--body-normal);
4195    
4196    
4197  "
4198
4199  
4200>
4201    <h3>Schmutzfangmatte mit Logo</h3>
4202  </div>
4203
4204
4205
4206
4207
4208
4209
4210<a
4211  
4212    href="https://matten-welt.com/pages/personalizer"
4213  
4214  class="
4215    size-style
4216    button
4217    button--AaGNEeTE1MlVRMWVKW__button_Qw6974
4218  "
4219  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
4220>
4221  Jetzt gestalten
4222</a>
4223
4224
4225
4226
4227
4228
4229</div>
4230</div>
4231
4232
4233
4234
4235
4236
4237
4238
4239
4240<div
4241  class="
4242    group-block
4243    group-block--height-fill
4244    group-block--width-fill
4245    border-style
4246    spacing-style
4247    size-style
4248     color-scheme-5
4249    
4250  "
4251  style="
4252    --border-width: 1px; --border-style: none; --border-color:
4253rgb(var(--color-border-rgb) / 1.0); --border-radius:
42540px; 
4255
4256    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
4257    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4258    
4259  "
4260  
4261  data-testid="group-block"
4262><div class="group-block__media-wrapper">
4263    <div
4264  class="background-image-container"
4265>
4266  
4267
4268    <img src="//matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=300 300w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=450 450w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=600 600w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=750 750w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=900 900w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&amp;width=3500 3500w" loading="eager" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="auto">
4269</div>
4270
4271
4272    
4273      <div
4274  class="overlay overlay--solid"
4275  style="
4276    --overlay-layer: 0;
4277    --overlay-color: #00000075;
4278    --overlay-color--end: rgba(0, 0, 0, 0);
4279    --overlay-direction: to top; --overlay-border-radius: 0px;"
4280></div>
4281
4282
4283
4284    
4285  </div>
4286
4287  <div
4288    class="
4289      group-block-content
4290      
4291      layout-panel-flex
4292      layout-panel-flex--column
4293       mobile-column
4294    "
4295    style="--flex-direction: column; --flex-wrap: nowrap;
4296
4297--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
4298
4299--horizontal-alignment: center; --vertical-alignment: space-between;
4300--vertical-alignment-mobile: space-between;
4301"
4302  >
4303  
4304
4305<div
4306  class="
4307    spacer-block
4308    spacer-block--size-pixel
4309    
4310  "
4311  style="
4312    
4313      --spacer-size: 16px;
4314    
4315
4316    
4317  "
4318  
4319  data-testid="spacer-block"
4320></div>
4321
4322
4323
4324
4325
4326
4327
4328
4329
4330
4331
4332
4333  <div 
4334  class=" spacing-style text-block text-block--Adk56dmdMWVhjeDVLM__text_qiCiAX h3
4335    
4336  "
4337
4338  style="
4339    --padding-block-start: 0px; --padding-block-end:0px; 
4340--padding-inline-start:0px; --padding-inline-end:0px; 
4341
4342    
4343--color: var(--color-foreground);
4344    --width: fit-content;
4345    --max-width: var(--max-width--body-normal);
4346    
4347    
4348  "
4349
4350  
4351>
4352    <h3>Logomatte</h3>
4353  </div>
4354
4355
4356
4357
4358
4359
4360
4361<a
4362  
4363    href="https://matten-welt.com/pages/personalizer"
4364  
4365  class="
4366    size-style
4367    button
4368    button--AN3pJdTMreDJGc3BmU__button_JcFrXV
4369  "
4370  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
4371>
4372  Jetzt gestalten
4373</a>
4374
4375
4376
4377
4378
4379
4380</div>
4381</div>
4382
4383
4384
4385
4386
4387
4388
4389    </div>
4390  </div>
4391</div>
4392
4393
4394
4395
4396
4397</div><div id="shopify-section-template--25962062709000__section_3fkzNU" class="shopify-section section-wrapper">
4398
4399
4400
4401<div class="section-background color-scheme-1"></div>
4402<div
4403  class="section section--full-width color-scheme-1"
4404
4405  
4406
4407  style="
4408    
4409      --section-min-height: var(--section-height-large);
4410    
4411
4412    
4413     --section-preview-height: 600px;
4414     
4415  "
4416>
4417  <div class="custom-section-background">
4418    
4419
4420  </div>
4421
4422  <div
4423    class="border-style custom-section-content"
4424    style="--border-width: 1px; --border-style: none; --border-color:
4425rgb(var(--color-border-rgb) / 1.0); --border-radius:
44260px; 
4427"
4428  >
4429    
4430
4431    <div
4432      class="
4433        spacing-style
4434        layout-panel-flex
4435        layout-panel-flex--row
4436        section-content-wrapper
4437         mobile-column
4438      "
4439      style="
4440        --flex-direction: row; --flex-wrap: nowrap;
4441
4442--gap: 0px;
4443
4444--horizontal-alignment: flex-start; --vertical-alignment: center;
4445--vertical-alignment-mobile: center;
4446
4447        --padding-block-start: 0px;--padding-block-end: 0px;
4448      "
4449      data-testid="section-content"
4450    >
4451      
4452  
4453
4454
4455
4456<div
4457  class="
4458    group-block
4459    group-block--height-fill
4460    group-block--width-fill
4461    border-style
4462    spacing-style
4463    size-style
4464     color-scheme-5
4465    
4466  "
4467  style="
4468    --border-width: 1px; --border-style: none; --border-color:
4469rgb(var(--color-border-rgb) / 1.0); --border-radius:
44700px; 
4471
4472    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
4473    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4474    
4475  "
4476  
4477  data-testid="group-block"
4478><div class="group-block__media-wrapper">
4479    <div
4480  class="background-image-container"
4481>
4482  
4483
4484    <img src="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=300 300w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=450 450w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=600 600w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=750 750w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=900 900w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=3500 3500w" loading="eager" sizes="(min-width: 750px) 100v
4484w, 100vw" fetchpriority="auto">
4485</div>
4486
4487
4488    
4489      <div
4490  class="overlay overlay--solid"
4491  style="
4492    --overlay-layer: 0;
4493    --overlay-color: #00000075;
4494    --overlay-color--end: rgba(0, 0, 0, 0);
4495    --overlay-direction: to top; --overlay-border-radius: 0px;"
4496></div>
4497
4498
4499
4500    
4501  </div>
4502
4503  <div
4504    class="
4505      group-block-content
4506      
4507      layout-panel-flex
4508      layout-panel-flex--column
4509       mobile-column
4510    "
4511    style="--flex-direction: column; --flex-wrap: nowrap;
4512
4513--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
4514
4515--horizontal-alignment: center; --vertical-alignment: space-between;
4516--vertical-alignment-mobile: space-between;
4517"
4518  >
4519  
4520
4521<div
4522  class="
4523    spacer-block
4524    spacer-block--size-pixel
4525    
4526  "
4527  style="
4528    
4529      --spacer-size: 16px;
4530    
4531
4532    
4533  "
4534  
4535  data-testid="spacer-block"
4536></div>
4537
4538
4539
4540
4541
4542
4543
4544
4545
4546
4547
4548
4549  <div 
4550  class=" spacing-style text-block text-block--AbTR3RTdlM2FVc1hrT__text_MjDUN6 h3
4551    
4552  "
4553
4554  style="
4555    --padding-block-start: 0px; --padding-block-end:0px; 
4556--padding-inline-start:0px; --padding-inline-end:0px; 
4557
4558    
4559--color: var(--color-foreground);
4560    --width: fit-content;
4561    --max-width: var(--max-width--body-normal);
4562    
4563    
4564  "
4565
4566  
4567>
4568    <h3>Teppich mit Logo</h3>
4569  </div>
4570
4571
4572
4573
4574
4575
4576
4577<a
4578  
4579    href="https://matten-welt.com/pages/personalizer"
4580  
4581  class="
4582    size-style
4583    button
4584    button--AK3g5OXdKcDlHOHpqc__button_KeQWgQ
4585  "
4586  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
4587>
4588  Jetzt konfigurieren
4589</a>
4590
4591
4592
4593
4594
4595
4596</div>
4597</div>
4598
4599
4600
4601
4602
4603
4604
4605
4606
4607<div
4608  class="
4609    group-block
4610    group-block--height-fill
4611    group-block--width-fill
4612    border-style
4613    spacing-style
4614    size-style
4615     color-scheme-5
4616    
4617  "
4618  style="
4619    --border-width: 1px; --border-style: none; --border-color:
4620rgb(var(--color-border-rgb) / 1.0); --border-radius:
46210px; 
4622
4623    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
4624    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4625    
4626  "
4627  
4628  data-testid="group-block"
4629><div class="group-block__media-wrapper">
4630    <div
4631  class="background-image-container"
4632>
4633  
4634
4635    <img src="//matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=300 300w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=450 450w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=600 600w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=750 750w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=900 900w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&amp;width=3500 3500w" loading="eager" sizes="(min-width: 750px) 100v
4635w, 100vw" fetchpriority="auto">
4636</div>
4637
4638
4639    
4640      <div
4641  class="overlay overlay--solid"
4642  style="
4643    --overlay-layer: 0;
4644    --overlay-color: #00000075;
4645    --overlay-color--end: rgba(0, 0, 0, 0);
4646    --overlay-direction: to top; --overlay-border-radius: 0px;"
4647></div>
4648
4649
4650
4651    
4652  </div>
4653
4654  <div
4655    class="
4656      group-block-content
4657      
4658      layout-panel-flex
4659      layout-panel-flex--column
4660       mobile-column
4661    "
4662    style="--flex-direction: column; --flex-wrap: nowrap;
4663
4664--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
4665
4666--horizontal-alignment: center; --vertical-alignment: space-between;
4667--vertical-alignment-mobile: space-between;
4668"
4669  >
4670  
4671
4672<div
4673  class="
4674    spacer-block
4675    spacer-block--size-pixel
4676    
4677  "
4678  style="
4679    
4680      --spacer-size: 16px;
4681    
4682
4683    
4684  "
4685  
4686  data-testid="spacer-block"
4687></div>
4688
4689
4690
4691
4692
4693
4694
4695
4696
4697
4698
4699
4700  <div 
4701  class=" spacing-style text-block text-block--AdHZiOXdYbEgrbXdJe__text_aRKqrQ h3
4702    
4703  "
4704
4705  style="
4706    --padding-block-start: 0px; --padding-block-end:0px; 
4707--padding-inline-start:0px; --padding-inline-end:0px; 
4708
4709    
4710--color: var(--color-foreground);
4711    --width: fit-content;
4712    --max-width: var(--max-width--body-normal);
4713    
4714    
4715  "
4716
4717  
4718>
4719    <h3>Eingangsmatte mit Logo</h3>
4720  </div>
4721
4722
4723
4724
4725
4726
4727
4728<a
4729  
4730    href="https://matten-welt.com/pages/personalizer"
4731  
4732  class="
4733    size-style
4734    button
4735    button--AQzVvQW9GNkdLcExje__button_3Y4aLH
4736  "
4737  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
4738>
4739  Jetzt konfigurieren
4740</a>
4741
4742
4743
4744
4745
4746
4747</div>
4748</div>
4749
4750
4751
4752
4753
4754
4755
4756    </div>
4757  </div>
4758</div>
4759
4760
4761
4762
4763
4764</div><div id="shopify-section-template--25962062709000__ss_scrolling_images_DK4dRM" class="shopify-section"><style data-shopify>@font-face {
4765  font-family: "Josefin Sans";
4766  font-weight: 400;
4767  font-style: normal;
4768  font-display: swap;
4769  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
4770       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
4771}
4772
4773  @font-face {
4774  font-family: Assistant;
4775  font-weight: 400;
4776  font-style: normal;
4777  font-display: swap;
4778  src: url("//matten-welt.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
4779       url("//matten-welt.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
4780}
4781
4782  
4783  .section-template--25962062709000__ss_scrolling_images_DK4dRM {
4784    border-top: solid #000000 0px;
4785    border-bottom: solid #000000 0px;
4786    margin-top: 0px;
4787    margin-bottom: 0px;
4788  }
4789  
4790  .section-template--25962062709000__ss_scrolling_images_DK4dRM-settings {
4791    
4792    margin: 0 auto;
4793    padding-top: 27px;
4794    padding-bottom: 27px;
4795    padding-left: 0rem;
4796    padding-right: 0rem;
4797    position: relative;
4798  }
4799
4800  .scrolling-image-heading-template--25962062709000__ss_scrolling_images_DK4dRM > * {
4801    margin: 0;
4802    font-size: 25.5px;
4803    color: #000000;
4804    line-height: 130%;
4805    text-transform: unset;
4806    text-align: center;
4807  }
4808
4809  .scrolling-image-slider-template--25962062709000__ss_scrolling_images_DK4dRM {
4810    margin-top: 38px;
4811  }
4812
4813  .scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM {
4814    height: 200px;
4815    width: 100%;
4816    flex: 0 0 120px;
4817  }
4818  
4819  .scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM img,
4820  .scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM svg {
4821    width: 100%;
4822    height: 100%;
4823    display: block;
4824    object-fit: cover;
4825    border-radius: 10px;
4826  }
4827
4828  .scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM svg {
4829    background-color: #a0a0a0;
4830  }
4831
4832  .scrolling-image-content-template--25962062709000__ss_scrolling_images_DK4dRM {
4833    max-width: 340px;
4834    margin-top: -30px;
4835    padding: 23px 23px;
4836    border-radius: 10px;
4837    border: 0px solid #000000;
4838    background-color: #ffffff;
4839    position: relative;
4840    z-index: 3;
4841    text-align: center;
4842    
4843      box-shadow: -3px 7px 9px -2px #a09c9c;
4844    
4845  }
4846
4847  .scrolling-image-content-template--25962062709000__ss_scrolling_images_DK4dRM p,
4848  .scrolling-image-content-template--25962062709000__ss_scrolling_images_DK4dRM a,
4849  .scrolling-image-content-template--25962062709000__ss_scrolling_images_DK4dRM li {
4850    margin: 0px;
4851    font-size: 20.4px;
4852    line-height: 130%;
4853    color: #000000;
4854  }
4855
4856  .marquee-horizontal-template--25962062709000__ss_scrolling_images_DK4dRM {
4857      position: relative;
4858      z-index: 2;
4859      display: inline-flex;
4860      overflow: hidden;
4861      width: 100%;
4862      -webkit-box-pack: start;
4863      -webkit-justify-content: flex-start;
4864      -ms-flex-pack: start;
4865      justify-content: flex-start;
4866      -webkit-box-align: center;
4867      -webkit-align-items: center;
4868      -ms-flex-align: center;
4869      align-items: center;
4870  }
4871
4872  html[dir="rtl"] .marquee-horizontal-template--25962062709000__ss_scrolling_images_DK4dRM {
4873    flex-direction: row-reverse;
4874  }
4875
4876  .track-horizontal-template--25962062709000__ss_scrolling_images_DK4dRM {
4877      padding-left: 10px;
4878      display: -webkit-box;
4879      display: -webkit-flex;
4880      display: -ms-flexbox;
4881      display: flex;
4882      flex-shrink: 0;
4883      width: calc((120px * 5) + (10px * 5));
4884      gap: 10px;
4885      -webkit-box-pack: start;
4886      -webkit-justify-content: flex-start;
4887      -ms-flex-pack: start;
4888      justify-content: flex-start;
4889      -webkit-box-align: center;
4890      -webkit-align-items: center;
4891      -ms-flex-align: center;
4892      align-items: center;
4893      white-space: nowrap;
4894      will-change: transform;
4895      animation: marquee-horizontal-left 13000ms linear infinite;
4896  }
4897
4898  @keyframes marquee-horizontal-left {
4899    0% {
4900        transform: translateZ(0);
4901        visibility: visible;
4902    }
4903    
4904    100% {
4905        transform: translate3d(-100%,0,0);
4906    }
4907  }
4908
4909  @keyframes marquee-horizontal-right {
4910    0% {
4911        transform: translate3d(-100%,0,0);
4912        visibility: visible;
4913    }
4914    
4915    100% {
4916        transform: translateZ(0);
4917    }
4918  }
4919  
4920  @media(min-width: 1024px) {
4921
4922    .section-template--25962062709000__ss_scrolling_images_DK4dRM {
4923      margin-top: 0px;
4924      margin-bottom: 0px;
4925    }
4926    
4927    .section-template--25962062709000__ss_scrolling_images_DK4dRM-settings {
4928      padding: 0 5rem;
4929      padding-top: 36px;
4930      padding-bottom: 36px;
4931      padding-left: 0rem;
4932      padding-right: 0rem;
4933    }
4934
4935     .scrolling-image-heading-template--25962062709000__ss_scrolling_images_DK4dRM > * {
4936      font-size: 30px;
4937    }
4938
4939    .scrolling-image-slider-template--25962062709000__ss_scrolling_images_DK4dRM {
4940      margin-top: 50px;
4941    }
4942
4943    .scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM {
4944      height: 400px;
4945      flex: 0 0 300px;
4946    }
4947
4948    .scrolling-image-content-template--25962062709000__ss_scrolling_images_DK4dRM {
4949      max-width: 340px;
4950      margin-top: -60px;
4951      padding: 30px 30px;
4952    }
4953
4954    .scrolling-image-content-template--25962062709000__ss_scrolling_images_DK4dRM p,
4955    .scrolling-image-content-template--25962062709000__ss_scrolling_images_DK4dRM a,
4956    .scrolling-image-content-template--25962062709000__ss_scrolling_images_DK4dRM li {
4957      font-size: 24px;
4958    }
4959
4960    .track-horizontal-template--25962062709000__ss_scrolling_images_DK4dRM {
4961      padding-left: 10px;
4962      width: calc((300px * 5) + (10px * 5));
4963      gap: 10px;
4964    }
4965
4966    
4967    
4968  }</style>
4969
4970
4971
4972
4973  <style>
4974    .scrolling-image-content-template--25962062709000__ss_scrolling_images_DK4dRM {
4975      margin-left: auto;
4976      margin-right: auto;
4977    }
4978  </style>
4979
4980
4981<div class="section-template--25962062709000__ss_scrolling_images_DK4dRM scrolling-image-template--25962062709000__ss_scrolling_images_DK4dRM" style="background-color:#ffffff; background-image: ;">
4982    <div class="section-template--25962062709000__ss_scrolling_images_DK4dRM-settings scrolling-image-body-template--25962062709000__ss_scrolling_images_DK4dRM">
4983      
4984        <div class="scrolling-image-heading-template--25962062709000__ss_scrolling_images_DK4dRM">
4985          <h2>So könnte Ihre individuelle Logo-Matte aussehen...</h2>
4986        </div>
4987      
4988      <div class="scrolling-image-slider-template--25962062709000__ss_scrolling_images_DK4dRM">
4989        <div class="marquee-horizontal-template--25962062709000__ss_scrolling_images_DK4dRM">
4990          <div class="track-horizontal-template--25962062709000__ss_scrolling_images_DK4dRM">
4991            
4992              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
4993                
4994                  
4995                  <img src="//matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&amp;width=270 270w, //matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
4996                
4997              </div>
4998            
4999              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5000                
5001                  
5002                  <img src="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5003                
5004              </div>
5005            
5006              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5007                
5008                  
5009                  <img src="//matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5010                
5011              </div>
5012            
5013              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5014                
5015                  
5016                  <img src="//matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5017                
5018              </div>
5019            
5020              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5021                
5022                  
5023                  <img src="//matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5024                
5025              </div>
5026            
5027          </div>
5028          <div class="track-horizontal-template--25962062709000__ss_scrolling_images_DK4dRM">
5029            
5030              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5031                
5032                  
5033                  <img src="//matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&amp;width=270 270w, //matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5034                
5035              </div>
5036            
5037              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5038                
5039                  
5040                  <img src="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5041                
5042              </div>
5043            
5044              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5045                
5046                  
5047                  <img src="//matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5048                
5049              </div>
5050            
5051              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5052                
5053                  
5054                  <img src="//matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5055                
5056              </div>
5057            
5058              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5059                
5060                  
5061                  <img src="//matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5062                
5063              </div>
5064            
5065          </div>
5066          <div class="track-horizontal-template--25962062709000__ss_scrolling_images_DK4dRM">
5067            
5068              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5069                
5070                  
5071                  <img src="//matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&amp;width=270 270w, //matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5072                
5073              </div>
5074            
5075              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5076                
5077                  
5078                  <img src="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5079                
5080              </div>
5081            
5082              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5083                
5084                  
5085                  <img src="//matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5086                
5087              </div>
5088            
5089              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5090                
5091                  
5092                  <img src="//matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5093                
5094              </div>
5095            
5096              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5097                
5098                  
5099                  <img src="//matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5100                
5101              </div>
5102            
5103          </div>
5104          <div class="track-horizontal-template--25962062709000__ss_scrolling_images_DK4dRM">
5105             
5106              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5107                
5108                  
5109                  <img src="//matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&amp;width=270 270w, //matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5110                
5111              </div>
5112            
5113              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5114                
5115                  
5116                  <img src="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5117                
5118              </div>
5119            
5120              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5121                
5122                  
5123                  <img src="//matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&amp;width=600" alt="So kön
5123nte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5124                
5125              </div>
5126            
5127              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5128                
5129                  
5130                  <img src="//matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5131                
5132              </div>
5133            
5134              <div class="scrolling-image-slide-template--25962062709000__ss_scrolling_images_DK4dRM">
5135                
5136                  
5137                  <img src="//matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&amp;width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&amp;width=270 270w, //matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&amp;width=540 540w" width="600" height="800" loading="lazy" sizes="(min-width: 1400px) 300px, (min-width: 1024px) 300px, 0px, 120px">
5138                
5139              </div>
5140            
5141          </div>
5142        </div>
5143      </div>
5144      
5145        <div class="scrolling-image-content-template--25962062709000__ss_scrolling_images_DK4dRM">
5146          <p>+25.000 Kunden gefallen unsere Produkte</p>
5147        </div>
5148      
5149    </div>
5150</div>
5151
5152</div><div id="shopify-section-template--25962062709000__section_ybDANM" class="shopify-section section-wrapper">
5153
5154
5155
5156<div class="section-background color-scheme-1"></div>
5157<div
5158  class="section section--page-width color-scheme-1"
5159
5160  
5161
5162  style="
5163    
5164      --section-min-height: 0svh;
5165    
5166
5167    
5168     --section-preview-height: 600px;
5169     
5170  "
5171>
5172  <div class="custom-section-background">
5173    
5174
5175  </div>
5176
5177  <div
5178    class="border-style custom-section-content"
5179    style="--border-width: 1px; --border-style: none; --border-color:
5180rgb(var(--color-border-rgb) / 1.0); --border-radius:
51810px; 
5182"
5183  >
5184    
5185
5186    <div
5187      class="
5188        spacing-style
5189        layout-panel-flex
5190        layout-panel-flex--row
5191        section-content-wrapper
5192         mobile-column
5193      "
5194      style="
5195        --flex-direction: row; --flex-wrap: nowrap;
5196
5197--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
5198
5199--horizontal-alignment: center; --vertical-alignment: center;
5200--vertical-alignment-mobile: center;
5201
5202        --padding-block-start: 0px;--padding-block-end: 0px;
5203      "
5204      data-testid="section-content"
5205    >
5206      
5207  
5208
5209
5210
5211
5212
5213
5214
5215
5216
5217
5218
5219
5220
5221
5222  <div
5223    class="
5224  image-block image-block--AdlkxQldReks5R3BpQ__image_rm6qVa image-block--height-fit spacing-style size-style
5225"
5226    style="
5227  --ratio: 1.083815028901734;
5228  --size-style-width:16%;--size-style-height: fit;
5229  --size-style-width-mobile:30%; --size-style-width-mobile-min:30%;
5230  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5231"
5232    
5233  >
5234    
5235<img src="//matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=300 300w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=450 450w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=600 600w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=750 750w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=900 900w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=3500 3500w" width="750" height="692" loading="lazy" class="image-block__image border-style" style="
5236  --ratio: 1.083815028901734;
5237  --border-width: 1px; --border-style: none; --border-color:
5238rgb(var(--color-border-rgb) / 1.0); --border-radius:
52390px; 
5240
5241" sizes="auto, (min-width: 750px) 100vw, 100vw">
5242
5243  </div>
5244
5245
5246
5247
5248
5249
5250
5251    </div>
5252  </div>
5253</div>
5254
5255
5256
5257
5258
5259</div><div id="shopify-section-template--25962062709000__ss_hero_35_B3FBkc" class="shopify-section">
5260<style data-shopify>.section-template--25962062709000__ss_hero_35_B3FBkc {
5261    position: relative;  
5262    margin-top: 0px;
5263    margin-bottom: 0px;
5264    margin-left: 1.5rem;
5265    margin-right: 1.5rem; 
5266  }
5267  
5268  .section-template--25962062709000__ss_hero_35_B3FBkc-settings {
5269    margin: 0 auto;
5270    border-radius: 24px;
5271    border-top: solid #121212 0px;
5272    border-bottom: solid #121212 0px;
5273    padding-top: 30px;
5274    padding-bottom: 48px;
5275    padding-left: 1.5rem;
5276    padding-right: 1.5rem;
5277    position: relative;
5278    z-index: 1;
5279  }
5280
5281  .hero-content-template--25962062709000__ss_hero_35_B3FBkc {
5282    display: flex;
5283    flex-direction: column;
5284    align-items: center;
5285    padding: 0;
5286    grid-area: content;
5287  }
5288
5289  .hero-images-template--25962062709000__ss_hero_35_B3FBkc {
5290    position: relative;
5291    z-index: 2;
5292    display: flex;
5293    align-items: center;
5294    justify-content: center;
5295    margin-top: -30px;
5296    padding-bottom: 30px;
5297    gap: 0px;
5298  }
5299
5300  .hero-image-template--25962062709000__ss_hero_35_B3FBkc img,
5301  .hero-image-template--25962062709000__ss_hero_35_B3FBkc svg {
5302    display: block;
5303    width: 100%;
5304    height: 100%;
5305    object-fit: cover;
5306  }
5307
5308  .hero-image-template--25962062709000__ss_hero_35_B3FBkc svg {
5309    background-color: #AFAFAF;
5310  }
5311  
5312  @media(min-width: 1024px) {
5313
5314    .section-template--25962062709000__ss_hero_35_B3FBkc {
5315      margin-top: 0px;
5316      margin-bottom: 0px;
5317      margin-left: 2rem;
5318      margin-right: 2rem;   
5319    }
5320    
5321    .section-template--25962062709000__ss_hero_35_B3FBkc-settings {
5322      padding: 0 5rem;
5323      border-radius: 40px;
5324      padding-top: 40px;
5325      padding-bottom: 64px;
5326      padding-left: 6rem;
5327      padding-right: 6rem;
5328    }
5329
5330    .hero-content-template--25962062709000__ss_hero_35_B3FBkc {
5331      align-items: center;
5332      padding: 0 0 50px 0;
5333    }  
5334
5335    .hero-images-template--25962062709000__ss_hero_35_B3FBkc {    
5336      margin-top: -100px;
5337      gap: 70px;
5338    }
5339  }</style>
5340  <style>
5341    .section-template--25962062709000__ss_hero_35_B3FBkc-settings {
5342      max-width: 1300px;
5343    }
5344  </style>
5345
5346
5347
5348  <style>
5349    .section-template--25962062709000__ss_hero_35_B3FBkc-settings {
5350      border-left: solid #121212 0px;
5351      border-right: solid #121212 0px;
5352    }
5353    
5354    @media(min-width: 1024px) {
5355      .section-template--25962062709000__ss_hero_35_B3FBkc-settings {
5356        border-left: 0px;
5357        border-right: 0px;
5358      }
5359    }
5360  </style>
5361
5362
5363
5364  <style>
5365    @media(min-width: 1024px) {
5366      .section-template--25962062709000__ss_hero_35_B3FBkc-settings {
5367        border-left: solid #121212 0px;
5368        border-right: solid #121212 0px;
5369      }
5370    }
5371  </style>
5372
5373
5374
5375  
5376      <style>
5377        @font-face {
5378  font-family: "Josefin Sans";
5379  font-weight: 400;
5380  font-style: normal;
5381  font-display: swap;
5382  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
5383       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
5384}
5385
5386
5387        .hero-review-review_8ziJdF {
5388          display: flex;
5389          align-items: center;
5390          flex-direction: column;
5391          gap: 10px;
5392          margin-top: 0px;
5393        }
5394
5395        .hero-review-text-review_8ziJdF * {
5396          word-wrap: break-word;
5397          margin: 0;
5398          font-size: 14px;
5399          color: #121212;
5400          line-height: 150%;
5401          text-align: center;
5402          text-transform: unset;
5403        }
5404
5405        .hero-stars-review_8ziJdF {
5406          display: flex;
5407          align-items: center;
5408          gap: 2px;
5409          max-width: fit-content;
5410        }
5411
5412        .hero-stars-review_8ziJdF svg,
5413        .hero-stars-review_8ziJdF img {
5414          display: block;
5415          width: 16px;
5416          height: 16px;
5417          object-fit: cover;
5418        }
5419
5420        @media (min-width: 1024px) {
5421          .hero-review-review_8ziJdF {
5422            flex-direction: row;
5423            margin-top: 0px;
5424          }
5425
5426          .hero-review-text-review_8ziJdF * {
5427            font-size: 14px;
5428          }
5429
5430          .hero-stars-review_8ziJdF svg,
5431          .hero-stars-review_8ziJdF img {
5432            width: 16px;
5433            height: 16px;
5434          }
5435        }
5436      </style>
5437
5438        
5439
5440    
5441
5442    
5443      <style>
5444        @font-face {
5445  font-family: "Josefin Sans";
5446  font-weight: 400;
5447  font-style: normal;
5448  font-display: swap;
5449  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
5450       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
5451}
5452
5453
5454        .hero-heading-heading_WqUtWr {
5455          max-width: 100%;
5456          margin-top: 8px;
5457          text-align: center;
5458          position: relative;
5459          z-index: 2;
5460        }
5461      
5462        .hero-heading-heading_WqUtWr * {
5463          margin: 0;
5464          font-size: 36px;
5465          color: #121212;
5466          line-height: 130%;
5467          text-transform: unset;
5468          word-break: break-word;
5469        }
5470
5471        @media(min-width: 1024px) {
5472          
5473          .hero-heading-heading_WqUtWr {
5474            max-width: 100%;
5475            margin-top: 8px;
5476            text-align: center;
5477          }
5478        
5479          .hero-heading-heading_WqUtWr * {
5480            font-size: 30px;
5481          }
5482        }          
5483      </style>
5484        
5485      
5486    
5487     
5488        <style>
5489          @media(min-width: 1024px) {
5490            .hero-heading-heading_WqUtWr {
5491              margin-left: auto;
5492              margin-right: auto;
5493            } 
5494          }
5495        </style>
5496      
5497
5498    
5499
5500  
5501      <style>        
5502        @font-face {
5503  font-family: "Josefin Sans";
5504  font-weight: 400;
5505  font-style: normal;
5506  font-display: swap;
5507  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
5508       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
5509}
5510
5511
5512        .hero-text-text_Tky7ep {
5513          max-width: 100%;
5514          margin-top: 20px;
5515          text-align: center;
5516        }
5517
5518        .hero-text-text_Tky7ep * {
5519          margin: 0;          
5520          font-size: 16px;
5521          color: #121212;
5522          line-height: 150%;
5523          text-transform: unset;
5524        }
5525
5526        @media(min-width: 1024px) {
5527          
5528          .hero-text-text_Tky7ep {
5529            max-width: 100%;
5530            margin-top: 20px;
5531            text-align: center;
5532          }         
5533          
5534          .hero-text-text_Tky7ep * {       
5535            font-size: 14px;
5536          }
5537        }
5538      </style>
5539
5540        
5541
5542      
5543        <style>
5544          @media(min-width: 1024px) {
5545           .hero-text-text_Tky7ep {
5546              margin-left: auto;
5547              margin-right: auto;
5548            } 
5549          }
5550        </style>
5551      
5552    
5553
5554  
5555      <style>        
5556        .hero-sticker-sticker_HzHTY9 {  
5557          position: absolute;             
5558          z-index: 2;
5559          left: 50%;
5560          top: 74%;
5561          transform: translate(-50%, -74%) rotate(0deg);
5562          width: 60px;
5563          display:  block ;
5564        }
5565
5566        .hero-sticker-sticker_HzHTY9 img,
5567        .hero-sticker-sticker_HzHTY9 svg {
5568          display: block;
5569          width: 100%;
5570          height: 100%;
5571          object-fit: cover;
5572        }
5573
5574        .hero-sticker-sticker_HzHTY9 svg path {
5575          fill: #121212;
5576        }
5577
5578        @media(min-width: 1024px) {
5579          .hero-sticker-sticker_HzHTY9 {            
5580            left: 50%;
5581            top: 70%;
5582            transform: translate(-50%, -70%) rotate(0deg);
5583            width: 100px;
5584            display:  block ;
5585          }
5586        }
5587      </style>
5588
5589    
5590
5591  
5592      <style>
5593        @font-face {
5594  font-family: "Josefin Sans";
5595  font-weight: 400;
5596  font-style: normal;
5597  font-display: swap;
5598  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
5599       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
5600}
5601
5602
5603        .hero-button-button_6TmbFr {
5604          display: flex;
5605          align-items: center;
5606          justify-content: center;
5607          max-width: fit-content;
5608          gap: 10px;
5609          width: 100%;
5610          margin: 0;
5611          margin-top: 24px;
5612          font-size: 16px;
5613          color: #ffffff;
5614          line-height: 100%;
5615          text-align: center;
5616          text-transform: unset;
5617          text-decoration: none;
5618          padding: 18px 40px;
5619          border-radius: 100px;
5620          transition: all 0.3s ease 0s;
5621          background-color: transparent;
5622          border: 0px;
5623          cursor: pointer;
5624          font-weight: 700;
5625        }
5626
5627        .hero-button-inner-button_6TmbFr {
5628          margin: 0px;
5629          display: flex;
5630          align-items: center;
5631          justify-content: center;
5632          gap: 10px;
5633          text-decoration: none;
5634        }
5635
5636        .hero-button-button_6TmbFr:hover {
5637          color: #121212;
5638          transition: all 0.25s ease 0s;
5639        }
5640
5641        .hero-button-button_6TmbFr svg {
5642          width: 14px;
5643          height: 14px;
5644        }
5645
5646        .hero-button-button_6TmbFr svg path {
5647          fill: #ffffff;
5648          transition: all 0.25s ease 0s;
5649        }
5650
5651        .hero-button-button_6TmbFr:hover svg path {
5652          fill: #121212;
5653          transition: all 0.25s ease 0s;
5654        }
5655
5656        @media (min-width: 1024px) {
5657          .hero-button-button_6TmbFr {
5658            margin-top: 24px;
5659            padding: 18px 40px;
5660            font-size: 16px;
5661          }
5662        }
5663      </style>
5664
5665      
5666
5667      
5668        <style>          
5669          .hero-button-button_6TmbFr {
5670            transition: all 0.3s ease 0s;
5671            background-color: #121212;
5672            border: 0px solid #121212;
5673          }
5674      
5675          .hero-button-button_6TmbFr:hover {
5676            transition: all 0.3s ease 0s;
5677            background-color: #ffffff;
5678            border: 0px solid #121212;
5679          }
5680        </style>
5681                  
5682  
5683
5684  
5685      <style>
5686        .hero-image-image_U4Kr4q {
5687          border: 0px solid #121212;
5688          border-radius: 20px;
5689          overflow: hidden;
5690          transform: rotate(-4deg);
5691        }
5692
5693        @media(min-width: 1024px) {
5694          .hero-image-image_U4Kr4q {
5695            transform: rotate(-4deg);
5696          }
5697        }
5698      </style>
5699
5700      
5701        <style>
5702          .hero-image-image_U4Kr4q {
5703            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
5704          }
5705        </style>
5706      
5707
5708      
5709        <style>
5710          @media(min-width: 1024px) {
5711            .hero-image-image_U4Kr4q {
5712              max-width: 38vw;
5713            }
5714          }
5715        </style>
5716      
5717      
5718      
5719        <style>
5720          .hero-image-image_U4Kr4q  {
5721            aspect-ratio: auto;
5722          }
5723        </style>
5724      
5725
5726      
5727        <style>
5728          @media(min-width: 1024px) {
5729            .hero-image-image_U4Kr4q  {
5730              aspect-ratio: auto;
5731            }
5732          }
5733        </style>
5734      
5735    
5736
5737  
5738      <style>
5739        .hero-image-image_qCBbG8 {
5740          border: 0px solid #121212;
5741          border-radius: 20px;
5742          overflow: hidden;
5743          transform: rotate(4deg);
5744        }
5745
5746        @media(min-width: 1024px) {
5747          .hero-image-image_qCBbG8 {
5748            transform: rotate(4deg);
5749          }
5750        }
5751      </style>
5752
5753      
5754        <style>
5755          .hero-image-image_qCBbG8 {
5756            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
5757          }
5758        </style>
5759      
5760
5761      
5762        <style>
5763          @media(min-width: 1024px) {
5764            .hero-image-image_qCBbG8 {
5765              max-width: 38vw;
5766            }
5767          }
5768        </style>
5769      
5770      
5771      
5772        <style>
5773          .hero-image-image_qCBbG8  {
5774            aspect-ratio: auto;
5775          }
5776        </style>
5777      
5778
5779      
5780        <style>
5781          @media(min-width: 1024px) {
5782            .hero-image-image_qCBbG8  {
5783              aspect-ratio: auto;
5784            }
5785          }
5786        </style>
5787      
5788    
5789
5790
5791
5792<div class="section-template--25962062709000__ss_hero_35_B3FBkc hero-template--25962062709000__ss_hero_35_B3FBkc">
5793    <div class="section-template--25962062709000__ss_hero_35_B3FBkc-settings"  style="background-color:#fafafa; background-image: ;">
5794      <div class="hero-body-template--25962062709000__ss_hero_35_B3FBkc">
5795        <div class="hero-content-template--25962062709000__ss_hero_35_B3FBkc">
5796          
5797            
5798                <div class="hero-review-review_8ziJdF">
5799                  
5800                    <div class="hero-stars-review_8ziJdF">
5801                      
5802                        
5803                          <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
5804                            
5805                            <rect width="32" height="32" fill="#00b67a"/>
5806                            <g clip-path="url(#clip0_25_4)">
5807                            <path d="M9.20283 27L16.001 21.807L22.7972 27L20.2018 18.596L27 13.403H18.5984L16.001 5L13.4037 13.403H5L11.7982 18.596L9.20283 27Z" fill="#ffffff"/>
5808                            </g>
5809                            <defs>
5810                            <clipPath id="clip0_25_4">
5811                            <rect width="22" height="22" fill="#ffffff" transform="translate(5 5)"/>
5812                            </clipPath>
5813                            </defs>
5814                          </svg>
5815                        
5816                        
5817                          <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
5818                            
5819                            <rect width="32" height="32" fill="#00b67a"/>
5820                            <g clip-path="url(#clip0_25_4)">
5821                            <path d="M9.20283 27L16.001 21.807L22.7972 27L20.2018 18.596L27 13.403H18.5984L16.001 5L13.4037 13.403H5L11.7982 18.596L9.20283 27Z" fill="#ffffff"/>
5822                            </g>
5823                            <defs>
5824                            <clipPath id="clip0_25_4">
5825                            <rect width="22" height="22" fill="#ffffff" transform="translate(5 5)"/>
5826                            </clipPath>
5827                            </defs>
5828                          </svg>
5829                        
5830                        
5831                          <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
5832                            
5833                            <rect width="32" height="32" fill="#00b67a"/>
5834                            <g clip-path="url(#clip0_25_4)">
5835                            <path d="M9.20283 27L16.001 21.807L22.7972 27L20.2018 18.596L27 13.403H18.5984L16.001 5L13.4037 13.403H5L11.7982 18.596L9.20283 27Z" fill="#ffffff"/>
5836                            </g>
5837                            <defs>
5838                            <clipPath id="clip0_25_4">
5839                            <rect width="22" height="22" fill="#ffffff" transform="translate(5 5)"/>
5840                            </clipPath>
5841                            </defs>
5842                          </svg>
5843                        
5844                        
5845                          <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
5846                            
5847                            <rect width="32" height="32" fill="#00b67a"/>
5848                            <g clip-path="url(#clip0_25_4)">
5849                            <path d="M9.20283 27L16.001 21.807L22.7972 27L20.2018 18.596L27 13.403H18.5984L16.001 5L13.4037 13.403H5L11.7982 18.596L9.20283 27Z" fill="#ffffff"/>
5850                            </g>
5851                            <defs>
5852                            <clipPath id="clip0_25_4">
5853                            <rect width="22" height="22" fill="#ffffff" transform="translate(5 5)"/>
5854                            </clipPath>
5855                            </defs>
5856                          </svg>
5857        
5857                
5858                        
5859                          <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
5860                            
5861                            <rect width="32" height="32" fill="#00b67a"/>
5862                            <g clip-path="url(#clip0_25_4)">
5863                            <path d="M9.20283 27L16.001 21.807L22.7972 27L20.2018 18.596L27 13.403H18.5984L16.001 5L13.4037 13.403H5L11.7982 18.596L9.20283 27Z" fill="#ffffff"/>
5864                            </g>
5865                            <defs>
5866                            <clipPath id="clip0_25_4">
5867                            <rect width="22" height="22" fill="#ffffff" transform="translate(5 5)"/>
5868                            </clipPath>
5869                            </defs>
5870                          </svg>
5871                                                
5872                      
5873                    </div>
5874                  
5875                  
5876                    <div class="hero-review-text-review_8ziJdF"><p>Grossartig <strong>4.8</strong> | 25,000+ Kunden</p></div>
5877                  
5878                </div>
5879              
5880          
5881              
5882                
5883                  <div class="hero-heading-heading_WqUtWr">
5884                    <h3>Unsere Ansprüche </h3>
5885                  </div>
5886                
5887  
5888              
5889          
5890              
5891                
5892                  <div class="hero-text-text_Tky7ep">
5893                    <p>
5893Wir setzten auf die höchste Qualität! </p><p><strong>Individuelle Fußmatten für kleines Geld. </strong>Mit unseren günstigen Preisen für <strong>personalisierte Fußmatten</strong> ab dem Format 60x40 cm zum selbst designen ist die Eingangsmatte von Matten <strong>Welt</strong> ein <strong>individuelles</strong> Namensschild in Ihrem <strong>Eingangsbereich</strong>. Sie können unsere Logo-<strong>Fußmatten</strong> auch als <strong>Eingangsteppich</strong> oder <strong>Läufer</strong> im Innenbereich auslegen. Alle unsere <strong>Schmutzfangmatten</strong> sind in Deutschland gefertigt, waschbar und fasertief <strong>bedruckt</strong>. </p><h3><strong>Fußmatte bedrucken lassen: so geht’s</strong></h3><h3></h3><p></p><p>Zuerst wählst Du das Format aus, das Deine Fußmatte haben soll. Dann fügst Du das ausgewählte Bild oder Logo, Text ein und verschönerst es auf Wunsch mit Rahmen, Cliparts und Hintergründen. Gestalte dabei die gesamte Fläche, aber achte darauf, dass keine wichtigen Elemente des Motivs im grau schraffierten Randbereich liegen, denn dieser kann bei der Produktion beschnitten werden. Ein echtes Highlight auf Deiner individueller Matte könnte ein kleiner Text oder Schriftzug sein. Ein schönes Zitat, Dein Familienname oder ein herzlicher Willkommensgruß – Du entscheidest, was am besten auf Deine Fußmatte mit Foto, oder Logo passt. Wenn Du alles nach Deinen Vorstellungen angeordnet hast, prüfst Du noch einmal das fertige Design und gibst dann die Bestellung auf. So einfach gestaltest Du eine individuelle Fußmattematte. Gerne helfen wir aber auch bei der Gestaltung.</p>
5894                  </div>
5895                  
5896  
5897              
5898          
5899            
5900          
5901              
5902                   
5903                  <a href="https://matten-welt.com/pages/personalizer" class="hero-button-button_6TmbFr">
5904                    <p class="hero-button-inner-button_6TmbFr">
5905                      Jetzt Teppich selbst gestalten
5906                      
5907                    </p>
5908                  </a>    
5909                                 
5910            
5911          
5912            
5913          
5914            
5915          
5916        </div>
5917      </div>
5918    </div>
5919    
5920      <div class="hero-images-template--25962062709000__ss_hero_35_B3FBkc">
5921        
5922          
5923        
5924          
5925        
5926          
5927        
5928          
5929        
5930          
5931        
5932          
5933            <div class="hero-image-template--25962062709000__ss_hero_35_B3FBkc hero-image-image_U4Kr4q">
5934              
5935<img src="//matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-02_um_22.41.59.png?v=1748896949&amp;width=1500" alt="" srcset="//matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-02_um_22.41.59.png?v=1748896949&amp;width=165 165w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-02_um_22.41.59.png?v=1748896949&amp;width=360 360w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-02_um_22.41.59.png?v=1748896949&amp;width=535 535w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-02_um_22.41.59.png?v=1748896949&amp;width=750 750w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-02_um_22.41.59.png?v=1748896949&amp;width=1070 1070w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-02_um_22.41.59.png?v=1748896949&amp;width=1500 1500w" width="1500" height="1121" loading="lazy" sizes="(min-width: 1300px) 600px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)">
5936                   
5937            </div>          
5938          
5939        
5940          
5941            <div class="hero-image-template--25962062709000__ss_hero_35_B3FBkc hero-image-image_qCBbG8">
5942              
5943<img src="//matten-welt.com/cdn/shop/files/13_800x_png.webp?v=1748896665&amp;width=1500" alt="" srcset="//matten-welt.com/cdn/shop/files/13_800x_png.webp?v=1748896665&amp;width=165 165w, //matten-welt.com/cdn/shop/files/13_800x_png.webp?v=1748896665&amp;width=360 360w, //matten-welt.com/cdn/shop/files/13_800x_png.webp?v=1748896665&amp;width=535 535w, //matten-welt.com/cdn/shop/files/13_800x_png.webp?v=1748896665&amp;width=750 750w, //matten-welt.com/cdn/shop/files/13_800x_png.webp?v=1748896665&amp;width=1070 1070w, //matten-welt.com/cdn/shop/files/13_800x_png.webp?v=1748896665&amp;width=1500 1500w" width="1500" height="1500" loading="lazy" sizes="(min-width: 1300px) 600px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)">
5944                   
5945            </div>          
5946          
5947        
5948      </div>
5949    
5950    
5951       
5952    
5953       
5954    
5955       
5956    
5957      
5958        
5959          <div class="hero-sticker-sticker_HzHTY9">
5960            <svg xmlns="http://www.w3.org/2000/svg" width="158.25" height="58.82" viewBox="0 0 158.25 58.82">
5961              <path d="M155.14,13.77C142.23,6.44,127.63-.09,112.5,0c-2.68.02-3.82,3.79-1.39,5.13,4.86,2.69,9.85,5.09,14.85,7.47-6.58-.73-13.34-.69-18.98-.71-12.93-.06-26,1.61-38.57,4.63C43.32,22.56,20.2,35.2,1.13,52.5c-3.34,3.03,1.46,7.47,4.83,4.83,19.14-14.97,41.7-24.94,65.37-30.19,11.39-2.52,22.97-3.66,34.63-3.61,6.06.02,12.13.34,18.15,1.07,2.98.36,5.94,1,8.9,1.45-8.72,7.47-16.77,15.85-22.82,25.3-3.27,5.1,3.82,9.81,8,6.17,12.91-11.24,24.63-23.45,38.21-33.98,3.22-2.49,1.88-8-1.26-9.78Z"/>
5962            </svg>
5963          </div>
5964                  
5965       
5966    
5967       
5968    
5969       
5970    
5971       
5972     
5973</div>
5974
5975</div><div id="shopify-section-template--25962062709000__section_3Lqaz9" 
5975class="shopify-section section-wrapper">
5976
5977
5978
5979<div class="section-background color-scheme-1"></div>
5980<div
5981  class="section section--page-width color-scheme-1"
5982
5983  
5984
5985  style="
5986    
5987
5988    
5989  "
5990>
5991  <div class="custom-section-background">
5992    
5993
5994  </div>
5995
5996  <div
5997    class="border-style custom-section-content"
5998    style="--border-width: 1px; --border-style: none; --border-color:
5999rgb(var(--color-border-rgb) / 1.0); --border-radius:
60000px; 
6001"
6002  >
6003    
6004
6005    <div
6006      class="
6007        spacing-style
6008        layout-panel-flex
6009        layout-panel-flex--row
6010        section-content-wrapper
6011         mobile-column
6012      "
6013      style="
6014        --flex-direction: row; --flex-wrap: nowrap;
6015
6016--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
6017
6018--horizontal-alignment: flex-start; --vertical-alignment: center;
6019--vertical-alignment-mobile: center;
6020
6021        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
6022      "
6023      data-testid="section-content"
6024    >
6025      
6026  
6027
6028
6029
6030<div
6031  class="
6032    group-block
6033    group-block--height-fit
6034    group-block--width-custom
6035    border-style
6036    spacing-style
6037    size-style
6038    
6039    
6040  "
6041  style="
6042    --border-width: 1px; --border-style: none; --border-color:
6043rgb(var(--color-border-rgb) / 1.0); --border-radius:
60440px; 
6045
6046    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6047    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
6048    
6049  "
6050  
6051  data-testid="group-block"
6052><div class="group-block__media-wrapper">
6053    
6054
6055    
6056  </div>
6057
6058  <div
6059    class="
6060      group-block-content
6061      
6062      layout-panel-flex
6063      layout-panel-flex--column
6064       mobile-column
6065    "
6066    style="--flex-direction: column; --flex-wrap: nowrap;
6067
6068--gap: 12px;
6069
6070--horizontal-alignment: flex-start; --vertical-alignment: center;
6071--vertical-alignment-mobile: center;
6072"
6073  >
6074  
6075
6076
6077
6078
6079
6080
6081
6082  <div 
6083  class=" spacing-style text-block text-block--ARThtUEM5dlpGelB2M__text_XqFhea h3
6084    
6085  "
6086
6087  style="
6088    --padding-block-start: 0px; --padding-block-end:0px; 
6089--padding-inline-start:0px; --padding-inline-end:0px; 
6090
6091    
6092--color: var(--color-foreground);
6093    --width: fit-content;
6094    --max-width: var(--max-width--body-normal);
6095    
6096    
6097  "
6098
6099  
6100>
6101    <h2>Unsere Logo-Fußmatten sind bis zu 150 mal waschbar</h2>
6102  </div>
6103
6104
6105
6106
6107
6108
6109
6110
6111
6112
6113
6114
6115
6116
6117  <rte-formatter 
6118  class=" spacing-style text-block text-block--AYlY3amFLVks2ZS9YN__text_UT7LC9 rte
6119    text-block--align-left rte 
6120  "
6121
6122  style="
6123    --padding-block-start: 0px; --padding-block-end:0px; 
6124--padding-inline-start:0px; --padding-inline-end:0px; 
6125
6126    
6127
6128    --width: 100%;
6129    --max-width: var(--max-width--body-normal);
6130    
6131      --text-align: left;
6132    
6133    
6134  "
6135
6136  
6137>
6138    <p>Botschafter sowie Schmutzfänger</p><p></p><p>Der menschliche Blick haftet sehr häufig unbewusst am Boden. Das sollten sich Unternehmer zu Nutze machen und so durch eine Logomatte den Blick festigen.Fußmatten mit Logo sorgen aber nicht nur für einen bleibenden Eindruck beim Kunden, sondern halten zugleich die Räume sauber. Das erspart nicht nur Reinigungskosten, sondern schont zugleich auch den Bodenbelag langfristig. </p><p>Schmutz und Feuchtigkeit werden von den speziellen Fasern der Schmutzfangmatte gebunden und gelangen so nicht in den übrigen Gebäudebereich. Wir fertigen eine auf Ihre Bedürfnisse zugeschnittene Logo-Fussmatte an, die robust, rutschfest, waschbar und langlebig ist. Eine Logomatte ist die ideale Lösung für Unternehmen jeglicher Art, ob Boutique, Restaurant, Ladengeschäft oder große Firma. Eine Logomatte kann aber nicht nur Träger des Firmenlogos sein, sondern auch Aufgaben als Wegweiser oder Hinweisgeber. Bestellen Sie noch heute Ihren individuellen Teppich mit Ihrem Logo.</p>
6139  </rte-formatter>
6140
6141
6142
6143
6144
6145
6146
6147<a
6148  
6149    href="https://matten-welt.com/pages/personalizer"
6150  
6151  class="
6152    size-style
6153    button
6154    button--AZ09TZ2RnSU81cS9zb__button_cMQ9kn
6155  "
6156  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
6157>
6158  Fußmatte individuell gestalten
6159</a>
6160
6161
6162
6163
6164
6165
6166</div>
6167</div>
6168
6169
6170
6171
6172
6173
6174
6175
6176
6177
6178
6179
6180
6181
6182
6183
6184
6185
6186
6187
6188  <div
6189    class="
6190  image-block image-block--AUnphRFM0bnhoaFdNV__image_6qCCPR image-block--height-fit spacing-style size-style
6191"
6192    style="
6193  --ratio: 1;
6194  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
6195  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6196"
6197    
6198  >
6199    
6200<img src="//matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=300 300w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=450 450w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=600 600w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=750 750w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=900 900w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&amp;width=3500 3500w" width="1067" height="429" loading="lazy" class="image-block__image border-style" style="
6201  --ratio: 1;
6202  --border-width: 1px; --border-style: none; --border-color:
6203rgb(var(--color-border-rgb) / 1.0); --border-radius:
62040px; 
6205
6206" sizes="auto, (min-width: 750px) 100vw, 100vw">
6207
6208  </div>
6209
6210
6211
6212
6213
6214
6215
6216    </div>
6217  </div>
6218</div>
6219
6220
6221
6222
6223
6224</div><div id="shopify-section-template--25962062709000__ss_feature_22_yEKh9V" class="shopify-section">
6225
6226<link
6227  rel="stylesheet"
6228  href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
6229/><style data-shopify>@font-face {
6230  font-family: "Josefin Sans";
6231  font-weight: 400;
6232  font-style: normal;
6233  font-display: swap;
6234  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
6235       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
6236}
6237
6238  @font-face {
6239  font-family: "Josefin Sans";
6240  font-weight: 400;
6241  font-style: normal;
6242  font-display: swap;
6243  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
6244       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
6245}
6246
6247  @font-face {
6248  font-family: "Josefin Sans";
6249  font-weight: 400;
6250  font-style: normal;
6251  font-display: swap;
6252  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
6253       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
6254}
6255
6256  @font-face {
6257  font-family: "Josefin Sans";
6258  font-weight: 400;
6259  font-style: normal;
6260  font-display: swap;
6261  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
6262       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
6263}
6264
6265  @font-face {
6266  font-family: "Josefin Sans";
6267  font-weight: 400;
6268  font-style: normal;
6269  font-display: swap;
6270  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
6271       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
6272}
6273
6274  @font-face {
6275  font-family: "Josefin Sans";
6276  font-weight: 400;
6277  font-style: normal;
6278  font-display: swap;
6279  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
6280       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
6281}
6282
6283  @font-face {
6284  font-family: "Josefin Sans";
6285  font-weight: 400;
6286  font-style: normal;
6287  font-display: swap;
6288  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
6289       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
6290}
6291
6292  
6293  .section-template--25962062709000__ss_feature_22_yEKh9V {
6294    border-top: solid #000000 0px;
6295    border-bottom: solid #000000 0px;
6296    margin-top: 0px;
6297    margin-bottom: 0px;
6298    margin-left: 0rem;
6299    margin-right: 0rem;
6300    border-radius: 0px;
6301    overflow: hidden;
6302  }
6303  
6304  .section-template--25962062709000__ss_feature_22_yEKh9V-settings {
6305    margin: 0 auto;
6306    padding-top: 27px;
6307    padding-bottom: 27px;
6308    padding-left: 1.5rem;
6309    padding-right: 1.5rem;
6310  }
6311
6312  .feature-heading-template--25962062709000__ss_feature_22_yEKh9V {
6313    text-align: center;
6314  }
6315
6316  .feature-heading-template--25962062709000__ss_feature_22_yEKh9V * {
6317    margin: 0;
6318    font-size: 24px;
6319    color: #000000;
6320    line-height: 150%;
6321    text-transform: unset;
6322    text-decoration: none;
6323  }
6324
6325  .feature-slider-template--25962062709000__ss_feature_22_yEKh9V {
6326    margin-top: 28px !important;
6327    margin-left: -1.5rem !important;
6328    padding-left: 1.5rem !important;
6329    margin-right: -1.5rem !important;
6330    padding-right: 1.5rem !important;
6331  }
6332
6333  .feature-slide-template--25962062709000__ss_feature_22_yEKh9V {
6334    display: flex;
6335    flex-direction: column;
6336    align-items: center;
6337    background-color: #f3f3f3;
6338    border-radius: 0px;
6339  }
6340
6341  .feature-image-template--25962062709000__ss_feature_22_yEKh9V {
6342    width: 100%;
6343    position: relative;
6344    overflow: hidden;
6345    border-radius: 0px 0px 0px 0px;
6346  }
6347
6348  .feature-image-template--25962062709000__ss_feature_22_yEKh9V::after {
6349    content: '';
6350    position: absolute;
6351    top: 0;
6352    left: 0;
6353    width: 100%;
6354    height: 100%;
6355    background-color: rgba(0,0,0,0);
6356    z-index: 1;
6357  }
6358
6359  .feature-image-template--25962062709000__ss_feature_22_yEKh9V img,
6360  .feature-image-template--25962062709000__ss_feature_22_yEKh9V svg {
6361    display: block;
6362    width: 100%;
6363    height: 100%;
6364    object-fit: cover;
6365    box-shadow: none;
6366    border: 0px;
6367  }
6368
6369  .feature-image-template--25962062709000__ss_feature_22_yEKh9V svg {
6370    background-color: #AFAFAF;
6371  }  
6372
6373  .feature-percent-content-template--25962062709000__ss_feature_22_yEKh9V {
6374    position: absolute;
6375    bottom: 20px;
6376    left: 20px;
6377    width: calc(100% - 40px);
6378    display: flex;
6379    flex-direction: column;
6380    z-index: 2;
6381  }
6382
6383  .feature-circle-container-template--25962062709000__ss_feature_22_yEKh9V {
6384    display: flex;
6385    align-items: center;
6386    justify-content: start;
6387  } 
6388
6389  .feature-circle-template--25962062709000__ss_feature_22_yEKh9V {
6390    display: flex;
6391    justify-content: center;
6392    align-items: center;
6393    position: relative;
6394  }
6395
6396  .feature-circle-container-template--25962062709000__ss_feature_22_yEKh9V svg {
6397    width: 80px;
6398    height: 80px;
6399  }
6400
6401  .feature-circle-container-template--25962062709000__ss_feature_22_yEKh9V span {
6402    font-size: 18px;
6403    color: #ffffff;
6404    line-height: 100%;
6405    position: absolute;
6406  }
6407
6408  .feature-percent-text-template--25962062709000__ss_feature_22_yEKh9V {
6409    display: block;
6410    word-wrap: break-word;
6411    margin-top: 10px;
6412    text-align: left;
6413  }
6414
6415  .feature-percent-text-template--25962062709000__ss_feature_22_yEKh9V * {
6416    margin: 0;
6417    font-size: 16px;
6418    color: #ffffff;
6419    line-height: 150%;
6420    text-transform: unset;
6421  }
6422
6423  .feature-slide-content-template--25962062709000__ss_feature_22_yEKh9V {
6424    padding: 20px 20px;
6425  }
6426
6427  .feature-title-template--25962062709000__ss_feature_22_yEKh9V {
6428    display: block;
6429    word-wrap: break-word;
6430    text-align: left;
6431  }
6432
6433  .feature-title-template--25962062709000__ss_feature_22_yEKh9V * {
6434    margin: 0;
6435    font-size: 16px;
6436    color: #000000;
6437    line-height: 130%;
6438    text-transform: unset;
6439  }
6440
6441  .feature-text-template--25962062709000__ss_feature_22_yEKh9V {
6442    display: block;
6443    word-wrap: break-word;
6444    text-align: left;
6445    margin-top: 12px;
6446  }
6447
6448  .feature-text-template--25962062709000__ss_feature_22_yEKh9V * {
6449    margin: 0;
6450    font-size: 14px;
6451    color: #000000;
6452    line-height: 150%;
6453    text-transform: unset;
6454  }
6455
6456  .feature-navigation-container-template--25962062709000__ss_feature_22_yEKh9V {
6457    justify-content: center;       
6458    margin-top: 24px;
6459  }
6460
6461  .feature-navigation-template--25962062709000__ss_feature_22_yEKh9V {    
6462    display: flex;
6463    align-items: center;
6464    gap: 6px;    
6465    background-color: #f3f3f3;
6466    border-radius: 100px;
6467    padding: 6px 16px;
6468  }  
6469
6470  .feature-btn-prev-template--25962062709000__ss_feature_22_yEKh9V,
6471  .feature-btn-next-template--25962062709000__ss_feature_22_yEKh9V{
6472    display: flex !important;
6473    flex-direction: column;
6474    align-items: center;
6475    width: 56px;
6476    cursor: pointer;
6477    border: none;
6478    background-color: transparent;
6479    flex-shrink: 0;
6480  }
6481
6482  .feature-btn-prev-template--25962062709000__ss_feature_22_yEKh9V {
6483     transform: rotate(180deg);
6484  }
6485
6486  .feature-btn-next-template--25962062709000__ss_feature_22_yEKh9V svg,
6487  .feature-btn-prev-template--25962062709000__ss_feature_22_yEKh9V svg {
6488    display: block;    
6489    width: 100%;
6490    height: 100%;
6491    object-fit: cover;
6492    margin: 0;  
6493  }
6494
6495  .feature-btn-prev-template--25962062709000__ss_feature_22_yEKh9V path,
6496  .feature-btn-next-template--25962062709000__ss_feature_22_yEKh9V path {
6497    fill: #000000;
6498    transition: all 0.25s ease 0s;
6499  }
6500
6501  .feature-btn-prev-template--25962062709000__ss_feature_22_yEKh9V:hover path,
6502  .feature-btn-next-template--25962062709000__ss_feature_22_yEKh9V:hover path {
6503    fill: #ababab;
6504  }
6505
6506  .feature-btn-prev-template--25962062709000__ss_feature_22_yEKh9V.swiper-button-disabled,
6507  .feature-btn-next-template--25962062709000__ss_feature_22_yEKh9V.swiper-button-disabled {
6508    opacity: 0.5;
6509  }
6510 
6511  .feature-pagination-template--25962062709000__ss_feature_22_yEKh9V {
6512    position: static !important;
6513    display: block;
6514    word-wrap: break-word;
6515    white-space: nowrap;
6516    margin: 0;
6517    font-size: 12px;
6518    color: #000000 !important;
6519    line-height: 150%;
6520    text-transform: unset;
6521  }
6522
6523  .feature-btn-container-template--25962062709000__ss_feature_22_yEKh9V {
6524    width: 100%;
6525    display: flex;
6526    justify-content: center;
6527  }
6528
6529  .feature-button-template--25962062709000__ss_feature_22_yEKh9V {
6530    display: flex;
6531    align-items: center;
6532    max-width: fit-content;
6533    justify-content: center;
6534    gap: 10px;
6535    margin: 0;
6536    margin-top: 16px;
6537    font-size: 14px;
6538    color: #000000;
6539    line-height: 100%;
6540    text-align: center;
6541    text-transform: unset;
6542    text-decoration: none;
6543    padding: 16px 24px;
6544    border-radius: 100px;
6545    transition: all 0.25s ease 0s;
6546    background-color: transparent;
6547    border: 0px;
6548    cursor: pointer;
6549    font-weight: 700;
6550  }
6551  
6552
6553  .feature-button-inner-template--25962062709000__ss_feature_22_yEKh9V {
6554    margin: 0px;
6555    display: flex;
6556    align-items: center;
6557    justify-content: center;
6558    gap: 10px;
6559  }
6560
6561  .feature-button-template--25962062709000__ss_feature_22_yEKh9V:hover {
6562    color: #ffffff;
6563    transition: all 0.25s ease 0s;
6564  }
6565
6566  .feature-button-template--25962062709000__ss_feature_22_yEKh9V svg {
6567    width: 14px;
6568    height: 14px;
6569  }
6570
6571  .feature-button-template--25962062709000__ss_feature_22_yEKh9V svg path {
6572    fill: #000000;
6573    transition: all 0.25s ease 0s;
6574  }
6575
6576  .feature-button-template--25962062709000__ss_feature_22_yEKh9V:hover svg path {
6577    fill: #ffffff;
6578    transition: all 0.25s ease 0s;
6579  }
6580  
6581  @media(min-width: 1024px) {
6582
6583    .section-template--25962062709000__ss_feature_22_yEKh9V {
6584      margin-top: 0px;
6585      margin-bottom: 0px;
6586      margin-left: 0rem;
6587      margin-right: 0rem;
6588      border-radius: 0px;
6589    }
6590    
6591    .section-template--25962062709000__ss_feature_22_yEKh9V-settings {
6592      padding: 0 5rem;
6593      padding-top: 36px;
6594      padding-bottom: 36px;
6595      padding-left: 2rem;
6596      padding-right: 2rem;
6597    }    
6598
6599    .feature-heading-template--25962062709000__ss_feature_22_yEKh9V {
6600      text-align: center;
6601    }
6602  
6603    .feature-heading-template--25962062709000__ss_feature_22_yEKh9V * {
6604      font-size: 30px;
6605    }
6606
6607    .feature-slider-template--25962062709000__ss_feature_22_yEKh9V {
6608      margin-top: 36px;
6609      margin-left: 0rem !important;
6610      padding-left: 0rem !important;
6611      margin-right: 0rem !important;
6612      padding-right: 0rem !important;
6613    }
6614
6615    .feature-percent-content-template--25962062709000__ss_feature_22_yEKh9V {
6616      bottom: 20px;
6617      left: 20px;
6618      width: calc(100% - 40px)
6619    }
6620
6621    .feature-circle-container-template--25962062709000__ss_feature_22_yEKh9V {
6622      justify-content: start;
6623    } 
6624
6625    .feature-circle-container-template--25962062709000__ss_feature_22_yEKh9V svg {
6626      width: 80px;
6627      height: 80px;
6628    }
6629
6630    .feature-circle-container-template--25962062709000__ss_feature_22_yEKh9V span {
6631      font-size: 18px;
6632    }
6633
6634    .feature-percent-text-template--25962062709000__ss_feature_22_yEKh9V {
6635      margin-top: 10px;
6636      text-align: left;
6637    }
6638
6639    .feature-percent-text-template--25962062709000__ss_feature_22_yEKh9V * {      
6640      font-size: 16px;
6641    }
6642
6643    .feature-slide-content-template--25962062709000__ss_feature_22_yEKh9V {
6644      padding: 20px 20px;
6645    }
6646
6647    .feature-title-template--25962062709000__ss_feature_22_yEKh9V {
6648      text-align: left;
6649    }
6650
6651    .feature-title-template--25962062709000__ss_feature_22_yEKh9V * {
6652      font-size: 16px;
6653    }
6654
6655    .feature-text-template--25962062709000__ss_feature_22_yEKh9V {
6656      text-align: left;
6657      margin-top: 12px;
6658    }
6659
6660    .feature-text-template--25962062709000__ss_feature_22_yEKh9V * {
6661      font-size: 14px;
6662    }
6663
6664    .feature-navigation-container-template--25962062709000__ss_feature_22_yEKh9V {   
6665      margin-top: 24px;
6666    }
6667
6668    .feature-navigation-template--25962062709000__ss_feature_22_yEKh9V {    
6669      gap: 6px;    
6670      padding: 6px 16px;
6671    }  
6672
6673    .feature-pagination-template--25962062709000__ss_feature_22_yEKh9V {
6674      font-size: 12px;
6675    }
6676
6677    .feature-btn-next-template--25962062709000__ss_feature_22_yEKh9V,
6678    .feature-btn-prev-template--25962062709000__ss_feature_22_yEKh9V {
6679      width: 48px;
6680    }
6681
6682    .feature-btn-container-template--25962062709000__ss_feature_22_yEKh9V {
6683      width: 100%;
6684      display: flex;
6685      justify-content: center;
6686    }
6687
6688    .feature-button-template--25962062709000__ss_feature_22_yEKh9V {
6689      margin-top: 24px;
6690      padding: 16px 32px;
6691      font-size: 14px;
6692    }
6693
6694  }</style>
6695  <style>
6696    .section-template--25962062709000__ss_feature_22_yEKh9V-settings {
6697      max-width: 1200px;
6698    }
6699  </style>
6700
6701
6702
6703
6704
6705
6706
6707
6708
6709
6710
6711
6712
6713
6714
6715
6716
6717
6718
6719
6720
6721
6722  <style>
6723    .feature-image-template--25962062709000__ss_feature_22_yEKh9V {
6724      aspect-ratio: 12/12;
6725    }
6726  </style>
6727
6728
6729
6730  <style>
6731    @media (min-width: 1024px) {
6732      .feature-image-template--25962062709000__ss_feature_22_yEKh9V {
6733        aspect-ratio: 12/12;
6734      }
6735    }
6736  </style>
6737
6738
6739
6740  <style>
6741    .feature-navigation-container-template--25962062709000__ss_feature_22_yEKh9V {
6742      display: none;
6743    }
6744  </style>
6745
6746
6747
6748  <style>
6749    @media(min-width: 1024px) {
6750      .feature-navigation-container-template--25962062709000__ss_feature_22_yEKh9V {
6751        display: none;
6752      }
6753    }
6754  </style>
6755
6756
6757
6758  <style>
6759    .feature-button-template--25962062709000__ss_feature_22_yEKh9V {
6760      background-color: #ffffff;
6761      border: 1px solid #000000;
6762    }
6763
6764    .feature-button-template--25962062709000__ss_feature_22_yEKh9V:hover {
6765      background-color: #000000;
6766      border: 1px solid #000000;
6767    }
6768  </style>
6769
6770
6771
6772<style>
6773  .feature-slider-template--25962062709000__ss_feature_22_yEKh9V.preview .swiper-wrapper {
6774    display: flex;
6775    align-items: center;
6776    justify-content: space-between;
6777    overflow: hidden;
6778  }
6779
6780  .feature-slider-template--25962062709000__ss_feature_22_yEKh9V.preview .feature-slide-template--25962062709000__ss_feature_22_yEKh9V {
6781    width: calc(100% / 1.3);
6782  }
6783
6784  .feature-slider-template--25962062709000__ss_feature_22_yEKh9V.preview .feature-slide-template--25962062709000__ss_feature_22_yEKh9V:not(:last-child) {
6785    margin-right: 20px;
6786  } 
6787
6788  @media(min-width: 1024px) {
6789    .feature-slider-template--25962062709000__ss_feature_22_yEKh9V.preview .feature-slide-template--25962062709000__ss_feature_22_yEKh9V:not(:last-child) {
6790      margin-right: 20px;
6791    } 
6792
6793    .feature-slider-template--25962062709000__ss_feature_22_yEKh9V.preview .feature-slide-template--25962062709000__ss_feature_22_yEKh9V {
6794      width: calc((100% - (20px * 2) ) / 3);
6795    }
6796  }
6797</style>
6798
6799
6800<div class="section-template--25962062709000__ss_feature_22_yEKh9V feature-template--25962062709000__ss_feature_22_yEKh9V" style="background-color:#ffffff; background-image: ;">
6801    <div class="section-template--25962062709000__ss_feature_22_yEKh9V-settings">
6802      
6803        <div class="feature-heading-template--25962062709000__ss_feature_22_yEKh9V">
6804          <h2>Man braucht mehr Fußmatten als man denkt!</h2>
6805        </div>
6806            
6807      <div class="swiper preview feature-slider-template--25962062709000__ss_feature_22_yEKh9V">
6808        <div class="swiper-wrapper">
6809          
6810            <div class="swiper-slide feature-slide-template--25962062709000__ss_feature_22_yEKh9V">
6811              <div class="feature-image-template--25962062709000__ss_feature_22_yEKh9V">
6812                
6813                  <img src="//matten-welt.com/cdn/shop/files/57924426_deta_1_900x_82f41a6a-198b-4d3f-b00d-1bd712b9fb74.jpg?v=1748897371" alt="" >
6814                
6815                <div class="feature-percent-content-template--25962062709000__ss_feature_22_yEKh9V">
6816                  
6817                                    
6818                </div>                
6819              </div>               
6820              <div class="feature-slide-content-template--25962062709000__ss_feature_22_yEKh9V">
6821                
6822                  <div class="feature-title-template--25962062709000__ss_feature_22_yEKh9V">
6823                    <h3>Neutrale Fussmatten ohne Logo</h3>
6824                  </div>
6825                
6826                
6827                  <div class="feature-text-template--25962062709000__ss_feature_22_yEKh9V">
6828                    <p>EINFARBIGE & NEUTRALE FUSSMATTEN Schmutzmatten und Sicherheitsmatten für den häufigen Einsatz.</p><p>Halten Sie ihre Räume mit hoher Begehfrequenz mit Sauberläufern und Schmutzfangmatten sauber. Die Robusten Schmutzfangmatten eignen sich hervorragend für Eingangsbereiche von Gaststätten, Behörden und allen Räumen mit vielen Besuchern.</p>
6829                  </div>  
6830                
6831                
6832                
6833              </div>
6834            </div>
6835          
6836            <div class="swiper-slide feature-slide-template--25962062709000__ss_feature_22_yEKh9V">
6837              <div class="feature-image-template--25962062709000__ss_feature_22_yEKh9V">
6838                
6839                  <img src="//matten-welt.com/cdn/shop/files/Fussmatte-wash-dry-Design-Heart-at-Home-50x75-cm-31_900x_jpg.webp?v=1748897395" alt="" >
6840                
6841                <div class="feature-percent-content-template--25962062709000__ss_feature_22_yEKh9V">
6842                  
6843                   
6844                    <div class="feature-percent-text-template--25962062709000__ss_feature_22_yEKh9V">
6845                      <h3></h3><p></p>
6846                    </div>
6847                                    
6848                </div>                
6849              </div>               
6850              <div class="feature-slide-content-template--25962062709000__ss_feature_22_yEKh9V">
6851                
6852                  <div class="feature-title-template--25962062709000__ss_feature_22_yEKh9V">
6853                    <h3>Fussmatten Online-Shop</h3><p></p>
6854                  </div>
6855                
6856                
6857                  <div class="feature-text-template--25962062709000__ss_feature_22_yEKh9V">
6858                    <p>
6858Tolle Designs: Die passende Fussmatte für deinen Wohnstil. Finde Sie eine passende Fussmatte für Ihren Eingang.</p><p>Fussmatten sind die Visitenkarte deiner Wohnung, denn sie werden von deinen Gästen und Freunden als Erstes wahrgenommen. Damit du mit der passenden Fussmatte schon gleich zu Beginn einen guten Eindruck machst, gibt es die praktischen Fussabtreter in vielen verschiedenen Designs.</p>
6859                  </div>  
6860                
6861                
6862                
6863              </div>
6864            </div>
6865          
6866            <div class="swiper-slide feature-slide-template--25962062709000__ss_feature_22_yEKh9V">
6867              <div class="feature-image-template--25962062709000__ss_feature_22_yEKh9V">
6868                
6869                  <img src="//matten-welt.com/cdn/shop/files/mattenwelt_900x_png.webp?v=1748897415" alt="" >
6870                
6871                <div class="feature-percent-content-template--25962062709000__ss_feature_22_yEKh9V">
6872                  
6873                                    
6874                </div>                
6875              </div>               
6876              <div class="feature-slide-content-template--25962062709000__ss_feature_22_yEKh9V">
6877                
6878                  <div class="feature-title-template--25962062709000__ss_feature_22_yEKh9V">
6879                    <h3>Gerne gestalten wir Ihnen Ihre Logomatte</h3><p></p>
6880                  </div>
6881                
6882                
6883                  <div class="feature-text-template--25962062709000__ss_feature_22_yEKh9V">
6884                    <p>Lassen Sie uns gemeinsam Ihre Fussmatte gestalten. Kontaktieren Sie uns für ein unverbindliches Angebot.</p><p>Ob in viel frequentierten Eingangsbereichen von Geschäften, Hotels, der Firma, dem Büro u.s.w. Unsere hochwertigen Matten sind für jeden Zweck geeignet!</p>
6885                  </div>  
6886                
6887                
6888                
6889              </div>
6890            </div>
6891          
6892        </div>
6893      </div>
6894      <div class="feature-navigation-container-template--25962062709000__ss_feature_22_yEKh9V">
6895        <div class="feature-navigation-template--25962062709000__ss_feature_22_yEKh9V">
6896          <button class="feature-btn-prev-template--25962062709000__ss_feature_22_yEKh9V">
6897            <svg id="Layer_1" enable-background="new 0 0 100 100" height="512" viewBox="0 0 100 100" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m81.115 45.133-.997 1.734 3.541 2.035-71.04-.001v2l71.491.001-3.761 2.557 1.125 1.654 7.79-5.297z"/></svg>
6898          </button>
6899          <div class="feature-pagination-template--25962062709000__ss_feature_22_yEKh9V swiper-pagination"></div>
6900          <button class="feature-btn-next-template--25962062709000__ss_feature_22_yEKh9V">
6901            <svg id="Layer_1" enable-background="new 0 0 100 100" height="512" viewBox="0 0 100 100" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m81.115 45.133-.997 1.734 3.541 2.035-71.04-.001v2l71.491.001-3.761 2.557 1.125 1.654 7.79-5.297z"/></svg>
6902          </button>
6903        </div> 
6904      </div>               
6905         
6906    </div>
6907</div>
6908
6909<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
6909
6910
6911<script>
6912  
6913  function initFeature22() {
6914  document.querySelector('.feature-slider-template--25962062709000__ss_feature_22_yEKh9V').classList.remove('preview');
6915  const slider = new Swiper(".feature-slider-template--25962062709000__ss_feature_22_yEKh9V", {
6916    speed: 800,
6917    spaceBetween: 20,
6918    navigation: {
6919      nextEl: ".feature-btn-next-template--25962062709000__ss_feature_22_yEKh9V",
6920      prevEl: ".feature-btn-prev-template--25962062709000__ss_feature_22_yEKh9V",
6921    },
6922    pagination: {
6923      el: '.feature-pagination-template--25962062709000__ss_feature_22_yEKh9V',
6924      type: 'fraction',
6925      clickable: true,
6926
6927      renderFraction: function (currentClass, totalClass) {
6928      return '<span class="' + currentClass + '"></span>' + ' <span>of</span> ' + '<span class="' + totalClass + '"></span>'; }
6929    },
6930    breakpoints: {
6931      320: {
6932        spaceBetween: 20,
6933        slidesPerView: 1.3,
6934      },
6935      768: {
6936        spaceBetween: 20,
6937        slidesPerView: 1.3,
6938      },
6939      1024: {
6940        spaceBetween: 20,
6941        slidesPerView: 3,
6942      }
6943    }
6944  });
6945
6946  function animateElement(el) {
6947    var existingSvg = el.querySelector('svg');
6948    if (!existingSvg) {
6949      var options = {
6950        percent: el.getAttribute('data-percent') || 25,
6951        size: el.getAttribute('data-size') || 100,
6952        lineWidth: el.getAttribute('data-line') || 2,
6953        rotate: el.getAttribute('data-rotate') || 0
6954      };
6955
6956      var svgNamespace = "http://www.w3.org/2000/svg";
6957      var svg = document.createElementNS(svgNamespace, "svg");
6958      svg.setAttribute("width", options.size);
6959      svg.setAttribute("height", options.size);
6960      svg.setAttribute("viewBox", "0 0 36 36");
6961      svg.style.backgroundColor = "transparent";
6962
6963      var circle = document.createElementNS(svgNamespace, "path");
6964      circle.setAttribute("d", "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831");
6965      circle.setAttribute("fill", "none");
6966      circle.setAttribute("stroke", "#ffffff");
6967      circle.setAttribute("stroke-width", options.lineWidth);
6968      circle.setAttribute("stroke-dasharray", "0, 100");
6969
6970      svg.appendChild(circle);
6971      el.appendChild(svg);
6972
6973      var span = document.createElement('span');
6974      span.textContent = '0%';
6975      el.appendChild(span);
6976
6977      var animateCircle = function(currentPercent) {
6978        var dashArray = `${currentPercent}, 100`;
6979        circle.setAttribute('stroke-dasharray', dashArray);
6980        span.textContent = Math.round(currentPercent) + '%';
6981
6982        if (currentPercent < options.percent) {
6983          requestAnimationFrame(function() {
6984            animateCircle(currentPercent + 1);
6985          });
6986        }
6987      };
6988
6989      animateCircle(0);
6990    }
6991  }
6992
6993  var slides = document.querySelectorAll('.feature-slide-template--25962062709000__ss_feature_22_yEKh9V');
6994
6995  var observer = new IntersectionObserver(function(entries, observer) {
6996    entries.forEach(function(entry) {
6997      if (entry.isIntersecting) {
6998        var elements = entry.target.querySelectorAll('.feature-circle-template--25962062709000__ss_feature_22_yEKh9V');
6999        elements.forEach(function(el) {
7000          setTimeout(() => {
7001            animateElement(el);
7002          }, 400)
7003        });
7004        observer.unobserve(entry.target);
7005      }
7006    });
7007  }, { threshold: 0.1 });
7008
7009  if (slides) {
7010    slides.forEach(el => {
7011      observer.observe(el);
7012    })
7013  }
7014}
7015
7016  document.addEventListener('DOMContentLoaded', initFeature22);
7017
7018  if (Shopify.designMode) {
7019    document.addEventListener('shopify:section:load', initFeature22);
7020    document.addEventListener('shopify:section:onload', initFeature22);
7021  }
7022</script>
7022
7023
7024
7025</div><div id="shopify-section-template--25962062709000__section_MTfBN8" class="shopify-section section-wrapper">
7026
7027
7028
7029<div class="section-background color-scheme-1"></div>
7030<div
7031  class="section section--page-width color-scheme-1"
7032
7033  
7034
7035  style="
7036    
7037
7038    
7039  "
7040>
7041  <div class="custom-section-background">
7042    
7043
7044  </div>
7045
7046  <div
7047    class="border-style custom-section-content"
7048    style="--border-width: 1px; --border-style: none; --border-color:
7049rgb(var(--color-border-rgb) / 1.0); --border-radius:
70500px; 
7051"
7052  >
7053    
7054
7055    <div
7056      class="
7057        spacing-style
7058        layout-panel-flex
7059        layout-panel-flex--row
7060        section-content-wrapper
7061         mobile-column
7062      "
7063      style="
7064        --flex-direction: row; --flex-wrap: nowrap;
7065
7066--gap: max(24px, calc(var(--gap-scale, 1.0) * 60px));
7067
7068--horizontal-alignment: flex-start; --vertical-alignment: center;
7069--vertical-alignment-mobile: center;
7070
7071        --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px));
7072      "
7073      data-testid="section-content"
7074    >
7075      
7076  
7077
7078
7079
7080
7081  
7082
7083
7084
7085
7086
7087
7088
7089
7090
7091  <deferred-media
7092    class="spacing-style size-style border-style"
7093    style="
7094  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7095  --border-width: 1px; --border-style: none; --border-color:
7096rgb(var(--color-border-rgb) / 1.0); --border-radius:
70970px; 
7098
7099   --size-style-width: 60%; --size-style-width-mobile: 100%;
7100   --size-style-aspect-ratio: 16/9;
7101"
7102    
7103      autoplay
7104    
7105    
7106  >
7107    
7108
7109    
7110
7111    <template>
7112      
7113        
7114      <iframe
7115        src="https://www.youtube.com/embed/wKxipEMFOak?&autoplay=1&mute=1&playlist=wKxipEMFOak&loop=1"
7116        class="js-youtube"
7117        allow="autoplay; encrypted-media"
7118        allowfullscreen
7119        title=""
7120      ></iframe>
7121  
7122      
7123    </template>
7124
7125    
7126      
7127        
7128      <iframe
7129        src="https://www.youtube.com/embed/wKxipEMFOak?&autoplay=1&mute=1&playlist=wKxipEMFOak&loop=1"
7130        class="js-youtube"
7131        allow="autoplay; encrypted-media"
7132        allowfullscreen
7133        title=""
7134      ></iframe>
7135  
7136      
7137    
7138  </deferred-media>
7139
7140
7141
7142
7143
7144
7145
7146
7147
7148
7149
7150
7151
7152<div
7153  class="
7154    group-block
7155    group-block--height-fit
7156    group-block--width-fit-content
7157    border-style
7158    spacing-style
7159    size-style
7160    
7161    
7162  "
7163  style="
7164    --border-width: 1px; --border-style: none; --border-color:
7165rgb(var(--color-border-rgb) / 1.0); --border-radius:
71660px; 
7167
7168    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7169    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;
7170    
7171  "
7172  
7173  data-testid="group-block"
7174><div class="group-block__media-wrapper">
7175    
7176
7177    
7178  </div>
7179
7180  <div
7181    class="
7182      group-block-content
7183      
7184      layout-panel-flex
7185      layout-panel-flex--column
7186       mobile-column
7187    "
7188    style="--flex-direction: column; --flex-wrap: nowrap;
7189
7190--gap: 12px;
7191
7192--horizontal-alignment: flex-start; --vertical-alignment: center;
7193--vertical-alignment-mobile: center;
7194"
7195  >
7196  
7197
7198
7199
7200
7201
7202
7203
7204
7205
7206
7207
7208
7209
7210
7211  <div
7212    class="
7213  image-block image-block--AMDQveThKb3Z1WkdHS__image_BJ7nkc image-block--height-fit spacing-style size-style
7214"
7215    style="
7216  --ratio: 1.8891687657430731;
7217  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
7218  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7219"
7220    
7221  >
7222    
7223<img src="//matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=300 300w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=450 450w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=600 600w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=750 750w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=900 900w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&amp;width=3500 3500w" width="750" height="397" loading="lazy" class="image-block__image border-style" style="
7224  --ratio: 1.8891687657430731;
7225  --border-width: 1px; --border-style: none; --border-color:
7226rgb(var(--color-border-rgb) / 1.0); --border-radius:
72270px; 
7228
7229" sizes="auto, (min-width: 750px) 100vw, 100vw">
7230
7231  </div>
7232
7233
7234
7235
7236
7237
7238
7239
7240
7241
7242
7243
7244
7245  <rte-formatter 
7246  class=" spacing-style text-block text-block--AMGZncDBKMjE1dVRRb__text_Kk83CM rte
7247     rte 
7248  "
7249
7250  style="
7251    --padding-block-start: 18px; --padding-block-end:0px; 
7252--padding-inline-start:0px; --padding-inline-end:0px; 
7253
7254    
7255
7256    --width: fit-content;
7257    --max-width: var(--max-width--body-normal);
7258    
7259    
7260  "
7261
7262  
7263>
7264    <h4>Logomatten, Werbe und Designmatten</h4>
7265  </rte-formatter>
7266
7267
7268
7269
7270
7271
7272
7273
7274
7275
7276
7277
7278
7279
7280  <rte-formatter 
7281  class=" spacing-style text-block text-block--AbzBBTWQ1dzFjS3dpV__text_xxVEzV rte
7282     rte 
7283  "
7284
7285  style="
7286    --padding-block-start: 0px; --padding-block-end:0px; 
7287--padding-inline-start:0px; --padding-inline-end:0px; 
7288
7289    
7290
7291    --width: fit-content;
7292    --max-width: var(--max-width--body-normal);
7293    
7294    
7295  "
7296
7297  
7298>
7299    <h5>Mit Schmutzfangmatten den Boden zum Werbeträger machen</h5>
7300  </rte-formatter>
7301
7302
7303
7304
7305
7306
7307
7308
7309
7310
7311
7312
7313
7314
7315  <rte-formatter 
7316  class=" spacing-style text-block text-block--AWjdGQ1dtZnhJUTNPN__text_jyUhLh rte
7317     rte 
7318  "
7319
7320  style="
7321    --padding-block-start: 0px; --padding-block-end:0px; 
7322--padding-inline-start:0px; --padding-inline-end:0px; 
7323
7324    
7325
7326    --width: fit-content;
7327    --max-width: var(--max-width--body-normal);
7328    
7329    
7330  "
7331
7332  
7333>
7334    <ul><li>individuell bedruckbar <br/></li><li>in verschiedenen Qualitäten - für drinnen und draußen   <br/></li><li>Anfertigung nach Kundenwunsch</li></ul>
7335  </rte-formatter>
7336
7337
7338
7339
7340
7341
7342
7343</div>
7344</div>
7345
7346
7347
7348
7349
7350
7351
7352    </div>
7353  </div>
7354</div>
7355
7356
7357
7358
7359
7360</div><div id="shopify-section-template--25962062709000__section_YLPKmH" class="shopify-section section-wrapper">
7361
7362
7363
7364<div class="section-background color-scheme-1"></div>
7365<div
7366  class="section section--page-width color-scheme-1"
7367
7368  
7369
7370  style="
7371    
7372
7373    
7374  "
7375>
7376  <div class="custom-section-background">
7377    
7378
7379  </div>
7380
7381  <div
7382    class="border-style custom-section-content"
7383    style="--border-width: 1px; --border-style: none; --border-color:
7384rgb(var(--color-border-rgb) / 1.0); --border-radius:
73850px; 
7386"
7387  >
7388    
7389
7390    <div
7391      class="
7392        spacing-style
7393        layout-panel-flex
7394        layout-panel-flex--column
7395        section-content-wrapper
7396         mobile-column
7397      "
7398      style="
7399        --flex-direction: column; --flex-wrap: nowrap;
7400
7401--gap: 16px;
7402
7403--horizontal-alignment: center; --vertical-alignment: center;
7404--vertical-alignment-mobile: center;
7405
7406        --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 64px));
7407      "
7408      data-testid="section-content"
7409    >
7410      
7411  
7412
7413
7414
7415
7416
7417
7418
7419  <rte-formatter 
7420  class=" spacing-style text-block text-block--ANkVndWFZR21IWiswM__text_4cHWDA rte
7421    text-block--align-left text-block--full-width  rte 
7422  "
7423
7424  style="
7425    --padding-block-start: 0px; --padding-block-end:0px; 
7426--padding-inline-start:0px; --padding-inline-end:0px; 
7427
7428    
7429
7430    --width: 100%;
7431    --max-width: var(--max-width--body-none);
7432    
7433      --text-align: left;
7434    
7435    
7436  "
7437
7438  
7439>
7440    <p>Mit <strong>bedruckten Teppiche</strong> im Eingangsbereich Ihres Unternehmens nutzen Sie ein Werbemittel mit hohem Aufmerksamkeitsfaktor. Wir bedrucken Ihnen individuell robuste, strapazierfähige und waschbare <strong>Teppiche und Fußmatten als Schmutzfangmatten</strong> in <strong>verschiedenen Maßen</strong> und Farben, ob für <strong>Privat</strong> oder <strong>Gewerblich ganz egal.</strong></p><p>Eine <strong>Schmutzfangmatte oder Fußmatte mit eigenem Logo</strong> ist eine Visitenkarte vor Ihrem Geschäft und lässt sich mit Hilfe unserem <strong>Konfigurator</strong> von Ihnen <strong>individuell gestalten</strong>. Selbstverständlich lässt sich je nach <strong>Firma</strong> und örtlicher Gegebenheit eine solche <strong>Fußmatte</strong> auch im Innenbereich als <strong>bedruckte Logomatte</strong> verwenden. Wir beraten Sie gerne, welche Art von Matte bzw. <strong>Schmutzfangmatte</strong> als Werbemittel für Ihre Zwecke die geeignete ist. Wir können jede Matte genau auf Maß fertigen.</p><p>Eine robuste Schmutzfangmatte für Ihre Teppichwerbung genau nac
7440h Maß.</p><p>Eine <strong>Schmutzfangmatte mit eigenem Logo</strong> im Eingangsbereich Ihres Geschäfts muss besonders <strong>robust, widerstandsfähig</strong> und äusserst <strong>strapazierfähig</strong> sein. Schliesslich laufen Tag für Tag viele Besucher mit schmutzigen Strassenschuhen bei jedem Wetter über den <strong>Teppich</strong>. Besonders im Winter dient die <strong>Logomatte</strong> dabei als effektiver <strong>Schmutzfang</strong>. Dementsprechend sorgfältig waren wir bei der Wahl des <strong>Teppichmaterials</strong>, das wir Ihnen für die Erstellung einer <strong>Logomatte</strong> anbieten können. Entschieden haben wir uns für einen sehr robusten und strapzierfähigen <strong>Industrieteppich</strong>, der sehr haltbar und langlebig ist und sich zudem problemlos in der Maschine waschen lässt. Der <strong>Teppich aus hochwertigem Polyester mit Flor</strong> ist garantiert <strong>frei von PVC</strong> und hat einen Rücken aus <strong>rutschfestem Nitrilgummi</strong>. Auch nach längerem Gebrauch und Betreten durch zahlreiche Besucher und deren Schuhwerk bleibt eine von uns für Sie nach Ihren Vorlagen gefertigte <strong>Schmutzfangmatte mit eigenem Logo</strong> optisch ansprechend und einsatzbereit. Nutzen Sie die Möglichkeiten der <strong>Teppichwerbung</strong> mit einer<strong> individuell bedruckten Logomatte!</strong> </p>
7441  </rte-formatter>
7442
7443
7444
7445
7446
7447
7448
7449
7450    </div>
7451  </div>
7452</div>
7453
7454
7455
7456
7457
7458</div><div id="shopify-section-template--25962062709000__section_GdQggh" class="shopify-section section-wrapper">
7459
7460
7461
7462<div class="section-background color-scheme-1"></div>
7463<div
7464  class="section section--page-width color-scheme-1"
7465
7466  
7467
7468  style="
7469    
7470      --section-min-height: 0svh;
7471    
7472
7473    
7474     --section-preview-height: 600px;
7475     
7476  "
7477>
7478  <div class="custom-section-background">
7479    
7480
7481  </div>
7482
7483  <div
7484    class="border-style custom-section-content"
7485    style="--border-width: 1px; --border-style: none; --border-color:
7486rgb(var(--color-border-rgb) / 1.0); --border-radius:
74870px; 
7488"
7489  >
7490    
7491
7492    <div
7493      class="
7494        spacing-style
7495        layout-panel-flex
7496        layout-panel-flex--row
7497        section-content-wrapper
7498         mobile-column
7499      "
7500      style="
7501        --flex-direction: row; --flex-wrap: nowrap;
7502
7503--gap: 0px;
7504
7505--horizontal-alignment: center; --vertical-alignment: center;
7506--vertical-alignment-mobile: center;
7507
7508        --padding-block-start: 0px;--padding-block-end: 0px;
7509      "
7510      data-testid="section-content"
7511    >
7512      
7513  
7514
7515
7516
7517
7518
7519
7520
7521
7522
7523
7524
7525
7526
7527
7528  <div
7529    class="
7530  image-block image-block--AdWl6M0RFWWZobTdlT__image_dp79be image-block--height-fit spacing-style size-style
7531"
7532    style="
7533  --ratio: 1;
7534  --size-style-width:12%;--size-style-height: fit;
7535  --size-style-width-mobile:30%; --size-style-width-mobile-min:30%;
7536  --padding-block-start: 0px;--padding-block-end: 15px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7537"
7538    
7539  >
7540    
7541<img src="//matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=300 300w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=450 450w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=600 600w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=750 750w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=900 900w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&amp;width=3500 3500w" width="750" height="692" loading="lazy" class="image-block__image border-style" style="
7542  --ratio: 1;
7543  --border-width: 1px; --border-style: none; --border-color:
7544rgb(var(--color-border-rgb) / 1.0); --border-radius:
75450px; 
7546
7547" sizes="auto, (min-width: 750px) 100vw, 100vw">
7548
7549  </div>
7550
7551
7552
7553
7554
7555
7556
7557    </div>
7558  </div>
7559</div>
7560
7561
7562
7563
7564
7565</div><div id="shopify-section-template--25962062709000__ss_testimonial_4_H8RJBJ" class="shopify-section">
7566
7567<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"/><style data-shopify>@font-face {
7568  font-family: "Josefin Sans";
7569  font-weight: 400;
7570  font-style: normal;
7571  font-display: swap;
7572  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7573       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7574}
7575
7576  @font-face {
7577  font-family: "Josefin Sans";
7578  font-weight: 400;
7579  font-style: normal;
7580  font-display: swap;
7581  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7582       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7583}
7584
7585  @font-face {
7586  font-family: "Josefin Sans";
7587  font-weight: 400;
7588  font-style: normal;
7589  font-display: swap;
7590  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7591       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7592}
7593
7594  @font-face {
7595  font-family: "Josefin Sans";
7596  font-weight: 400;
7597  font-style: normal;
7598  font-display: swap;
7599  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7600       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7601}
7602
7603  @font-face {
7604  font-family: "Josefin Sans";
7605  font-weight: 400;
7606  font-style: normal;
7607  font-display: swap;
7608  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
7609       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
7610}
7611
7612  
7613  .section-template--25962062709000__ss_testimonial_4_H8RJBJ {
7614    border-top: solid #000000 0px;
7615    border-bottom: solid #000000 0px;
7616    margin-top: 0px;
7617    margin-bottom: 0px;
7618    overflow: hidden;
7619  }
7620
7621   .section-template--25962062709000__ss_testimonial_4_H8RJBJ::selection {
7622     background-color: transparent !important;
7623   }
7624  
7625  .section-template--25962062709000__ss_testimonial_4_H8RJBJ-settings {
7626    margin: 0 auto;
7627    padding-top: 27px;
7628    padding-bottom: 27px;
7629    padding-left: 1.5rem;
7630    padding-right: 1.5rem;
7631  }
7632
7633  .section-template--25962062709000__ss_testimonial_4_H8RJBJ-settings::selection {
7634     background-color: transparent !important;
7635   }
7636  
7637  .testimonials-stars-template--25962062709000__ss_testimonial_4_H8RJBJ {
7638    display: flex;
7639    align-items: center;
7640    justify-content: center;
7641  }
7642
7643  .testimonials-slide-top-template--25962062709000__ss_testimonial_4_H8RJBJ .testimonials-stars-template--25962062709000__ss_testimonial_4_H8RJBJ {
7644    justify-content: center;
7645  }
7646
7647  .testimonials-stars-template--25962062709000__ss_testimonial_4_H8RJBJ svg path {
7648    fill: #ffd300;
7649  }
7650
7651  .testimonials-stars-template--25962062709000__ss_testimonial_4_H8RJBJ svg,
7652  .testimonials-stars-template--25962062709000__ss_testimonial_4_H8RJBJ img {
7653    display: block;
7654    width: 20px;
7655    height: 20px;
7656    object-fit: cover;
7657  }
7658
7659  .testimonials-text-template--25962062709000__ss_testimonial_4_H8RJBJ {
7660    margin-top: 9px;
7661  }
7662
7663  .testimonials-text-template--25962062709000__ss_testimonial_4_H8RJBJ * {
7664    margin: 0;
7665    font-size: 14px;
7666    color: #1a2f5a;
7667    line-height: 130%;
7668    text-align: center;
7669    text-transform: unset;
7670  }
7671
7672  .testimonials-heading-template--25962062709000__ss_testimonial_4_H8RJBJ {
7673    margin: 0;
7674    margin-top: 15px;
7675    font-size: 36px;
7676    color: #020202;
7677    line-height: 130%;
7678    text-align: center;
7679    text-transform: unset;
7680  }
7681
7682  .testimonials-slider-wrapper-template--25962062709000__ss_testimonial_4_H8RJBJ {
7683    margin-top: 27px;
7684  }
7685
7686  .testimonials-slider-template--25962062709000__ss_testimonial_4_H8RJBJ {
7687    overflow: visible !important;
7688  }
7689
7690  .testimonials-slider-template--25962062709000__ss_testimonial_4_H8RJBJ .swiper-wrapper{
7691    align-items: stretch !important;
7692  }
7693
7694  .testimonials-slide-template--25962062709000__ss_testimonial_4_H8RJBJ {
7695    display: flex !important;
7696    flex-direction: column;
7697    justify-content: space-between;
7698    gap: 15px;
7699    padding: 30px 20px;
7700    border-radius: 0px;
7701    border: 0px solid #1f448c;
7702    background-color: #ffffff;
7703    box-sizing: border-box !important; 
7704    height: auto !important;
7705  }
7706
7707  .testimonials-slide-template--25962062709000__ss_testimonial_4_H8RJBJ.swiper-slide-active {
7708    opacity: 1 !important;
7709  }
7710
7711  .testimonials-slide-text-template--25962062709000__ss_testimonial_4_H8RJBJ {
7712    margin: 0px;
7713    margin-top: 15px;
7714    font-size: 14px;
7715    color: #1a2f5a;
7716    line-height: 130%;
7717    text-align: center;
7718    text-transform: unset;
7719  }
7720
7721  .testimonials-slide-author-template--25962062709000__ss_testimonial_4_H8RJBJ {
7722    margin: 0px;
7723    font-size: 14px;
7724    font-weight: 700;
7725    color: #1a2f5a;
7726    line-height: 130%;
7727    text-align: center;
7728    text-transform: unset;
7729  }
7730
7731  .testimonials-slide-city-template--25962062709000__ss_testimonial_4_H8RJBJ {
7732    margin: 0px;
7733    margin-top: 9px;
7734    font-size: 14px;
7735    color: #1a2f5a;
7736    line-height: 130%;
7737    text-align: center;
7738    text-transform: unset;
7739  }
7740
7741  .testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ,
7742  .testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ {
7743    position: absolute;
7744    z-index: 2;
7745    top: 50%;
7746    transform: translateY(-50%);
7747    width: 50px;
7748    height: 50px;
7749    border: 0px solid #b2cffc;
7750    border-radius: 50%;
7751    background: #b2cffc;
7752    align-items: center;
7753    justify-content: center;
7754    transition: all 0.3s ease 0s;
7755    cursor: pointer;
7756    -webkit-appearance: none;
7757  }
7758
7759  .testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ {
7760    left: 0px !important;
7761  }
7762
7763  .testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ {
7764    right: 0px !important;
7765  }
7766
7767  .testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ svg,
7768  .testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ svg {
7769    height: 28px;
7770    width: 28px;
7771  }
7772
7773  .testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ svg {
7774    transform: rotate(180deg);
7775    margin-left: 2px;
7776  }
7777
7778  .testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ svg {
7779    margin-left: -2px;
7780  }
7781
7782  .testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ svg path,
7783  .testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ svg path {
7784    fill: #1a2f5a !important;
7785    transition: all 0.3s ease 0s;
7786  }
7787
7788  .testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ:hover ,
7789  .testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ:hover {
7790    transition: all 0.3s ease 0s;
7791    border: 0px solid #b2cffc;
7792    background: #b2cffc;
7793  }
7794
7795  .testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ:hover svg path,
7796  .testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ:hover svg path {
7797    fill: #1a2f5a !important;
7798    transition: all 0.3s ease 0s;
7799  }
7800
7801  .testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ.swiper-button-disabled,
7802  .testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ.swiper-button-disabled {
7803    opacity: 0.3;
7804  }
7805
7806  .testimonials-pagination-template--25962062709000__ss_testimonial_4_H8RJBJ {
7807    margin-top: 20px;
7808    position: static !important;
7809    width: 100%;
7810    justify-content: center;
7811    align-items: center;
7812  }
7813
7814  .testimonials-pagination-template--25962062709000__ss_testimonial_4_H8RJBJ .swiper-pagination-bullet {
7815    width: 12px;
7816    height: 12px;
7817    background-color: #1a2f5a;
7818    opacity: 0.6;
7819  }
7820
7821  .testimonials-pagination-template--25962062709000__ss_testimonial_4_H8RJBJ .swiper-pagination-bullet.swiper-pagination-bullet-active {
7822    opacity: 1;
7823  }
7824  
7825  @media(min-width: 1024px) {
7826
7827    .section-template--25962062709000__ss_testimonial_4_H8RJBJ {
7828      margin-top: 0px;
7829      margin-bottom: 0px;
7830    }
7831    
7832    .section-template--25962062709000__ss_testimonial_4_H8RJBJ-settings {
7833      padding: 0 5rem;
7834      padding-top: 36px;
7835      padding-bottom: 36px;
7836      padding-left: 5rem;
7837      padding-right: 5rem;
7838    }
7839
7840    .testimonials-text-template--25962062709000__ss_testimonial_4_H8RJBJ {
7841      margin-top: 12px;
7842    }
7843
7844    .testimonials-text-template--25962062709000__ss_testimonial_4_H8RJBJ * {
7845      font-size: 14px;
7846    }
7847
7848    .testimonials-heading-template--25962062709000__ss_testimonial_4_H8RJBJ {
7849      margin-top: 20px;
7850      font-size: 30px;
7851    }
7852
7853    .testimonials-slider-wrapper-template--25962062709000__ss_testimonial_4_H8RJBJ {
7854      margin-top: 36px;
7855      margin-left: auto;
7856      margin-right: auto;
7857      width: 100%;
7858      max-width: 90%;
7859    }
7860    
7861    .testimonials-slide-template--25962062709000__ss_testimonial_4_H8RJBJ {
7862      gap: 20px;
7863       padding: 60px 40px;
7864    }
7865
7866    .testimonials-slide-text-template--25962062709000__ss_testimonial_4_H8RJBJ {
7867      margin-top: 20px;
7868      font-size: 14px;
7869    }
7870
7871    .testimonials-slide-author-template--25962062709000__ss_testimonial_4_H8RJBJ {
7872      font-size: 14px;
7873    }
7874
7875    .testimonials-slide-city-template--25962062709000__ss_testimonial_4_H8RJBJ {
7876      margin-top: 12px;
7877      font-size: 14px;
7878    }
7879
7880    .testimonials-slide-template--25962062709000__ss_testimonial_4_H8RJBJ.swiper-slide {
7881      opacity: 0.5;
7882      transition: all 0.3s cubic-bezier(.4,0,.2,1) 0s;
7883    }
7884  
7885    .testimonials-slide-template--25962062709000__ss_testimonial_4_H8RJBJ.swiper-slide-visible {
7886      opacity: 1;
7887      transition: all 0.3s cubic-bezier(.4,0,.2,1) 0s;
7888    }
7889
7890    .testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ,
7891    .testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ {
7892      width: 50px;
7893      height: 50px;
7894    }
7895
7896    .testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ {
7897      left: -25.0px !important;
7898    }
7899  
7900    .testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ {
7901      right: -25.0px !important;
7902    }
7903
7904    .testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ svg,
7905    .testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ svg {
7906      height: 28px;
7907      width: 28px;
7908    }
7909
7910    .testimonials-pagination-template--25962062709000__ss_testimonial_4_H8RJBJ .swiper-pagination-bullet {
7911      width: 12px;
7912      height: 12px;
7913    }
7914
7915    .testimonials-slide-template--25962062709000__ss_testimonial_4_H8RJBJ.swiper-slide-next,
7916    .testimonials-slide-template--25962062709000__ss_testimonial_4_H8RJBJ.swiper-slide-prev {
7917      opacity: 1 !important;
7918    }
7919  }</style>
7920
7921
7922
7923
7924
7925
7926
7927
7928
7929
7930
7931
7932  <style>
7933    .testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ,
7934    .testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ {
7935      display: none;
7936    }
7937  </style>
7938
7939
7940
7941  <style>
7942    @media(min-width: 1024px) {
7943      .testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ,
7944      .testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ {
7945        display: flex;
7946      }
7947    }
7948  </style>
7949
7950
7951
7952  <style>
7953    .testimonials-pagination-template--25962062709000__ss_testimonial_4_H8RJBJ {
7954      display: none !important;
7955    }
7956  </style>
7957
7958
7959
7960  <style>
7961    @media(min-width: 1024px) {
7962      .testimonials-pagination-template--25962062709000__ss_testimonial_4_H8RJBJ {
7963        display: none !important;
7964      }
7965    }
7966  </style>
7967
7968
7969
7970<style>
7971  .testimonials-slider-template--25962062709000__ss_testimonial_4_H8RJBJ.preview .swiper-wrapper {
7972    display: flex;
7973    align-items: center;
7974    justify-content: space-between;
7975    overflow: hidden;
7976    gap: 20px;
7977    max-width: 100%;
7978  }
7979
7980  .testimonials-slider-template--25962062709000__ss_testimonial_4_H8RJBJ.preview .testimonials-slide-template--25962062709000__ss_testimonial_4_H8RJBJ {
7981    width: 100%;
7982  }
7983
7984  .testimonials-slider-template--25962062709000__ss_testimonial_4_H8RJBJ.preview .testimonials-slide-template--25962062709000__ss_testimonial_4_H8RJBJ:not(:first-child) {
7985    margin-left: 20px;
7986  }
7987</style>
7988
7989<div class="section-template--25962062709000__ss_testimonial_4_H8RJBJ testimonials-template--25962062709000__ss_testimonial_4_H8RJBJ" style="background-color:#f8fbfe; background-image: ;">
7990    <div class="section-template--25962062709000__ss_testimonial_4_H8RJBJ-settings ">
7991      
7992        <div class="testimonials-stars-template--25962062709000__ss_testimonial_4_H8RJBJ">
7993            
7994              
7995                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
7996                  <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
7997                </svg>
7998              
7999                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8000                  <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8001                </svg>
8002              
8003                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8004                  <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8005                </svg>
8006              
8007                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8008                  <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8009                </svg>
8010              
8011                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8012                  <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8013                </svg>
8014              
8015            
8016        </div>
8017      
8018      
8019        <div class="testimonials-text-template--25962062709000__ss_testimonial_4_H8RJBJ"><p><strong>25,000+ zufriedene Kunden</strong></p></div>
8020      
8021      
8022        <h2 class="testimonials-heading-template--25962062709000__ss_testimonial_4_H8RJBJ">Unsere glückliche Kunden</h2>
8023      
8024      <div class="testimonials-slider-wrapper-template--25962062709000__ss_testimonial_4_H8RJBJ">
8025        <div class="testimonials-slider-template--25962062709000__ss_testimonial_4_H8RJBJ swiper preview">
8026          <div class="swiper-wrapper">
8027            
8028              <div class="testimonials-slide-template--25962062709000__ss_testimonial_4_H8RJBJ swiper-slide">
8029                <div class="testimonials-slide-top-template--25962062709000__ss_testimonial_4_H8RJBJ">
8030                  
8031                    <div class="testimonials-stars-template--25962062709000__ss_testimonial_4_H8RJBJ">
8032                        
8033                          
8034                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8035                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8036                            </svg>
8037                          
8038                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8039                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8040                            </svg>
8041                          
8042                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8043                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8044                            </svg>
8045                          
8046                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8047                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8048                            </svg>
8049                          
8050                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8051                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8052                            </svg>
8053                          
8054                        
8055                    </div>
8056                  
8057                  
8058                    <p class="testimonials-slide-text-template--25962062709000__ss_testimonial_4_H8RJBJ">Super Service. Ich hatte vor der Bestellung noch eine Frage, die ich am Abend per Mail gestellt habe und am nächsten Morgen war dann schon die Antwort da. Wir sagen Danke und bestellen sehr gerne wieder bei Ihnen!</p>
8059                  
8060                </div>
8061                <div class="testimonials-slide-bottom-template--25962062709000__ss_testimonial_4_H8RJBJ">
8062                  
8063                    <p class="testimonials-slide-author-template--25962062709000__ss_testimonial_4_H8RJBJ">Stephanie</p>
8064                  
8065                  
8066                </div>
8067              </div>
8068            
8069              <div class="testimonials-slide-template--25962062709000__ss_testimonial_4_H8RJBJ swiper-slide">
8070                <div class="testimonials-slide-top-template--25962062709000__ss_testimonial_4_H8RJBJ">
8071                  
8072                    <div class="testimonials-stars-template--25962062709000__ss_testimonial_4_H8RJBJ">
8073                        
8074                          
8075                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8076                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8077                            </svg>
8078                          
8079                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8080                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8081                            </svg>
8082                          
8083                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8084                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8085                            </svg>
8086                          
8087                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8088                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8089                            </svg>
8090                          
8091                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8092                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 
80920Z" fill="#1F448C"></path>
8093                            </svg>
8094                          
8095                        
8096                    </div>
8097                  
8098                  
8099                    <p class="testimonials-slide-text-template--25962062709000__ss_testimonial_4_H8RJBJ">Die Verarbeitung der Matte macht einen guten Gesamteindruck. Das Motiv ist wie im Vorschlag abgebildet, auch die Bilder und Schrift sind schön.</p>
8100                  
8101                </div>
8102                <div class="testimonials-slide-bottom-template--25962062709000__ss_testimonial_4_H8RJBJ">
8103                  
8104                    <p class="testimonials-slide-author-template--25962062709000__ss_testimonial_4_H8RJBJ">Jennifer</p>
8105                  
8106                  
8107                    <p class="testimonials-slide-city-template--25962062709000__ss_testimonial_4_H8RJBJ">New York</p>
8108                  
8109                </div>
8110              </div>
8111            
8112              <div class="testimonials-slide-template--25962062709000__ss_testimonial_4_H8RJBJ swiper-slide">
8113                <div class="testimonials-slide-top-template--25962062709000__ss_testimonial_4_H8RJBJ">
8114                  
8115                    <div class="testimonials-stars-template--25962062709000__ss_testimonial_4_H8RJBJ">
8116                        
8117                          
8118                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8119                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8120                            </svg>
8121                          
8122                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8123                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8124                            </svg>
8125                          
8126                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8127                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8128                            </svg>
8129                          
8130                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8131                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8132                            </svg>
8133                          
8134                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8135                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8136                            </svg>
8137                          
8138                        
8139                    </div>
8140                  
8141                  
8142                    <p class="testimonials-slide-text-template--25962062709000__ss_testimonial_4_H8RJBJ">Der Service ist hervorragend, die Ware qualitativ sehr gut und der Support sehr kompetent.Aus meiner Erfahrung kann ich mattenwelt.com absolut weiterempfehlen!</p>
8143                  
8144                </div>
8145                <div class="testimonials-slide-bottom-template--25962062709000__ss_testimonial_4_H8RJBJ">
8146                  
8147                    <p class="testimonials-slide-author-template--25962062709000__ss_testimonial_4_H8RJBJ">Alexander</p>
8148                  
8149                  
8150                </div>
8151              </div>
8152            
8153              <div class="testimonials-slide-template--25962062709000__ss_testimonial_4_H8RJBJ swiper-slide">
8154                <div class="testimonials-slide-top-template--25962062709000__ss_testimonial_4_H8RJBJ">
8155                  
8156                    <div class="testimonials-stars-template--25962062709000__ss_testimonial_4_H8RJBJ">
8157                        
8158                          
8159                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8160                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8161                            </svg>
8162                          
8163                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8164                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8165                            </svg>
8166                          
8167                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8168                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8169                            </svg>
8170                          
8171                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8172                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8173                            </svg>
8174                          
8175                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8176                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8177                            </svg>
8178                          
8179                        
8180                    </div>
8181                  
8182                  
8183                    <p class="testimonials-slide-text-template--25962062709000__ss_testimonial_4_H8RJBJ">Super Produkte und noch besserer Service! Hatte eine Reklamation, die schnell und unkompliziert bearbeitet wurde. Ersatz war binnen kürzester Zeit geliefert. Sicher nicht die letzte Bestellung, klare Empfehlung.</p>
8184                  
8185                </div>
8186                <div class="testimonials-slide-bottom-template--25962062709000__ss_testimonial_4_H8RJBJ">
8187                  
8188                    <p class="testimonials-slide-author-template--25962062709000__ss_testimonial_4_H8RJBJ">Nils</p>
8189                  
8190                  
8191                </div>
8192              </div>
8193            
8194              <div class="testimonials-slide-template--25962062709000__ss_testimonial_4_H8RJBJ swiper-slide">
8195                <div class="testimonials-slide-top-template--25962062709000__ss_testimonial_4_H8RJBJ">
8196                  
8197                    <div class="testimonials-stars-template--25962062709000__ss_testimonial_4_H8RJBJ">
8198                        
8199                          
8200                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8201                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8202                            </svg>
8203                          
8204                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8205                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8206                            </svg>
8207                          
8208                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8209                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8210                            </svg>
8211                          
8212                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8213                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8214                            </svg>
8215                          
8216                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
8217                              <path d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="#1F448C"></path>
8218                            </svg>
8219                          
8220                        
8221                    </div>
8222                  
8223                  
8224                    <p class="testimonials-slide-text-template--25962062709000__ss_testimonial_4_H8RJBJ">Schnelle und zuverlässige Auftragsausführung. Top Kundendienst. Das Produkt ist sehr gut geworden, empfehlenswert!</p>
8225                  
8226                </div>
8227                <div class="testimonials-slide-bottom-template--25962062709000__ss_testimonial_4_H8RJBJ">
8228                  
8229                    <p class="testimonials-slide-author-template--25962062709000__ss_testimonial_4_H8RJBJ">Hendrik</p>
8230                  
8231                  
8232                </div>
8233              </div>
8234            
8235          </div>
8236          <div class="testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ">
8237            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>Artboard-66</title><g id="Left"><path d="M14,17a1,1,0,0,1-.707-.293l-4-4a1,1,0,0,1,0-1.414l4-4a1,1,0,1,1,1.414,1.414L11.414,12l3.293,3.293A1,1,0,0,1,14,17Z" style="fill:#1c1b1e"/></g></svg>
8238          </div>
8239          <div class="testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ">
8240            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>Artboard-66</title><g id="Left"><path d="M14,17a1,1,0,0,1-.707-.293l-4-4a1,1,0,0,1,0-1.414l4-4a1,1,0,1,1,1.414,1.414L11.414,12l3.293,3.293A1,1,0,0,1,14,17Z" style="fill:#1c1b1e"/></g></svg>
8241          </div>
8242          <div class="testimonials-pagination-template--25962062709000__ss_testimonial_4_H8RJBJ swiper-pagination"></div>
8243        </div>
8244      </div>
8245    </div>
8246</div>
8247
8248<script src="https://cdn.jsdelivr.net/npm/[email protected]/swiper-bundle.min.js"></script>
8248
8249
8250
8251
8252              
8253<script>
8254  function initTestimonials3() {
8255    document.querySelector('.testimonials-slider-template--25962062709000__ss_testimonial_4_H8RJBJ').classList.remove('preview');
8256    const slider = new Swiper('.testimonials-slider-template--25962062709000__ss_testimonial_4_H8RJBJ', {
8257      speed: 300,
8258      loop: true,
8259      watchSlidesProgress: true,
8260      navigation: {
8261        nextEl: '.testimonials-btn-next-template--25962062709000__ss_testimonial_4_H8RJBJ',
8262        prevEl: '.testimonials-btn-prev-template--25962062709000__ss_testimonial_4_H8RJBJ'
8263      },
8264      pagination: {
8265        el: '.testimonials-pagination-template--25962062709000__ss_testimonial_4_H8RJBJ',
8266        type: 'bullets',
8267        clickable: true
8268      },
8269      breakpoints: {
8270        320: {
8271          centeredSlides: true,
8272          spaceBetween: 20,
8273          slidesPerView: 1.5
8274        },
8275        768: {
8276          centeredSlides: true,
8277          spaceBetween: 20,
8278          slidesPerView: 1
8279        },
8280        1024: {
8281          centeredSlides: false,
8282          spaceBetween: 20,
8283          slidesPerView: 2
8284        }
8285      }
8286    });
8287    slider.slidePrev();
8288    
8289  }
8290
8291  document.addEventListener('DOMContentLoaded', initTestimonials3);
8292  
8293  if (Shopify.designMode) {
8294     document.addEventListener('shopify:section:unload', initTestimonials3);
8295     document.addEventListener('shopify:section:load', initTestimonials3);
8296  }
8297  
8298</script>
8298
8299
8300</div><div id="shopify-section-template--25962062709000__ss_feature_16_GDnCUJ" class="shopify-section">
8301
8302<link
8303  rel="stylesheet"
8304  href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
8305/><style data-shopify>@font-face {
8306  font-family: "Josefin Sans";
8307  font-weight: 400;
8308  font-style: normal;
8309  font-display: swap;
8310  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
8311       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
8312}
8313
8314  @font-face {
8315  font-family: "Josefin Sans";
8316  font-weight: 400;
8317  font-style: normal;
8318  font-display: swap;
8319  src: url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
8320       url("//matten-welt.com/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
8321}
8322
8323  
8324  .section-template--25962062709000__ss_feature_16_GDnCUJ {
8325    border-top: solid #e7e7e7 1px;
8326    border-bottom: solid #e7e7e7 1px;
8327    margin-top: 0px;
8328    margin-bottom: 0px;
8329    margin-left: 0rem;
8330    margin-right: 0rem;
8331    border-radius: 0px;
8332    overflow: hidden;
8333  }
8334  
8335  .section-template--25962062709000__ss_feature_16_GDnCUJ-settings {
8336    margin: 0 auto;
8337    padding-top: 27px;
8338    padding-bottom: 27px;
8339    padding-left: 1.5rem;
8340    padding-right: 1.5rem;
8341  }
8342
8343  .feature-body-template--25962062709000__ss_feature_16_GDnCUJ {
8344    display: none;
8345  }
8346
8347  .feature-item-template--25962062709000__ss_feature_16_GDnCUJ {
8348    display: flex !important;
8349    flex-direction: column;
8350    align-items: center;
8351    padding: 0px 16px !important;
8352    box-sizing: border-box !important;
8353  }
8354
8355  .feature-icon-template--25962062709000__ss_feature_16_GDnCUJ {
8356    width: 24px;
8357    height: 24px;
8358  }
8359
8360  .feature-icon-template--25962062709000__ss_feature_16_GDnCUJ img,
8361  .feature-icon-template--25962062709000__ss_feature_16_GDnCUJ svg {
8362    width: 100%;
8363    height: 100%;
8364    display: block;
8365    object-fit: cover;
8366  }
8367
8368  .feature-icon-template--25962062709000__ss_feature_16_GDnCUJ svg path {
8369    fill: #000000;
8370  }
8371
8372  .feature-content-template--25962062709000__ss_feature_16_GDnCUJ {
8373    display: flex;
8374    flex-direction: column;
8375    align-items: centerpx;
8376  }
8377
8378  .feature-heading-template--25962062709000__ss_feature_16_GDnCUJ {
8379    margin-top: 24px;
8380    text-align: center;
8381  }
8382
8383  .feature-heading-template--25962062709000__ss_feature_16_GDnCUJ * {
8384    margin: 0;
8385    font-size: 18px;
8386    color: #000000;
8387    line-height: 130%;
8388    text-transform: unset;
8389    word-wrap: break-word;
8390  }
8391
8392  .feature-text-template--25962062709000__ss_feature_16_GDnCUJ {
8393    margin-top: 16px;
8394    text-align: center;
8395  }
8396
8397  .feature-text-template--25962062709000__ss_feature_16_GDnCUJ * {
8398    margin: 0;
8399    font-size: 13px;
8400    color: #000000;
8401    line-height: 150%;
8402    text-transform: unset;
8403    word-wrap: break-word;
8404  }
8405
8406  .feature-slider-template--25962062709000__ss_feature_16_GDnCUJ {
8407    padding-bottom: 5px !important;
8408  }
8409
8410  .feature-pagination-template--25962062709000__ss_feature_16_GDnCUJ {
8411    margin-top: 20px;
8412    position: static !important;
8413    display: flex;
8414    justify-content: center;
8415    align-items: center;
8416    width: 100% !important;
8417    gap: 10px !important;
8418  }
8419
8420  .feature-pagination-template--25962062709000__ss_feature_16_GDnCUJ .swiper-pagination-bullet {
8421    margin: 0px !important;
8422    width: 5px !important;
8423    height: 5px !important;
8424    background-color: #000000 !important;
8425    opacity: 1 !important;
8426  }
8427
8428  .feature-pagination-template--25962062709000__ss_feature_16_GDnCUJ .swiper-pagination-bullet.swiper-pagination-bullet-active {
8429    box-shadow: 0 0 0 2px #000000 !important;
8430    background-color: transparent !important;
8431  }
8432
8433  @media(min-width: 768px) {
8434    .feature-body-template--25962062709000__ss_feature_16_GDnCUJ {
8435      display: grid;
8436      row-gap: 32px;
8437      grid-template-columns: repeat(2, 1fr);
8438    }
8439
8440    .feature-slider-template--25962062709000__ss_feature_16_GDnCUJ {
8441      display: none !important;
8442    }
8443
8444    .feature-item-template--25962062709000__ss_feature_16_GDnCUJ {
8445      align-items: start;
8446      flex-direction: row;
8447    }
8448
8449    .feature-icon-template--25962062709000__ss_feature_16_GDnCUJ {
8450      margin-right: 16px;
8451    }
8452
8453    .feature-content-template--25962062709000__ss_feature_16_GDnCUJ {
8454      align-items: centerpx;
8455    }
8456  }
8457  
8458  @media(min-width: 1024px) {
8459
8460    .section-template--25962062709000__ss_feature_16_GDnCUJ {
8461      margin-top: 0px;
8462      margin-bottom: 0px;
8463      margin-left: 0rem;
8464      margin-right: 0rem;
8465      border-radius: 0px;
8466    }
8467    
8468    .section-template--25962062709000__ss_feature_16_GDnCUJ-settings {
8469      padding: 0 5rem;
8470      padding-top: 36px;
8471      padding-bottom: 36px;
8472      padding-left: 5rem;
8473      padding-right: 5rem;
8474    }
8475
8476    .feature-body-template--25962062709000__ss_feature_16_GDnCUJ {
8477      grid-template-columns: repeat(4, 1fr);
8478    }
8479
8480    .feature-item-template--25962062709000__ss_feature_16_GDnCUJ {
8481      padding: 0px 32px !important;
8482    }
8483
8484    .feature-item-template--25962062709000__ss_feature_16_GDnCUJ:not(:last-child) {
8485      border-right: 1px solid #e7e7e7;
8486    }
8487
8488    .feature-icon-template--25962062709000__ss_feature_16_GDnCUJ {
8489      width: 24px;
8490      flex: 0 0 24px;
8491      height: 24px;
8492    }
8493
8494    .feature-heading-template--25962062709000__ss_feature_16_GDnCUJ {
8495      margin-top: 0px;
8496      text-align: center;
8497    }
8498  
8499    .feature-heading-template--25962062709000__ss_feature_16_GDnCUJ * {
8500      font-size: 18px;
8501    }
8502
8503    .feature-text-template--25962062709000__ss_feature_16_GDnCUJ {
8504      margin-top: 16px;
8505      text-align: center;
8506    }
8507  
8508    .feature-text-template--25962062709000__ss_feature_16_GDnCUJ * {
8509      font-size: 13px;
8510    }
8511  }</style>
8512
8513
8514
8515
8516
8517
8518
8519
8520
8521<div class="section-template--25962062709000__ss_feature_16_GDnCUJ feature-template--25962062709000__ss_feature_16_GDnCUJ" style="background-color:#ffffff; background-image: ;">
8522    <div class="section-template--25962062709000__ss_feature_16_GDnCUJ-settings">
8523      <div class="feature-body-template--25962062709000__ss_feature_16_GDnCUJ">
8524        
8525          <div class="feature-item-template--25962062709000__ss_feature_16_GDnCUJ">
8526            
8527              <div class="feature-icon-template--25962062709000__ss_feature_16_GDnCUJ">
8528                
8529                  
8530                      <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px" fill="currentColor"><path d="M 0 7 L 0 43 L 50 43 L 50 7 Z M 2 9 L 48 9 L 48 11.53125 L 25 29.71875 L 2 11.53125 Z M 2 14.09375 L 24.375 31.78125 C 24.742188 32.074219 25.257813 32.074219 25.625 31.78125 L 48 14.09375 L 48 41 L 2 41 Z"/></svg>
8531                      
8532                
8533              </div>
8534            
8535
8536            <div class="feature-content-template--25962062709000__ss_feature_16_GDnCUJ">
8537              
8538                <div class="feature-heading-template--25962062709000__ss_feature_16_GDnCUJ">
8539                  <h3>E-Mail</h3>
8540                </div>
8541              
8542
8543              
8544                <div class="feature-text-template--25962062709000__ss_feature_16_GDnCUJ">
8545                  <p>[email protected]</p>
8546                </div>
8547              
8548            </div>
8549          </div>
8550        
8551          <div class="feature-item-template--25962062709000__ss_feature_16_GDnCUJ">
8552            
8553              <div class="feature-icon-template--25962062709000__ss_feature_16_GDnCUJ">
8554                
8555                  
8556                      <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px" fill="currentColor"><path d="M 11.839844 2.988281 C 11.070313 2.925781 10.214844 3.148438 9.425781 3.703125 C 8.730469 4.1875 7.230469 5.378906 5.828125 6.726563 C 5.128906 7.398438 4.460938 8.097656 3.945313 8.785156 C 3.425781 9.472656 2.972656 10.101563 3 11.015625 C 3.027344 11.835938 3.109375 14.261719 4.855469 17.980469 C 6.601563 21.695313 9.988281 26.792969 16.59375 33.402344 C 23.203125 40.011719 28.300781 43.398438 32.015625 45.144531 C 35.730469 46.890625 38.160156 46.972656 38.980469 47 C 39.890625 47.027344 40.519531 46.574219 41.207031 46.054688 C 41.894531 45.535156 42.59375 44.871094 43.265625 44.171875 C 44.609375 42.769531 45.800781 41.269531 46.285156 40.574219 C 47.390625 39 47.207031 37.
8556140625 45.976563 36.277344 C 45.203125 35.734375 38.089844 31 37.019531 30.34375 C 35.933594 29.679688 34.683594 29.980469 33.566406 30.570313 C 32.6875 31.035156 30.308594 32.398438 29.628906 32.789063 C 29.117188 32.464844 27.175781 31.171875 23 26.996094 C 18.820313 22.820313 17.53125 20.878906 17.207031 20.367188 C 17.597656 19.6875 18.957031 17.320313 19.425781 16.425781 C 20.011719 15.3125 20.339844 14.050781 19.640625 12.957031 C 19.347656 12.492188 18.015625 10.464844 16.671875 8.429688 C 15.324219 6.394531 14.046875 4.464844 13.714844 4.003906 L 13.714844 4 C 13.28125 3.402344 12.605469 3.050781 11.839844 2.988281 Z M 11.65625 5.03125 C 11.929688 5.066406 12.09375 5.175781 12.09375 5.175781 C 12.253906 5.398438 13.65625 7.5 15 9.53125 C 16.34375 11.566406 17.714844 13.652344 17.953125 14.03125 C 17.992188 14.089844 18.046875 14.753906 17.65625 15.492188 L 17.65625 15.496094 C 17.214844 16.335938 15.15625 19.933594 15.15625 19.933594 L 14.871094 20.4375 L 15.164063 20.9375 C 15.164063 20.9375 16.699219 23.527344 21.582031 28.410156 C 26.46875 33.292969 29.058594 34.832031 29.058594 34.832031 L 29.558594 35.125 L 30.0625 34.839844 C 30.0625 34.839844 33.652344 32.785156 34.5 32.339844 C 35.238281 3
85561.953125 35.902344 32.003906 35.980469 32.050781 C 36.671875 32.476563 44.355469 37.582031 44.828125 37.914063 C 44.84375 37.925781 45.261719 38.558594 44.652344 39.425781 L 44.648438 39.425781 C 44.28125 39.953125 43.078125 41.480469 41.824219 42.785156 C 41.195313 43.4375 40.550781 44.046875 40.003906 44.457031 C 39.457031 44.867188 38.96875 44.996094 39.046875 45 C 38.195313 44.972656 36.316406 44.953125 32.867188 43.332031 C 29.417969 41.714844 24.496094 38.476563 18.007813 31.984375 C 11.523438 25.5 8.285156 20.578125 6.664063 17.125 C 5.046875 13.675781 5.027344 11.796875 5 10.949219 C 5.003906 11.027344 5.132813 10.535156 5.542969 9.988281 C 5.953125 9.441406 6.558594 8.792969 7.210938 8.164063 C 8.519531 6.910156 10.042969 5.707031 10.570313 5.339844 L 10.570313 5.34375 C 11.003906 5.039063 11.382813 5 11.65625 5.03125 Z"/></svg>
8557                      
8558                
8559              </div>
8560            
8561
8562            <div class="feature-content-template--25962062709000__ss_feature_16_GDnCUJ">
8563              
8564                <div class="feature-heading-template--25962062709000__ss_feature_16_GDnCUJ">
8565                  <h3>Telefon</h3>
8566                </div>
8567              
8568
8569              
8570                <div class="feature-text-template--25962062709000__ss_feature_16_GDnCUJ">
8571                  <p>+49 721 145 37 278</p>
8572                </div>
8573              
8574            </div>
8575          </div>
8576        
8577          <div class="feature-item-template--25962062709000__ss_feature_16_GDnCUJ">
8578            
8579              <div class="feature-icon-template--25962062709000__ss_feature_16_GDnCUJ">
8580                
8581                  
8582                      <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px" fill="currentColor"><path d="M 0 8 L 0 10 L 28.09375 10 C 28.492188 10 29 10.507813 29 10.90625 L 29 38 L 18.90625 38 C 18.429688 35.164063 15.964844 33 13 33 C 10.035156 33 7.570313 35.164063 7.09375 38 L 3 38 C 2.445313 38 2 37.554688 2 37 L 2 28 L 0 28 L 0 37 C 0 38.644531 1.355469 40 3 40 L 7.09375 40 C 7.570313 42.835938 10.035156 45 13 45 C 15.964844 45 18.429688 42.835938 18.90625 40 L 34.09375 40 C 34.570313 42.835938 37.035156 45 40 45 C 42.964844 45 45.429688 42.835938 45.90625 40 L 47 40 C 47.832031 40 48.5625 39.625 49.09375 39.09375 C 49.625 38.5625 50 37.832031 50 37 L 50 27.40625 C 50 26.28125 49.570313 25.25 49.1875 24.46875 C 48.804688 23.6875 48.40625 23.125 48.40625 23.125 L 48.40625 23.09375 L 44.3125 17.59375 L 44.28125 17.59375 L 44.28125 17.5625 C 43.394531 16.453125 41.972656 15 40 15 L 32 15 C 31.640625 15 31.3125 15.066406 31 15.1875 L 31 10.90625 C 31 9.304688 29.695313 8 28.09375 8 Z M 0 12 L 0 14 L 18 14 L 18 12 Z M 0 16 L 0 18 L 15 18 L 15 16 Z M 32 17 L 36 17 L 36 26 C 36 26.832031 36.375 27.5625 36.90625 28.09375 C 37.4375 28.625 38.167969 29 39 29 L 48 29 L 48 37 C 48 37.167969 47.875 37.4375 47.65625 37.65625 C 47.4375 37.875 47.167969 38 47 38 L 45.90625 38 C 45.429688 35.164063 42.964844 33 40 33 C 37.035156 33 34.570313 35.164063 34.09375 38 L 31 38 L 31 18 C 31 17.832031 31.125 17.5625 31.34375 17.34375 C 31.5625 17.125 31.832031 17 32 17 Z M 38 17 L 40 17 C 40.824219 17 41.972656 17.925781 42.6875 18.8125 L 46.78125 24.28125 L 46.8125 24.3125 C 46.832031 24.339844 47.101563 24.722656 47.40625 25.34375 C 47.660156 25.859375 47.792969 26.472656 47.875 27 L 39 27 C 38.832031 27 38.5625 26.875 38.34375 26.65625 C 38.125 26.4375 38 26.167969 38 26 Z M 0 20 L 0 22 L 12 22 L 12 20 Z M 0 24 L 0 26 L 9 26 L 9 24 Z M 13 35 C 15.222656 35 17 36.777344 17 39 C 17 41.222656 15.222656 43 13 43 C 10.777344 43 9 41.222656 9 39 C 9 36.777344 10.777344 35 13 35 Z M 40 35 C 42.222656 35 44 36.777344 44 39 C 44 41.222656 42.222656 43 40 43 C 37.777344 43 36 41.222656 36 39 C 36 36.777344 37.777344 35 40 35 Z"/></svg>
8583                      
8584                
8585              </div>
8586            
8587
8588            <div class="feature-content-template--25962062709000__ss_feature_16_GDnCUJ">
8589              
8590                <div class="feature-heading-template--25962062709000__ss_feature_16_GDnCUJ">
8591                  <h3>Lieferung</h3>
8592                </div>
8593              
8594
8595              
8596                <div class="feature-text-template--25962062709000__ss_feature_16_GDnCUJ">
8597                  <p>5-8 Werktage</p>
8598                </div>
8599              
8600            </div>
8601          </div>
8602        
8603          <div class="feature-item-template--25962062709000__ss_feature_16_GDnCUJ">
8604            
8605              <div class="feature-icon-template--25962062709000__ss_feature_16_GDnCUJ">
8606                
8607                  
8608                      <svg stroke-width='1' viewBox='0 0 16 16'><path d='M8 1c.21 0 .4.13.47.33l1.62 4.54 4.92.1a.5.5 0 01.29.9l-3.92 2.9 1.42 4.58a.5.5 0 01-.75.56L8 12.17 3.95 14.9a.5.5 0 01-.75-.56l1.42-4.58L.7 6.87a.5.5 0 01.29-.9l4.92-.1 1.62-4.54A.5.5 0 018 1zm0 2L6.74 6.52a.5.5 0 01-.46.33l-3.8.08L5.5 9.17a.5.5 0 01.
860818.55l-1.1 3.56 3.14-2.13a.5.5 0 01.56 0l3.15 2.13-1.1-3.56a.5.5 0 01.17-.55l3.02-2.23-3.8-.08a.5.5 0 01-.46-.33L8 2.99z'></path></svg>
8609                      
8610                
8611              </div>
8612            
8613
8614            <div class="feature-content-template--25962062709000__ss_feature_16_GDnCUJ">
8615              
8616                <div class="feature-heading-template--25962062709000__ss_feature_16_GDnCUJ">
8617                  <h3>Bewertung</h3>
8618                </div>
8619              
8620
8621              
8622                <div class="feature-text-template--25962062709000__ss_feature_16_GDnCUJ">
8623                  <p>5/5 Sterne</p>
8624                </div>
8625              
8626            </div>
8627          </div>
8628        
8629      </div>
8630
8631      <div class="feature-slider-template--25962062709000__ss_feature_16_GDnCUJ swiper">
8632        <div class="swiper-wrapper">
8633          
8634            <div class="feature-item-template--25962062709000__ss_feature_16_GDnCUJ swiper-slide">
8635              
8636                <div class="feature-icon-template--25962062709000__ss_feature_16_GDnCUJ">
8637                  
8638                    
8639                        <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px" fill="currentColor"><path d="M 0 7 L 0 43 L 50 43 L 50 7 Z M 2 9 L 48 9 L 48 11.53125 L 25 29.71875 L 2 11.53125 Z M 2 14.09375 L 24.375 31.78125 C 24.742188 32.074219 25.257813 32.074219 25.625 31.78125 L 48 14.09375 L 48 41 L 2 41 Z"/></svg>
8640                        
8641                  
8642                </div>
8643              
8644  
8645              <div class="feature-content-template--25962062709000__ss_feature_16_GDnCUJ">
8646                
8647                  <div class="feature-heading-template--25962062709000__ss_feature_16_GDnCUJ">
8648                    <h3>E-Mail</h3>
8649                  </div>
8650                
8651  
8652                
8653                  <div class="feature-text-template--25962062709000__ss_feature_16_GDnCUJ">
8654                    <p>[email protected]</p>
8655                  </div>
8656                
8657              </div>
8658            </div>
8659          
8660            <div class="feature-item-template--25962062709000__ss_feature_16_GDnCUJ swiper-slide">
8661              
8662                <div class="feature-icon-template--25962062709000__ss_feature_16_GDnCUJ">
8663                  
8664                    
8665                        <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px" fill="currentColor"><path d="M 11.839844 2.988281 C 11.070313 2.925781 10.214844 3.148438 9.425781 3.703125 C 8.730469 4.1875 7.230469 5.378906 5.828125 6.726563 C 5.128906 7.398438 4.460938 8.097656 3.945313 8.785156 C 3.425781 9.472656 2.972656 10.101563 3 11.015625 C 3.027344 11.835938 3.109375 14.261719 4.855469 17.980469 C 6.601563 21.695313 9.988281 26.792969 16.59375 33.402344 C 23.203125 40.011719 28.300781 43.398438 32.015625 45.144531 C 35.730469 46.890625 38.160156 46.972656 38.980469 47 C 39.890625 47.027344 40.519531 46.574219 41.207031 46.054688 C 41.894531 45.535156 42.59375 44.871094 43.265625 44.171875 C 44.609375 42.769531 45.800781 41.269531 46.285156 40.574219 C 47.390625 39 47.207031 37.140625 45.976563 36.277344 C 45.203125 35.734375 38.089844 31 37.019531 30.34375 C 35.933594 29.679688 34.683594 29.980469 33.566406 30.570313 C 32.6875 31.035156 30.308594 32.398438 29.628906 32.789063 C 29.117188 32.464844 27.175781 31.171875 23 26.996094 C 18.820313 22.820313 17.53125 20.878906 17.207031 20.367188 C 17.597656 19.6875 18.957031 17.320313 19.425781 16.425781 C 20.011719 15.3125 20.339844 14.050781 19.640625 12.957031 C 19.347656 12.492188 18.015625 10.464844 16.671875 8.429688 C 15.324219 6.394531 14.046875 4.464844 13.714844 4.003906 L 13.714844 4 C 13.28125 3.402344 12.605469 3.050781 11.839844 2.988281 Z M 11.65625 5.03125 C 11.929688 5.066406 12.09375 5.175781 12.09375 5.175781 C 12.253906 5.398438 13.65625 7.5 15 9.53125 C 16.34375 11.566406 17.714844 13.652344 17.953125 14.03125 C 17.992188 14.089844 18.046875 14.753906 17.65625 15.492188 L 17.65625 15.496094 C 17.214844 16.335938 15.15625 19.933594 15.15625 19.933594 L 14.871094 20.4375 L 15.164063 20.9375 C 15.164063 20.9375 16.699219 23.527344 21.582031 28.410156 C 26.46875 33.292969 29.058594 34.832031 29.058594 34.832031 L 29.558594 35.125 L 30.0625 34.839844 C 30.0625 34.839844 33.652344 32.785156 34.5 32.339844 C 35.238281 3
86651.953125 35.902344 32.003906 35.980469 32.050781 C 36.671875 32.476563 44.355469 37.582031 44.828125 37.914063 C 44.84375 37.925781 45.261719 38.558594 44.652344 39.425781 L 44.648438 39.425781 C 44.28125 39.953125 43.078125 41.480469 41.824219 42.785156 C 41.195313 43.4375 40.550781 44.046875 40.003906 44.457031 C 39.457031 44.867188 38.96875 44.996094 39.046875 45 C 38.195313 44.972656 36.316406 44.953125 32.867188 43.332031 C 29.417969 41.714844 24.496094 38.476563 18.007813 31.984375 C 11.523438 25.5 8.285156 20.578125 6.664063 17.125 C 5.046875 13.675781 5.027344 11.796875 5 10.949219 C 5.003906 11.027344 5.132813 10.535156 5.542969 9.988281 C 5.953125 9.441406 6.558594 8.792969 7.210938 8.164063 C 8.519531 6.910156 10.042969 5.707031 10.570313 5.339844 L 10.570313 5.34375 C 11.003906 5.039063 11.382813 5 11.65625 5.03125 Z"/></svg>
8666                        
8667                  
8668                </div>
8669              
8670  
8671              <div class="feature-content-template--25962062709000__ss_feature_16_GDnCUJ">
8672                
8673                  <div class="feature-heading-template--25962062709000__ss_feature_16_GDnCUJ">
8674                    <h3>Telefon</h3>
8675                  </div>
8676                
8677  
8678                
8679                  <div class="feature-text-template--25962062709000__ss_feature_16_GDnCUJ">
8680                    <p>+49 721 145 37 278</p>
8681                  </div>
8682                
8683              </div>
8684            </div>
8685          
8686            <div class="feature-item-template--25962062709000__ss_feature_16_GDnCUJ swiper-slide">
8687              
8688                <div class="feature-icon-template--25962062709000__ss_feature_16_GDnCUJ">
8689                  
8690                    
8691                        <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px" fill="currentColor"><path d="M 0 8 L 0 10 L 28.09375 10 C 28.492188 10 29 10.507813 29 10.90625 L 29 38 L 18.90625 38 C 18.429688 35.164063 15.964844 33 13 33 C 10.035156 33 7.570313 35.164063 7.09375 38 L 3 38 C 2.445313 38 2 37.554688 2 37 L 2 28 L 0 28 L 0 37 C 0 38.644531 1.355469 40 3 40 L 7.09375 40 C 7.570313 42.835938 10.035156 45 13 45 C 15.964844 45 18.429688 42.835938 18.90625 40 L 34.09375 40 C 34.570313 42.835938 37.035156 45 40 45 C 42.964844 45 45.429688 42.835938 45.90625 40 L 47 40 C 47.832031 40 48.5625 39.625 49.09375 39.09375 C 49.625 38.5625 50 37.832031 50 37 L 50 27.40625 C 50 26.28125 49.570313 25.25 49.1875 24.46875 C 48.804688 23.6875 48.40625 23.125 48.40625 23.125 L 48.40625 23.09375 L 44.3125 17.59375 L 44.28125 17.59375 L 44.28125 17.5625 C 43.394531 16.453125 41.972656 15 40 15 L 32 15 C 31.640625 15 31.3125 15.066406 31 15.1875 L 31 10.90625 C 31 9.304688 29.695313 8 28.09375 8 Z M 0 12 L 0 14 L 18 14 L 18 12 Z M 0 16 L 0 18 L 15 18 L 15 16 Z M 32 17 L 36 17 L 36 26 C 36 26.832031 36.375 27.5625 36.90625 28.09375 C 37.4375 28.625 38.167969 29 39 29 L 48 29 L 48 37 C 48 37.167969 47.875 37.4375 47.65625 37.65625 C 47.4375 37.875 47.167969 38 47 38 L 45.90625 38 C 45.429688 35.164063 42.964844 33 40 33 C 37.035156 33 34.570313 35.164063 34.09375 38 L 31 38 L 31 18 C 31 17.832031 31.125 17.5625 31.34375 17.34375 C 31.5625 17.125 31.832031 17 32 17 Z M 38 17 L 40 17 C 40.824219 17 41.972656 17.925781 42.6875 18.8125 L 46.78125 24.28125 L 46.8125 24.3125 C 46.832031 24.339844 47.101563 24.722656 47.40625 25.34375 C 47.660156 25.859375 47.792969 26.472656 47.875 27 L 39 27 C 38.832031 27 38.5625 26.875 38.34375 26.65625 C 38.125 26.4375 38 26.167969 38 26 Z M 0 20 L 0 22 L 12 22 L 12 20 Z M 0 24 L 0 26 L 9 26 L 9 24 Z M 13 35 C 15.222656 35 17 36.777344 17 39 C 17 41.222656 15.222656 43 13 43 C 10.777344 43 9 41.222656 9 39 C 9 36.777344 10.777344 35 13 35 Z M 40 35 C 42.222656 35 44 36.777344 44 39 C 44 41.222656 42.222656 43 40 43 C 37.777344 43 36 41.222656 36 39 C 36 36.777344 37.777344 35 40 35 Z"/></svg>
8692                        
8693                  
8694                </div>
8695              
8696  
8697              <div class="feature-content-template--25962062709000__ss_feature_16_GDnCUJ">
8698                
8699                  <div class="feature-heading-template--25962062709000__ss_feature_16_GDnCUJ">
8700                    <h3>Lieferung</h3>
8701                  </div>
8702                
8703  
8704                
8705                  <div class="feature-text-template--25962062709000__ss_feature_16_GDnCUJ">
8706                    <p>5-8 Werktage</p>
8707                  </div>
8708                
8709              </div>
8710            </div>
8711          
8712            <div class="feature-item-template--25962062709000__ss_feature_16_GDnCUJ swiper-slide">
8713              
8714                <div class="feature-icon-template--25962062709000__ss_feature_16_GDnCUJ">
8715                  
8716                    
8717                        <svg stroke-width='1' viewBox='0 0 16 16'><path d='M8 1c.21 0 .4.13.47.33l1.62 4.54 4.92.1a.5.5 0 01.29.9l-3.92 2.9 1.42 4.58a.5.5 0 01-.75.56L8 12.17 3.95 14.9a.5.5 0 01-.75-.56l1.42-4.58L.7 6.87a.5.5 0 01.29-.9l4.92-.1 1.62-4.54A.5.5 0 018 1zm0 2L6.74 6.52a.5.5 0 01-.46.33l-3.8.08L5.5 9.17a.5.5 0 01.
871718.55l-1.1 3.56 3.14-2.13a.5.5 0 01.56 0l3.15 2.13-1.1-3.56a.5.5 0 01.17-.55l3.02-2.23-3.8-.08a.5.5 0 01-.46-.33L8 2.99z'></path></svg>
8718                        
8719                  
8720                </div>
8721              
8722  
8723              <div class="feature-content-template--25962062709000__ss_feature_16_GDnCUJ">
8724                
8725                  <div class="feature-heading-template--25962062709000__ss_feature_16_GDnCUJ">
8726                    <h3>Bewertung</h3>
8727                  </div>
8728                
8729  
8730                
8731                  <div class="feature-text-template--25962062709000__ss_feature_16_GDnCUJ">
8732                    <p>5/5 Sterne</p>
8733                  </div>
8734                
8735              </div>
8736            </div>
8737          
8738        </div>
8739        <div class="feature-pagination-template--25962062709000__ss_feature_16_GDnCUJ swiper-pagination"></div>
8740      </div>
8741    </div>
8742</div>
8743
8744<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
8744
8745
8746<script>
8747  function initFeature16() {
8748    const slider = new Swiper(".feature-slider-template--25962062709000__ss_feature_16_GDnCUJ", {
8749      speed: 300,
8750      spaceBetween: 20,
8751      slidesPerView: 1,
8752      loop: true,
8753      pagination: {
8754        el: '.feature-pagination-template--25962062709000__ss_feature_16_GDnCUJ',
8755        type: 'bullets',
8756        clickable: true,
8757      },
8758    });
8759  }
8760
8761  document.addEventListener('DOMContentLoaded', initFeature16);
8762  
8763  if (Shopify.designMode) {
8764     document.addEventListener('shopify:section:unload', initFeature16);
8765     document.addEventListener('shopify:section:load', initFeature16);
8766  }
8767</script>
8767
8768
8769</div><div id="shopify-section-template--25962062709000__custom_liquid_pATkLt" class="shopify-section">
8770
8771<div class="section-background color-scheme-1"></div>
8772<div
8773  class="section section--page-width spacing-style color-scheme-1"
8774  style="--padding-block-start: 0px; --padding-block-end:0px; 
8775--padding-inline-start:0px; --padding-inline-end:0px; 
8776"
8777>
8778  <div style="
8779  position: fixed;
8780  right: 10px;
8781  bottom: 30px;
8782  z-index: 99999;
8783  background: linear-gradient(180deg, #fafafa 60%, #f2f2f2 100%);
8784  border-radius: 16px;
8785  padding: 20px 8px;
8786  box-shadow: 0 2px 8px rgba(0,0,0,0.07);
8787  display: flex;
8788  align-items: center;
8789  justify-content: center;
8790">
8791  <img 
8792    src="https://matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=300"
8793    alt="Bild"
8794    style="height: 80px; width: auto; display: block;"
8795  />
8796</div>
8797</div>
8798
8799
8800</div>
8801    </main>
8802
8803    <!-- BEGIN sections: footer-group -->
8804<footer id="shopify-section-sections--25962062938376__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">
8805
8806<div class="section-background color-scheme-8"></div>
8807<div
8808  class="
8809    section section--page-width color-scheme-8
8810    
8811  "
8812>
8813  
8814
8815
8816  <div
8817    class="
8818      spacing-style
8819      layout-panel-flex
8820      layout-panel-flex--column
8821      section-content-wrapper
8822       mobile-column
8823    "
8824    style="
8825      --flex-direction: column; --flex-wrap: nowrap;
8826
8827--gap: 12px;
8828
8829--horizontal-alignment: center; --vertical-alignment: center;
8830--vertical-alignment-mobile: center;
8831
8832      --padding-block-start: max(20px, calc(var(--spacing-scale) * 36px));--padding-block-end: 18px;
8833    "
8834  >
8835    
8836
8837
8838
8839<div
8840  class="
8841    group-block
8842    group-block--height-fit
8843    group-block--width-fill
8844    border-style
8845    spacing-style
8846    size-style
8847    
8848    
8849  "
8850  style="
8851    --border-width: 1px; --border-style: none; --border-color:
8852rgb(var(--color-border-rgb) / 1.0); --border-radius:
88530px; 
8854
8855    --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;
8856    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
8857    
8858  "
8859  
8860  data-testid="group-block"
8861><div class="group-block__media-wrapper">
8862    
8863
8864    
8865  </div>
8866
8867  <div
8868    class="
8869      group-block-content
8870      
8871      layout-panel-flex
8872      layout-panel-flex--row
8873       mobile-column
8874    "
8875    style="--flex-direction: row; --flex-wrap: nowrap;
8876
8877--gap: 16px;
8878
8879--horizontal-alignment: space-between; --vertical-alignment: flex-start;
8880--vertical-alignment-mobile: flex-start;
8881"
8882  >
8883  
8884
8885
8886
8887<div
8888  class="
8889    group-block
8890    group-block--height-fit
8891    group-block--width-custom
8892    border-style
8893    spacing-style
8894    size-style
8895    
8896    
8897  "
8898  style="
8899    --border-width: 1px; --border-style: none; --border-color:
8900rgb(var(--color-border-rgb) / 1.0); --border-radius:
89010px; 
8902
8903    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 15px;
8904    --size-style-width:30%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
8905    
8906  "
8907  
8908  data-testid="group-block"
8909><div class="group-block__media-wrapper">
8910    
8911
8912    
8913  </div>
8914
8915  <div
8916    class="
8917      group-block-content
8918      
8919      layout-panel-flex
8920      layout-panel-flex--row
8921       mobile-column
8922    "
8923    style="--flex-direction: row; --flex-wrap: nowrap;
8924
8925--gap: 20px;
8926
8927--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
8928--vertical-alignment-mobile: flex-start;
8929"
8930  >
8931  
8932
8933
8934
8935<div
8936  class="
8937    group-block
8938    group-block--height-fit
8939    group-block--width-fill
8940    border-style
8941    spacing-style
8942    size-style
8943    
8944    
8945  "
8946  style="
8947    --border-width: 1px; --border-style: none; --border-color:
8948rgb(var(--color-border-rgb) / 1.0); --border-radius:
89490px; 
8950
8951    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
8952    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
8953    
8954  "
8955  
8956  data-testid="group-block"
8957><div class="group-block__media-wrapper">
8958    
8959
8960    
8961  </div>
8962
8963  <div
8964    class="
8965      group-block-content
8966      
8967      layout-panel-flex
8968      layout-panel-flex--column
8969       mobile-column
8970    "
8971    style="--flex-direction: column; --flex-wrap: nowrap;
8972
8973--gap: 12px;
8974
8975--horizontal-alignment: flex-start; --vertical-alignment: center;
8976--vertical-alignment-mobile: center;
8977"
8978  >
8979  
8980
8981
8982
8983
8984
8985
8986
8987  <div 
8988  class=" spacing-style text-block text-block--Ad0J2Z3NWRXRRei95S__text_nEHdzg h4
8989    
8990  "
8991
8992  style="
8993    --padding-block-start: 0px; --padding-block-end:0px; 
8994--padding-inline-start:0px; --padding-inline-end:0px; 
8995
8996    
8997--color: var(--color-foreground);
8998    --width: fit-content;
8999    --max-width: var(--max-width--body-normal);
9000    
9001    
9002  "
9003
9004  
9005>
9006    <p>Unser Team hilft weiter</p>
9007  </div>
9008
9009
9010
9011
9012
9013
9014
9015
9016
9017
9018
9019
9020
9021
9022  <rte-formatter 
9023  class=" spacing-style text-block text-block--AWkl6OUdMbmlLZTVYT__text_GhdzPN rte
9024     rte 
9025  "
9026
9027  style="
9028    --padding-block-start: 0px; --padding-block-end:0px; 
9029--padding-inline-start:0px; --padding-inline-end:0px; 
9030
9031    
9032
9033    --width: fit-content;
9034    --max-width: var(--max-width--body-normal);
9035    
9036    
9037  "
9038
9039  
9040>
9041    <p>Sie haben eine Frage oder ein Anliegen?<br/>Rufen Sie uns an oder schreiben Sie uns. <br/>Wir antworten Ihnen umgehend und<br/>helfen Ihnen gerne weiter.</p>
9042  </rte-formatter>
9043
9044
9045
9046
9047
9048
9049
9050
9051
9052
9053
9054
9055
9056
9057
9058
9059
9060
9061
9062
9063
9064  <div
9065    class="
9066  image-block image-block--AeFRicTZHd1JJUjdwT__image_EjDfDy image-block--height-fit spacing-style size-style
9067"
9068    style="
9069  --ratio: 1;
9070  --size-style-width:39%;--size-style-height: fit;
9071  --size-style-width-mobile:30%; --size-style-width-mobile-min:30%;
9072  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9073"
9074    
9075  >
9076    
9077<img src="//matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=300 300w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=450 450w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=600 600w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=750 750w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=900 900w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&amp;width=3500 3500w" width="340" height="340" class="image-block__image border-style" style="
9078  --ratio: 1;
9079  --border-width: 1px; --border-style: none; --border-color:
9080rgb(var(--color-border-rgb) / 1.0); --border-radius:
90810px; 
9082
9083" sizes="auto, (min-width: 750px) 100vw, 100vw">
9084
9085  </div>
9086
9087
9088
9089
9090
9091
9092
9093
9094
9095
9096
9097
9098
9099  <rte-formatter 
9100  class=" spacing-style text-block text-block--AcUh5SGE4bVJtWGtaV__text_DzMQ8z rte
9101     rte 
9102  "
9103
9104  style="
9105    --padding-block-start: 0px; --padding-block-end:0px; 
9106--padding-inline-start:0px; --padding-inline-end:0px; 
9107
9108    
9109
9110    --width: fit-content;
9111    --max-width: var(--max-width--body-normal);
9112    
9113    
9114  "
9115
9116  
9117>
9118    <p>Folge uns</p>
9119  </rte-formatter>
9120
9121
9122
9123
9124
9125
9126
9127
9128
9129
9130<div
9131  class="
9132    group-block
9133    group-block--height-fit
9134    group-block--width-fill
9135    border-style
9136    spacing-style
9137    size-style
9138    
9139    
9140  "
9141  style="
9142    --border-width: 1px; --border-style: none; --border-color:
9143rgb(var(--color-border-rgb) / 1.0); --border-radius:
91440px; 
9145
9146    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9147    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
9148    
9149  "
9150  
9151  data-testid="group-block"
9152><div class="group-block__media-wrapper">
9153    
9154
9155    
9156  </div>
9157
9158  <div
9159    class="
9160      group-block-content
9161      
9162      layout-panel-flex
9163      layout-panel-flex--row
9164       mobile-column
9165    "
9166    style="--flex-direction: row; --flex-wrap: nowrap;
9167
9168--gap: 12px;
9169
9170--horizontal-alignment: flex-start; --vertical-alignment: center;
9171--vertical-alignment-mobile: center;
9172"
9173  >
9174  <div id="shopify-block-AYUd4VVJYOTg2M055b__icon_KCitBF" class="shopify-block icon-block">
9175
9176
9177
9178
9179<a
9180    href="https://www.facebook.com/mattenwelt/?locale=de_DE"
9181    class="text-inherit"
9182    
9183  >
9184    
9185  <svg
9186    class="icon-block__media icon-block-AYUd4VVJYOTg2M055b__icon_KCitBF"
9187    aria-hidden="true"
9188    focusable="false"
9189    xmlns="http://www.w3.org/2000/svg"
9190    width="24"
9191    height="24"
9192    viewBox="0 0 20 20"
9193    
9194      
9195    
9196  >
9197<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
9198
9199  </a>
9200
9201
9202</div>
9203<div id="shopify-block-AOHliQTlXdFdsd2dDQ__icon_GNtaAD" class="shopify-block icon-block">
9204
9205
9206
9207
9208<a
9209    href="https://www.youtube.com/channel/UC6a3Ak_HCB0UuZs8D-qXjbg"
9210    class="text-inherit"
9211    
9212  >
9213    
9214  <svg
9215    class="icon-block__media icon-block-AOHliQTlXdFdsd2dDQ__icon_GNtaAD"
9216    aria-hidden="true"
9217    focusable="false"
9218    xmlns="http://www.w3.org/2000/svg"
9219    width="24"
9220    height="24"
9221    viewBox="0 0 20 20"
9222    
9223      
9224    
9225  >
9226<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg>
9227
9228  </a>
9229
9230
9231</div>
9232<div id="shopify-block-AeERvSm5RbDhvTFdXV__icon_NVqTVM" class="shopify-block icon-block">
9233
9234
9235
9236
9237<a
9238    href="https://www.instagram.com/mattenwelt/?hl=de"
9239    class="text-inherit"
9240    
9241  >
9242    
9243  <svg
9244    class="icon-block__media icon-block-AeERvSm5RbDhvTFdXV__icon_NVqTVM"
9245    aria-hidden="true"
9246    focusable="false"
9247    xmlns="http://www.w3.org/2000/svg"
9248    width="24"
9249    height="24"
9250    viewBox="0 0 20 20"
9251    
9252      
9253    
9254  >
9255<path
9256      fill-rule="evenodd"
9257      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
9258      clip-rule="evenodd"
9259    /></svg>
9260
9261  </a>
9262
9263
9264</div>
9265
9266</div>
9267</div>
9268
9269
9270
9271
9272
9273
9274
9275
9276
9277<div
9278  class="
9279    group-block
9280    group-block--height-fill
9281    group-block--width-fill
9282    border-style
9283    spacing-style
9284    size-style
9285    
9286    
9287  "
9288  style="
9289    --border-width: 1px; --border-style: none; --border-color:
9290rgb(var(--color-border-rgb) / 1.0); --border-radius:
92910px; 
9292
9293    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9294    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
9295    
9296  "
9297  
9298  data-testid="group-block"
9299><div class="group-block__media-wrapper">
9300    
9301
9302    
9303  </div>
9304
9305  <div
9306    class="
9307      group-block-content
9308      
9309      layout-panel-flex
9310      layout-panel-flex--row
9311       mobile-column
9312    "
9313    style="--flex-direction: row; --flex-wrap: nowrap;
9314
9315--gap: 15px;
9316
9317--horizontal-alignment: flex-start; --vertical-alignment: center;
9318--vertical-alignment-mobile: center;
9319"
9320  >
9321  
9322
9323
9324
9325
9326
9327
9328
9329
9330
9331
9332
9333
9334
9335
9336  <div
9337    class="
9338  image-block image-block--AeVoxNFhiYTVLUzVYb__image_r3QaeV image-block--height-fit spacing-style size-style
9339"
9340    style="
9341  --ratio: 1.0;
9342  --size-style-width:15%;--size-style-height: fit;
9343  --size-style-width-mobile:30%; --size-style-width-mobile-min:30%;
9344  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9345"
9346    
9347  >
9348    
9349<img src="//matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=300 300w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=450 450w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=600 600w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=750 750w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=900 900w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&amp;width=3500 3500w" width="2244" height="2244" class="image-block__image border-style" style="
9350  --ratio: 1.0;
9351  --border-width: 1px; --border-style: none; --border-color:
9352rgb(var(--color-border-rgb) / 1.0); --border-radius:
93530px; 
9354
9355" sizes="auto, (min-width: 750px) 100vw, 100vw">
9356
9357  </div>
9358
9359
9360
9361
9362
9363
9364
9365
9366
9367
9368
9369
9370
9371
9372
9373
9374
9375
9376
9377
9378  <div
9379    class="
9380  image-block image-block--AS2FYNmFoRi9vV28rd__image_M4hjce image-block--height-fit spacing-style size-style
9381"
9382    style="
9383  --ratio: 0.988950276243094;
9384  --size-style-width:15%;--size-style-height: fit;
9385  --size-style-width-mobile:30%; --size-style-width-mobile-min:30%;
9386  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9387"
9388    
9389  >
9390    
9391<img src="//matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=300 300w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=450 450w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=600 600w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=750 750w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=900 900w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&amp;width=3500 3500w" width="358" height="362" class="image-block__image border-style" style="
9392  --ratio: 0.988950276243094;
9393  --border-width: 1px; --border-style: none; --border-color:
9394rgb(var(--color-border-rgb) / 1.0); --border-radius:
93950px; 
9396
9397" sizes="auto, (min-width: 750px) 100vw, 100vw">
9398
9399  </div>
9400
9401
9402
9403
9404
9405
9406
9407
9408
9409
9410
9411
9412
9413
9414
9415
9416
9417
9418
9419
9420  <div
9421    class="
9422  image-block image-block--AZmc0eDlOcGJCajZkb__image_JG9CVL image-block--height-fit spacing-style size-style
9423"
9424    style="
9425  --ratio: 1.6628571428571428;
9426  --size-style-width:15%;--size-style-height: fit;
9427  --size-style-width-mobile:30%; --size-style-width-mobile-min:30%;
9428  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9429"
9430    
9431  >
9432    
9433<img src="//matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=300 300w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=450 450w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=600 600w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=750 750w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=900 900w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&amp;width=3500 3500w" width="873" height="525" class="image-block__image border-style" style="
9434  --ratio: 1.6628571428571428;
9435  --border-width: 1px; --border-style: none; --border-color:
9436rgb(var(--color-border-rgb) / 1.0); --border-radius:
94370px; 
9438
9439" sizes="auto, (min-width: 750px) 100vw, 100vw">
9440
9441  </div>
9442
9443
9444
9445
9446
9447
9448
9449
9450
9451
9452
9453
9454
9455
9456
9457
9458
9459
9460
9461
9462  <div
9463    class="
9464  image-block image-block--AeWY0T0N4VWM5WW9Gb__image_naF3x6 image-block--height-fit spacing-style size-style
9465"
9466    style="
9467  --ratio: 2.2555555555555555;
9468  --size-style-width:15%;--size-style-height: fit;
9469  --size-style-width-mobile:30%; --size-style-width-mobile-min:30%;
9470  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9471"
9472    
9473  >
9474    
9475<img src="//matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=300 300w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=450 450w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=600 600w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=750 750w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=900 900w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&amp;width=3500 3500w" width="609" height="270" class="image-block__image border-style" style="
9476  --ratio: 2.2555555555555555;
9477  --border-width: 1px; --border-style: none; --border-color:
9478rgb(var(--color-border-rgb) / 1.0); --border-radius:
94790px; 
9480
9481" sizes="auto, (min-width: 750px) 100vw, 100vw">
9482
9483  </div>
9484
9485
9486
9487
9488
9489
9490
9491
9492
9493
9494
9495
9496
9497
9498
9499
9500
9501
9502
9503
9504  <div
9505    class="
9506  image-block image-block--AdnFYZGNCaldSdm9ya__group_jXpjh7 image-block--height-fit spacing-style size-style
9507"
9508    style="
9509  --ratio: 2.3331777881474567;
9510  --size-style-width:15%;--size-style-height: fit;
9511  --size-style-width-mobile:30%; --size-style-width-mobile-min:30%;
9512  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9513"
9514    
9515  >
9516    
9517<img src="//matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=300 300w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=450 450w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=600 600w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=750 750w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=900 900w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=1050 1050w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=1200 1200w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=1350 1350w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=1500 1500w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=1650 1650w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=1800 1800w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=1950 1950w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=2000 2000w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=2500 2500w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=3000 3000w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&amp;width=3500 3500w" width="5000" height="2143" class="image-block__image border-style" style="
9518  --ratio: 2.3331777881474567;
9519  --border-width: 1px; --border-style: none; --border-color:
9520rgb(var(--color-border-rgb) / 1.0); --border-radius:
95210px; 
9522
9523" sizes="auto, (min-width: 750px) 100vw, 100vw">
9524
9525  </div>
9526
9527
9528
9529
9530
9531
9532</div>
9533</div>
9534
9535
9536
9537
9538
9539
9540</div>
9541</div>
9542
9543
9544
9545
9546
9547
9548</div>
9549</div>
9550
9551
9552
9553
9554
9555
9556
9557
9558
9559<div
9560  class="
9561    group-block
9562    group-block--height-fit
9563    group-block--width-custom
9564    border-style
9565    spacing-style
9566    size-style
9567    
9568    
9569  "
9570  style="
9571    --border-width: 1px; --border-style: none; --border-color:
9572rgb(var(--color-border-rgb) / 1.0); --border-radius:
95730px; 
9574
9575    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9576    --size-style-width:23%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
9577    
9578  "
9579  
9580  data-testid="group-block"
9581><div class="group-block__media-wrapper">
9582    
9583
9584    
9585  </div>
9586
9587  <div
9588    class="
9589      group-block-content
9590      
9591      layout-panel-flex
9592      layout-panel-flex--column
9593       mobile-column
9594    "
9595    style="--flex-direction: column; --flex-wrap: nowrap;
9596
9597--gap: 12px;
9598
9599--horizontal-alignment: flex-start; --vertical-alignment: center;
9600--vertical-alignment-mobile: center;
9601"
9602  >
9603  
9604
9605
9606
9607
9608
9609
9610
9611  <div 
9612  class=" spacing-style text-block text-block--AZlpEYmdtOWhNTDlSM__text_RMXpp6 h4
9613    
9614  "
9615
9616  style="
9617    --padding-block-start: 0px; --padding-block-end:0px; 
9618--padding-inline-start:0px; --padding-inline-end:0px; 
9619
9620    
9621--color: var(--color-foreground);
9622    --width: fit-content;
9623    --max-width: var(--max-width--body-normal);
9624    
9625    
9626  "
9627
9628  
9629>
9630    <p>Informationen</p>
9631  </div>
9632
9633
9634
9635
9636
9637
9638
9639
9640
9641
9642
9643  <accordion-custom
9644    class="
9645      menu
9646      
9647      
9648    "
9649    data-disable-on-desktop="true"
9650    open-by-default-on-desktop
9651    
9652      data-disable-on-mobile="true"
9653      open-by-default-on-mobile
9654    
9655  >
9656    <details
9657      class="
9658        menu__details
9659        spacing-style
9660        
9661      "
9662      data-testid="menu-details"
9663      style="
9664        --spacing--size: 12px;
9665        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9666      "
9667      
9668    >
9669      <summary class="menu__heading menu__heading--empty h3">
9670        <span class="menu__heading__default"></span>
9671        <span class="menu__heading__accordion">
9672          2nd
9673          <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">
9674  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9675</svg>
9676</span>
9677          <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">
9678  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
9679  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
9680</svg>
9681</span>
9682        </span>
9683      </summary>
9684
9685      <div class="details-content">
9686        
9687          <ul class="list-unstyled">
9688            
9689              <li class="menu__item paragraph">
9690                <a href="https://www.logo-matten.com/configurator">
9691                  Logomatte gestalten
9692                </a>
9693              </li>
9694            
9695              <li class="menu__item paragraph">
9696                <a href="/pages/mattenwelt">
9697                  FAQ
9698                </a>
9699              </li>
9700            
9701              <li class="menu__item paragraph">
9702                <a href="/pages/agb">
9703                  AGB
9704                </a>
9705              </li>
9706            
9707              <li class="menu__item paragraph">
9708                <a href="/policies/terms-of-service">
9709                  Allgemeine Geschäftsbedingungen
9710                </a>
9711              </li>
9712            
9713              <li class="menu__item paragraph">
9714                <a href="/policies/refund-policy">
9715                  Rückerstattungsrichtlinie
9716                </a>
9717              </li>
9718            
9719              <li class="menu__item paragraph">
9720                <a href="/collections/gutscheine">
9721                  Gutscheine
9722                </a>
9723              </li>
9724            
9725              <li class="menu__item paragraph">
9726                <a href="https://matten-welt.com/collections/tischschoner">
9727                  Antirutschmatten
9728                </a>
9729              </li>
9730            
9731          </ul>
9732        
9733      </div>
9734    </details>
9735  </accordion-custom>
9736
9737
9738
9739
9740
9741
9742</div>
9743</div>
9744
9745
9746
9747
9748
9749
9750
9751
9752
9753<div
9754  class="
9755    group-block
9756    group-block--height-fit
9757    group-block--width-custom
9758    border-style
9759    spacing-style
9760    size-style
9761    
9762    
9763  "
9764  style="
9765    --border-width: 1px; --border-style: none; --border-color:
9766rgb(var(--color-border-rgb) / 1.0); --border-radius:
97670px; 
9768
9769    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9770    --size-style-width:23%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
9771    
9772  "
9773  
9774  data-testid="group-block"
9775><div class="group-block__media-wrapper">
9776    
9777
9778    
9779  </div>
9780
9781  <div
9782    class="
9783      group-block-content
9784      
9785      layout-panel-flex
9786      layout-panel-flex--column
9787       mobile-column
9788    "
9789    style="--flex-direction: column; --flex-wrap: nowrap;
9790
9791--gap: 12px;
9792
9793--horizontal-alignment: flex-start; --vertical-alignment: center;
9794--vertical-alignment-mobile: center;
9795"
9796  >
9797  
9798
9799
9800
9801
9802
9803
9804
9805  <div 
9806  class=" spacing-style text-block text-block--AcFZPbXh0NWs2a25JM__group_iRQg7L h4
9807    
9808  "
9809
9810  style="
9811    --padding-block-start: 0px; --padding-block-end:0px; 
9812--padding-inline-start:0px; --padding-inline-end:0px; 
9813
9814    
9815--color: var(--color-foreground);
9816    --width: fit-content;
9817    --max-width: var(--max-width--body-normal);
9818    
9819    
9820  "
9821
9822  
9823>
9824    <p>Allgemein</p>
9825  </div>
9826
9827
9828
9829
9830
9831
9832
9833
9834
9835
9836
9837  <accordion-custom
9838    class="
9839      menu
9840      
9841      
9842    "
9843    data-disable-on-desktop="true"
9844    open-by-default-on-desktop
9845    
9846      data-disable-on-mobile="true"
9847      open-by-default-on-mobile
9848    
9849  >
9850    <details
9851      class="
9852        menu__details
9853        spacing-style
9854        
9855      "
9856      data-testid="menu-details"
9857      style="
9858        --spacing--size: 12px;
9859        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9860      "
9861      
9862    >
9863      <summary class="menu__heading menu__heading--empty h3">
9864        <span class="menu__heading__default"></span>
9865        <span class="menu__heading__accordion">
9866          3nd
9867          <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">
9868  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9869</svg>
9870</span>
9871          <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">
9872  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
9873  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
9874</svg>
9875</span>
9876        </span>
9877      </summary>
9878
9879      <div class="details-content">
9880        
9881          <ul class="list-unstyled">
9882            
9883              <li class="menu__item paragraph">
9884                <a href="/pages/angebot">
9885                  Angebot anfordern
9886                </a>
9887              </li>
9888            
9889              <li class="menu__item paragraph">
9890                <a href="/pages/impressum">
9891                  Impressum
9892                </a>
9893              </li>
9894            
9895              <li class="menu__item paragraph">
9896                <a href="/pages/datenschutz">
9897                  Datenschutz
9898                </a>
9899              </li>
9900            
9901              <li class="menu__item paragraph">
9902                <a href="/pages/widerrufsbelehrung">
9903                  Widerrufsbelehrung
9904                </a>
9905              </li>
9906            
9907              <li class="menu__item paragraph">
9908                <a href="/pages/versandkosten">
9909                  Liefer und Versandkosten
9910                </a>
9911              </li>
9912            
9913              <li class="menu__item paragraph">
9914                <a href="/pages/kontakt">
9915                  Kontaktieren Sie uns
9916                </a>
9917              </li>
9918            
9919              <li class="menu__item paragraph">
9920                <a href="/pages/qualitat">
9921                  Qualität
9922                </a>
9923              </li>
9924            
9925              <li class="menu__item paragraph">
9926                <a href="/pages/fussmatten-shop">
9927                  Kategorien
9928                </a>
9929              </li>
9930            
9931              <li class="menu__item paragraph">
9932                <a href="/a/withdrawal">
9933                  Widerrufs Formular
9934                </a>
9935              </li>
9936            
9937          </ul>
9938        
9939      </div>
9940    </details>
9941  </accordion-custom>
9942
9943
9944
9945
9946
9947
9948</div>
9949</div>
9950
9951
9952
9953
9954
9955
9956
9957
9958
9959<div
9960  class="
9961    group-block
9962    group-block--height-fit
9963    group-block--width-custom
9964    border-style
9965    spacing-style
9966    size-style
9967    
9968    
9969  "
9970  style="
9971    --border-width: 1px; --border-style: none; --border-color:
9972rgb(var(--color-border-rgb) / 1.0); --border-radius:
99730px; 
9974
9975    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9976    --size-style-width:23%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
9977    
9978  "
9979  
9980  data-testid="group-block"
9981><div class="group-block__media-wrapper">
9982    
9983
9984    
9985  </div>
9986
9987  <div
9988    class="
9989      group-block-content
9990      
9991      layout-panel-flex
9992      layout-panel-flex--column
9993      
9994    "
9995    style="--flex-direction: column; --flex-wrap: nowrap;
9996
9997--gap: 12px;
9998
9999--horizontal-alignment: flex-start; --vertical-alignment: center;
10000--vertical-alignment-mobile: center;
10001"
10002  >
10003  
10004
10005
10006
10007
10008
10009
10010
10011  <div 
10012  class=" spacing-style text-block text-block--AczBRUUdDVUpDMU5Ba__text_dFFpdp h4
10013    text-block--align-left
10014  "
10015
10016  style="
10017    --padding-block-start: 0px; --padding-block-end:0px; 
10018--padding-inline-start:0px; --padding-inline-end:0px; 
10019
10020    
10021
10022    --width: 100%;
10023    --max-width: var(--max-width--body-normal);
10024    
10025      --text-align: left;
10026    
10027    
10028  "
10029
10030  
10031>
10032    <p>Kundenservice</p>
10033  </div>
10034
10035
10036
10037
10038
10039
10040
10041
10042
10043
10044
10045  <accordion-custom
10046    class="
10047      menu
10048      
10049      
10050    "
10051    data-disable-on-desktop="true"
10052    open-by-default-on-desktop
10053    
10054      data-disable-on-mobile="true"
10055      open-by-default-on-mobile
10056    
10057  >
10058    <details
10059      class="
10060        menu__details
10061        spacing-style
10062        
10063      "
10064      data-testid="menu-details"
10065      style="
10066        --spacing--size: 12px;
10067        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10068      "
10069      
10070    >
10071      <summary class="menu__heading menu__heading--empty h3">
10072        <span class="menu__heading__default"></span>
10073        <span class="menu__heading__accordion">
10074          Hauptmenü
10075          <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">
10076  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10077</svg>
10078</span>
10079          <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">
10080  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
10081  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
10082</svg>
10083</span>
10084        </span>
10085      </summary>
10086
10087      <div class="details-content">
10088        
10089          <ul class="list-unstyled">
10090            
10091              <li class="menu__item paragraph">
10092                <a href="/">
10093                  Startseite
10094                </a>
10095              </li>
10096            
10097              <li class="menu__item paragraph">
10098                <a href="https://matten-welt.com/pages/personalizer">
10099                  Fussmatte gestalten
10100                </a>
10101              </li>
10102            
10103              <li class="menu__item paragraph">
10104                <a href="/pages/fussmatten-shop">
10105                  Fussmatten Shop
10106                </a>
10107              </li>
10108            
10109              <li class="menu__item paragraph">
10110                <a href="/pages/angebot">
10111                  Angebot anfordern
10112                </a>
10113              </li>
10114            
10115              <li class="menu__item paragraph">
10116                <a href="/pages/qualitat">
10117                  Qualität
10118                </a>
10119              </li>
10120            
10121              <li class="menu__item paragraph">
10122                <a href="/pages/kontakt">
10123                  Kontakt
10124                </a>
10125              </li>
10126            
10127              <li class="menu__item paragraph">
10128                <a href="/pages/mattenwelt">
10129                  FAQ
10130                </a>
10131              </li>
10132            
10133          </ul>
10134        
10135      </div>
10136    </details>
10137  </accordion-custom>
10138
10139
10140
10141
10142
10143
10144</div>
10145</div>
10146
10147
10148
10149
10150
10151
10152</div>
10153</div>
10154
10155
10156
10157
10158
10159
10160
10161<div
10162  class="footer-utilities spacing-style"
10163  style="--padding-block-start: 20px;--padding-block-end: 0px; --border-width: 1px;"
10164  
10165>
10166  <div class="footer-utilities__group footer-utilities__group--left">
10167    
10168
10169<div
10170  class="
10171    footer-utilities__group-copyright
10172    custom-typography
10173    custom-font-size
10174  "
10175  style="
10176--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-);"
10177  
10178>
10179  <span class="footer-utilities__text">
10180    &copy; 2026
10181    <a href="/" title="">Matten-Welt</a>y</span>
10182</div>
10183
10184
10185
10186    
10187
10188<ul
10189  class="
10190    policy_list list-unstyled
10191    custom-typography
10192    custom-font-size
10193  "
10194  style="
10195--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-);"
10196  
10197><li>
10198        <a
10199          href="/policies/refund-policy"
10200          class="footer-utilities__text"
10201        >Widerrufsrecht</a>
10202      </li><li>
10203        <a
10204          href="/policies/privacy-policy"
10205          class="footer-utilities__text"
10206        >Datenschutzerklärung</a>
10207      </li><li>
10208        <a
10209          href="/policies/terms-of-service"
10210          class="footer-utilities__text"
10211        >AGB</a>
10212      </li><li>
10213        <a
10214          href="/policies/shipping-policy"
10215          class="footer-utilities__text"
10216        >Versand</a>
10217      </li><li>
10218        <a
10219          href="/policies/legal-notice"
10220          class="footer-utilities__text"
10221        >Impressum</a>
10222      </li><li>
10223        <a
10224          href="/policies/contact-information"
10225          class="footer-utilities__text"
10226        >Kontaktinformationen</a>
10227      </li></ul>
10228
10229
10230
10231
10232
10233  </div>
10234
10235  <div class="footer-utilities__group footer-utilities__group--right">
10236    
10237  </div>
10238</div>
10239
10240
10241
10242
10243
10244
10245<div
10246  class="
10247    payment-icons
10248    spacing-style
10249  "
10250  style="
10251    --padding-block-start: 0px; --padding-block-end:0px; 
10252--padding-inline-start:0px; --padding-inline-end:0px; 
10253
10254    --icon-gap: 10px;
10255    --alignment: flex-start;
10256  "
10257  
10258>
10259  <span class="visually-hidden">Zahlungsmethoden</span>
10260  <ul
10261    class="payment-icons__list"
10262    role="list"
10263  ><li class="payment-icons__item">
10264        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/>
10264<path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
10265
10266      </li><li class="payment-icons__item">
10267        <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" />
10267<path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
10268
10269      </li><li class="payment-icons__item">
10270        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewBox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><linearGradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientUnits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></linearGradient><linearGradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientUnits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></linearGradient></defs></svg>
10271      </li><li class="payment-icons__item">
10272        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-eps"> <title id="pi-eps">EPS</title> <path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" opacity=".07"/> <path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#fff"/> <path fill="#71706f" d="M27.745 12.32h-2.322a.465.465 0 01-.468-.464c0-.258.21-.484.468-.484h3.535V9.628h-3.535c-1.233 0-2.237 1.006-2.237 2.236s1.004 2.237 2.237 2.237h2.29c.259 0 .469.205.469.462 0 .258-.21.448-.468.448h-4.912c-.417.796-.822 1.478-1.645 1.82h6.588c1.213-.018 2.205-1.045 2.205-2.265 0-1.22-.992-2.23-2.205-2.247z"/> <path fill="#71706f" d="M18.845 9.628c-1.968 0-3.571 1.612-3.571 3.594V20.697h1.782V16.83h1.785c1.968 0 3.565-1.634 3.565-3.615 0-1.98-1.593-3.587-3.561-3.587zm0 5.383h-1.79v-1.796c0-1.003.8-1.82 
102721.79-1.82s1.796.817 1.796 1.82a1.79 1.79 0 01-1.796 1.796z"/> <path fill="#c8036f" d="M9.634 16.83c-1.685 0-3.101-1.2-3.484-2.768 0 0-.111-.519-.111-.86 0-.342.105-.865.105-.865a3.594 3.594 0 013.482-2.73c1.978 0 3.6 1.608 3.6 3.586v.87H7.973c.31.607.938.948 1.662.948h4.724l.006-5.13c0-.764-.625-1.39-1.39-1.39H6.278c-.764 0-1.39.607-1.39 1.371v6.696c0 .765.626 1.41 1.39 1.41h6.696c.686 0 1.259-.493 1.37-1.138h-4.71z"/> <path fill="#c8036f" d="M9.626 11.31c-.72 0-1.348.44-1.66 1.01h3.32c-.312-.57-.939-1.01-1.66-1.01zM12.659 6.314c0-1.635-1.359-2.96-3.034-2.96-1.647 0-2.987 1.282-3.031 2.879v.91c0 .106.086.21.195.21h1.116c.11 0 .205-.104.205-.21v-.83c0-.815.68-1.48 1.516-1.48.837 0 1.516.665 1.516 1.48v.83c0 .106.089.21.198.21h1.116c.109 0 .202-.104.202-.21v-.83z"/> <g> <path fill="#71706f" d="M20.843 19.142l-.16.914c-.082.462-.384.673-.794.673-.347 0-.616-.226-.538-.672l.161-.914h.249l-.161.913c-.05.285.078.447.32.447.249 0 .462-.148.513-.446l.161-.915h.25zm-.977-.285c0 .076.059.112.121.112.079 0 .164-.057.164-.162 0-.074-.05-.112-.114-.112-.08 0-.17.052-.17.162zm.538-.003c0 .079.06.114.126.114.07 0 .161-.056.161-.159 0-.074-.054-.114-.114-.114-.08 0-.173.052-.173.16zM21.445 19.142l-.112.632a.57.57 0 01.423-.199c.278 0 .47.163.47.465 0 .428-.297.686-.678.686-.148 0-.274-.055-.35-.194l-.042.165h-.218l.276-1.554h.23zm-.175 1.066c-.01.183.11.302.282.302a.444.444 0 00.441-.423c.01-.186-.111-.296-.28-.296a.45.45 0 00-.443.417zM22.68 20.242c-.01.151.11.275.311.275.112 0 .26-.044.34-.12l.126.145a.782.782 0 01-.508.188c-.319 0-.505-.19-.505-.482 0-.388.305-.677.695-.677.356 0 .558.216.437.67h-.896zm.708-.19c.018-.19-.094-.267-.28-.267-.168 0-.323.078-.39.267h.67zM24.193 19.597l-.012.146a.414.414 0 01.357-.17c.107 0 .204.039.255.095l-.139.201a.244.244 0 00-.183-.067.346.346 0 00-.352.3l-.106.595h-.23l.195-1.1h.215zM25.905 19.597l.116.87.422-.87h.257l-.578 1.1h-.27l-.11-.725-.178.36-.192.365h-.27l-.194-1.1h.26l.114.87.424-.87h.199zM26.997 20.242c-.01.151.11.275.311.275.112 0 .26-.044.34-.12l.126.145a.782.782 0 01-.508.188c-.319 0-.505-.19-.505-.482 0-.388.305-.677.695-.677.356 0 .558.216.437.67h-.896zm.708-.19c.018-.19-.094-.267-.28-.267-.168 0-.323.078-.39.267h.67zM28.525 19.597l-.194 1.1H28.1l.195-1.1h.23zm-.204-.3c0 .08.059.12.121.12.09 0 .173-.059.173-.168a.113.113 0 00-.117-.117c-.082 0-.177.054-.177.166zM29.55 19.87c-.072-.081-.164-.104-.274-.104-.152 0-.26.052-.26.148 0 .08.088.114.218.126.201.017.459.085.405.37-.038.205-.244.326-.53.326-.18 0-.353-.04-.47-.204l.151-.163c.083.114.229.161.358.164.11 0 .24-.04.26-.144.02-.098-.067-.136-.228-.152-.188-.018-.394-.087-.394-.296 0-.276.298-.372.522-.372.17 0 .295.038.399.148l-.157.152zM30.278 19.597l-.105.592c-.034.189.051.319.244.319.181 0 .336-.15.367-.334l.101-.576h.231l-.195 1.099h-.208l.015-.16a.573.573 0 01-.412.182c-.271 0-.432-.194-.374-.528l.105-.593h.231zM32.13 20.697l.105-.589c.033-.19-.032-.317-.242-.317-.184 0-.339.148-.37.33l-.1.576h-.232l.195-1.1h.21l-.015.16a.583.583 0 01.403-.176c.27 0 .444.187.384.525l-.106.59h-.233zM32.912 20.848c-.016.152.1.213.296.213.17 0 .354-.095.396-.337l.034-.189c-.1.142-.285.197-.421.197-.283 0-.48-.168-.48-.473 0-.434.323-.685.688-.685.155 0 .294.073.343.199l.038-.176h.224l-.193 1.132c-.071.42-.383.55-.668.55-.34 0-.528-.165-.481-.43h.224zm.065-.633c0 .188.123.302.3.302.477 0 .605-.733.128-.733a.42.42 0 00-.428.43z"/></g></svg>
10273      </li><li class="payment-icons__item">
10274        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.
1027406zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
10275
10276      </li><li class="payment-icons__item">
10277        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-spidealwero"><title id="pi-spidealwero">iDEAL Wero</title><path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#FFF48D"/><path d="M3.45001 7.43572V17.0022C3.45001 17.4602 3.82664 17.8347 4.28673 17.8347H10.0301C14.3722 17.8347 16.2539 15.4157 16.2539 12.2063C16.2539 8.99693 14.3715 6.60321 10.0294 6.60321H4.28603C3.82594 6.60321 3.44931 6.97773 3.44931 7.43572H3.45001Z" fill="white"/><path d="M7.29413 8.95133V16.0203H10.385C13.1918 16.0203 14.4087 14.4422 14.4087 12.2112C14.4087 9.98022 13.1911 8.41901 10.385 8.41901H7.82926C7.53259 8.41901 7.29413 8.66027 7.29413 8.95204V8.95133Z" fill="#CC0066"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.03507 17.073H10.0294C13.539 17.073 15.4754 15.3456 15.4754 12.2105C15.4754 10.4038 14.7685 7.36908 10.0294 7.36908H5.03507C4.59182 7.36908 4.23203 7.72677 4.23203 8.16862V16.2742C4.23203 16.7153 4.59182 17.0737 5.03507 17.0737V17.073ZM4.49924 8.16862C4.49924 7.87335 4.7377 7.63559 5.03437 7.63559H10.0287C11.9609 7.63559 15.2068 8.23104 15.2068 12.2105C15.2068 15.1744 13.3665 16.8065 10.0287 16.8065H5.03507C4.7384 16.8065 4.49994 16.5694 4.49994 16.2735V8.16862H4.49924Z" fill="#232323"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.81464 11.1831C8.72066 11.1494 8.62247 11.1326 8.51586 11.1326V11.1284H7.8082V12.8355H8.52428C8.65122 12.8355 8.76134 12.8102 8.85602 12.7681C8.95 12.7218 9.02785 12.6629 9.08957 12.5872C9.15129 12.5114 9.19618 12.4188 9.22844 12.3136C9.25719 12.2084 9.27332 12.0948 9.27332 11.9686C9.27332 11.8255 9.25299 11.7035 9.21581 11.5983C9.17514 11.4973 9.12183 11.4089 9.05661 11.3374C8.98717 11.27 8.90932 11.2153 8.81534 11.1817L8.81464 11.1831ZM8.64702 12.4995C8.59371 12.5163 8.54462 12.5248 8.49132 12.5248V12.529H8.16799V11.4524H8.4296C8.51937 11.4524 8.59301 11.465 8.65473 11.4903C8.71645 11.5155 8.76554 11.5576 8.80201 11.6039C8.83849 11.6502 8.86724 11.7133 8.88407 11.7806C8.9002 11.8479 8.90862 11.9279 8.90862 12.0121C8.90862 12.1088 8.896 12.1846 8.87215 12.2519C8.85108 12.3106 8.81921 12.3649 8.77817 12.4118C8.74305 12.4524 8.69779 12.4829 8.64702 12.5002V12.4995Z" fill="white"/><path d="M10.7504 11.1333V11.4489H9.87441V11.815H10.6803V12.1053H9.87441V12.5219H10.7707V12.8376H9.51041V11.1305H10.7504V11.1347V11.1333Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6244 12.8404L12.0023 11.1333H11.6222L10.9958 12.8404H11.3641L11.4952 12.4616H12.1173L12.2443 12.8404H12.6251H12.6244ZM11.8136 11.5534L12.0226 12.1797H11.5934L11.8101 11.5534H11.8143H11.8136Z" fill="white"/><path d="M13.2178 11.1325V12.5247H14.0278V12.8403H12.8538V11.1332H13.2178V11.1325Z" fill="white"/><path d="M5.85774 12.8656C6.30099 12.8656 6.66009 12.5065 6.66009 12.0625C6.66009 11.6186 6.30099 11.2595 5.85774 11.2595C5.41448 11.2595 5.05539 11.6186 5.05539 12.0625C5.05539 12.5065 5.41448 12.8656 5.85774 12.8656ZM6.33536 16.0771C5.71396 16.0771 5.216 15.5406 5.216 14.8813V13.9478C5.216 13.6181 5.46498 13.3474 5.77778 13.3474C6.09059 13.3474 6.33957 13.6139 6.33957 13.9478V16.0771H6.33536Z" fill="#232323"/><path d="M31.45 12.2209C31.45 11.1773 32.1926 10.2264 33.4749 10.2264C34.7572 10.2264 35.5053 11.178 35.5053 12.2209C35.5053 13.2638 34.7627 14.2154 33.4749 14.2154C32.1926 14.2154 31.45 13.2638 31.45 12.2209ZM34.3782 12.2209C34.3782 11.7178 34.0467 11.2537 33.4749 11.2537C32.9032 11.2537 32.5717 11.7186 32.571
102777 12.2209C32.5717 12.7232 32.9086 13.1889 33.4749 13.1889C34.0412 13.1889 34.3782 12.724 34.3782 12.2209ZM30.6615 12.9619C31.0889 12.7185 31.3455 12.2537 31.3455 11.7404C31.3455 10.9784 30.7948 10.3294 29.94 10.3294H28.1452V14.1132H29.2567V13.146H29.4649L30.1006 14.1132H31.4095L30.6615 12.9619ZM29.7161 12.2747H29.2567V11.2046H29.7216C30.0211 11.2046 30.213 11.4479 30.213 11.7396C30.213 12.0314 30.0148 12.2747 29.7161 12.2747ZM23.0713 10.3247L22.4044 12.5797L21.7539 10.3247H20.8686L20.2126 12.5797L19.5511 10.3247H18.378L19.722 14.1015H20.6868L21.3108 12.0454L21.9294 14.1015H22.8997L24.2436 10.3247H23.0705H23.0713ZM25.9261 13.1795H25.9237C25.508 13.1795 25.2163 12.9284 25.0915 12.5961H27.9159C27.9385 12.4713 27.9502 12.3434 27.9502 12.2139C27.9502 11.1734 27.21 10.2241 25.9261 10.2233V11.2482C26.3442 11.249 26.6328 11.5002 26.7568 11.8317H23.9363C23.9137 11.9565 23.902 12.0844 23.902 12.2139C23.902 13.2552 24.643 14.2052 25.923 14.2052H25.9253V13.1795H25.9261Z" fill="#1D1C1C"/><path d="M25.9237 14.2044C25.9674 14.2044 26.0103 14.2029 26.0524 14.2013C26.3122 14.188 26.5485 14.135 26.7591 14.05C26.9697 13.965 27.1546 13.8472 27.3114 13.7052C27.4673 13.5644 27.5983 13.3982 27.699 13.2138C27.7903 13.0469 27.8574 12.8667 27.8995 12.6787H26.7225C26.6983 12.7287 26.6702 12.777 26.6382 12.8215C26.5945 12.8831 26.5431 12.9385 26.4846 12.9861C26.4261 13.0344 26.3605 13.075 26.2888 13.1062C26.217 13.1374 26.1382 13.1592 26.0532 13.1709C26.0119 13.1764 25.969 13.1795 25.9245 13.1795C25.6601 13.1795 25.4456 13.0773 25.2919 12.9174L24.5268 13.6912C24.8668 14.0055 25.3387 14.2036 25.9237 14.2036V14.2044Z" fill="#1D1C1C"/><path d="M25.9237 10.2225C24.838 10.2225 24.1399 10.9058 23.9535 11.7482H25.1266C25.267 11.4581 25.5431 11.2475 25.9237 11.2475C26.2272 11.2475 26.4627 11.3785 26.6164 11.5766L27.3886 10.7958C27.0438 10.4464 26.5477 10.2225 25.9245 10.2225H25.9237Z" fill="#1D1C1C"/><path d="M17.3927 16.431C17.3069 16.431 17.2367 16.3608 17.2367 16.275V8.16296C17.2367 8.07716 17.3069 8.00696 17.3927 8.00696C17.4785 8.00696 17.5487 8.07716 17.5487 8.16296V16.275C17.5487 16.3608 17.4785 16.431 17.3927 16.431Z" fill="#1D1C1C"/></svg>
10278      </li><li class="payment-icons__item">
10279        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" viewBox="0 0 38 24" aria-labelledby="pi-klarna" fill="none"><title id="pi-klarna">Klarna</title><rect width="38" height="24" rx="2" fill="#FFA8CD"/><rect x=".5" y=".5" width="37" height="23" rx="1.5" stroke="#000" stroke-opacity=".07"/><path d="M30.62 14.755c-.662 0-1.179-.554-1.179-1.226 0-.673.517-1.226 1.18-1.226.663 0 1.18.553 1.18 1.226 0 .672-.517 1.226-1.18 1.226zm-.33 1.295c.565 0 1.286-.217 1.686-1.068l.04.02c-.176.465-.176.742-.176.81v.11h1.423v-4.786H31.84v.109c0 .069 0 .346.175.81l-.039.02c-.4-.85-1.121-1.068-1.687-1.068-1.355 0-2.31 1.088-2.31 2.522 0 1.433.955 2.521 2.31 2.521zm-4.788-5.043c-.643 0-1.15.228-1.56 1.068l-.039-.02c.175-.464.175-.741.175-.81v-.11h-1.423v4.787h1.462V13.4c0-.662.38-1.078.995-1.078.614 0 .917.356.917 1.068v2.532h1.462v-3.046c0-1.088-.838-1.869-1.989-1.869zm-4.963 1.068l-.039-.02c.176-.464.176-.741.176-.81v-.11h-1.424v4.787h1.463l.01-2.304c0-.673.35-1.078.926-1.078.156 0 .282.02.429.06v-1.464c-.644-.139-1.22.109-1.54.94zm-4.65 2.68c-.664 0-1.18-.554-1.18-1.226 0-.673.516-1.226 1.18-1.226.662 0 1.179.553 1.179 1.226 0 .672-.517 1.226-1.18 1.226zm-.332 1.295c.565 0 1.287-.217 1.687-1.068l.038.02c-.175.465-.175.742-.175.81v.11h1.424v-4.786h-1.424v.109c0 .069 0 .346.175.81l-.038.02c-.4-.85-1.122-1.068-1.687-1.068-1.356 0-2.311 1.088-2.311 2.522 0 1.433.955 2.521 2.31 2.521zm-4.349-.128h1.463V9h-1.463v6.922zM10.136 9H8.644c0 1.236-.751 2.343-1.892 3.134l-.448.317V9h-1.55v6.922h1.55V12.49l2.564 3.43h1.892L8.293 12.64c1.121-.82 1.852-2.096 1.843-3.639z" fill="#0B051D"/></svg>
10280      </li><li class="payment-icons__item">
10281        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-maestro"><title id="pi-maestro">Maestro</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#00A2E5" cx="23" cy="12" r="7"/><path fill="#7375CF" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
10282      </li><li class="payment-icons__item">
10283        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/>
10283<path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
10284
10285      </li><li class="payment-icons__item">
10286        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-mobilepay"><title id="pi-mobilepay">MobilePay</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.05 15.296s2.53-.771 4.282-.776c2.896-.007 4.857 1.15 4.857 1.15V10.06s-1.97-1.02-4.453-1.09c-2.481-.068-4.687 1.012-4.687 1.012v5.313z" fill="#5A78FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.308 9.19l2.082 4.957V9.396s1.646-.882 3.485-1.13c1.84-.249 4.181.08 4.181.08l-1.133-2.707s-2.461-.159-4.69.794c-2.228.952-3.925 2.756-3.925 2.756z" fill="#5A78FF"/><path d="M21.428 5.676l-.82-1.99a1.818 1.818 0 00-2.37-.996l-5.663 2.334a1.818 1.818 0 00-.98 2.376l5.46 13.247a1.818 1.818 0 002.37.995l5.662-2.334a1.817 1.817 0 00.98-2.376l-.677-1.642s-.462-.027-.676-.033c-.226-.006-.644-.001-.644-.001l.88 2.136a.606.606 0 01-.326.793l-5.663 2.333a.606.606 0 01-.79-.331L12.711 6.94a.606.606 0 01.327-.792L18.7 3.814a.606.606 0 01.79.332l.83 2.011s.383-.187.59-.27c.206-.082.518-.211.518-.211z" fill="#5A78FF"/></svg>
10287      </li><li class="payment-icons__item">
10288        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 
102880-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
10289      </li><li class="payment-icons__item">
10290        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
10291
10292      </li><li class="payment-icons__item">
10293        <svg class="icon icon--full-color" viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.
10293635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg>
10294      </li><li class="payment-icons__item">
10295        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 
1029516.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
10296
10297      </li></ul>
10298</div>
10299
10300
10301
10302
10303
10304  </div>
10305</div>
10306
10307
10308</footer>
10309<!-- END sections: footer-group -->
10310    
10310<script>
10311  
10312async function appendDiv(callback) {
10313    var url = "https://konfigurator-matten.com/getproducts/customized";
10314    var storeName = window.Shopify.shop;
10315    var productId = `null`;
10316
10317    try {
10318        const response = await fetch(url, {
10319            method: 'POST',
10320            headers: {
10321                'Accept': 'application/json',
10322                'Content-Type': 'application/json',
10323                'ngrok-skip-browser-warning': 'true'
10324            },
10325            body: JSON.stringify({
10326                "productId": productId,
10327                "storeName": storeName,
10328            }),
10329        });
10330
10331        if (!response.ok) {
10332            throw new Error('Network response was not ok ' + response.statusText);
10333        }
10334
10335        const data = await response.json();
10336  
10337        const transformedData = data.map(item => ({
10338            "variantId": item.variant_id,
10339            "laenge": `${item.start_range}-${item.end_range}`,
10340            "squareMeterPrice": parseInt(item.square_meter_price, 10),          
10341            "productId": parseInt(item.product_id, 10),
10342            "variantTitle": item.Product_name,
10343        }));
10344
10345        var scriptLatest = document.createElement("script");
10346        scriptLatest.id = "dynamic-pricing-data";
10347        scriptLatest.textContent = JSON.stringify(transformedData, null, 2);
10348        document.head.appendChild(scriptLatest);
10349
10350        const container = document.getElementById('dynamic-pricing-main-container');
10351
10352        await data.forEach(item => {
10353        
10354            // Ensure square_meter_price is converted correctly
10355            const squareMeterPrice = parseFloat(item.square_meter_price.toString().replace(',', '.')) / 100;
10356        
10357            const widthArray = JSON.parse(item.width);
10358        
10359            const dynamicDiv = document.createElement('div');
10360            dynamicDiv.id = `dynamic-pricing-container-${item.variant_id}`;
10361            dynamicDiv.className = 'dynamic-pricing-container';
10362            dynamicDiv.dataset.squareMeterPrice = item.square_meter_price; // Store as numeric value
10363        
10364            dynamicDiv.innerHTML = `
10365                        <p style="margin-bottom: 5px;"><b style="font-weight: bold;">Breite</b>:(cm)</p>
10366                        <div class="dynamic-pricing-input-fixed-container">
10367                            <input class="dynamic-pricing-input dpi-width" value="" type="number" data-min="1" step="0.1">
10368                        </div>
10369                        <p class="dynamic-pricing-error-message">Bitte geben Sie zulässigen Wert ein.</p>
10370                        <p style="margin-bottom: 5px;"><b style="font-weight: bold;">Länge</b>:(cm)</p>
10371                        <div class="dynamic-pricing-input-container">
10372                            <input class="dynamic-pricing-input dpi-length" value="" type="number" step="0.1">
10373                        </div>
10374                        <p class="dynamic-pricing-error-message">Bitte geben Sie zulässigen Wert ein.</p>
10375                        
10376                        <p style="display: none;">Plus ${item.fix_price / 100} cutting fee  €</p>
10377                    `;
10378
10379                    container.appendChild(dynamicDiv);
10380                });
10381
10382          dpiCall();
10383        // Call the callback function after the divs are appended
10384        if (callback) callback();
10385    } catch (error) {
10386        console.error('Error fetching products:', error);
10387    }
10388}
10389
10390// Call appendDiv and pass showDynamicPricing as a callback
10391appendDiv(showDynamicPricing);
10392
10393var currentDynamicPricing = null;
10394var productHandleMetafield = JSON.parse(document.getElementById('product-handle-metafield').textContent);
10395if (productHandleMetafield.data !== "") {
10396  window.location.href = '/products/' + productHandleMetafield.data;
10397}
10398function showDynamicPricing() {
10399    var dynamicPricingDataScript = document.getElementById('dynamic-pricing-data');
10400    
10401    if (!dynamicPricingDataScript) {
10402        console.error("Dynamic pricing data script not found");
10403        return;
10404    }
10405
10406    var dynamicPricingData = JSON.parse(dynamicPricingDataScript.textContent);
10407     const formElement = document.querySelector("form[action*='/cart/add']");
10408
10409    if (!formElement) {
10410       console.error("Cart form not found");
10411        return;
10412    }
10413
10414    const variantIdInput = formElement.querySelector("input[name='id']");
10415        let currentId = null;
10416
10417        if (variantIdInput) {
10418        currentId = variantIdInput.value;
10419        } else {
10420        console.log("Variant ID input not found.");
10421        }
10422
10423    // Now use currentId safely below
10424    document.querySelectorAll(".dynamic-pricing-container-appear").forEach(function (active) {
10425        active.classList.remove("dynamic-pricing-container-appear");
10426    });
10427
10428    currentDynamicPricing = null;
10429
10430    for (let variant of dynamicPricingData) {
10431        if (variant["variantId"] === currentId) {
10432            currentDynamicPricing = variant;
10433            var pricingContainer = document.getElementById("dynamic-pricing-container-" + currentId);
10434            if (pricingContainer) {
10435                pricingContainer.classList.add("dynamic-pricing-container-appear");
10436                dynamicPricingMode = true;
10437                updateInputDP(pricingContainer.querySelector(".dynamic-pricing-input"));
10438            } else {
10439                console.error("Dynamic pricing container not found for ID:", currentId);
10440            }
10441        }
10442    }
10443}
10444
10445
10446
10447 document.addEventListener("DOMContentLoaded", function () {
10448    function handleCustomSelectChange(selectElement) {
10449        let selectedValue = selectElement.value;
10450         showDynamicPricing();
10451            dpiCall();
10452        // Keywords to check
10453        const keywords = ["Custom", "custom", "0.9 m x pro Laufmeter"];
10454
10455        if (keywords.includes(selectedValue)) {
10456            showDynamicPricing();
10457            dpiCall();
10458        }
10459    }
10460
10461   
10462        function initializeCustomSelectListeners() {
10463            const variantSelects = document.querySelectorAll(".variant-option__select");
10464
10465            variantSelects.forEach((select) => {
10466            select.removeEventListener("change", handleVariantChange);
10467            select.addEventListener("change", handleVariantChange);
10468            });
10469        }
10470
10471        function handleVariantChange(event) {
10472            setTimeout(() => {
10473                handleCustomSelectChange(event.target);
10474            }, 2000);
10475        }
10476
10477        // Call once at load
10478        initializeCustomSelectListeners();
10479    // Ensure functions run on initial load
10480    setTimeout(() => {
10481        document.querySelectorAll(".selector-wrapper select").forEach(handleCustomSelectChange);
10482    }, 100);
10483});
10484
10485
10486
10487
10488  const cartButton = document.querySelector(".add-to-cart-button");
10489  cartButton.addEventListener("click", async function(event) {
10490
10491    if (cartButton.classList.contains("processing")) {
10492        return;
10493    }
10494
10495    event.preventDefault();
10496
10497    // Reset error messages
10498    const errorMessageContainers = document.querySelectorAll(".dynamic-pricing-error-message");
10499    errorMessageContainers.forEach(container => {
10500        container.classList.remove("dynamic-pricing-error-message-show");
10501        container.textContent = ""; // Clear previous messages
10502    });
10503
10504    // Check if currentDynamicPricing is null
10505    if (currentDynamicPricing == null) {
10506        cartButton.classList.add("processing");
10507
10508        const variantId = new FormData(document.querySelector("form[action='/cart/add']")).get("id");
10509        const hiddenInputName = document.getElementById("hidden-name-input").value;
10510        const quantity = parseInt(document.querySelector('input[name="quantity"]').value);
10511        
10512        const formItem = {
10513            id: variantId,
10514            quantity: quantity,
10515        };
10516
10517            // Only add 'properties' if hiddenInputName has a value
10518        if (hiddenInputName && hiddenInputName.trim() !== "") {
10519            formItem.properties = {
10520                "Name": hiddenInputName
10521            };
10522        }
10523
10524        cartButton.classList.remove("processing");
10525
10526        // START: Globo custom
10527        var propData = {};
10528        var hiddenInputs = document.querySelectorAll('.gpo-hidden-inputs input:not(#validator)');
10529        hiddenInputs.length && hiddenInputs.forEach((input) => {
10530            let name = input.getAttribute('data-field-name');
10531            if (name && input.value) {
10532                formItem["properties"][name] = input.value;
10533            }
10534        });
10535        // END: Globo custom
10536
10537        await fetch('/cart/add.js', {
10538            method: 'POST',
10539            headers: { 'Content-Type': 'application/json' },
10540            body: JSON.stringify({
10541                items: [formItem]
10542            })
10543        });
10544
10545        location.replace("/cart");
10546        return;
10547    }
10548
10549    // Validate input fields
10550    const lengthInput = document.querySelector('.dpi-length');
10551    const widthInput = document.querySelector('.dpi-width');
10552
10553    // Check if inputs are empty or less than or equal to 0
10554    const lengthValue = parseFloat(lengthInput.value);
10555    const widthValue = parseFloat(widthInput.value);
10556    if (isNaN(lengthValue)) {
10557        errorMessageContainers[1].classList.add("dynamic-pricing-error-message-show");
10558        errorMessageContainers[1].textContent = "Bitte geben Sie einen Wert für die Länge ein."; // Custom message
10559        return;
10560    }
10561    if ( lengthValue <= 0) {
10562        errorMessageContainers[1].classList.add("dynamic-pricing-error-message-show");
10563        errorMessageContainers[1].textContent = "Bitte geben Sie einen Wert für die Länge ein, der größer als 0 ist."; // Custom message
10564        return;
10565    }
10566
10567    if (isNaN(widthValue) ) {
10568        errorMessageContainers[0].classList.add("dynamic-pricing-error-message-show");
10569        errorMessageContainers[0].textContent = "Bitte geben Sie einen Wert für die Breite ein."; // Custom message
10570        return;
10571    }
10572    if (widthValue <= 0) {
10573        errorMessageContainers[0].classList.add("dynamic-pricing-error-message-show");
10574        errorMessageContainers[0].textContent = "Bitte geben Sie einen Wert für die Breite ein, der größer als 0 ist."; // Custom message
10575        return;
10576    }
10577
10578    // Proceed with adding to cart if inputs are valid
10579    cartButton.classList.add("processing");
10580
10581    createFormData().then(async (formData) => {
10582        if (formData == null) {
10583            return;
10584        }
10585        const response = await fetch('/cart/add.js', {
10586            method: 'POST',
10587            headers: { 'Content-Type': 'application/json' },
10588            body: JSON.stringify(formData)
10589        });
10590    
10591        if (response.ok) {
10592            await new Promise(resolve => setTimeout(resolve, 500)); // Wait 500ms before redirecting
10593            location.replace("/cart");
10594        }
10595    });
10596});  
10597
10598        async function createFormData() {
10599         
10600          const dynamicPricingPingUrl = "https://konfigurator-matten.com"
10601          const dynamicPricingServerUrl = "https://konfigurator-matten.com/fronts/saveNew"
10602          let controller = new AbortController();
10603          // setting request timeout of 3000ms
10604            setTimeout(() => controller.abort(), 8000);
10605
10606          // try to reach out dynamic pricing server
10607          var result = null;
10608          try {
10609            result = await fetch(dynamicPricingServerUrl, {
10610              method: 'POST',
10611              mode: 'cors',
10612              headers: {
10613                'Accept': 'application/json',
10614                'Content-Type': 'application/json',
10615                'ngrok-skip-browser-warning': 'true'
10616              },
10617              body: JSON.stringify({
10618                "productOriginId": currentDynamicPricing.productId,
10619                "variantOriginId": currentDynamicPricing.variantId,
10620                "broad": currentDynamicPricing.firstValue,
10621                "length": currentDynamicPricing.secondValue,
10622                "squareMeterPrice": currentDynamicPricing.squareMeterPrice,
10623                "storeName": window.Shopify.shop
10624              }),
10625              //signal: controller.signal
10626            })
10627          } catch(e) {
10628            console.log("Error while sending request to server", e)
10629          }
10630
10631          var items = []
10632
10633
10634          var mainItemProperties = {
10635            "Breite": currentDynamicPricing.firstValue,
10636            "Länge": currentDynamicPricing.secondValue,
10637            "Typ": currentDynamicPricing.variantTitle
10638          }
10639         const quantityInput = document.querySelector('input[name="quantity"]');
10640         const selectedQuantityValue = quantityInput && quantityInput.value
10641            ? parseInt(quantityInput.value)
10642            : 1;
10643
10644          
10645
10646          if(result != null && result.status == 200) {
10647            
10648            result = await result.json();
10649            
10650            // const articleNumberData = JSON.parse(document.querySelector("#articlenumber-data").textContent);
10651            // const articleNumber = articleNumberData[currentDynamicPricing.variantId];
10652        let variantIdLatest = result.variantId.match(/\d+$/)[0];
10653            items.push(
10654              {
10655                'id': variantIdLatest,
10656                'quantity': selectedQuantityValue,
10657                "properties": Object.assign(mainItemProperties)
10658              }
10659            )
10660          } else {
10661            return null;
10662          }
10663
10664          return {
10665            'items': items
10666          }
10667        }
10668    function updateInputDP(input) {
10669        const parent = input.parentElement.parentElement;
10670        const price = parseFloat(parent.getAttribute("data-square-meter-price")) / 100;
10671
10672        const firstInput = parent.querySelectorAll("input")[0];
10673        const secondInput = parent.querySelectorAll("input")[1];
10674      
10675            const firstValue = parseFloat(firstInput.value);
10676        const secondValue = parseFloat(secondInput.value);
10677    if (isNaN(firstValue) || isNaN(secondValue)) {
10678      // document.querySelector(".price-container").querySelector(".price-area").innerHTML = (currentDynamicPricing.minimumPrice / 100).toFixed(2).toString().replace(".", ",") + " €";
10679      return;
10680    }
10681        const result = (firstValue * secondValue) / 10000;
10682        document.querySelector("product-price .price").innerHTML =  "€" + (result * price).toFixed(2).toString().replace(".", ",");
10683
10684        currentDynamicPricing.firstValue = firstValue;
10685        currentDynamicPricing.secondValue = secondValue;
10686        currentDynamicPricing.currentPrice = result * price;
10687    }
10688    
10689   function dpiCall() {
10690      document.querySelectorAll(".dynamic-pricing-input").forEach(function(input) {
10691            input.addEventListener("keyup", function(item) {
10692                updateInputDP(input);
10693            });
10694            input.addEventListener("input", function() {
10695              updateInputDP(input);
10696          });
10697        })
10698      
10699   }
10700    </script>
10700
10701    
10702    
10702<script
10703  src="//matten-welt.com/cdn/shop/t/16/assets/dialog.js?v=94382931671780430451754060642"
10704  type="module"
10705></script>
10705
10706
10707<dialog-component
10708  id="search-modal"
10709  class="search-modal"
10710  
10711>
10712  <dialog
10713    ref="dialog"
10714    on:click="/closeDialogOnClickOutside"
10715    on:keydown="/closeDialogOnEscapePress"
10716    class="search-modal__content dialog-modal"
10717    scroll-lock
10718  >
10719    
10719<script
10720  src="//matten-welt.com/cdn/shop/t/16/assets/predictive-search.js?v=137734153844302985541754060643"
10721  type="module"
10722  fetchpriority="low"
10723></script>
10723
10724
10725<predictive-search-component
10726  class="predictive-search"
10727  style="--product-corner-radius: 10px; --card-corner-radius: 10px;"
10728  data-section-id="predictive-search"
10729  data-search-position=""
10730  data-testid="search-component--modal"
10731  data-active-color-scheme="scheme-1"
10732  role="search"
10733  aria-label="Suchen"
10734>
10735  <form
10736    action="/search"
10737    method="get"
10738    role="search"
10739    class="predictive-search-form"
10740    ref="form"
10741    on:keydown="/onSearchKeyDown"
10742  >
10743    <div
10744      class="predictive-search-form__header"
10745    >
10746      <div class="predictive-search-form__header-inner">
10747        <label
10748          for="cmdk-input"
10749          class="visually-hidden"
10750        >Suchen</label>
10751        <input
10752          class="search-input"
10753          id="cmdk-input"
10754          type="search"
10755          name="q"
10756          role="combobox"
10757          aria-expanded="false"
10758          aria-owns="predictive-search-results"
10759          aria-controls="predictive-search-results"
10760          aria-haspopup="listbox"
10761          aria-autocomplete="list"
10762          autocomplete="off"
10763          placeholder="Suchen"
10764          ref="searchInput"
10765          on:input="/search"
10766          on:keydown="/onSearchKeyDown"
10767          on:focus="/expandSearch"
10768        >
10769        <input
10770          name="options[prefix]"
10771          type="hidden"
10772          value="last"
10773        >
10774        <span class="svg-wrapper predictive-search__icon">
10775          <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>
10776
10777        </span>
10778        <button
10779          type="button"
10780          class="button-unstyled predictive-search__reset-button"
10781          aria-label="Suche zurücksetzen"
10782          ref="resetButton"
10783          hidden
10784          on:click="/resetSearch"
10785        >
10786          <span class="svg-wrapper predictive-search__reset-button-icon">
10787            <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>
10788
10789          </span>
10790          <span class="predictive-search__reset-button-text">Löschen</span>
10791        </button>
10792      </div>
10793      <button
10794        type="button"
10795        class="button predictive-search__close-modal-button"
10796        aria-label="Dialogfeld schließen"
10797        on:click="dialog-component/closeDialog"
10798        ref="closeModalButton"
10799      >
10800        <span class="svg-wrapper">
10801          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10802  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10803  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10804</svg>
10805
10806        </span>
10807      </button>
10808    </div>
10809
10810    <div class="predictive-search-form__content-wrapper">
10811      <div
10812        class="predictive-search-form__content"
10813        tabindex="-1"
10814        ref="predictiveSearchResults"
10815        on:click="/handleModalClick"
10816      >
10817        
10818
10819<div
10820  id="predictive-search-results"
10821  class="predictive-search-dropdown"
10822  role="listbox"
10823  aria-expanded="true"
10824  style="--color-shadow: rgb(var(--color-foreground-rgb) / );"
10825>
10826  <div class="predictive-search-results__inner">
10827    
10828    
10829    
10830      <div
10831  id="predictive-search-products"
10832  
10833    data-testid="products-list-default--modal"
10834  
10835>
10836  
10837    <h4 class="predictive-search-results__title">
10838      Produkte
10839    </h4>
10840    <ul
10841      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
10842      role="listbox"
10843      aria-label="Produkte"
10844    >
10845      
10846      
10847        <li
10848          class="predictive-search-results__card predictive-search-results__card--product"
10849          ref="resultsItems[]"
10850        >
10851          
10852<product-card-link
10853    data-product-id="8550879691016"
10854    data-featured-media-url="//matten-welt.com/cdn/shop/files/Barmatte_1cf0eae9-490a-452b-a784-ade34a8ede8d.jpg?v=1715093666&width=500"
10855    data-product-transition="true"
10856  ><div
10857  class="resource-card"
10858  href="/products/25-bedruckte-barmatten-mit-logo-thekenmatten-434-mm-x-234-mm"
10859  data-resource-type="product"
10860>
10861  <a
10862    class="resource-card__link"
10863    href="/products/25-bedruckte-barmatten-mit-logo-thekenmatten-434-mm-x-234-mm"
10864  >
10865    <span class="visually-hidden">
10866      25 Bedruckte Barmatten  mit Logo / Thekenmatten 434 mm x 234 mm
10867    </span>
10868  </a>
10869  <div
10870    class="resource-card__media"
10871    style="--resource-card-aspect-ratio: 4 / 5;"
10872    
10873      data-view-transition-to-main-product
10874    
10875  >
10876<img src="//matten-welt.com/cdn/shop/files/Barmatte_1cf0eae9-490a-452b-a784-ade34a8ede8d.jpg?v=1715093666&amp;width=500" alt="25 Bedruckte Barmatten mit Logo / Thekenmatten 434 mm x 234 mm" srcset="//matten-welt.com/cdn/shop/files/Barmatte_1cf0eae9-490a-452b-a784-ade34a8ede8d.jpg?v=1715093666&amp;width=240 240w, //matten-welt.com/cdn/shop/files/Barmatte_1cf0eae9-490a-452b-a784-ade34a8ede8d.jpg?v=1715093666&amp;width=352 352w" width="500" height="387" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" data-media-id="47842891038984">
10877<img src="//matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_23f3a9f3-6c98-4463-8583-4cbc866146ee.png?v=1715093666&amp;width=500" alt="25 Bedruckte Barmatten mit Logo / Thekenmatten 434 mm x 234 mm" srcset="//matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_23f3a9f3-6c98-4463-8583-4cbc866146ee.png?v=1715093666&amp;width=240 240w, //matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_23f3a9f3-6c98-4463-8583-4cbc866146ee.png?v=1715093666&amp;width=352 352w" width="500" height="453" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="40622805188872">
10878</div>
10879
10880  <div class="resource-card__content">
10881    <p class="resource-card__title paragraph">25 Bedruckte Barmatten  mit Logo / Thekenmatten 434 mm x 234 mm</p>
10882
10883    
10884      <div ref="priceContainer">
10885  
10886
10887  
10888    <span class="price">€158,07</span>
10889  
10890
10891  
10892</div>
10893
10894    
10895  </div>
10896</div></product-card-link>
10897
10898        </li>
10899      
10900        <li
10901          class="predictive-search-results__card predictive-search-results__card--product"
10902          ref="resultsItems[]"
10903        >
10904          
10905<product-card-link
10906    data-product-id="9533645029640"
10907    data-featured-media-url="//matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel01.jpg?v=1730202580&width=500"
10908    data-product-transition="true"
10909  ><div
10910  class="resource-card"
10911  href="/products/bedruckte-barmatten-mit-logo-thekenmatten"
10912  data-resource-type="product"
10913>
10914  <a
10915    class="resource-card__link"
10916    href="/products/bedruckte-barmatten-mit-logo-thekenmatten"
10917  >
10918    <span class="visually-hidden">
10919      25 Bedruckte Barmatten  mit Logo / Thekenmatten 434 mm x 234 mm
10920    </span>
10921  </a>
10922  <div
10923    class="resource-card__media"
10924    style="--resource-card-aspect-ratio: 4 / 5;"
10925    
10926      data-view-transition-to-main-product
10927    
10928  >
10929<img src="//matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel01.jpg?v=1730202580&amp;width=500" alt="25 Bedruckte Barmatten mit Logo / Thekenmatten 434 mm x 234 mm" srcset="//matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel01.jpg?v=1730202580&amp;width=240 240w, //matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel01.jpg?v=1730202580&amp;width=352 352w" width="500" height="375" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" data-media-id="50528654295304">
10930<img src="//matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_19c3a29a-cae3-4f73-b963-482e813aca3b.png?v=1730202581&amp;width=500" alt="25 Bedruckte Barmatten mit Logo / Thekenmatten 434 mm x 234 mm" srcset="//matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_19c3a29a-cae3-4f73-b963-482e813aca3b.png?v=1730202581&amp;width=240 240w, //matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_19c3a29a-cae3-4f73-b963-482e813aca3b.png?v=1730202581&amp;width=352 352w" width="500" height="453" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="42749948723464">
10931</div>
10932
10933  <div class="resource-card__content">
10934    <p class="resource-card__title paragraph">25 Bedruckte Barmatten  mit Logo / Thekenmatten 434 mm x 234 mm</p>
10935
10936    
10937      <div ref="priceContainer">
10938  
10939
10940  
10941    <span class="price">€158,07</span>
10942  
10943
10944  
10945</div>
10946
10947    
10948  </div>
10949</div></product-card-link>
10950
10951        </li>
10952      
10953        <li
10954          class="predictive-search-results__card predictive-search-results__card--product"
10955          ref="resultsItems[]"
10956        >
10957          
10958<product-card-link
10959    data-product-id="8550878740744"
10960    data-featured-media-url="//matten-welt.com/cdn/shop/files/Barmatte_888eabb6-d26e-4a94-8e61-fa1140eb1380.jpg?v=1715093520&width=500"
10961    data-product-transition="true"
10962  ><div
10963  class="resource-card"
10964  href="/products/25-bedruckte-barmatten-mit-logo-thekenmatten-600-mm-x-190"
10965  data-resource-type="product"
10966>
10967  <a
10968    class="resource-card__link"
10969    href="/products/25-bedruckte-barmatten-mit-logo-thekenmatten-600-mm-x-190"
10970  >
10971    <span class="visually-hidden">
10972      25 Bedruckte Barmatten  mit Logo / Thekenmatten 600 mm x 190 mm
10973    </span>
10974  </a>
10975  <div
10976    class="resource-card__media"
10977    style="--resource-card-aspect-ratio: 4 / 5;"
10978    
10979      data-view-transition-to-main-product
10980    
10981  >
10982<img src="//matten-welt.com/cdn/shop/files/Barmatte_888eabb6-d26e-4a94-8e61-fa1140eb1380.jpg?v=1715093520&amp;width=500" alt="25 Bedruckte Barmatten mit Logo / Thekenmatten 600 mm x 190 mm" srcset="//matten-welt.com/cdn/shop/files/Barmatte_888eabb6-d26e-4a94-8e61-fa1140eb1380.jpg?v=1715093520&amp;width=240 240w, //matten-welt.com/cdn/shop/files/Barmatte_888eabb6-d26e-4a94-8e61-fa1140eb1380.jpg?v=1715093520&amp;width=352 352w" width="500" height="387" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" data-media-id="47842869674248">
10983<img src="//matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_7f6f66ff-874c-44d7-869e-3a9a362fc51c.png?v=1715093520&amp;width=500" alt="25 Bedruckte Barmatten mit Logo / Thekenmatten 600 mm x 190 mm" srcset="//matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_7f6f66ff-874c-44d7-869e-3a9a362fc51c.png?v=1715093520&amp;width=240 240w, //matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_7f6f66ff-874c-44d7-869e-3a9a362fc51c.png?v=1715093520&amp;width=352 352w" width="500" height="453" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="40622783267080">
10984</div>
10985
10986  <div class="resource-card__content">
10987    <p class="resource-card__title paragraph">25 Bedruckte Barmatten  mit Logo / Thekenmatten 600 mm x 190 mm</p>
10988
10989    
10990      <div ref="priceContainer">
10991  
10992
10993  
10994    <span class="price">€188,32</span>
10995  
10996
10997  
10998</div>
10999
11000    
11001  </div>
11002</div></product-card-link>
11003
11004        </li>
11005      
11006        <li
11007          class="predictive-search-results__card predictive-search-results__card--product"
11008          ref="resultsItems[]"
11009        >
11010          
11011<product-card-link
11012    data-product-id="9533645226248"
11013    data-featured-media-url="//matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel01_a7f15aa9-e900-4e06-8803-50f62a01d21c.jpg?v=1730202594&width=500"
11014    data-product-transition="true"
11015  ><div
11016  class="resource-card"
11017  href="/products/25-bedruckte-barmatten-mit-logo-thekenmatten-600-mm-x-190-mm"
11018  data-resource-type="product"
11019>
11020  <a
11021    class="resource-card__link"
11022    href="/products/25-bedruckte-barmatten-mit-logo-thekenmatten-600-mm-x-190-mm"
11023  >
11024    <span class="visually-hidden">
11025      25 Bedruckte Barmatten  mit Logo / Thekenmatten 600 mm x 190 mm
11026    </span>
11027  </a>
11028  <div
11029    class="resource-card__media"
11030    style="--resource-card-aspect-ratio: 4 / 5;"
11031    
11032      data-view-transition-to-main-product
11033    
11034  >
11035<img src="//matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel01_a7f15aa9-e900-4e06-8803-50f62a01d21c.jpg?v=1730202594&amp;width=500" alt="25 Bedruckte Barmatten mit Logo / Thekenmatten 600 mm x 190 mm" srcset="//matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel01_a7f15aa9-e900-4e06-8803-50f62a01d21c.jpg?v=1730202594&amp;width=240 240w, //matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel01_a7f15aa9-e900-4e06-8803-50f62a01d21c.jpg?v=1730202594&amp;width=352 352w" width="500" height="375" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" data-media-id="50528656228616">
11036<img src="//matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_1aaceb95-1b99-4cde-8b64-0047916bc6a4.png?v=1730202595&amp;width=500" alt="25 Bedruckte Barmatten mit Logo / Thekenmatten 600 mm x 190 mm" srcset="//matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_1aaceb95-1b99-4cde-8b64-0047916bc6a4.png?v=1730202595&amp;width=240 240w, //matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_1aaceb95-1b99-4cde-8b64-0047916bc6a4.png?v=1730202595&amp;width=352 352w" width="500" height="453" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="42749950329096">
11037</div>
11038
11039  <div class="resource-card__content">
11040    <p class="resource-card__title paragraph">25 Bedruckte Barmatten  mit Logo / Thekenmatten 600 mm x 190 mm</p>
11041
11042    
11043      <div ref="priceContainer">
11044  
11045
11046  
11047    <span class="price">€188,32</span>
11048  
11049
11050  
11051</div>
11052
11053    
11054  </div>
11055</div></product-card-link>
11056
11057        </li>
11058      
11059    </ul>
11060  
11061</div>
11062
11063    
11064  </div>
11065</div>
11066
11067      </div>
11068
11069      <div class="predictive-search-form__footer">
11070        <button
11071          class="button button-primary predictive-search__search-button"
11072          ref="viewAllButton"
11073        >
11074          Alle anzeigen
11075        </button>
11076      </div>
11077    </div>
11078  </form>
11079</predictive-search-component>
11080
11081
11082
11083  </dialog>
11084</dialog-component>
11085
11086
11087
11088
11089    
11090      <quick-add-dialog id="quick-add-dialog">
11091  <dialog
11092    class="quick-add-modal dialog-modal color-scheme-1"
11093    ref="dialog"
11094    scroll-lock
11095  >
11096    <button
11097      ref="closeButton"
11098      on:click="/closeDialog"
11099      class="button quick-add-modal__close"
11100      aria-label="Dialogfeld schließen"
11101    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
11102  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11103  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11104</svg>
11105</button>
11106    <div
11107      id="quick-add-modal-content"
11108      class="quick-add-modal__content"
11109    ></div>
11110  </dialog>
11111</quick-add-dialog>
11112
11113
11114
11115    
11116  <style> #ContactForm-phone {display: none;} </style>
11117<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
11117
11118</body>
11119</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.