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 & Logomatten gestalten" 95> 96<meta 97 property="og:type" 98 content="website" 99> 100<meta 101 property="og:description" 102 content="FuÃmatten, Logomatten & Schmutzfangmatten von MattenâWelt â individuell drucken mit Logo, oder Foto, Text personalisieren & 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 & Logomatten gestalten" 110> 111<meta 112 name="twitter:description" 113 content="FuÃmatten, Logomatten & Schmutzfangmatten von MattenâWelt â individuell drucken mit Logo, oder Foto, Text personalisieren & gestalten. Jetzt online bestellen!" 114> 115 116<title> 117 Matten-Welt | FuÃmatten, Schmutzfangmatten & 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 & Schmutzfangmatten von MattenâWelt â individuell drucken mit Logo, oder Foto, Text personalisieren & 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&v=1753968146" alt="" width="80" height="80" class="header-logo__image" srcset="//matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?height=80&v=1753968146 1x, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?height=160&v=1753968146 2x, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?height=240&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®ion_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®ion_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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/003_Jet-Print_Vision.jpg?v=1749116902&width=832 832w, //matten-welt.com/cdn/shop/files/003_Jet-Print_Vision.jpg?v=1749116902&width=1200 1200w, //matten-welt.com/cdn/shop/files/003_Jet-Print_Vision.jpg?v=1749116902&width=1600 1600w, //matten-welt.com/cdn/shop/files/003_Jet-Print_Vision.jpg?v=1749116902&width=1920 1920w, //matten-welt.com/cdn/shop/files/003_Jet-Print_Vision.jpg?v=1749116902&width=2560 2560w, //matten-welt.com/cdn/shop/files/003_Jet-Print_Vision.jpg?v=1749116902&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Mattenwelt_7c6c2161-fc94-4a09-9809-d611219ba7bb.jpg?v=1617976328&width=832 832w, //matten-welt.com/cdn/shop/files/Mattenwelt_7c6c2161-fc94-4a09-9809-d611219ba7bb.jpg?v=1617976328&width=1200 1200w, //matten-welt.com/cdn/shop/files/Mattenwelt_7c6c2161-fc94-4a09-9809-d611219ba7bb.jpg?v=1617976328&width=1600 1600w, //matten-welt.com/cdn/shop/files/Mattenwelt_7c6c2161-fc94-4a09-9809-d611219ba7bb.jpg?v=1617976328&width=1920 1920w, //matten-welt.com/cdn/shop/files/Mattenwelt_7c6c2161-fc94-4a09-9809-d611219ba7bb.jpg?v=1617976328&width=2560 2560w, //matten-welt.com/cdn/shop/files/Mattenwelt_7c6c2161-fc94-4a09-9809-d611219ba7bb.jpg?v=1617976328&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=300 300w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=450 450w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=600 600w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=750 750w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=900 900w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=1050 1050w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=1200 1200w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=1350 1350w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=1500 1500w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=1650 1650w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=1800 1800w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=1950 1950w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=2000 2000w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=2500 2500w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&width=3000 3000w, //matten-welt.com/cdn/shop/files/mockup-01_1512x_6f9cf83f-5bb2-43d6-beb2-709e3b39bcd8.jpg?v=1748897084&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&width=3840" srcset="//matten-welt.com/cdn/shop/files/Fussmatte_personalisieren_01.png?v=1749116937&width=832 832w, //matten-welt.com/cdn/shop/files/Fussmatte_personalisieren_01.png?v=1749116937&width=1200 1200w, //matten-welt.com/cdn/shop/files/Fussmatte_personalisieren_01.png?v=1749116937&width=1600 1600w, //matten-welt.com/cdn/shop/files/Fussmatte_personalisieren_01.png?v=1749116937&width=1920 1920w, //matten-welt.com/cdn/shop/files/Fussmatte_personalisieren_01.png?v=1749116937&width=2560 2560w, //matten-welt.com/cdn/shop/files/Fussmatte_personalisieren_01.png?v=1749116937&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=300 300w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=450 450w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=600 600w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=750 750w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=900 900w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=1050 1050w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=1200 1200w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=1350 1350w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=1500 1500w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=1650 1650w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=1800 1800w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=1950 1950w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=2000 2000w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=2500 2500w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&width=3000 3000w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2021-04-14_um_16.19.05.png?v=1749117149&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=300 300w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=450 450w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=600 600w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=750 750w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=900 900w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=1050 1050w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=1200 1200w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=1350 1350w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=1500 1500w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=1650 1650w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=1800 1800w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=1950 1950w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=2000 2000w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=2500 2500w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&width=3000 3000w, //matten-welt.com/cdn/shop/files/Eventteppich_mit_Logo.png?v=1749117434&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=300 300w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=450 450w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=600 600w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=750 750w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=900 900w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=1050 1050w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=1200 1200w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=1350 1350w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=1500 1500w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=1650 1650w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=1800 1800w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=1950 1950w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=2000 2000w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=2500 2500w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=3000 3000w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=300 300w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=450 450w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=600 600w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=750 750w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=900 900w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=1050 1050w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=1200 1200w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=1350 1350w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=1500 1500w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=1650 1650w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=1800 1800w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=1950 1950w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=2000 2000w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=2500 2500w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&width=3000 3000w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-05_um_12.04.15.png?v=1749117924&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&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&width=270 270w, //matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&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&width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=270 270w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&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&width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&width=270 270w, //matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&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&width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&width=270 270w, //matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&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&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&width=270 270w, //matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&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&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&width=270 270w, //matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&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&width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=270 270w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&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&width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&width=270 270w, //matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&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&width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&width=270 270w, //matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&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&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&width=270 270w, //matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&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&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&width=270 270w, //matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&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&width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=270 270w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&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&width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&width=270 270w, //matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&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&width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&width=270 270w, //matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&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&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&width=270 270w, //matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&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&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&width=270 270w, //matten-welt.com/cdn/shop/files/343283222_146404441562258_3776389962707331370_n.jpg?v=1749053923&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&width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&width=270 270w, //matten-welt.com/cdn/shop/files/Lofo_Fussmatten_bedruckt.png?v=1749117550&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&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&width=270 270w, //matten-welt.com/cdn/shop/files/Eingangsmatte_mit_Logo.png?v=1749118064&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&width=600" alt="So könnte Ihre individuelle Logo-Matte aussehen..." srcset="//matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&width=270 270w, //matten-welt.com/cdn/shop/files/Teppich_mit_logo.jpg?v=1749118148&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&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&width=270 270w, //matten-welt.com/cdn/shop/files/Logomatte_c1eca745-1f80-4502-bdc1-42f0a1df1c09.jpg?v=1749118119&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=300 300w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=450 450w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=600 600w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=750 750w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=900 900w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=1050 1050w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=1200 1200w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=1350 1350w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=1500 1500w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=1650 1650w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=1800 1800w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=1950 1950w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=2000 2000w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=2500 2500w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=3000 3000w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&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&width=1500" alt="" srcset="//matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-02_um_22.41.59.png?v=1748896949&width=165 165w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-02_um_22.41.59.png?v=1748896949&width=360 360w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-02_um_22.41.59.png?v=1748896949&width=535 535w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-02_um_22.41.59.png?v=1748896949&width=750 750w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-02_um_22.41.59.png?v=1748896949&width=1070 1070w, //matten-welt.com/cdn/shop/files/Bildschirmfoto_2025-06-02_um_22.41.59.png?v=1748896949&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&width=1500" alt="" srcset="//matten-welt.com/cdn/shop/files/13_800x_png.webp?v=1748896665&width=165 165w, //matten-welt.com/cdn/shop/files/13_800x_png.webp?v=1748896665&width=360 360w, //matten-welt.com/cdn/shop/files/13_800x_png.webp?v=1748896665&width=535 535w, //matten-welt.com/cdn/shop/files/13_800x_png.webp?v=1748896665&width=750 750w, //matten-welt.com/cdn/shop/files/13_800x_png.webp?v=1748896665&width=1070 1070w, //matten-welt.com/cdn/shop/files/13_800x_png.webp?v=1748896665&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=300 300w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=450 450w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=600 600w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=750 750w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=900 900w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=1050 1050w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=1200 1200w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=1350 1350w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=1500 1500w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=1650 1650w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=1800 1800w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=1950 1950w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=2000 2000w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=2500 2500w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&width=3000 3000w, //matten-welt.com/cdn/shop/files/Bild_1024x412_1_ac72ff3c-c817-4f88-9a76-e492ea2a446a.jpg?v=1754401938&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=300 300w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=450 450w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=600 600w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=750 750w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=900 900w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=1050 1050w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=1200 1200w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=1350 1350w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=1500 1500w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=1650 1650w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=1800 1800w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=1950 1950w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=2000 2000w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=2500 2500w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&width=3000 3000w, //matten-welt.com/cdn/shop/files/Logomatte.png?v=1754480421&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=300 300w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=450 450w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=600 600w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=750 750w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=900 900w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=1050 1050w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=1200 1200w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=1350 1350w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=1500 1500w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=1650 1650w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=1800 1800w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=1950 1950w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=2000 2000w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=2500 2500w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&width=3000 3000w, //matten-welt.com/cdn/shop/files/pngegg.png?v=1754467256&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=300 300w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=450 450w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=600 600w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=750 750w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=900 900w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=1050 1050w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=1200 1200w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=1350 1350w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=1500 1500w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=1650 1650w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=1800 1800w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=1950 1950w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=2000 2000w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=2500 2500w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&width=3000 3000w, //matten-welt.com/cdn/shop/files/Logo_MattenWelt_Vektor.svg?v=1753968146&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=300 300w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=450 450w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=600 600w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=750 750w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=900 900w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=1050 1050w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=1200 1200w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=1350 1350w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=1500 1500w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=1650 1650w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=1800 1800w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=1950 1950w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=2000 2000w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=2500 2500w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&width=3000 3000w, //matten-welt.com/cdn/shop/files/AdobeStock_206265401_2_png.webp?v=1749068246&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=300 300w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=450 450w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=600 600w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=750 750w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=900 900w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=1050 1050w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=1200 1200w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=1350 1350w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=1500 1500w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=1650 1650w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=1800 1800w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=1950 1950w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=2000 2000w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=2500 2500w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&width=3000 3000w, //matten-welt.com/cdn/shop/files/trustedshop_png.webp?v=1749071968&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=300 300w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=450 450w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=600 600w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=750 750w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=900 900w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=1050 1050w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=1200 1200w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=1350 1350w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=1500 1500w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=1650 1650w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=1800 1800w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=1950 1950w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=2000 2000w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=2500 2500w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&width=3000 3000w, //matten-welt.com/cdn/shop/files/oekotex_1200x630_3690441a-dd61-4b02-9183-297e780765d8_jpg.webp?v=1749071990&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=300 300w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=450 450w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=600 600w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=750 750w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=900 900w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=1050 1050w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=1200 1200w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=1350 1350w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=1500 1500w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=1650 1650w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=1800 1800w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=1950 1950w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=2000 2000w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=2500 2500w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&width=3000 3000w, //matten-welt.com/cdn/shop/files/AdobeStock_32119600_9dd092f4-5b4c-4262-9512-af7b871089cf.svg?v=1749072053&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&width=3840" alt="" srcset="//matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=300 300w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=450 450w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=600 600w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=750 750w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=900 900w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=1050 1050w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=1200 1200w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=1350 1350w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=1500 1500w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=1650 1650w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=1800 1800w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=1950 1950w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=2000 2000w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=2500 2500w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&width=3000 3000w, //matten-welt.com/cdn/shop/files/Fotolia_100969972_Subscription_Monthly_XL_jpg.webp?v=1749068269&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 © 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&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&width=240 240w, //matten-welt.com/cdn/shop/files/Barmatte_1cf0eae9-490a-452b-a784-ade34a8ede8d.jpg?v=1715093666&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&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&width=240 240w, //matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_23f3a9f3-6c98-4463-8583-4cbc866146ee.png?v=1715093666&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&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&width=240 240w, //matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel01.jpg?v=1730202580&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&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&width=240 240w, //matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_19c3a29a-cae3-4f73-b963-482e813aca3b.png?v=1730202581&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&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&width=240 240w, //matten-welt.com/cdn/shop/files/Barmatte_888eabb6-d26e-4a94-8e61-fa1140eb1380.jpg?v=1715093520&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&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&width=240 240w, //matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_7f6f66ff-874c-44d7-869e-3a9a362fc51c.png?v=1715093520&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&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&width=240 240w, //matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel01_a7f15aa9-e900-4e06-8803-50f62a01d21c.jpg?v=1730202594&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&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&width=240 240w, //matten-welt.com/cdn/shop/files/Barmatten_Thekenmatten_Beispiel02_1aaceb95-1b99-4cde-8b64-0047916bc6a4.png?v=1730202595&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.