1<!doctype html> 2 3<html lang="de" dir="ltr"> 4 <head> 5 <!-- Shoplytics -->
6<script src="https://stream.luxe-kitchen.de/scripts/ha7exi23JnQ0nLFCXuMH18b9CNQVB73jmNlGUzqRA4fsvYc2WrEJHyDTgxvSVTgc.js" defer></script>
6 7 <meta charset="utf-8"> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=5.0"> 9 10 <title>Kitchen Luxe | Premium Küchen Accessoires</title><meta name="description" content="Mehr Freude beim Kochen mit Premium Damast-Küchenmessern von Kitchen Luxe. Unsere Produkte sind ein echter Hingucker in jeder Küche."><link rel="canonical" href="https://luxe-kitchen.de/"><link rel="shortcut icon" href="//luxe-kitchen.de/cdn/shop/files/Favicon_180x180_3521ad8e-7f2a-4ad5-a688-a61b5faaa07b.png?v=1732173903&width=96"> 11 <link rel="apple-touch-icon" href="//luxe-kitchen.de/cdn/shop/files/Favicon_180x180_3521ad8e-7f2a-4ad5-a688-a61b5faaa07b.png?v=1732173903&width=180"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><link rel="preload" href="//luxe-kitchen.de/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//luxe-kitchen.de/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2" as="font" type="font/woff2" crossorigin><meta property="og:type" content="website"> 12 <meta property="og:title" content="Kitchen Luxe | Premium Küchen Accessoires"><meta property="og:image" content="http://luxe-kitchen.de/cdn/shop/files/Kitchen_Luxe_Logo_400x400px_schw.png?v=1743528935&width=2048"> 13 <meta property="og:image:secure_url" content="https://luxe-kitchen.de/cdn/shop/files/Kitchen_Luxe_Logo_400x400px_schw.png?v=1743528935&width=2048"> 14 <meta property="og:image:width" content="1200"> 15 <meta property="og:image:height" content="628"><meta property="og:description" content="Mehr Freude beim Kochen mit Premium Damast-Küchenmessern von Kitchen Luxe. Unsere Produkte sind ein echter Hingucker in jeder Küche."><meta property="og:url" content="https://luxe-kitchen.de/"> 16<meta property="og:site_name" content="Kitchen Luxe"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Kitchen Luxe | Premium Küchen Accessoires"> 17 <meta name="twitter:description" content="Mehr Freude beim Kochen mit Premium Damast-Küchenmessern von Kitchen Luxe. Unsere Produkte sind ein echter Hingucker in jeder Küche."><meta name="twitter:image" content="https://luxe-kitchen.de/cdn/shop/files/Kitchen_Luxe_Logo_400x400px_schw.png?crop=center&height=1200&v=1743528935&width=1200"> 18 <meta name="twitter:image:alt" content="">
18<script type="application/ld+json"> 19 { 20 "@context": "https://schema.org", 21 "@type": "BreadcrumbList", 22 "itemListElement": [{ 23 "@type": "ListItem", 24 "position": 1, 25 "name": "Home", 26 "item": "https://luxe-kitchen.de" 27 }] 28 } 29</script>
29<script type="application/ld+json"> 30 [ 31 { 32 "@context": "https://schema.org", 33 "@type": "WebSite", 34 "name": "Kitchen Luxe", 35 "url": "https:\/\/luxe-kitchen.de", 36 "potentialAction": { 37 "@type": "SearchAction", 38 "target": "https:\/\/luxe-kitchen.de\/search?q={search_term_string}", 39 "query-input": "required name=search_term_string" 40 } 41 }, 42 { 43 "@context": "https://schema.org", 44 "@type": "Organization", 45 "name": "Kitchen Luxe","logo": "https:\/\/luxe-kitchen.de\/cdn\/shop\/files\/Kitchen_Luxe_Logo_515x250px_mit_Linie.svg?v=1731870955\u0026width=515","slogan": "Für eine Küche, die Geschichten erzählt.","sameAs": ["https:\/\/www.instagram.com\/kitchen_luxe.de\/"],"url": "https:\/\/luxe-kitchen.de" 46 } 47 ] 48 </script>
48<style>/* Typography (heading) */ 49 @font-face { 50 font-family: Inter; 51 font-weight: 400; 52 font-style: normal; 53 font-display: fallback; 54 src: url("//luxe-kitchen.de/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), 55 url("//luxe-kitchen.de/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); 56} 57 58@font-face { 59 font-family: Inter; 60 font-weight: 400; 61 font-style: italic; 62 font-display: fallback; 63 src: url("//luxe-kitchen.de/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"), 64 url("//luxe-kitchen.de/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff"); 65} 66 67/* Typography (body) */ 68 @font-face { 69 font-family: Inter; 70 font-weight: 400; 71 font-style: normal; 72 font-display: fallback; 73 src: url("//luxe-kitchen.de/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), 74 url("//luxe-kitchen.de/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); 75} 76 77@font-face { 78 font-family: Inter; 79 font-weight: 400; 80 font-style: italic; 81 font-display: fallback; 82 src: url("//luxe-kitchen.de/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"), 83 url("//luxe-kitchen.de/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff"); 84} 85 86@font-face { 87 font-family: Inter; 88 font-weight: 700; 89 font-style: normal; 90 font-display: fallback; 91 src: url("//luxe-kitchen.de/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 92 url("//luxe-kitchen.de/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 93} 94 95@font-face { 96 font-family: Inter; 97 font-weight: 700; 98 font-style: italic; 99 font-display: fallback; 100 src: url("//luxe-kitchen.de/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), 101 url("//luxe-kitchen.de/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); 102} 103 104:root { 105 /* Container */ 106 --container-max-width: 100%; 107 --container-xxs-max-width: 27.5rem; /* 440px */ 108 --container-xs-max-width: 42.5rem; /* 680px */ 109 --container-sm-max-width: 61.25rem; /* 980px */ 110 --container-md-max-width: 71.875rem; /* 1150px */ 111 --container-lg-max-width: 78.75rem; /* 1260px */ 112 --container-xl-max-width: 85rem; /* 1360px */ 113 --container-gutter: 1.25rem; 114 115 --section-vertical-spacing: 2.5rem; 116 --section-vertical-spacing-tight:2.5rem; 117 118 --section-stack-gap:2.25rem; 119 --section-stack-gap-tight:2.25rem; 120 121 /* Form settings */ 122 --form-gap: 1.25rem; /* Gap between fieldset and submit button */ 123 --fieldset-gap: 1rem; /* Gap between each form input within a fieldset */ 124 --form-control-gap: 0.625rem; /* Gap between input and label (ignored for floating label) */ 125 --checkbox-control-gap: 0.75rem; /* Horizontal gap between checkbox and its associated label */ 126 --input-padding-block: 0.65rem; /* Vertical padding for input, textarea and native select */ 127 --input-padding-inline: 0.8rem; /* Horizontal padding for input, textarea and native select */ 128 --checkbox-size: 0.875rem; /* Size (width and height) for checkbox */ 129 130 /* Other sizes */ 131 --sticky-area-height: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px) + var(--header-is-sticky, 0) * var(--header-is-visible, 1) * var(--header-height, 0px)); 132 133 /* RTL support */ 134 --transform-logical-flip: 1; 135 --transform-origin-start: left; 136 --transform-origin-end: right; 137 138 /** 139 * --------------------------------------------------------------------- 140 * TYPOGRAPHY 141 * --------------------------------------------------------------------- 142 */ 143 144 /* Font properties */ 145 --heading-font-family: Inter, sans-serif; 146 --heading-font-weight: 400; 147 --heading-font-style: normal; 148 --heading-text-transform: normal; 149 --heading-letter-spacing: 0.01em; 150 --text-font-family: Inter, sans-serif;
151 --text-font-weight: 400; 152 --text-font-style: normal; 153 --text-letter-spacing: 0.0em; 154 --button-font: var(--text-font-style) var(--text-font-weight) var(--text-sm) / 1.65 var(--text-font-family); 155 --button-text-transform: normal; 156 --button-letter-spacing: 0.18em; 157 158 /* Font sizes */--text-heading-size-factor: 1; 159 --text-h1: max(0.6875rem, clamp(1.375rem, 1.146341463414634rem + 0.975609756097561vw, 2rem) * var(--text-heading-size-factor)); 160 --text-h2: max(0.6875rem, clamp(1.25rem, 1.0670731707317074rem + 0.7804878048780488vw, 1.75rem) * var(--text-heading-size-factor)); 161 --text-h3: max(0.6875rem, clamp(1.125rem, 1.0335365853658536rem + 0.3902439024390244vw, 1.375rem) * var(--text-heading-size-factor)); 162 --text-h4: max(0.6875rem, clamp(1rem, 0.9542682926829268rem + 0.1951219512195122vw, 1.125rem) * var(--text-heading-size-factor)); 163 --text-h5: calc(0.875rem * var(--text-heading-size-factor)); 164 --text-h6: calc(0.75rem * var(--text-heading-size-factor)); 165 166 --text-xs: 0.75rem; 167 --text-sm: 0.8125rem; 168 --text-base: 0.875rem; 169 --text-lg: 1.0rem; 170 --text-xl: 1.125rem; 171 172 /* Rounded variables (used for border radius) */ 173 --rounded-full: 9999px; 174 --button-border-radius: 0.0rem; 175 --input-border-radius: 0.0rem; 176 177 /* Box shadow */ 178 --shadow-sm: 0 2px 8px rgb(0 0 0 / 0.05); 179 --shadow: 0 5px 15px rgb(0 0 0 / 0.05); 180 --shadow-md: 0 5px 30px rgb(0 0 0 / 0.05); 181 --shadow-block: px px px rgb(var(--text-primary) / 0.0); 182 183 /** 184 * --------------------------------------------------------------------- 185 * OTHER 186 * --------------------------------------------------------------------- 187 */ 188 189 --checkmark-svg-url: url(//luxe-kitchen.de/cdn/shop/t/55/assets/checkmark.svg?v=77552481021870063511756296291); 190 --cursor-zoom-in-svg-url: url(//luxe-kitchen.de/cdn/shop/t/55/assets/cursor-zoom-in.svg?v=113374233626973876891756296292); 191 } 192 193 [dir="rtl"]:root { 194 /* RTL support */ 195 --transform-logical-flip: -1; 196 --transform-origin-start: right; 197 --transform-origin-end: left; 198 } 199 200 @media screen and (min-width: 700px) { 201 :root { 202 /* Typography (font size) */ 203 --text-xs: 0.75rem; 204 --text-sm: 0.8125rem; 205 --text-base: 0.875rem; 206 --text-lg: 1.0rem; 207 --text-xl: 1.25rem; 208 209 /* Spacing settings */ 210 --container-gutter: 2rem; 211 } 212 } 213 214 @media screen and (min-width: 1000px) { 215 :root { 216 /* Spacing settings */ 217 --container-gutter: 3rem; 218 219 --section-vertical-spacing: 4rem; 220 --section-vertical-spacing-tight: 4rem; 221 222 --section-stack-gap:3rem; 223 --section-stack-gap-tight:3rem; 224 } 225 }:root {/* Overlay used for modal */ 226 --page-overlay: 0 0 0 / 0.4; 227 228 /* We use the first scheme background as default */ 229 --page-background: ; 230 231 /* Product colors */ 232 --on-sale-text: 192 107 107; 233 --on-sale-badge-background: 192 107 107; 234 --on-sale-badge-text: 255 255 255; 235 --sold-out-badge-background: 247 245 242; 236 --sold-out-badge-text: 0 0 0 / 0.65; 237 --custom-badge-background: 79 79 79; 238 --custom-badge-text: 255 255 255; 239 --star-color: 79 79 79; 240 241 /* Status colors */ 242 --success-background: 237 242 236; 243 --success-text: 168 191 165; 244 --warning-background: 253 248 239; 245 --warning-text: 240 194 123; 246 --error-background: 237 219 219; 247 --error-text: 180 106 106; 248 }.color-scheme--scheme-1 { 249 /* Color settings */--accent: 60 47 47; 250 --text-color: 60 47 47; 251 --background: 245 241 236 / 1.0; 252 --background-without-opacity: 245 241 236; 253 --background-gradient: ;--border-color: 217 212 208;/* Button colors */ 254 --button-background: 60 47 47; 255 --button-text-color: 255 255 255; 256 257 /* Circled buttons */ 258 --circle-button-background: 255 255 255; 259 --circle-button-text-color: 60 47 47; 260 }.shopify-section:has(.section-spacing.color-scheme--bg-1a8a322e7cfdd8a131e56ac2e637c812) + .shopify-section:has(.section-spacing.color-scheme--bg-1a8a322e7cfdd8a131e56ac2e637c812:not(.bordered-section)) .section-spacing { 261 padding-block-start: 0; 262 }.color-scheme--scheme-2 {
263 /* Color settings */--accent: 42 42 42; 264 --text-color: 42 42 42; 265 --background: 237 237 237 / 1.0; 266 --background-without-opacity: 237 237 237; 267 --background-gradient: ;--border-color: 208 208 208;/* Button colors */ 268 --button-background: 42 42 42; 269 --button-text-color: 255 255 255; 270 271 /* Circled buttons */ 272 --circle-button-background: 255 255 255; 273 --circle-button-text-color: 42 42 42; 274 }.shopify-section:has(.section-spacing.color-scheme--bg-9acc73ad7fbffcf8b733815120af527e) + .shopify-section:has(.section-spacing.color-scheme--bg-9acc73ad7fbffcf8b733815120af527e:not(.bordered-section)) .section-spacing { 275 padding-block-start: 0; 276 }.color-scheme--scheme-3 { 277 /* Color settings */--accent: 79 79 79; 278 --text-color: 79 79 79; 279 --background: 247 245 242 / 1.0; 280 --background-without-opacity: 247 245 242; 281 --background-gradient: ;--border-color: 222 220 218;/* Button colors */ 282 --button-background: 79 79 79; 283 --button-text-color: 255 255 255; 284 285 /* Circled buttons */ 286 --circle-button-background: 255 255 255; 287 --circle-button-text-color: 79 79 79; 288 }.shopify-section:has(.section-spacing.color-scheme--bg-c1efff09e9bf8e19801cae6669407e6a) + .shopify-section:has(.section-spacing.color-scheme--bg-c1efff09e9bf8e19801cae6669407e6a:not(.bordered-section)) .section-spacing { 289 padding-block-start: 0; 290 }.color-scheme--scheme-4 { 291 /* Color settings */--accent: 255 255 255; 292 --text-color: 255 255 255; 293 --background: 255 255 255 / 1.0; 294 --background-without-opacity: 255 255 255; 295 --background-gradient: ;--border-color: 255 255 255;/* Button colors */ 296 --button-background: 255 255 255; 297 --button-text-color: 28 28 28; 298 299 /* Circled buttons */ 300 --circle-button-background: 255 255 255; 301 --circle-button-text-color: 28 28 28; 302 }.shopify-section:has(.section-spacing.color-scheme--bg-54922f2e920ba8346f6dc0fba343d673) + .shopify-section:has(.section-spacing.color-scheme--bg-54922f2e920ba8346f6dc0fba343d673:not(.bordered-section)) .section-spacing { 303 padding-block-start: 0; 304 }.color-scheme--scheme-85269401-6ee7-43a2-9835-92ed3d90f6ce { 305 /* Color settings */--accent: 60 47 47; 306 --text-color: 240 194 123; 307 --background: 0 0 0 / 0.0; 308 --background-without-opacity: 0 0 0; 309 --background-gradient: ;--border-color: 240 194 123;/* Button colors */ 310 --button-background: 60 47 47; 311 --button-text-color: 255 255 255; 312 313 /* Circled buttons */ 314 --circle-button-background: 255 255 255; 315 --circle-button-text-color: 60 47 47; 316 }.shopify-section:has(.section-spacing.color-scheme--bg-3671eee015764974ee0aef1536023e0f) + .shopify-section:has(.section-spacing.color-scheme--bg-3671eee015764974ee0aef1536023e0f:not(.bordered-section)) .section-spacing { 317 padding-block-start: 0; 318 }.color-scheme--dialog { 319 /* Color settings */--accent: 42 42 42; 320 --text-color: 42 42 42; 321 --background: 237 237 237 / 1.0; 322 --background-without-opacity: 237 237 237; 323 --background-gradient: ;--border-color: 208 208 208;/* Button colors */ 324 --button-background: 42 42 42; 325 --button-text-color: 255 255 255; 326 327 /* Circled buttons */ 328 --circle-button-background: 255 255 255; 329 --circle-button-text-color: 42 42 42; 330 } 331</style>
331<script> 332 // This allows to expose several variables to the global scope, to be used in scripts 333 window.themeVariables = { 334 settings: { 335 showPageTransition: null, 336 pageType: "index", 337 moneyFormat: "{{amount_with_comma_separator}} â¬", 338 moneyWithCurrencyFormat: "{{amount_with_comma_separator}} â¬", 339 currencyCodeEnabled: false, 340 cartType: "drawer", 341 staggerMenuApparition: true 342 }, 343 344 strings: { 345 addedToCart: "Zum Warenkorb hinzugefügt!", 346 closeGallery: "Galerie schlieÃen", 347 zoomGallery: "Bild vergröÃern", 348 errorGallery: "Bild kann nicht geladen werden", 349 shippingEstimatorNoResults: "Tut uns leid, aber wir verschicken leider nicht an deine Adresse.", 350 shippingEstimatorOneResult: "Für deine Adresse gibt es einen Versandtarif:", 351 shippingEstimatorMultipleResults: "Für deine Adresse gibt es mehrere Versandtarife:", 352 shippingEstimatorError: "Beim Berechnen der Versandkosten ist ein Fehler aufgetreten:", 353 next: "Vor", 354 previous: "Zurück" 355 }, 356 357 mediaQueries: { 358 'sm': 'screen and (min-width: 700px)', 359 'md': 'screen and (min-width: 1000px)', 360 'lg': 'screen and (min-width: 1150px)', 361 'xl': 'screen and (min-width: 1400px)', 362 '2xl': 'screen and (min-width: 1600px)', 363 'sm-max': 'screen and (max-width: 699px)', 364 'md-max': 'screen and (max-width: 999px)', 365 'lg-max': 'screen and (max-width: 1149px)', 366 'xl-max': 'screen and (max-width: 1399px)', 367 '2xl-max': 'screen and (max-width: 1599px)', 368 'motion-safe': '(prefers-reduced-motion: no-preference)', 369 'motion-reduce': '(prefers-reduced-motion: reduce)', 370 'supports-hover': 'screen and (pointer: fine)', 371 'supports-touch': 'screen and (hover: none)' 372 } 373 };</script>
373<link rel="dns-prefetch" href="//app.usercentrics.eu" /> 374<link rel="dns-prefetch" href="//api.usercentrics.eu" /> 375<link rel="preconnect" href="//privacy-proxy.usercentrics.eu"> 376<link rel="preload" href="//privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" as="script">
377<script id="usercentrics-cmp" data-eu-mode="true" data-settings-id="R3rTlmlHMX7KiK" src="https://app.eu.usercentrics.eu/browser-ui/latest/loader.js" async></script>
vendor: 1 bytes, line 377
377
378<script type="application/javascript" src="https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" defer></script>
378 379
379<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 379
379
380<script type="importmap">{ 381 "imports": { 382 "vendor": "//luxe-kitchen.de/cdn/shop/t/55/assets/vendor.min.js?v=118757129943152772801756296292", 383 "theme": "//luxe-kitchen.de/cdn/shop/t/55/assets/theme.min.js?v=22612205344763485541776758454", 384 "photoswipe": "//luxe-kitchen.de/cdn/shop/t/55/assets/photoswipe.min.js?v=13374349288281597431756296295" 385 } 386 } 387 </script>
387 388 389
389<script type="module" src="//luxe-kitchen.de/cdn/shop/t/55/assets/vendor.min.js?v=118757129943152772801756296292"></script>
389 390
390<script type="module" src="//luxe-kitchen.de/cdn/shop/t/55/assets/theme.min.js?v=22612205344763485541776758454"></script>
390 391 392
392<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
392<meta name="google-site-verification" content="7PCLkAPOyucVCMITMlvHN9YpPgabm69fI2BRtncn0Y4"> 393<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/74767761694/digital_wallets/dialog"> 394<meta id="in-context-paypal-metadata" data-shop-id="74767761694" data-venmo-supported="false" data-environment="production" data-locale="de_DE" data-paypal-v4="true" data-currency="EUR"> 395<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
395<script async="async" src="/checkouts/internal/preloads.js?locale=de-DE"></script>
vendor: 1 bytes, line 395
395
396<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":74767761694,"countryCode":"DE","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/74767761694","merchantName":"Kitchen Luxe","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Kitchen Luxe","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 396
396
397<script id="shopify-features" type="application/json">{"accessToken":"87afbfc3b72b967b9d6f826f50241250","betas":["rich-media-storefront-analytics"],"domain":"luxe-kitchen.de","predictiveSearch":true,"shopId":74767761694,"locale":"de"}</script>
vendor: 1 bytes, line 397
397
398<script>var Shopify = Shopify || {}; 399Shopify.shop = "cbd-shop-2023-177.myshopify.com"; 400Shopify.locale = "de"; 401Shopify.currency = {"active":"EUR","rate":"1.0"}; 402Shopify.country = "DE"; 403Shopify.theme = {"name":"luxe-kitchen\/main","id":185449742710,"schema_name":"Prestige","schema_version":"10.7.0","theme_store_id":null,"role":"main"}; 404Shopify.theme.handle = "null"; 405Shopify.theme.style = {"id":null,"handle":null}; 406Shopify.cdnHost = "luxe-kitchen.de/cdn"; 407Shopify.routes = Shopify.routes || {}; 408Shopify.routes.root = "/"; 409Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 410Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 411Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 412Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 412
412
413<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 413
413
414<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 414
414
415<script> 416 window.Shopify = window.Shopify || {}; 417 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 418 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 419 window.Shopify.SignInWithShop.eligible = true; 420</script>
vendor: 1 bytes, line 420
420
421<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 421
421
422<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 422
422
423<script type="module"> 424 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.de.esm.js"); 425 426 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 427 428</script>
vendor: 1 bytes, line 428
428
429<script> 430 window.Shopify = window.Shopify || {}; 431 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 432 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"]}; 433</script>
vendor: 1 bytes, line 433
433
434<script>(function() { 435 var isLoaded = false; 436 function asyncLoad() { 437 if (isLoaded) return; 438 isLoaded = true; 439 var urls = ["https:\/\/spfy-pxl.archive-digger.com\/assets\/script_tag.js?shopId=cbd-shop-2023-177.myshopify.com\u0026taboolaId=1806587\u0026ecav=true\u0026eh=true\u0026ess=true\u0026ep=true\u0026eatc=true\u0026eprv=true\u0026ecv=true\u0026epv=true\u0026esc=true\u0026shop=cbd-shop-2023-177.myshopify.com"]; 440 for (var i = 0; i < urls.length; i++) { 441 var s = document.createElement('script'); 442 s.type = 'text/javascript'; 443 s.async = true; 444 s.src = urls[i]; 445 var x = document.getElementsByTagName('script')[0]; 446 x.parentNode.insertBefore(s, x); 447 } 448 }; 449 if(window.attachEvent) { 450 window.attachEvent('onload', asyncLoad); 451 } else { 452 window.addEventListener('load', asyncLoad, false); 453 } 454})();</script>
vendor: 1 bytes, line 454
454
455<script id="__st">var __st={"a":74767761694,"offset":7200,"reqid":"90e84295-b4f6-474d-82c8-15f25d30e657-1791595987","pageurl":"luxe-kitchen.de\/","u":"c3146ea8e16e","p":"home"};</script>
vendor: 1 bytes, line 455
455
456<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 456
456
457<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 457
457
458<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//luxe-kitchen.de/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 458
458
459<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 = "//luxe-kitchen.de/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>
459<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 459
459
460<script> 461 window.Shopify = window.Shopify || {}; 462 window.Shopify.MCP = window.Shopify.MCP || {}; 463 window.Shopify.MCP.enabled = true; 464 window.Shopify.MCP.shop = "cbd-shop-2023-177.myshopify.com"; 465 window.Shopify.MCP.mcpEndpoint = "https:\/\/luxe-kitchen.de\/api\/mcp"; 466 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"]}}]; 467</script>
vendor: 1 bytes, line 467
467
468<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("\/\/luxe-kitchen.de\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})(); 469</script>
vendor: 1 bytes, line 469
469
470<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://luxe-kitchen.de/cdn/shopifycloud/portable-wallets/latest/portable-wallets.de.js",t.type="module",document.head.appendChild(t)}}; 471</script>
vendor: 1 bytes, line 471
471
472<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 473 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); 474</script>
vendor: 1 bytes, line 474
474
475<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})}})); 476</script>
476 477<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://luxe-kitchen.de/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 478<style id="shopify-accelerated-checkout-cart"> 479 #shopify-buyer-consent { 480 margin-top: 1em; 481 display: inline-block; 482 width: 100%; 483} 484 485#shopify-buyer-consent.hidden { 486 display: none; 487} 488 489#shopify-subscription-policy-button { 490 background: none; 491 border: none; 492 padding: 0; 493 text-decoration: underline; 494 font-size: inherit; 495 cursor: pointer; 496} 497 498#shopify-subscription-policy-button::before { 499 box-shadow: none; 500} 501 502 </style> 503
504<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
504 505<link href="//luxe-kitchen.de/cdn/shop/t/55/assets/theme.min.css?v=166090789683054257281776758456" rel="stylesheet" type="text/css" media="all" /><link href="//luxe-kitchen.de/cdn/shop/t/55/assets/pmgw-custom.css?v=148560329299658578971759845299" rel="stylesheet" type="text/css" media="all" /><!-- Google Webmaster Tools Site Verification --> 506 <meta name="google-site-verification" content="xm8u5mz0eL4WHYOIn5tvHN2ghRYZKP8VTPdeRlO6jZU" /> 507 <link href="//luxe-kitchen.de/cdn/shop/t/55/assets/custom-menu-style.css?v=8792" rel="stylesheet" type="text/css" media="all" /> 508 509<!-- Usercentrics Cookie Banner 510
510<script src="https://stream.luxe-kitchen.de/scripts/ha7exi23JnQ0nLFCXuMH18b9CNQVB73jmNlGUzqRA4fsvYc2WrEJHyDTgxvSVTgc.js" async></script>
510--> 511 512 <!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 513 514 515 516 517 518 519 520<link rel="dns-prefetch" href="https://cdn.judge.me"> 521<link rel="dns-prefetch" href="https://cdn1.judge.me"> 522<link rel="dns-prefetch" href="https://api.judge.me"> 523
524<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":true,"coupon_receiving_condition":"any_review","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"Keine Bewertungen","badge_n_reviews_text":" mit ø {{ average_rating_1_decimal }} bewertet","badge_star_color":"#ED8A00","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Kundenbewertungen","widget_open_form_text":"Bewertung schreiben","widget_close_form_text":"Bewertung abbrechen","widget_refresh_page_text":"Seite aktualisieren","widget_summary_text":"Basierend auf {{ number_of_reviews }} Bewertung/Bewertungen","widget_no_review_text":"Schreiben Sie die erste Bewertung","widget_name_field_text":"Anzeigename","widget_verified_name_field_text":"Verifizierter Name (öffentlich)","widget_name_placeholder_text":"Anzeigename","widget_required_field_error_text":"Dieses Feld ist erforderlich.","widget_email_field_text":"E-Mail-Adresse","widget_verified_email_field_text":"Verifizierte E-Mail (privat, kann nicht bearbeitet werden)","widget_email_placeholder_text":"Ihre E-Mail-Adresse","widget_email_field_error_text":"Bitte geben Sie eine gültige E-Mail-Adresse ein.","widget_rating_field_text":"Bewertung","widget_review_title_field_text":"Bewertungstitel","widget_review_title_placeholder_text":"Geben Sie Ihrer Bewertung einen Titel","widget_review_body_field_text":"Bewertungsinhalt","widget_review_body_placeholder_text":"Beginnen Sie hier zu schreiben...","widget_pictures_field_text":"Bild/Video (optional)","widget_submit_review_text":"Bewertung abschicken","widget_submit_verified_review_text":"Verifizierte Bewertung abschicken","widget_submit_success_msg_with_auto_publish":"Vielen Dank! Bitte aktualisieren Sie die Seite in wenigen Momenten, um Ihre Bewertung zu sehen. Sie können Ihre Bewertung entfernen oder bearbeiten, indem Sie sich bei \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e anmelden","widget_submit_success_msg_no_auto_publish":"Vielen Dank! Ihre Bewertung wird veröffentlicht, sobald sie vom Shop-Administrator genehmigt wurde. Sie können Ihre Bewertung entfernen oder bearbeiten, indem Sie sich bei \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e anmelden","widget_show_default_reviews_out_of_total_text":"Es werden {{ n_reviews_shown }} von {{ n_reviews }} Bewertungen angezeigt.","widget_show_all_link_text":"Alle anzeigen","widget_show_less_link_text":"Weniger anzeigen","widget_author_said_text":"{{ reviewer_name }} sagte:","widget_days_text":"vor {{ n }} Tag/Tagen","widget_weeks_text":"vor {{ n }} Woche/Wochen","widget_months_text":"vor {{ n }} Monat/Monaten","widget_years_text":"vor {{ n }} Jahr/Jahren","widget_yesterday_text":"Gestern","widget_today_text":"Heute","widget_replied_text":"\u003e\u003e {{ shop_name }} antwortete:","widget_read_more_text":"Mehr lesen","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"Alle Bewertungen anzeigen","widget_sorting_most_recent_text":"Neueste","widget_sorting_highest_rating_text":"Höchste Bewertung","widget_sorting_lowest_rating_text":"Niedrigste Bewertung","widget_sorting_with_pictures_text":"Nur Bilder","widget_sorting_most_helpful_text":"Hilfreichste","widget_open_question_form_text":"Eine Frage stellen","widget_reviews_subtab_text":"Bewertungen","widget_questions_subtab_text":"Fragen","widget_question_label_text":"Frage","widget_answer_label_text":"Antwort","widget_question_placeholder_text":"Schreiben Sie hier Ihre Frage","widget_submit_question_text":"Frage absenden","widget_question_submit_success_text":"Vielen Dank für Ihre Frage! Wir werden Sie benachrichtigen, sobald sie beantwortet wird.","widget_star_color":"#ED8A00","verified_badge_text":"Verifiziert","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(auÃerhalb des Shops)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"über","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"leex","review_date_format":"dd/mm/yyyy","default_sort_method":"pictures-first","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Produktbewertungen","widget_shop_reviews_subtab_text":"Shop-Bewertungen","widget_other_products_reviews_text":"Be
524wertungen für andere Produkte","widget_store_reviews_subtab_text":"Shop-Bewertungen","widget_product_variant_reference_text":"Bewertung für","widget_no_store_reviews_text":"Dieser Shop hat noch keine Bewertungen erhalten","widget_web_restriction_product_reviews_text":"Dieses Produkt hat noch keine Bewertungen erhalten","widget_no_items_text":"Keine Elemente gefunden","widget_show_more_text":"Mehr anzeigen","widget_write_a_store_review_text":"Shop-Bewertung schreiben","widget_product_and_store_reviews_text":"Produkt- und Shop-Bewertungen","widget_reviews_in_collection_text":"Bewertungen in dieser Kollektion","widget_other_languages_heading":"Bewertungen in anderen Sprachen","widget_translate_review_text":"Bewertung übersetzen nach {{ language }}","widget_translating_review_text":"Ãbersetzung läuft...","widget_show_original_translation_text":"Original anzeigen ({{ language }})","widget_translate_review_failed_text":"Bewertung konnte nicht übersetzt werden.","widget_translate_review_retry_text":"Erneut versuchen","widget_translate_review_try_again_later_text":"Versuchen Sie es später noc
524h einmal","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Bilder zuerst","show_pictures_on_all_rev_page_mobile":true,"show_pictures_on_all_rev_page_desktop":true,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"â
Bewertungen","floating_tab_title":"Lassen Sie Kunden für uns sprechen","floating_tab_button_color":"#F9EFE5","floating_tab_button_background_color":"#C57854","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"stars","all_reviews_text_badge_text":"Kunden bewerten uns mit {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 basierend auf {{ shop.metafields.judgeme.all_reviews_count }} Bewertungen.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} von 5 Sternen basierend auf {{ shop.metafields.judgeme.all_reviews_count }} Bewertungen","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Unsere Kundenmeinungen","testimonials_carousel_title":"Kunden sagen uns","videos_carousel_title":"Echte Kunden-Geschichten","cards_carousel_title":"Kunden sagen uns","featured_carousel_count_text":"Kundenerfahrungen zeigen: Qualität, die überzeugt!","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":8,"featured_carousel_arrows_on_the_sides":true,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos zuerst","widget_review_pending_text":"Ausstehend","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"Keine Fragen","preview_badge_n_question_text":"{{ number_of_questions }} Frage/Fragen","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":true,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Suchen","widget_sorting_verified_only_text":"Nur verifizierte","widget_sorting_most_relevant_text":"Relevanteste","featured_carousel_theme":"gallery","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"true","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Mehr Bewertungen lesen","featured_carousel_view_product_button_text":"Produkt ansehen","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Mehr Bewertungen laden","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"wird öffentlich angezeigt wie","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonym","medals_widget_title":"Judge.me Bewertungsmedaillen","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#3B3B3B","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Keine YouTube-Video-URL","widget_max_length_field_error_text":"Bitte geben Sie nicht mehr als {0} Zeichen ein.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verifiziert vom Shop","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Von uns hergestellt, von Ihnen geteilt","widget_ugc_subt
524itle":"Markieren Sie uns, um Ihr Bild auf unserer Seite zu sehen","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Jetzt kaufen","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Mehr laden","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"Bewertungen ansehen","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#3B3B3B","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} von 5","widget_media_grid_title":"Kundenfotos \u0026 -videos","widget_media_grid_see_more_text":"Mehr sehen","widget_round_style":true,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verifiziert von Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verifiziert von Judge.me","widget_media_field_exceed_quantity_message":"Entschuldigung, wir können nur {{ max_media }} für eine Bewertung akzeptieren.","widget_media_field_exceed_limit_message":"{{ file_name }} ist zu groÃ, bitte wählen Sie ein {{ media_type }} kleiner als {{ size_limit }}MB.","widget_review_submitted_text":"Bewertung abgesendet!","widget_question_submitted_text":"Frage abgesendet!","widget_close_form_text_question":"Abbrechen","widget_write_your_answer_here_text":"Schreiben Sie hier Ihre Antwort","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"gesammelt von Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Mehr laden","widget_load_more_color":"#108474","widget_full_review_text":"Vollständige Bewertung","widget_read_more_reviews_text":"Mehr Bewertungen lesen","widget_read_questions_text":"Fragen lesen","widget_questions_and_answers_text":"Fragen \u0026 Antworten","widget_verified_by_text":"Verifiziert von","widget_verified_text":"Verifiziert","widget_number_of_reviews_text":"{{ number_of_reviews }} Bewertungen","widget_back_button_text":"Zurück","widget_next_button_text":"Weiter","widget_custom_forms_filter_button":"Filter","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"Wie werden Bewertungen gesammelt?","widget_show_review_keywords":false,"widget_gdpr_statement":"Wie wir Ihre Daten verwenden: Wir kontaktieren Sie nur bezüglich der von Ihnen abgegebenen Bewertung und nur, wenn nötig. Durch das Absenden Ihrer Bewertung stimmen Sie den \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eNutzungsbedingungen\u003c/a\u003e, der \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eDatenschutzrichtlinie\u003c/a\u003e und den \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003eInhaltsrichtlinien\u003c/a\u003e von Judge.me zu.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":false,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#000000","show_product_variant":false,"all_reviews_product_variant_label_text":"Variante: ","widget_show_verified_branding":true,"widget_ai_summary_title":"Kunden sagen","widget_ai_summary_disclaimer":"KI-gestützte Bewertungszusammenfassung basierend auf aktuellen Kundenbewertungen","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Kunden bewerten die
524sen Shop","store_summary_widget_button_text":"Kundenbewertungen ansehen","store_summary_widget_button_theme_text":"KI-Bewertungszusammenfassung ansehen","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#3B3B3B","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#3B3B3B","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"Wie würden Sie dieses Produkt bewerten?","review_content_introduction_text":"Wir würden uns freuen, wenn Sie etwas über Ihre Erfahrung teilen würden.","store_review_form_title_text":"Wie würden Sie diesen Shop bewerten?","store_review_form_introduction_text":"Wir würden uns freuen, wenn Sie etwas über Ihre Erfahrung teilen würden.","show_review_guidance_text":true,"one_star_review_guidance_text":"Schlecht","five_star_review_guidance_text":"GroÃartig","customer_information_screen_title_text":"Ãber Sie","customer_information_introduction_text":"Bitte teilen Sie uns mehr über sich mit.","custom_questions_screen_title_text":"Ihre Erfahrung im Detail","custom_questions_introduction_text":"Hier sind einige Fragen, die uns helfen, mehr über Ihre Erfahrung zu verstehen.","review_submitted_screen_title_text":"Vielen Dank für Ihre Bewertung!","review_submitted_screen_thank_you_text":"Wir verarbeiten sie und sie wird bald im Shop erscheinen.","review_submitted_screen_email_verification_text":"Bitte bestätigen Sie Ihre E-Mail-Adresse, indem Sie auf den Link klicken, den wir Ihnen gerade gesendet haben. Dies hilft uns, die Bewertungen authentisch zu halten.","confirm_email_screen_title_text":"Bestätigen Sie Ihre E-Mail","confirm_email_screen_message_text":"Um Bewertungen authentisch zu halten, senden wir Ihnen einen sicheren Link zum Weiterschreiben Ihrer Bewertung. Es dauert nur einen Moment.","check_email_screen_title_text":"Ãberprüfen Sie Ihre E-Mail","check_email_screen_message_text":"Wir haben Ihnen eine E-Mail an {{ email }} gesendet. Klicken Sie auf die Schaltfläche in der E-Mail, um fortzufahren.","check_email_screen_resend_message_text":"E-Mail erneut gesendet!","check_email_resend_hint_text":"E-Mail nicht erhalten? Ãberprüfen Sie Ihren Spam-Ordner oder [senden Sie die E-Mail erneut].","verification_email_rate_limit_error_text":"Sie haben das Limit für Bewertungsversuche für dieses Produkt erreicht. Bitte überprüfen Sie Ihren Posteingang oder versuchen Sie es später erneut.","review_submitted_request_store_review_text":"Möchten Sie Ihre Erfahrung beim Einkaufen bei uns teilen?","review_submitted_review_other_products_text":"Möchten Sie diese Produkte bewerten?","store_review_screen_title_text":"Möchten Sie Ihre Erfahrung mit uns teilen?","store_review_introduction_text":"Wir würden uns freuen, wenn Sie etwas über Ihre Erfahrung teilen würden.","reviewer_media_screen_title_picture_text":"Bild teilen","reviewer_media_introduction_picture_text":"Laden Sie ein Foto hoch, um Ihre Bewertung zu unterstützen.","reviewer_media_screen_title_video_text":"Video teilen","reviewer_media_introduction_video_text":"Laden Sie ein Video hoch, um Ihre Bewertung zu unterstützen.","reviewer_media_screen_title_picture_or_video_text":"Bild oder Video teilen","reviewer_media_introduction_picture_or_video_text":"Laden Sie ein Foto oder Video hoch, um Ihre Bewertung zu unterstützen.","reviewer_media_youtube_url_text":"Fügen Sie hier Ihre Youtube-URL ein","advanced_settings_next_step_button_text":"Weiter","advanced_settings_close_review_button_text":"SchlieÃen","modal_write_review_flow":false,"write_review_flow_required_text":"Erforderlich","write_review_flow_privacy_message_text":"Wir respektieren Ihre Privatsphäre.","write_review_flow_anonymous_text":"Be
524wertung als anonym","write_review_flow_visibility_text":"Dies wird nicht für andere Kunden sichtbar sein.","write_review_flow_multiple_selection_help_text":"Wählen Sie so viele aus, wie Sie möchten","write_review_flow_single_selection_help_text":"Wählen Sie eine Option","write_review_flow_required_field_error_text":"Dieses Feld ist erforderlich","write_review_flow_invalid_email_error_text":"Bitte geben Sie eine gültige E-Mail-Adresse ein","write_review_flow_max_length_error_text":"Max. {{ max_length }} Zeichen.","write_review_flow_media_upload_text":"\u003cb\u003eZum Hochladen klicken\u003c/b\u003e oder ziehen und ablegen","write_review_flow_gdpr_statement":"Wir kontaktieren Sie nur bei Bedarf bezüglich Ihrer Bewertung. Mit dem Absenden Ihrer Bewertung stimmen Sie unseren \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eGeschäftsbedingungen\u003c/a\u003e und unserer \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eDatenschutzrichtlinie\u003c/a\u003e zu.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Erzählen Sie uns mehr","negative_review_resolution_text":"Ihre Erfahrung ist uns wichtig. Falls es Probleme mit Ihrem Kauf gab, sind wir hier, um zu helfen. Zögern Sie nicht, uns zu kontaktieren, wir würden gerne die Gelegenheit haben, die Dinge zu korrigieren.","negative_review_resolution_button_text":"Kontaktieren Sie uns","negative_review_resolution_proceed_with_review_text":"Hinterlassen Sie eine Bewertung","negative_review_resolution_subject":"Problem mit dem Kauf von {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Schreiben Sie eine Bewertung und erhalten Sie einen Gutschein über {{ amount }} Rabatt auf Ihren nächsten Einkauf","coupon_promo_intro_with_photo_text":"Schreiben Sie eine Bewertung und fügen Sie ein Foto oder Video hinzu, um einen Gutschein über {{ amount }} Rabatt auf Ihren nächsten Einkauf zu erhalten","coupon_promo_intro_with_video_text":"Schreiben Sie eine Bewertung und fügen Sie ein Video hinzu, um einen Gutschein über {{ amount }} Rabatt auf Ihren nächsten Einkauf zu erhalten","coupon_promo_intro_up_to_any_review_text":"Schreiben Sie eine Bewertung und erhalten Sie einen Gutschein über bis zu {{ amount }} Rabatt auf Ihren nächsten Einkauf","coupon_promo_intro_up_to_with_photo_text":"Schreiben Sie eine Bewertung und fügen Sie ein Foto oder Video hinzu, um einen Gutschein über bis zu {{ amount }} Rabatt auf Ihren nächsten Einkauf zu erhalten","coupon_promo_intro_external_text":"Schreiben Sie eine Bewertung und erhalten Sie eine Belohnung für Ihren nächsten Einkauf","coupon_promo_intro_external_with_photo_text":"Schreiben Sie eine Bewertung und fügen Sie ein Foto oder Video hinzu, um eine Belohnung für Ihren nächsten Einkauf zu erhalten","coupon_promo_intro_external_with_video_text":"Schreiben Sie eine Bewertung und fügen Sie ein Video hinzu, um eine Belohnung für Ihren nächsten Einkauf zu erhalten","coupon_promo_media_photo_text":"Fügen Sie ein Foto oder Video hinzu und erhalten Sie einen Gutschein über {{ amount }} Rabatt auf Ihren nächsten Einkauf","coupon_promo_media_photo_only_text":"Fügen Sie ein Foto hinzu und erhalten Sie einen Gutschein über {{ amount }} Rabatt auf Ihren nächsten Einkauf","coupon_promo_media_video_text":"Fügen Sie ein Video hinzu und erhalten Sie einen Gutschein über {{ amount }} Rabatt auf Ihren nächsten Einkauf","coupon_promo_media_external_photo_text":"Fügen Sie ein Foto oder Video hinzu und erhalten Sie eine Belohnung für Ihren nächsten Einkauf","coupon_promo_media_external_photo_only_text":"Fügen Sie ein Foto hinzu und erhalten Sie eine Belohnung für Ihren nächsten Einkauf","coupon_promo_media_external_video_text":"Fügen Sie ein Video hinzu und erhalten Sie eine Belohnung für Ihren nächsten Einkauf","coupon_promo_success_text":"Sie haben einen Gutschein für Ihren nächsten Einkauf bei {{ shop_name }} erhalten!","coupon_promo_success_subtext":"Sie erhalten Ihre Gutschein-E-Mail innerhalb einer Stunde.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":".jdgm-star{color:#000!important}\n.jdgm-widget{font-size:11px}.jdgm-rev__author,.jdgm-rev__title,.jdgm-rev__body,.jdgm-rev__timestamp{font-size:11px!important}\n.jdgm-rev{margin:0!important;padding:0!important}.jdgm-rev *{margin:0!important;padding:0!important}","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Be
524wertung gesammelt durch eine Einladung zum Shop","transparency_badges_from_another_provider_text":"Bewertung gesammelt von einem anderen Anbieter","transparency_badges_collected_from_store_visitor_text":"Bewertung gesammelt von einem Shop-Besucher","transparency_badges_written_in_google_text":"Bewertung in Google geschrieben","transparency_badges_written_in_etsy_text":"Bewertung in Etsy geschrieben","transparency_badges_written_in_shop_app_text":"Bewertung in Shop App geschrieben","transparency_badges_earned_reward_text":"Bewertung erhielt eine Belohnung für zukünftige Bestellungen","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Shop-Bewertung","widget_cart_mode_aggregate_heading_text":"Kunden bewerten diesen Shop","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"Bewertung","review_widget_review_word_plural":"Bewertungen","review_widget_voting_label":"Hilfreich?","review_widget_shop_reply_label":"Antwort von {{ shop_name }}:","review_widget_filters_title":"Filter","review_widget_filter_rating_title":"Bewertung","review_widget_filter_keyword_title":"Stichwort","review_widget_clear_filters_text":"Filter löschen","review_widget_expand_more_text":"Mehr","review_widget_review_highlights_title":"Bewertungs-Highlights","qna_widget_question_word_singular":"Frage","qna_widget_question_word_plural":"Fragen","qna_widget_answer_reply_label":"Antwort von {{ answerer_name }}:","qna_content_screen_title_text":"Frage dieses Produkts stellen","qna_widget_question_required_field_error_text":"Bitte geben Sie Ihre Frage ein.","qna_widget_flow_gdpr_statement":"Wir kontaktieren Sie nur bei Bedarf bezüglich Ihrer Frage. Mit dem Absenden Ihrer Frage stimmen Sie unseren \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eGeschäftsbedingungen\u003c/a\u003e und unserer \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eDatenschutzrichtlinie\u003c/a\u003e zu.","qna_widget_question_submitted_text":"Danke für Ihre Frage!","qna_widget_close_form_text_question":"SchlieÃen","qna_widget_question_submit_success_text":"Wir werden Ihnen per E-Mail informieren, wenn wir Ihre Frage beantworten.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_
524number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Kundenbewertungen","all_reviews_widget_v2025_ai_summary_title":"Kunden sagen über diesen Shop","all_reviews_widget_v2025_no_review_text":"Schreiben Sie die erste Bewertung","all_reviews_widget_v2025_review_highlights_title":"Bewertungs-Highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"Von unseren Kunden","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews/stores/luxe-kitchen.de","branding_text":"Unterstützt von Judge.me","locale":"en","reply_name":"Kitchen Luxe","shop_currency":"EUR","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":false,"enable_custom_form":false,"shop_use_review_site":true,"shop_locale":"de","enable_multi_locales_translations":true,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":true,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"Kitchen Luxe"};</script>
524 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #3B3B3B;--jdgm-secondary-color: rgba(59,59,59,0.1);--jdgm-star-color: #ED8A00;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #3B3B3B;--jdgm-paginate-color: #3B3B3B;--jdgm-border-radius: 10;--jdgm-reviewer-name-color: #3B3B3B}.jdgm-histogram__bar-content{background-color:#3B3B3B}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#3B3B3B}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"Mehr sehen"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"Mehr sehen"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#ED8A00}.jdgm-widget .jdgm-write-rev-link{display:none}.jdgm-widget .jdgm-rev-widg[data-number-of-reviews='0']{display:none}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-rev .jdgm-rev__timestamp,.jdgm-quest .jdgm-rev__timestamp,.jdgm-carousel-item__timestamp{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'über'}.jdgm-rev__variant-label:before{content:'Variante: '}.jdgm-rev__out-of-store-text:before{content:'(auÃerhalb des Shops)'}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-revs-tab-btn,.jdgm-revs-tab-btn:not([disabled]):hover,.jdgm-revs-tab-btn:focus{background-color:#C57854}.jdgm-revs-tab-btn,.jdgm-revs-tab-btn:not([disabled]):hover{color:#F9EFE5}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #000;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Kitchen Luxe'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 525</style> <style class='jdgm-settings-style'></style> 526 527 528 529 530 <style class='jdgm-miracle-styles'> 531 @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
531/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important} 532 533</style> 534<style class='jdgm-miracle-styles'> 535 @font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/I
535azfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal} 536 537</style> 538 539 540 541 542 543 544 545 546 547 548 549 550
550<script id="judgeme_widget_leex_js" data-cfasync="false" type="text/javascript" async src="https://cdn.shopify.com/extensions/01a11b30-98d5-7ae3-b2f4-f79b3c6f32c4/judgeme-775/assets/shopify_v2_leex.js"></script>
550 551 552 553 554 555 556 <link id="judgeme_widget_leex_css" rel="stylesheet" type="text/css" media="nope!" onload="this.media='all'" href="https://cdn.shopify.com/extensions/01a11b30-98d5-7ae3-b2f4-f79b3c6f32c4/judgeme-775/assets/widget_v3_theme_leex.css"> 557 558 559 560
561<script data-cfasync='false' class='jdgm-script'> 562!function(e){window.jdgm=window.jdgm||{}; 563/* INF-1976 */ 564var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}(); 565if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;} 566jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a11b30-98d5-7ae3-b2f4-f79b3c6f32c4/judgeme-775/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 567jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 568setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 569!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 570(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 571a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 572jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 573t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 574t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( 575".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 576parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 577jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 578)}))}(document); 579</script>
579 580<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a11b30-98d5-7ae3-b2f4-f79b3c6f32c4/judgeme-775/assets/shopify_v2.css"></noscript> 581 582<!-- BEGIN app snippet: theme_fix_tags -->
582<script> 583 (function() { 584 var jdgmThemeFixes = {"170210099486":{"html":"","css":"@media (max-width: 767px) {\n .jdgm-carousel-wrapper .jdgm-carousel__item-wrapper {\n height: 450px !important;\n }\n .jdgm-carousel--focused-theme .jdgm-carousel-item__product-image {\n width: 93% !important;\n object-fit: contain;\n }\n .jdgm-carousel--focused-theme .jdgm-carousel-item__image-wrapper {\n height: 61% !important;\n }\n .jdgm-carousel--focused-theme .jdgm-carousel-item__review-wrapper {\n height: 39% !important;\n }\n .jdgm-carousel--focused-theme .jdgm-carousel-item__review-rating {\n display: block !important;\n width: 63% !important;\n }\n}\n","js":""},"181329265014":{"html":"","css":".jdgm-rev-snippet-card {\n max-width: 619px!important;\n}","js":""}}; 585 if (!jdgmThemeFixes) return; 586 587 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 588 // before the per-theme fix so the theme-specific CSS wins the cascade. 589 // HTML is never applied globally (too risky). 590 var allThemesFix = jdgmThemeFixes['all']; 591 if (allThemesFix && allThemesFix.css) { 592 var allStyleTag = document.createElement('style'); 593 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 594 allStyleTag.innerHTML = allThemesFix.css; 595 document.head.append(allStyleTag); 596 }; 597 598 if (allThemesFix && allThemesFix.js) { 599 var allScriptTag = document.createElement('script'); 600 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 601 allScriptTag.innerHTML = allThemesFix.js; 602 document.head.append(allScriptTag); 603 }; 604 605 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 606 if (!thisThemeFix) return; 607 608 if (thisThemeFix.html) { 609 document.addEventListener("DOMContentLoaded", function() { 610 var htmlDiv = document.createElement('div'); 611 htmlDiv.classList.add('jdgm-theme-fix-html'); 612 htmlDiv.innerHTML = thisThemeFix.html; 613 document.body.append(htmlDiv); 614 }); 615 }; 616 617 if (thisThemeFix.css) { 618 var styleTag = document.createElement('style'); 619 styleTag.classList.add('jdgm-theme-fix-style'); 620 styleTag.innerHTML = thisThemeFix.css; 621 document.head.append(styleTag); 622 }; 623 624 if (thisThemeFix.js) { 625 var scriptTag = document.createElement('script'); 626 scriptTag.classList.add('jdgm-theme-fix-script'); 627 scriptTag.innerHTML = thisThemeFix.js; 628 document.head.append(scriptTag); 629 }; 630 })(); 631</script>
631 632<!-- END app snippet --> 633<!-- End of Judge.me Core --> 634 635 636 637<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 638 639 640 641 642 643 644 645 646 647 648 649 650
650<script async src="https://static.klaviyo.com/onsite/js/WYMRS2/klaviyo.js?company_id=WYMRS2"></script>
650 651
651<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
651 652 653 654 655 656 657 658
658<script> 659 window.klaviyoReviewsProductDesignMode = false 660 </script>
660 661 662 663 664 665 666 667 668 669 670<!-- END app block --><!-- BEGIN app block: shopify://apps/adcell-tracking-remarketing/blocks/theme_extension/578397e0-3e42-4c27-add7-dfc15023b09b -->
670<script> 671 (function () { 672 var PROXY = '/apps/adcell/bid'; 673 674 function readCookie(name) { 675 var m = document.cookie.match('(?:^|; )' + name + '=([^;]*)'); 676 return m ? decodeURIComponent(m[1]) : null; 677 } 678 function writeCookie(name, value, maxAge) { 679 document.cookie = name + '=' + encodeURIComponent(value) + '; Path=/; Max-Age=' + maxAge + '; Secure; SameSite=Lax'; 680 } 681 function lsGet(name) { try { return window.localStorage.getItem(name); } catch (e) { return null; } } 682 function lsSet(name, value) { try { window.localStorage.setItem(name, value); } catch (e) {} } 683 function fetchCart() { 684 return fetch('/cart.js', { credentials: 'same-origin' }) 685 .then(function (r) { return r.json(); }) 686 .catch(function () { return null; }); 687 } 688 function stampCart(cart, bid) { 689 var token = (cart && cart.token) ? cart.token : ''; 690 if (!bid || !token) { return; } 691 if (((cart && cart.attributes) || {})['_adcell_bid'] === bid) { return; } 692 var guard = token + ':' + bid; 693 if (sessionStorage.getItem('adcellCartStamped') === guard) { return; } 694 return fetch('/cart/update.js', { 695 method: 'POST', 696 credentials: 'same-origin', 697 headers: { 'Content-Type': 'application/json' }, 698 body: JSON.stringify({ attributes: { _adcell_bid: bid } }) 699 }).then(function () { 700 sessionStorage.setItem('adcellCartStamped', guard); 701 }).catch(function () {}); 702 } 703 704 var pending = Promise.resolve(); 705 var syTries = 0; 706 function syncServer(bid, vc) { 707 pending = pending.then(fetchCart).then(function (cart) { 708 var token = (cart && cart.token) ? cart.token : ''; 709 var sy = readCookie('_shopify_y') || ''; 710 var stamped = stampCart(cart, bid); 711 if (!sy && syTries < 2) { 712 syTries++; 713 setTimeout(function () { 714 if (readCookie('_shopify_y')) { syncServer(bid, vc); } 715 }, 2000); 716 } 717 var guard = token + ':' + (bid || '') + ':' + (vc || '') + ':' + sy; 718 if (sessionStorage.getItem('adcellBidSynced') === guard) { return stamped; } 719 var body = ''; 720 if (bid) { body += 'bid=' + encodeURIComponent(bid); } 721 if (vc) { body += (body ? '&' : '') + 'vc=' + encodeURIComponent(vc); } 722 if (token) { body += (body ? '&' : '') + 'cart_token=' + encodeURIComponent(token); } 723 if (sy) { body += (body ? '&' : '') + 'sy=' + encodeURIComponent(sy); } 724 if (!body) { return stamped; } 725 var posted = fetch(PROXY, { 726 method: 'POST', 727 credentials: 'same-origin', 728 headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 729 body: body 730 }).then(function () { 731 sessionStorage.setItem('adcellBidSynced', guard); 732 }).catch(function () {}); 733 return Promise.all([stamped, posted]); 734 }).catch(function () {}); 735 } 736 737 var qs = new URLSearchParams(window.location.search); 738 var urlBid = qs.get('bid'); 739 var jsBid = readCookie('adcell'); 740 var vc = readCookie('adcell_vc'); 741 742 if (!urlBid && !jsBid) { 743 jsBid = lsGet('adcell'); 744 if (jsBid) { writeCookie('adcell', jsBid, 90 * 24 * 3600); } 745 } 746 if (urlBid || jsBid) { lsSet('adcell', urlBid || jsBid); } 747 748 if (urlBid || jsBid) { 749 syncServer(urlBid || jsBid, vc); 750 } else { 751 fetchCart().then(function (cart) { 752 var sy = readCookie('_shopify_y'); 753 var token = cart && cart.token; 754 if (!sy && !token) { 755 if (vc) { syncServer(null, vc); } 756 return; 757 } 758 var qs = []; 759 if (sy) { qs.push('sy=' + encodeURIComponent(sy)); }
760 if (token) { qs.push('cart_token=' + encodeURIComponent(token)); } 761 fetch(PROXY + '?' + qs.join('&'), { credentials: 'same-origin' }) 762 .then(function (r) { return r.json(); }) 763 .then(function (data) { 764 var bid = (data && data.bid) || null; 765 var view = vc || (data && data.vc) || null; 766 if (bid) { writeCookie('adcell', bid, 90 * 24 * 3600); lsSet('adcell', bid); } 767 if (!vc && data && data.vc) { writeCookie('adcell_vc', data.vc, 24 * 3600); } 768 if (!bid && !view) { return; } 769 syncServer(bid, view); 770 }) 771 .catch(function () { 772 if (vc) { syncServer(null, vc); } 773 }); 774 }); 775 } 776 777 var click = null; 778 if (urlBid) { 779 click = ''; 780 if (qs.get('aclk') && qs.get('aexp') && qs.get('avrf')) { 781 var c = new URLSearchParams({ bid: urlBid, aclk: qs.get('aclk'), aexp: qs.get('aexp'), avrf: qs.get('avrf') }); 782 if (qs.get('adcref')) { c.set('aref', qs.get('adcref')); } 783 click = c.toString(); 784 } 785 } 786 787 function syncS2s(allowed) { 788 pending = pending.then(fetchCart).then(function (cart) { 789 var token = (cart && cart.token) ? cart.token : ''; 790 if (!token) { return; } 791 var current = cart.attributes || {}; 792 var have = current['_adcell_s2s'] || ''; 793 var want = !allowed ? '' : (click !== null ? click : have); 794 if (!want && !have) { return; } 795 var bid = (want && click) ? urlBid : (current['_adcell_bid'] || urlBid || ''); 796 var updated = want === have ? Promise.resolve(cart) : fetch('/cart/update.js', { 797 method: 'POST', 798 credentials: 'same-origin', 799 headers: { 'Content-Type': 'application/json' }, 800 body: JSON.stringify({ attributes: { _adcell_bid: bid, _adcell_s2s: want } }) 801 }).then(function (r) { return r.json(); }).catch(function () { return null; }); 802 return updated.then(function (fresh) { 803 var t = (fresh && fresh.token) || token; 804 var guard = t + ':' + want; 805 if (!bid || sessionStorage.getItem('adcellS2sSynced') === guard) { return; } 806 return fetch(PROXY, { 807 method: 'POST', 808 credentials: 'same-origin', 809 headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 810 body: 'bid=' + encodeURIComponent(bid) + '&s2s=' + encodeURIComponent(want) + '&cart_token=' + encodeURIComponent(t) 811 }).then(function () { 812 sessionStorage.setItem('adcellS2sSynced', guard); 813 }); 814 }); 815 }).catch(function () {}); 816 } 817 818 function marketingAllowed() { 819 var cp = window.Shopify && window.Shopify.customerPrivacy; 820 return !!(cp && cp.marketingAllowed && cp.marketingAllowed()); 821 } 822 if (window.Shopify && window.Shopify.loadFeatures) { 823 window.Shopify.loadFeatures([{ name: 'consent-tracking-api', version: '0.1' }], function (error) { 824 syncS2s(!error && marketingAllowed()); 825 }); 826 } else { 827 syncS2s(false); 828 } 829 document.addEventListener('visitorConsentCollected', function (event) { 830 syncS2s(!!(event.detail && event.detail.marketingAllowed)); 831 }); 832 })(); 833</script>
833 834
835<script id="trad-js" type="text/javascript" src="https://t.adcell.com/js/trad.js?s=shopify&v=1.2.12&pid=15749" async="async"></script>
vendor: 1 bytes, line 835
835
836<script> 837 var script = document.querySelector("#trad-js"); 838 script.addEventListener('load', function() { 839 Adcell.Tracking.track(); 840 }); 841</script>
841<script type="text/javascript" src="https://t.adcell.com/js/vcad.js?s=shopify&v=1.2.12&programId=15749" async="async"></script>
841<script type="text/javascript" src="https://t.adcell.com/js/inlineretarget.js?s=shopify&v=1.2.12&method=track&pid=15749&type=startpage" async="async"></script>
841 842 843<!-- END app block -->
843<script src="https://cdn.shopify.com/extensions/01a11b30-98d5-7ae3-b2f4-f79b3c6f32c4/judgeme-775/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 843
843
844<script src="https://cdn.shopify.com/extensions/01a0eecd-e3cf-72d9-81f3-f3f881b5b528/checkout-regeln-grosse-warenkoerbe-2026-09-29/assets/widerruf-button.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 844
844
845<script src="https://cdn.shopify.com/extensions/01a11e34-4cfe-7758-8ce2-d7b551b7557a/klaviyo-email-marketing-76/assets/app.js" type="text/javascript" defer="defer"></script>
845 846<link href="https://cdn.shopify.com/extensions/01a11e34-4cfe-7758-8ce2-d7b551b7557a/klaviyo-email-marketing-76/assets/app.css" rel="stylesheet" type="text/css" media="all"> 847<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
848<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: 74767761694,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 848
848
849<script> 850 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 851</script>
vendor: 1 bytes, line 851
851
852<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}
852).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: 74767761694,storefrontBaseUrl: "https://luxe-kitchen.de",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://luxe-kitchen.de/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"2593685878","configuration":"{\"projectId\":\"tjr6po6nfv\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
852,"dataSharingState":"unrestricted"},{"id":"2543518070","configuration":"{\"accountID\":\"WYMRS2\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"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":"2415493494","configuration":"{\"accountID\":\"2328\",\"programID\":\"15749\"}","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":"2078867830","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1929642358","configuration":"{\"myshopifyDomain\":\"cbd-shop-2023-177.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1660977526","configuration":"{\"accountID\":\"1806587\",\"domain\":\"spfy-pxl.archive-digger.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8e6a4470ba80e2e0e10abe8ba61a8621","type":"APP","apiClientId":117664743425,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1359774070","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-16769573179\\\",\\\"G-7BMES5YY0N\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-7BMES5YY0N\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-7BMES5YY0N\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-16769573179\\\/tpmrCMPL1ZgaELvCrbw-\\\",\\\"G-7BMES5YY0N\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-7BMES5YY0N\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-7BMES5YY0N\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-7BMES5YY0N\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"AW-16769573179\\\/llGCCLrL1ZgaELvCrbw-\\\",\\\"G-7BMES5YY0N\\\"]}],\\\"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":"368869662","configuration":"{\"pixel_id\":\"1188941895618034\",\"pixel_type\":\"facebook_pixel\"}","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"]}
852,{"id":"187990302","configuration":"{\"tagID\":\"2614288634624\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"158335350","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":[],"name":"Shoplytics"},{"id":"263815542","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["MARKETING","SALE_OF_DATA"],"name":"ADCELL Tracking"},{"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":"Kitchen Luxe","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"cbd-shop-2023-177.myshopify.com","countryCode":"DE","storefrontUrl":"https:\/\/luxe-kitchen.de"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9049110053150","handle":"damastmesserset-resin-4-teilig","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55985651188086","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15123751371126","handle":"damastmesserset-olive-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55539666092406","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9533597745438","handle":"messerset-kurogane-tsuchi-é»éæ§","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54822240977270","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15124048970102","handle":"damast-schneidset-deluxe","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55401939108214","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9371010203934","handle":"damast-messerset-sandelholz","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48747275026718","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15499847008630","handle":"damastmesserset-olive-inkl-messerhalter-ashcube","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56879712895350","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15428621336950","handle":"damastmesserset-resin-inkl-messerhalter-ashcube","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56592199319926","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15428610523510","handle":"damast-messerset-sandelholz-inkl-messerhalter-ashcube","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56592078930294","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15152540713334","handle":"magnetischer-messerhalter-ashcube","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55502293107062","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://luxe-kitchen.de/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"185449742710","themePublished":"true","eventMetadataId":"848900d0-58dd-405d-b85a-1074efffd1fa","pageType":"home","shopId":"74767761694","storefrontBaseUrl":"https:\/\/luxe-kitchen.de","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
852<script> 853 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 854 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 855 window.ShopifyAnalytics.meta.currency = 'EUR'; 856 var meta = {"page":{"pageType":"home","requestId":"90e84295-b4f6-474d-82c8-15f25d30e657-1791595987"}}; 857 for (var attr in meta) { 858 window.ShopifyAnalytics.meta[attr] = meta[attr]; 859 } 860</script>
vendor: 1 bytes, line 860
860
861<script class="analytics"> 862 (function () { 863 var customDocumentWrite = function(content) { 864 var jquery = null; 865 866 if (window.jQuery) { 867 jquery = window.jQuery; 868 } else if (window.Checkout && window.Checkout.$) { 869 jquery = window.Checkout.$; 870 } 871 872 if (jquery) { 873 jquery('body').append(content); 874 } 875 }; 876 877 var hasLoggedConversion = function(token) { 878 if (token) { 879 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 880 } 881 return false; 882 } 883 884 var setCookieIfConversion = function(token) { 885 if (token) { 886 var twoMonthsFromNow = new Date(Date.now()); 887 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 888 889 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 890 } 891 } 892 893 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 894 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 895 if (trekkie.integrations) { 896 return; 897 } 898 trekkie.methods = [ 899 'identify', 900 'page', 901 'ready', 902 'track', 903 'trackForm', 904 'trackLink' 905 ]; 906 trekkie.factory = function(method) { 907 return function() { 908 var args = Array.prototype.slice.call(arguments); 909 args.unshift(method); 910 trekkie.push(args); 911 if (method == 'track' || method == 'page') { 912 var pageUrl; 913 try { 914 pageUrl = window.location.href; 915 } catch (e) {} 916 var pageReferrer; 917 try { 918 pageReferrer = document.referrer; 919 } catch (e) {} 920 try { 921 if (window.__TREKKIE_SHIM_QUEUE == null) { 922 window.__TREKKIE_SHIM_QUEUE = []; 923 } 924 window.__TREKKIE_SHIM_QUEUE.push({ 925 from: 'trekkie-stub', 926 method: method, 927 args: args.slice(1), 928 pageContext: { 929 url: pageUrl, 930 referrer: pageReferrer 931 } 932 }); 933 } catch (e) { 934 // no-op 935 } 936 } 937 return trekkie; 938 }; 939 }; 940 for (var i = 0; i < trekkie.methods.length; i++) { 941 var key = trekkie.methods[i]; 942 trekkie[key] = trekkie.factory(key); 943 } 944 trekkie.load = function(config) { 945 trekkie.config = config || {}; 946 trekkie.config.initialDocumentCookie = document.cookie; 947 var first = document.getElementsByTagName('script')[0]; 948var script = document.createElement('script'); 949script.type = 'text/javascript'; 950script.onerror = function(e) { 951 var scriptFallback = document.createElement('script'); 952 scriptFallback.type = 'text/javascript'; 953 scriptFallback.onerror = function(error) { 954 var Monorail = { 955 produce: function produce(monorailDomain, schemaId, payload) { 956 var currentMs = new Date().getTime(); 957 var event = { 958 schema_id: schemaId, 959 payload: payload, 960 metadata: { 961 event_created_at_ms: currentMs, 962 event_sent_at_ms: currentMs 963 } 964 }; 965 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 966 }, 967 sendRequest: function sendRequest(endpointUrl, payload) { 968 // Try the sendBeacon API 969 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 970 var blobData = new window.Blob([payload], { 971 type: 'text/plain' 972 }); 973 974 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 975 return true; 976 } // sendBeacon was not successful 977 978 } // XHR beacon 979 980 var xhr = new XMLHttpRequest(); 981 982 try { 983 xhr.open('POST', endpointUrl); 984 xhr.setRequestHeader('Content-Type', 'text/plain'); 985 xhr.send(payload); 986 } catch (e) { 987 console.log(e); 988 } 989 990 return false; 991 }, 992 isIos12: function isIos12() { 993 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 994 } 995 }; 996 Monorail.produce('monorail-edge.shopifysvc.com', 997 'trekkie_storefront_load_errors/1.1', 998 {shop_id: 74767761694, 999 theme_id: 185449742710, 1000 app_name: "storefront", 1001 context_url: window.location.href, 1002 source_url: "//luxe-kitchen.de/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 1003 1004 }; 1005 scriptFallback.async = true; 1006 scriptFallback.src = '//luxe-kitchen.de/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 1007 first.parentNode.insertBefore(scriptFallback, first); 1008}; 1009script.async = true; 1010script.src = '//luxe-kitchen.de/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 1011first.parentNode.insertBefore(script, first); 1012 1013 }; 1014 trekkie.load( 1015 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":74767761694,"isMerchantRequest":null,"themeId":185449742710,"themeCityHash":"8810641181333857142","contentLanguage":"de","currency":"EUR","eventMetadataId":"848900d0-58dd-405d-b85a-1074efffd1fa"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1016 ); 1017 1018 var loaded = false;
1019 trekkie.ready(function() { 1020 if (loaded) return; 1021 loaded = true; 1022 1023 window.ShopifyAnalytics.lib = window.trekkie; 1024 1025 var originalDocumentWrite = document.write; 1026 document.write = customDocumentWrite; 1027 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1028 document.write = originalDocumentWrite; 1029 1030 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1031 var token = match? match[1]: undefined; 1032 if (!hasLoggedConversion(token)) { 1033 setCookieIfConversion(token); 1034 1035 } 1036 }); 1037 1038 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"90e84295-b4f6-474d-82c8-15f25d30e657-1791595987","shopifyEmitted":true}); 1039 1040 var eventsListenerScript = document.createElement('script'); 1041 eventsListenerScript.async = true; 1042 eventsListenerScript.src = "//luxe-kitchen.de/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1043 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1044})();</script>
vendor: 1 bytes, line 1044
1044
1045<script 1046 defer 1047 src="https://luxe-kitchen.de/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js" 1048 data-application="storefront-renderer" 1049 data-shop-id="74767761694" 1050 data-render-region="gcp-us-west1" 1051 data-page-type="index" 1052 data-theme-instance-id="185449742710" 1053 data-theme-name="Prestige" 1054 data-theme-version="10.7.0" 1055 data-monorail-region="shop_domain" 1056 data-resource-timing-sampling-rate="10" 1057 data-shs="true" 1058 data-shs-beacon="true" 1059 data-shs-export-with-fetch="true" 1060 data-shs-logs-sample-rate="1" 1061 data-shs-beacon-endpoint="https://luxe-kitchen.de/api/collect" 1062></script>
1062 1063<meta name="shopify-y" content="72d0c3a6-8967-4578-b3f1-49acb1345575" data-expiration="1823153587000"><meta name="shopify-s" content="b7f16187-a203-4208-95fe-77038dc3d5fc" data-expiration="1791597787000"> 1064</head> 1065 1066 1067 1068 <body class="features--button-transition features--zoom-image color-scheme color-scheme--scheme-1"><template id="drawer-default-template"> 1069 <div part="base"> 1070 <div part="overlay"></div> 1071 1072 <div part="content"> 1073 <header part="header"> 1074 <slot name="header"></slot> 1075 1076 <dialog-close-button style="display: contents"> 1077 <button type="button" part="close-button tap-area" aria-label="SchlieÃen"><svg aria-hidden="true" focusable="false" fill="none" width="14" class="icon icon-close" viewBox="0 0 16 16"> 1078 <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/> 1079 </svg> 1080 1081 </button> 1082 </dialog-close-button> 1083 </header> 1084 1085 <div part="body"> 1086 <slot></slot> 1087 </div> 1088 1089 <footer part="footer"> 1090 <slot name="footer"></slot> 1091 </footer> 1092 </div> 1093 </div> 1094</template><template id="modal-default-template"> 1095 <div part="base"> 1096 <div part="overlay"></div> 1097 1098 <div part="content"> 1099 <header part="header"> 1100 <slot name="header"></slot> 1101 1102 <dialog-close-button style="display: contents"> 1103 <button type="button" part="close-button tap-area" aria-label="SchlieÃen"><svg aria-hidden="true" focusable="false" fill="none" width="14" class="icon icon-close" viewBox="0 0 16 16"> 1104 <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/> 1105 </svg> 1106 1107 </button> 1108 </dialog-close-button> 1109 </header> 1110 1111 <div part="body"> 1112 <slot></slot> 1113 </div> 1114 </div> 1115 </div> 1116</template><template id="popover-default-template"> 1117 <div part="base"> 1118 <div part="overlay"></div> 1119 1120 <div part="content"> 1121 <header part="header"> 1122 <slot name="header"></slot> 1123 1124 <dialog-close-button style="display: contents"> 1125 <button type="button" part="close-button tap-area" aria-label="SchlieÃen"><svg aria-hidden="true" focusable="false" fill="none" width="14" class="icon icon-close" viewBox="0 0 16 16"> 1126 <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/> 1127 </svg> 1128 1129 </button> 1130 </dialog-close-button> 1131 </header> 1132 1133 <div part="body"> 1134 <slot></slot> 1135 </div> 1136 </div> 1137 </div> 1138</template><template id="header-search-default-template"> 1139 <div part="base"> 1140 <div part="overlay"></div> 1141 1142 <div part="content"> 1143 <slot></slot> 1144 </div> 1145 </div> 1146</template><template id="video-media-default-template"> 1147 <slot></slot> 1148 1149 <svg part="play-button" fill="none" width="48" height="48" viewBox="0 0 48 48"> 1150 <path fill-rule="evenodd" clip-rule="evenodd" d="M48 24c0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0s24 10.745 24 24Zm-18 0-9-6.6v13.2l9-6.6Z" fill="var(--play-button-background, #f5f1ec)"/> 1151 </svg> 1152</template><loading-bar class="loading-bar" aria-hidden="true"></loading-bar> 1153 <a href="#main" allow-hash-change class="skip-to-content sr-only">Zum Inhalt springen</a> 1154 1155 <span id="header-scroll-tracker" style="position: absolute; width: 1px; height: 1px; top: var(--header-scroll-tracker-offset, 10px); left: 0;"></span><!-- BEGIN sections: header-group --> 1156<header id="shopify-section-sections--26037725823350__header" class="shopify-section shopify-section-group-header-group shopify-section--header"><style> 1157 :root { 1158 --header-is-sticky: 1; 1159 } 1160 1161 #shopify-section-sections--26037725823350__header { 1162 --header-grid: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr); 1163 --header-padding-block: 0.5rem; 1164 --header-transparent-header-text-color: 255 255 255; 1165 --header-separation-border-color: 0 0 0 / 0; 1166 1167 position: relative; 1168 z-index: 4; 1169 } 1170 1171 @media screen and (min-width: 700px) { 1172 #shopify-section-sections--26037725823350__header { 1173 --header-padding-block: 0.8rem; 1174 } 1175 } 1176 1177 @media screen and (min-width: 1000px) { 1178 #shopify-section-sections--26037725823350__header {--header-grid: "logo primary-nav secondary-nav" / minmax(max-content, 1fr) auto minmax(max-content, 1fr);} 1179 } 1180 1181 /* Enhanced font sizes for better space utilization */ 1182 #shopify-section-sections--26037725823350__header .header__primary-nav-item a, 1183 #shopify-section-sections--26037725823350__header .header__primary-nav-item summary { 1184 font-size: 1rem; 1185 font-weight: 500; 1186 } 1187 1188 #shopify-section-sections--26037725823350__header .header__secondary-nav a, 1189 #shopify-section-sections--26037725823350__header .header__secondary-nav span { 1190 font-size: 0.9rem; 1191 font-weight: 500; 1192 } 1193 1194 #shopify-section-sections--26037725823350__header .header__logo-text { 1195 font-size: 1.2rem; 1196 font-weight: 600; 1197 } 1198 1199 @media screen and (min-width: 700px) { 1200 #shopify-section-sections--26037725823350__header .header__primary-nav-item a, 1201 #shopify-section-sections--26037725823350__header .header__primary-nav-item summary { 1202 font-size: 1.1rem; 1203 } 1204 1205 #shopify-section-sections--26037725823350__header .header__secondary-nav a, 1206 #shopify-section-sections--26037725823350__header .header__secondary-nav span { 1207 font-size: 1rem; 1208 } 1209 1210 #shopify-section-sections--26037725823350__header .header__logo-text { 1211 font-size: 1.4rem; 1212 } 1213 }#shopify-section-sections--26037725823350__header { 1214 position: sticky; 1215 top: 0; 1216 } 1217 1218 .shopify-section--announcement-bar ~ #shopify-section-sections--26037725823350__header { 1219 top: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px)); 1220 }#shopify-section-sections--26037725823350__header { 1221 --header-logo-width: 100px; 1222 } 1223 1224 @media screen and (min-width: 700px) { 1225 #shopify-section-sections--26037725823350__header { 1226 --header-logo-width: 180px; 1227 } 1228 }</style> 1229 1230<height-observer variable="header"> 1231 <x-header class="header color-scheme color-scheme--scheme-2"><h1 class="header__logo"> 1232 <a href="/"><span class="sr-only">Kitchen Luxe</span><img src="//luxe-kitchen.de/cdn/shop/files/Kitchen_Luxe_Logo_515x250px_mit_Linie.svg?v=1731870955&width=515" alt="Kitchen Luxe Logo" srcset="//luxe-kitchen.de/cdn/shop/files/Kitchen_Luxe_Logo_515x250px_mit_Linie.svg?v=1731870955&width=360 360w, //luxe-kitchen.de/cdn/shop/files/Kitchen_Luxe_Logo_515x250px_mit_Linie.svg?v=1731870955&width=515 515w" width="515" height="250" sizes="180px" class="header__logo-image"><img src="//luxe-kitchen.de/cdn/shop/files/Kitchen_Luxe_Logo_400x250px_weiss_mit_Linie_1.svg?v=1745175512&width=323" alt="" width="323" height="77" sizes="180px" class="header__logo-image header__logo-image--transparent"></a> 1233 </h1> 1234 1235<nav class="header__primary-nav header__primary-nav--center" aria-label="Hauptnavigation"> 1236 <button type="button" aria-controls="sidebar-menu" class="md:hidden">
1237 <span class="sr-only">Navigationsmenü öffnen</span><svg aria-hidden="true" fill="none" focusable="false" width="24" class="header__nav-icon icon icon-hamburger" viewBox="0 0 24 24"> 1238 <path d="M1 19h22M1 12h22M1 5h22" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> 1239 </svg></button><ul class="contents unstyled-list md-max:hidden"> 1240 1241 <li class="header__primary-nav-item" data-title="Home"><a href="/" class="block h6" aria-current="page">Home</a></li> 1242 1243 <li class="header__primary-nav-item" data-title="Küchenmesser"><dropdown-menu-disclosure follow-summary-link trigger="hover"><details class="header__menu-disclosure"> 1244 <summary data-follow-link="/collections/kuechenmesser" class="h6">Küchenmesser</summary><ul class="header__dropdown-menu header__dropdown-menu--restrictable unstyled-list" role="list"><li><a href="/collections/einzel-kuechenmesser" class="link-faded-reverse" >Einzelmesser</a></li><li><a href="/collections/knife-sets" class="link-faded-reverse" >Premium Messersets</a></li><li><a href="/collections/messerhalter" class="link-faded-reverse" >Messerhalter</a></li><li><a href="/collections/messerzubehor" class="link-faded-reverse" >Messerzubehör</a></li></ul></details></dropdown-menu-disclosure></li> 1245 1246 <li class="header__primary-nav-item" data-title="Küchenwerkzeuge"><dropdown-menu-disclosure follow-summary-link trigger="hover"><details class="header__menu-disclosure"> 1247 <summary data-follow-link="/collections/kuechenwerkzeuge" class="h6">Küchenwerkzeuge</summary><ul class="header__dropdown-menu header__dropdown-menu--restrictable unstyled-list" role="list"><li><a href="/collections/gewuerzmuhlen" class="link-faded-reverse" >Gewürzmühlen</a></li><li><a href="/products/kuechenhobel-riv" class="link-faded-reverse" >Küchenreiben</a></li><li><a href="/collections/salz-pfeffermuhlen" class="link-faded-reverse" >Salz-/Pfeffermühlen</a></li><li><a href="/products/3er-set-schneidbrett-akazie" class="link-faded-reverse" >Schneidbretter</a></li></ul></details></dropdown-menu-disclosure></li> 1248 1249 <li class="header__primary-nav-item" data-title="Kochgeschirr"><dropdown-menu-disclosure follow-summary-link trigger="hover"><details class="header__menu-disclosure"> 1250 <summary data-follow-link="/collections/eurolux-kochgeschirr" class="h6">Kochgeschirr</summary><ul class="header__dropdown-menu header__dropdown-menu--restrictable unstyled-list" role="list"><li><a href="/collections/pfannen" class="link-faded-reverse" >Aluguss-Pfannen</a></li><li><a href="/collections/eurolux-braeter" class="link-faded-reverse" >Bräter</a></li><li><a href="/products/edelstahlpfanne" class="link-faded-reverse" >Edelstahl-Pfannen</a></li><li><a href="/collections/eurolux-grill-und-backplatten" class="link-faded-reverse" >Grill- und Backplatten</a></li><li><a href="/collections/eurolux-toepfe" class="link-faded-reverse" >Töpfe</a></li><li><a href="/collections/eurolux-woks" class="link-faded-reverse" >Woks</a></li><li><a href="/collections/eurolux-zubehoer" class="link-faded-reverse" >EUROLUX® Zubehör</a></li></ul></details></dropdown-menu-disclosure></li> 1251 1252 <li class="header__primary-nav-item" data-title="Kochbücher"><a href="/collections/kochbuecher" class="block h6" >Kochbücher</a></li> 1253 1254 <li class="header__primary-nav-item" data-title="Geschenkgutscheine"><a href="/products/kitchen-luxe-geschenkgutschein" class="block h6" >Geschenkgutscheine</a></li> 1255 1256 <li class="header__primary-nav-item" data-title="SALE"><a href="/collections/sale" class="block h6" >SALE</a></li></ul></nav><nav class="header__secondary-nav" aria-label="Sekundäre Navigation"><div class="localization-selectors md-max:hidden"><div class="relative"> 1257 <button type="button" class="localization-toggle heading text-xxs link-faded" aria-controls="popover-localization-header-nav-sections--26037725823350__header-country" aria-label="Translation missing: de.general.localization.change_country_accessibility_text" aria-expanded="false"><span>EUR â¬</span><svg aria-hidden="true" focusable="false" fill="none" width="10" class="icon icon-chevron-down" viewB
1257ox="0 0 10 10"> 1258 <path d="m1 3 4 4 4-4" stroke="currentColor" stroke-linecap="square"/> 1259 </svg></button> 1260 1261 <x-popover id="popover-localization-header-nav-sections--26037725823350__header-country" initial-focus="[aria-selected='true']" class="popover popover--bottom-end color-scheme color-scheme--dialog"> 1262 <p class="h4" slot="header">Land</p><form method="post" action="/localization" id="localization-form-header-nav-sections--26037725823350__header-country" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><x-listbox class="popover__value-list"><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="BE" aria-selected="false"><span>Belgien (EUR â¬)</span> 1263 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="BG" aria-selected="false"><span>Bulgarien (EUR â¬)</span> 1264 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="DK" aria-selected="false"><span>Dänemark (DKK kr.)</span> 1265 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="DE" aria-selected="true"><span>Deutschland (EUR â¬)</span> 1266 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="EE" aria-selected="false"><span>Estland (EUR â¬)</span> 1267 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="FI" aria-selected="false"><span>Finnland (EUR â¬)</span> 1268 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="FR" aria-selected="false"><span>Frankreich (EUR â¬)</span> 1269 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="GR" aria-selected="false"><span>Griechenland (EUR â¬)</span> 1270 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="IE" aria-selected="false"><span>Irland (EUR â¬)</span> 1271 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="IT" aria-selected="false"><span>Italien (EUR â¬)</span> 1272 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="HR" aria-selected="false"><span>Kroatien (EUR â¬)</span> 1273 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="LV" aria-selected="false"><span>Lettland (EUR â¬)</span> 1274 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="LT" aria-selected="false"><span>Litauen (EUR â¬)</span> 1275 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="LU" aria-selected="false"><span>Luxemburg (EUR â¬)</span> 1276 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="MT" aria-selected="false"><span>Malta (EUR â¬)</span> 1277 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="NL" aria-selected="false"><span>Niederlande (EUR â¬)</span> 1278 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="AT" aria-selected="false"><span>Ãsterreich (EUR â¬)</span> 1279 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="PL" aria-selected="false"><span>Polen (PLN zÅ)</span> 1280 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="PT" aria-selected="false"><span>Portugal (EUR â¬)</span> 1281 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="RO" aria-selected="false"><span>Rumänien (RON Lei)</span> 1282 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="SE" aria-selected="false"><span>Schweden (SEK kr)</span> 1283 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="CH" aria-selected="false"><span>Schweiz (EUR â¬)</span> 1284 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="SK" aria-selected="false"><span>Slowakei (EUR â¬)</span> 1285 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="SI" aria-selected="false"><span>Slowenien (EUR â¬)</span> 1286 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="ES" aria-selected="false"><span>Spanien (EUR â¬)</span> 1287 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="CZ" aria-selected="false"><span>Tschechien (CZK KÄ)</span> 1288 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="HU" aria-selected="false"><span>Ungarn (HUF Ft)</span> 1289 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="CY" aria-selected="false"><span>Zypern (EUR â¬)</span> 1290 </button></x-listbox></form></x-popover> 1291 </div></div><a href="https://luxe-kitchen.de/customer_authentication/redirect?locale=de®ion_country=DE" class="sm-max:hidden">
1292 <span class="sr-only">Kundenkontoseite öffnen</span><svg aria-hidden="true" fill="none" focusable="false" width="24" class="header__nav-icon icon icon-account" viewBox="0 0 24 24"> 1293 <path d="M16.125 8.75c-.184 2.478-2.063 4.5-4.125 4.5s-3.944-2.021-4.125-4.5c-.187-2.578 1.64-4.5 4.125-4.5 2.484 0 4.313 1.969 4.125 4.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 1294 <path d="M3.017 20.747C3.783 16.5 7.922 14.25 12 14.25s8.217 2.25 8.984 6.497" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/> 1295 </svg></a><a href="/search" aria-controls="header-search-sections--26037725823350__header"> 1296 <span class="sr-only">Suche öffnen</span><svg aria-hidden="true" fill="none" focusable="false" width="24" class="header__nav-icon icon icon-search" viewBox="0 0 24 24"> 1297 <path d="M10.364 3a7.364 7.364 0 1 0 0 14.727 7.364 7.364 0 0 0 0-14.727Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/> 1298 <path d="M15.857 15.858 21 21.001" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> 1299 </svg></a><a href="/cart" class="relative" aria-controls="cart-drawer" data-no-instant> 1300 <span class="sr-only">Warenkorb öffnen</span><svg aria-hidden="true" fill="none" focusable="false" width="24" class="header__nav-icon icon icon-cart" viewBox="0 0 24 24"><path d="M4.75 8.25A.75.75 0 0 0 4 9L3 19.125c0 1.418 1.207 2.625 2.625 2.625h12.75c1.418 0 2.625-1.149 2.625-2.566L20 9a.75.75 0 0 0-.75-.75H4.75Zm2.75 0v-1.5a4.5 4.5 0 0 1 4.5-4.5v0a4.5 4.5 0 0 1 4.5 4.5v1.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg><cart-dot class="header__cart-dot "></cart-dot> 1301 </a> 1302 </nav><header-search id="header-search-sections--26037725823350__header" class="header-search"> 1303 <div class="container"> 1304 <form id="predictive-search-form" action="/search" method="GET" aria-owns="header-predictive-search" class="header-search__form" role="search"> 1305 <div class="header-search__form-control"><svg aria-hidden="true" fill="none" focusable="false" width="20" class="icon icon-search" viewBox="0 0 24 24"> 1306 <path d="M10.364 3a7.364 7.364 0 1 0 0 14.727 7.364 7.364 0 0 0 0-14.727Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/> 1307 <path d="M15.857 15.858 21 21.001" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> 1308 </svg><input type="search" name="q" spellcheck="false" class="header-search__input h5 sm:h4" aria-label="Suchen" placeholder="Gib etwas ein..."> 1309 1310 <dialog-close-button class="contents"> 1311 <button type="button"> 1312 <span class="sr-only">SchlieÃen</span><svg aria-hidden="true" focusable="false" fill="none" width="16" class="icon icon-close" viewBox="0 0 16 16"> 1313 <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/> 1314 </svg> 1315 1316 </button> 1317 </dialog-close-button> 1318 </div> 1319 </form> 1320 1321 <predictive-search id="header-predictive-search" class="predictive-search"> 1322 <div class="predictive-search__content" slot="results"></div> 1323 </predictive-search> 1324 </div> 1325</header-search><template id="header-sidebar-template"> 1326 <div part="base"> 1327 <div part="overlay"></div> 1328 1329 <div part="content"> 1330 <header part="header"> 1331 <dialog-close-button class="contents"> 1332 <button type="button" part="close-button tap-area" aria-label="SchlieÃen"><svg aria-hidden="true" focusable="false" fill="none" width="16" class="icon icon-close" viewBox="0 0 16 16"> 1333 <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/> 1334 </svg> 1335 1336 </button> 1337 </dialog-close-button> 1338 </header> 1339 1340 <div part="panel-list"> 1341 <slot name="main-panel"></slot><slot name="collapsible-panel"></slot></div> 1342 </div> 1343 </div> 1344</template> 1345 1346<header-sidebar id="sidebar-menu" class="header-sidebar drawer drawer--sm color-scheme color-scheme--scheme-2" template="header-sidebar-template" open-from="left"><div class="header-sidebar__main-panel" slot="main-panel"> 1347 <div class="header-sidebar__scroller"> 1348 <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li><a href="/" class="header-sidebar__linklist-button h6">Home</a></li><li><button type="button" class="header-sidebar__linklist-button h6" aria-controls="header-panel-2" aria-expanded="false">Küchenmesser<svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-right icon--direction-aware" viewBox="0 0 10 10"> 1349 <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/> 1350 </svg></button></li><li><button type="button" class="header-sidebar__linklist-button h6" aria-controls="header-panel-3" aria-expanded="false">Küchenwerkzeuge<svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-right icon--direction-aware" viewBox="0 0 10 10"> 1351 <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/> 1352 </svg></button></li><li><button type="button" class="header-sidebar__linklist-button h6" aria-controls="header-panel-4" aria-expanded="false">Kochgeschirr<svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-right icon--direction-aware" viewBox="0 0 10 10"> 1353 <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/> 1354 </svg></button></li><li><a href="/collections/kochbuecher" class="header-sidebar__linklist-button h6">Kochbücher</a></li><li><a href="/products/kitchen-luxe-geschenkgutschein" class="header-sidebar__linklist-button h6">Geschenkgutscheine</a></li><li><a href="/collections/sale" class="header-sidebar__linklist-button h6">SALE</a></li></ul> 1355 </div><div class="header-sidebar__footer"><a href="https://luxe-kitchen.de/customer_authentication/redirect?locale=de®ion_country=DE" class="text-with-icon smallcaps sm:hidden"><svg aria-hidden="true" fill="none" focusable="false" width="20" class="icon icon-account" viewBox="0 0 24 24">
1356 <path d="M16.125 8.75c-.184 2.478-2.063 4.5-4.125 4.5s-3.944-2.021-4.125-4.5c-.187-2.578 1.64-4.5 4.125-4.5 2.484 0 4.313 1.969 4.125 4.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 1357 <path d="M3.017 20.747C3.783 16.5 7.922 14.25 12 14.25s8.217 2.25 8.984 6.497" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/> 1358 </svg>Anmelden</a><div class="localization-selectors"><div class="relative"> 1359 <button type="button" class="localization-toggle heading text-xxs link-faded" aria-controls="popover-localization-header-sidebar-sections--26037725823350__header-country" aria-label="Translation missing: de.general.localization.change_country_accessibility_text" aria-expanded="false"><span>EUR â¬</span><svg aria-hidden="true" focusable="false" fill="none" width="10" class="icon icon-chevron-down" viewBox="0 0 10 10"> 1360 <path d="m1 3 4 4 4-4" stroke="currentColor" stroke-linecap="square"/> 1361 </svg></button> 1362 1363 <x-popover id="popover-localization-header-sidebar-sections--26037725823350__header-country" initial-focus="[aria-selected='true']" class="popover popover--top-start color-scheme color-scheme--dialog"> 1364 <p class="h4" slot="header">Land</p><form method="post" action="/localization" id="localization-form-header-sidebar-sections--26037725823350__header-country" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><x-listbox class="popover__value-list"><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="BE" aria-selected="false"><span>Belgien (EUR â¬)</span> 1365 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="BG" aria-selected="false"><span>Bulgarien (EUR â¬)</span> 1366 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="DK" aria-selected="false"><span>Dänemark (DKK kr.)</span> 1367 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="DE" aria-selected="true"><span>Deutschland (EUR â¬)</span> 1368 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="EE" aria-selected="false"><span>Estland (EUR â¬)</span> 1369 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="FI" aria-selected="false"><span>Finnland (EUR â¬)</span> 1370 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="FR" aria-selected="false"><span>Frankreich (EUR â¬)</span> 1371 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="GR" aria-selected="false"><span>Griechenland (EUR â¬)</span> 1372 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="IE" aria-selected="false"><span>Irland (EUR â¬)</span> 1373 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="IT" aria-selected="false"><span>Italien (EUR â¬)</span> 1374 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="HR" aria-selected="false"><span>Kroatien (EUR â¬)</span> 1375 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="LV" aria-selected="false"><span>Lettland (EUR â¬)</span> 1376 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="LT" aria-selected="false"><span>Litauen (EUR â¬)</span> 1377 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="LU" aria-selected="false"><span>Luxemburg (EUR â¬)</span> 1378 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="MT" aria-selected="false"><span>Malta (EUR â¬)</span> 1379 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="NL" aria-selected="false"><span>Niederlande (EUR â¬)</span> 1380 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="AT" aria-selected="false"><span>Ãsterreich (EUR â¬)</span> 1381 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="PL" aria-selected="false"><span>Polen (PLN zÅ)</span> 1382 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="PT" aria-selected="false"><span>Portugal (EUR â¬)</span> 1383 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="RO" aria-selected="false"><span>Rumänien (RON Lei)</span> 1384 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="SE" aria-selected="false"><span>Schweden (SEK kr)</span> 1385 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="CH" aria-selected="false"><span>Schweiz (EUR â¬)</span> 1386 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="SK" aria-selected="false"><span>Slowakei (EUR â¬)</span> 1387 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="SI" aria-selected="false"><span>Slowenien (EUR â¬)</span> 1388 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="ES" aria-selected="false"><span>Spanien (EUR â¬)</span> 1389 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="CZ" aria-selected="false"><span>Tschechien (CZK KÄ)</span> 1390 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="HU" aria-selected="false"><span>Ungarn (HUF Ft)</span> 1391 </button><button type="submit" name="country_code" class="popover__value-option h-stack gap-2.5" role="option" value="CY" aria-selected="false"><span>Zypern (EUR â¬)</span> 1392 </button></x-listbox></form></x-popover> 1393 </div></div></div></div><header-sidebar-collapsible-panel class="header-sidebar__collapsible-panel" slot="collapsible-panel"> 1394 <div class="header-sidebar__scroller"><div id="header-panel-2" class="header-sidebar__sub-panel" hidden> 1395 <button type="button" class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden" data-action="close-panel"><svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-left icon--direction-aware" viewBox="0 0 10 10"> 1396 <path d="M7 1 3 5l4 4" stroke="currentColor" stroke-linecap="square"/> 1397 </svg>Küchenmesser</button> 1398 1399 <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li><a href="/collections/einzel-kuechenmesser" class="header-sidebar__linklist-button h6">Einzelmesser</a></li><li><a href="/collections/knife-sets" class="header-sidebar__linklist-button h6">Premium Messersets</a></li><li><a href="/collections/messerhalter" class="header-sidebar__linklist-button h6">Messerhalter</a></li><li><a href="/collections/messerzubehor" class="header-sidebar__linklist-button h6">Messerzubehör</a></li></ul></div><div id="header-panel-3" class="header-sidebar__sub-panel" hidden> 1400 <button type="button" class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden" data-action="close-panel"><svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-left icon--direction-aware" viewBox="0 0 10 10"> 1401 <path d="M7 1 3 5l4 4" stroke="currentColor" stroke-linecap="square"/> 1402 </svg>Küchenwerkzeuge</button> 1403 1404 <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li><a href="/collections/gewuerzmuhlen" class="header-sidebar__linklist-button h6">Gewürzmühlen</a></li><li><a href="/products/kuechenhobel-riv" class="header-sidebar__linklist-button h6">Küchenreiben</a></li><li><a href="/collections/salz-pfeffermuhlen" class="header-sidebar__linklist-button h6">Salz-/Pfeffermühlen</a></li><li><a href="/products/3er-set-schneidbrett-akazie" class="header-sidebar__linklist-button h6">Schneidbretter</a></li></ul></div><div id="header-panel-4" class="header-sidebar__sub-panel" hidden> 1405 <button type="button" class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden" data-action="close-panel"><svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-left icon--direction-aware" viewBox="0 0 10 10"> 1406 <path d="M7 1 3 5l4 4" stroke="currentColor" stroke-linecap="square"/> 1407 </svg>Kochgeschirr</button> 1408 1409 <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li><a href="/collections/pfannen" class="header-sidebar__linklist-button h6">Aluguss-Pfannen</a></li><li><a href="/collections/eurolux-braeter" class="header-sidebar__linklist-button h6">Bräter</a></li><li><a href="/products/edelstahlpfanne" class="header-sidebar__linklist-button h6">Edelstahl-Pfannen</a></li><li><a href="/collections/eurolux-grill-und-backplatten" class="header-sidebar__linklist-button h6">Grill- und Backplatten</a></li><li><a href="/collections/eurolux-toepfe" class="header-sidebar__linklist-button h6">Töpfe</a></li><li><a href="/collections/eurolux-woks" class="header-sidebar__linklist-button h6">Woks</a></li><li><a href="/collections/eurolux-zubehoer" class="header-sidebar__linklist-button h6">EUROLUX® Zubehör</a></li></ul></div></div> 1410 </header-sidebar-collapsible-panel></header-sidebar></x-header> 1411</height-observer> 1412
1413<script> 1414 document.documentElement.style.setProperty('--header-height', `${document.getElementById('shopify-section-sections--26037725823350__header').clientHeight.toFixed(2)}px`); 1415</script>
1415 1416 1417</header> 1418<!-- END sections: header-group --><!-- BEGIN sections: overlay-group --> 1419<section id="shopify-section-sections--26037725856118__cart-drawer" class="shopify-section shopify-section-group-overlay-group shopify-section--cart-drawer"> 1420<style data-shopify>/* ============ Cart-drawer local styles ============ */ 1421 1422 /* 1. Equal-width quantity selectors */ 1423 .cart-drawer{ 1424 --quantity-width: 96px; /* change this value if you need narrower / wider */ 1425 } 1426 /* Dawn 9â11 use <quantity-input>, later versions add .quantity */ 1427 .cart-drawer quantity-input, 1428 .cart-drawer .quantity{ 1429 flex: 0 0 var(--quantity-width); 1430 max-width: var(--quantity-width); 1431 min-width: var(--quantity-width); 1432 } 1433 .cart-drawer .quantity__input{ 1434 width: 100%; 1435 text-align: center; 1436 } 1437 1438 /* 2. Tick-list below the cart items */ 1439 .cart-drawer .drawer-messages{ 1440 margin-block-start: 1rem; 1441 padding-inline: 1rem; 1442 list-style: none; 1443 } 1444 .cart-drawer .drawer-messages li{ 1445 display: flex; 1446 gap: .5rem; 1447 padding-block: .15rem; 1448 font-size: .875rem; /* text-sm */ 1449 } 1450 .cart-drawer .drawer-messages li::before{ 1451 content: "âï¸"; 1452 }</style><cart-drawer 1453 id="cart-drawer" 1454 class="cart-drawer drawer drawer--center-body color-scheme color-scheme--scheme-1" 1455 initial-focus="false" 1456 handle-editor-events 1457> 1458 <p class="h4" slot="header">Warenkorb</p> 1459 1460 1461 <p class="h5 text-center">Dein Warenkorb ist leer</p> 1462 1463 1464</cart-drawer> 1465 1466 1467 1468</section> 1469<!-- END sections: overlay-group --><main id="main" class="anchor"> 1470 <section id="shopify-section-template--26232202559862__slideshow" class="shopify-section shopify-section--slideshow"><slideshow-carousel 1471 id="carousel-template--26232202559862__slideshow" 1472 class="slideshow slideshow--modern" 1473 allow-swipe 1474 1475 cell-selector=".slideshow__slide" 1476 autoplay="10" 1477 autoplay-pause-on-video 1478 role="region" 1479 style="--background: 0 0 0 ; background-color: rgb(var(--background));--border-color: var(--text-color) / 0.15;" 1480 ><div class="slideshow__slide is-selected" 1481 data-slide-index="0" 1482 media-type="image" 1483 1484 role="group" 1485 ><div class="slideshow__container slideshow__container--slide-1"><div class="slideshow__background slideshow__background--slide-1"><picture class="slideshow__bg-picture"><img src="//luxe-kitchen.de/cdn/shop/files/header-kitchen-luxe.jpg?v=1734253047&width=3200" alt="Kitchen Luxe Header Messerblock Olive mit Messerhalter und Damastmesserset" srcset="//luxe-kitchen.de/cdn/shop/files/header-kitchen-luxe.jpg?v=1734253047&width=400 400w, //luxe-kitchen.de/cdn/shop/files/header-kitchen-luxe.jpg?v=1734253047&width=600 600w, //luxe-kitchen.de/cdn/shop/files/header-kitchen-luxe.jpg?v=1734253047&width=800 800w, //luxe-kitchen.de/cdn/shop/files/header-kitchen-luxe.jpg?v=1734253047&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/header-kitchen-luxe.jpg?v=1734253047&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/header-kitchen-luxe.jpg?v=1734253047&width=1400 1400w, //luxe-kitchen.de/cdn/shop/files/header-kitchen-luxe.jpg?v=1734253047&width=1600 1600w, //luxe-kitchen.de/cdn/shop/files/header-kitchen-luxe.jpg?v=1734253047&width=1800 1800w, //luxe-kitchen.de/cdn/shop/files/header-kitchen-luxe.jpg?v=1734253047&width=2000 2000w" width="3200" height="1200" class="slideshow__bg-image" fetchpriority="high" sizes="100vw" style="object-position:36.982% 81.1247%;"></picture><div class="slideshow__overlay slideshow__overlay--slide-1"></div> 1486 </div><div class="slideshow__content slideshow__content--slide-1"> 1487 <div class="slideshow__content-wrapper slideshow__content-wrapper--slide-1"><div class="slideshow__subheading-container slideshow__subheading-container--slide-1"> 1488 <p class="slideshow__subheading slideshow__subheading--slide-1">Für eine Küche, die Geschichten erzählt</p> 1489 </div><h2 class="slideshow__title slideshow__title--slide-1"> 1490 <strong>PREMIUM KÃCHEN ACCESSOIRES</strong> 1491 </h2><div class="slideshow__actions slideshow__actions--slide-1"><a href="/collections/all" 1492 class="slideshow__btn slideshow__btn--primary slideshow__btn--slide-1">
1493 <span class="slideshow__btn-text">Mehr erfahren</span> 1494 <span class="slideshow__btn-bg"></span> 1495 </a></div></div> 1496 </div> 1497 </div></div><button data-action="navigate-next" class="slideshow__scroll-down"> 1498 <span class="sr-only">Navigiere zum nächsten Abschnitt</span> 1499 <div class="slideshow__scroll-icon"> 1500 <div class="slideshow__scroll-line"></div> 1501 <div class="slideshow__scroll-arrow"></div> 1502 </div> 1503 </button></slideshow-carousel> 1504 1505
1505<script> 1506 document.addEventListener('DOMContentLoaded', function() { 1507 const slideshow = document.querySelector('.slideshow--modern'); 1508 if (!slideshow) return; 1509 1510 const slides = slideshow.querySelectorAll('.slideshow__slide'); 1511 const prevBtn = slideshow.querySelector('.slideshow__control--prev'); 1512 const nextBtn = slideshow.querySelector('.slideshow__control--next'); 1513 1514 let currentSlideIndex = 0; 1515 let autoplayInterval; 1516 const autoplaySpeed = 5000; 1517 1518 // Initialize slideshow 1519 function initSlideshow() { 1520 slides.forEach((slide, index) => { 1521 slide.classList.remove('is-selected', 'is-prev', 'is-next'); 1522 if (index === 0) { 1523 slide.classList.add('is-selected'); 1524 } else { 1525 slide.classList.add('is-next'); 1526 } 1527 }); 1528 } 1529 1530 function showSlide(index) { 1531 // Remove all classes first 1532 slides.forEach(slide => { 1533 slide.classList.remove('is-selected', 'is-prev', 'is-next', 'slide-in-left', 'slide-in-right'); 1534 }); 1535 1536 // Set new slide states 1537 slides.forEach((slide, i) => { 1538 if (i === index) { 1539 slide.classList.add('is-selected'); 1540 } else if (i < index) { 1541 slide.classList.add('is-prev'); 1542 } else { 1543 slide.classList.add('is-next'); 1544 } 1545 }); 1546 1547 currentSlideIndex = index; 1548 } 1549 1550 function nextSlide() { 1551 const nextIndex = (currentSlideIndex + 1) % slides.length; 1552 showSlide(nextIndex); 1553 } 1554 1555 function prevSlide() { 1556 const prevIndex = (currentSlideIndex - 1 + slides.length) % slides.length; 1557 showSlide(prevIndex); 1558 } 1559 1560 function startAutoplay() { 1561 if (slides.length > 1) { 1562 autoplayInterval = setInterval(nextSlide, autoplaySpeed); 1563 } 1564 } 1565 1566 function stopAutoplay() { 1567 if (autoplayInterval) { 1568 clearInterval(autoplayInterval); 1569 autoplayInterval = null; 1570 } 1571 } 1572 1573 // Initialize 1574 initSlideshow(); 1575 startAutoplay(); 1576 1577 // Event listeners 1578 if (nextBtn) { 1579 nextBtn.addEventListener('click', (e) => { 1580 e.preventDefault(); 1581 stopAutoplay(); 1582 nextSlide(); 1583 startAutoplay(); 1584 }); 1585 } 1586 1587 if (prevBtn) { 1588 prevBtn.addEventListener('click', (e) => { 1589 e.preventDefault(); 1590 stopAutoplay(); 1591 prevSlide(); 1592 startAutoplay(); 1593 }); 1594 } 1595 1596 // Pause autoplay on hover 1597 slideshow.addEventListener('mouseenter', stopAutoplay); 1598 slideshow.addEventListener('mouseleave', startAutoplay); 1599 1600 // Touch/swipe support 1601 let startX = 0; 1602 let startY = 0; 1603 let endX = 0; 1604 let endY = 0; 1605 let isDragging = false; 1606 1607 slideshow.addEventListener('touchstart', (e) => { 1608 startX = e.touches[0].clientX; 1609 startY = e.touches[0].clientY; 1610 isDragging = true; 1611 }, { passive: true }); 1612 1613 slideshow.addEventListener('touchmove', (e) => { 1614 if (!isDragging) return; 1615 1616 endX = e.touches[0].clientX; 1617 endY = e.touches[0].clientY; 1618 1619 const diffX = Math.abs(startX - endX); 1620 const diffY = Math.abs(startY - endY); 1621 1622 // If horizontal swipe is more significant than vertical, prevent default 1623 if (diffX > diffY && diffX > 10) { 1624 e.preventDefault(); 1625 } 1626 }, { passive: false }); 1627 1628 slideshow.addEventListener('touchend', (e) => { 1629 if (!isDragging) return; 1630 1631 isDragging = false; 1632 1633 const diffX = startX - endX; 1634 const diffY = startY - endY; 1635 const threshold = 50; 1636 1637 // Check if it's a horizontal swipe 1638 if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > threshold) { 1639 stopAutoplay(); 1640 if (diffX > 0) { 1641 nextSlide(); // Swipe left = next slide 1642 } else { 1643 prevSlide(); // Swipe right = previous slide 1644 } 1645 startAutoplay(); 1646 } 1647 }, { passive: true }); 1648 1649 // Keyboard navigation 1650 document.addEventListener('keydown', (e) => { 1651 if (e.key === 'ArrowLeft') { 1652 e.preventDefault(); 1653 stopAutoplay(); 1654 prevSlide(); 1655 startAutoplay(); 1656 } else if (e.key === 'ArrowRight') { 1657 e.preventDefault(); 1658 stopAutoplay(); 1659 nextSlide(); 1660 startAutoplay(); 1661 } 1662 }); 1663 1664 // Pause autoplay when page is not visible 1665 document.addEventListener('visibilitychange', () => { 1666 if (document.hidden) { 1667 stopAutoplay(); 1668 } else { 1669 startAutoplay(); 1670 } 1671 }); 1672 }); 1673 </script>
1673 1674 1675<style> 1676/* Import Eyesome font */ 1677@import url('https://fonts.googleapis.com/css2?family=Eyesome+Script&display=swap'); 1678 1679.slideshow--modern { 1680 position: relative; 1681 width: 100%; 1682 height: 60vh; 1683 min-height: 500px; 1684 max-height: 80vh; 1685 overflow: hidden; 1686 background: #ffffff; 1687 margin: 0; 1688 padding: 0; 1689 box-sizing: border-box; 1690} 1691 1692@media screen and (min-width: 1000px) { 1693 .slideshow--modern { 1694 height: 70vh; 1695 min-height: 600px; 1696 max-height: 90vh; 1697 } 1698} 1699 1700@media screen and (max-width: 999px) { 1701 .slideshow--modern { 1702 height: 50vh; 1703 min-height: 350px; 1704 max-height: 60vh; 1705 } 1706} 1707 1708@media screen and (max-width: 480px) { 1709 .slideshow--modern { 1710 height: 45vh; 1711 min-height: 320px; 1712 max-height: 50vh; 1713 } 1714} 1715 1716.slideshow__slide { 1717 position: absolute; 1718 top: 0; 1719 left: 0; 1720 width: 100%; 1721 height: 100%; 1722 box-sizing: border-box; 1723 opacity: 0; 1724 visibility: hidden; 1725 transform: translateX(100%); 1726 transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); 1727 z-index: 1; 1728} 1729 1730.slideshow__slide.is-selected { 1731 opacity: 1; 1732 visibility: visible; 1733 transform: translateX(0); 1734 z-index: 2; 1735} 1736 1737.slideshow__slide.is-prev { 1738 transform: translateX(-100%); 1739 z-index: 1; 1740} 1741 1742.slideshow__slide.is-next { 1743 transform: translateX(100%); 1744 z-index: 1; 1745} 1746 1747.slideshow__container { 1748 position: relative; 1749 width: 100%; 1750 height: 100%; 1751 display: flex; 1752 align-items: center; 1753 justify-content: center; 1754 box-sizing: border-box; 1755} 1756 1757/* Background Styles */ 1758.slideshow__background { 1759 position: absolute; 1760 top: 0; 1761 left: 0; 1762 width: 100%; 1763 height: 100%; 1764 z-index: 1; 1765 overflow: hidden; 1766} 1767 1768.slideshow__bg-picture, 1769.slideshow__bg-video, 1770.slideshow__bg-placeholder { 1771 width: 100%; 1772 height: 100%; 1773 position: relative; 1774 overflow: hidden; 1775} 1776 1777.slideshow__bg-image, 1778.slideshow__bg-video-element { 1779 width: 100%; 1780 height: 100%; 1781 object-fit: cover; 1782 object-position: center center; 1783 transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1); 1784 filter: brightness(1.05) contrast(1.1); 1785 transform: scale(1.02); 1786} 1787 1788.slideshow__slide.is-selected .slideshow__bg-image, 1789.slideshow__slide.is-selected .slideshow__bg-video-element { 1790 transform: scale(1.08); 1791 filter: brightness(1.15) contrast(1.2); 1792} 1793 1794/*.slideshow__overlay { 1795 position: absolute; 1796 top: 0; 1797 left: 0; 1798 width: 100%; 1799 height: 100%; 1800 background: linear-gradient(135deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.7) 100%); 1801 z-index: 2; 1802} 1803 1804/* Content Styles */ 1805.slideshow__content { 1806 position: relative; 1807 z-index: 10; 1808 width: 100%; 1809 height: 100%; 1810 display: flex; 1811 align-items: center; 1812 justify-content: center; 1813 padding: 2rem; 1814 box-sizing: border-box; 1815} 1816 1817.slideshow__content-wrapper { 1818 text-align: center; 1819 max-width: 800px; 1820 position: relative; 1821 width: 100%; 1822 margin: 0 auto; 1823} 1824 1825.slideshow__subheading-container { 1826 display: flex; 1827 align-items: center; 1828 justify-content: center; 1829 gap: 1.5rem; 1830 margin-bottom: 1.5rem; 1831 opacity: 0; 1832 transform: translateY(20px); 1833 animation: slideUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards; 1834} 1835 1836.slideshow__subheading { 1837 font-family: 'Eyesome Script', cursive; 1838 font-size: 2rem; 1839 letter-spacing: 0.02em; 1840 color: #333; 1841 margin: 0; 1842 position: relative; 1843 font-weight: 400; 1844 text-shadow: 1px 1px 2px rgba(0,0,0,0.1); 1845} 1846 1847.slideshow__title { 1848 font-size: clamp(2rem, 4vw, 3.5rem); 1849 font-weight: 300; 1850 line-height: 1.1; 1851 color: #000; 1852 margin: 0 0 2.5rem 0; 1853 text-align: center; 1854 position: relative; 1855 opacity: 0; 1856 transform: translateY(30px); 1857 animation: slideUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards; 1858} 1859 1860.slideshow__actions { 1861 display: flex; 1862 gap: 1.5rem; 1863 justify-content: center; 1864 flex-wrap: wrap; 1865 opacity: 0; 1866 transform: translateY(30px); 1867 animation: slideUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s forwards; 1868} 1869 1870/* Button Styles */ 1871.slideshow__btn { 1872 position: relative; 1873 padding: 1rem 2.5rem; 1874 font-size: 0.875rem; 1875 letter-spacing: 0.15em; 1876 text-transform: uppercase; 1877 text-decoration: none; 1878 border: 2px solid #000; 1879 overflow: hidden; 1880 transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); 1881 font-weight: 500; 1882 backdrop-filter: blur(10px); 1883 box-shadow: 0 4px 15px rgba(0,0,0,0.1); 1884} 1885 1886.slideshow__btn-text { 1887 position: relative; 1888 z-index: 2; 1889 transition: color 0.4s ease; 1890} 1891 1892.slideshow__btn-bg { 1893 position: absolute; 1894 top: 0; 1895 left: -100%; 1896 width: 100%; 1897 height: 100%; 1898 transition: left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); 1899 z-index: 1; 1900} 1901 1902.slideshow__btn:hover .slideshow__btn-bg { 1903 left: 0; 1904} 1905 1906.slideshow__btn:hover { 1907 transform: translateY(-2px); 1908 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); 1909} 1910 1911.slideshow__btn--primary:hover .slideshow__btn-bg { 1912 left: 100%; 1913} 1914 1915.slideshow__btn--primary:hover .slideshow__btn-text { 1916 color: #000; 1917} 1918 1919/* CTA Buttons */ 1920.slideshow__cta-btn { 1921 position: relative; 1922 display: inline-flex; 1923 align-items: center; 1924 gap: 0.6rem; 1925 padding: 1rem 2rem; 1926 text-decoration: none; 1927 font-size: 0.875rem; 1928 font-weight: 500; 1929 letter-spacing: 0.1em; 1930 text-transform: uppercase; 1931 border: 2px solid transparent; 1932 overflow: hidden; 1933 transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 1934 backdrop-filter: blur(10px); 1935 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); 1936} 1937 1938.slideshow__cta-text { 1939 position: relative; 1940 z-index: 3; 1941 transition: color 0.4s ease; 1942} 1943 1944.slideshow__cta-icon { 1945 position: relative; 1946 z-index: 3; 1947 width: 16px; 1948 height: 16px; 1949 transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 1950} 1951 1952.slideshow__cta-icon svg { 1953 width: 100%; 1954 height: 100%; 1955} 1956 1957.slideshow__cta-bg { 1958 position: absolute; 1959 top: 0; 1960 left: -100%; 1961 width: 100%; 1962 height: 100%; 1963 background: #000; 1964 transition: left 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 1965 z-index: 1; 1966} 1967 1968.slideshow__cta-btn:hover .slideshow__cta-bg { 1969 left: 0; 1970} 1971 1972.slideshow__cta-btn:hover .slideshow__cta-text { 1973 color: #fff; 1974} 1975 1976.slideshow__cta-btn:hover .slideshow__cta-icon { 1977 transform: translateX(4px); 1978 color: #fff; 1979} 1980 1981.slideshow__cta-btn:hover { 1982 transform: translateY(-2px); 1983 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); 1984} 1985 1986/* Controls - More transparent and better positioned */ 1987.slideshow__controls { 1988 position: absolute; 1989 top: 50%; 1990 left: 0; 1991 right: 0; 1992 transform: translateY(-50%); 1993 display: flex; 1994 justify-content: space-between; 1995 padding: 0 1rem; 1996 pointer-events: none; 1997 z-index: 15; 1998} 1999 2000.slideshow__control { 2001 width: 45px; 2002 height: 45px; 2003 border: 1px solid rgba(255, 255, 255, 0.3); 2004 border-radius: 50%; 2005 background: rgba(255, 255, 255, 0.2); 2006 color: rgba(0, 0, 0, 0.6); 2007 cursor: pointer; 2008 transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); 2009 pointer-events: auto; 2010 backdrop-filter: blur(15px); 2011 display: flex; 2012 align-items: center; 2013 justify-content: center; 2014 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); 2015 opacity: 0.3; 2016 transform: scale(0.85); 2017} 2018 2019.slideshow__control svg { 2020 width: 16px; 2021 height: 16px; 2022 transition: transform 0.3s ease; 2023} 2024 2025.slideshow__control:hover { 2026 background: rgba(255, 255, 255, 0.9); 2027 color: rgba(0, 0, 0, 0.9); 2028 border-color: rgba(255, 255, 255, 0.8); 2029 transform: scale(1); 2030 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); 2031 opacity: 1; 2032} 2033 2034.slideshow__control:hover svg { 2035 transform: scale(1.1); 2036} 2037 2038.slideshow--modern:hover .slideshow__control { 2039 opacity: 0.6; 2040 transform: scale(0.9); 2041} 2042 2043/* Position controls outside the main content area */ 2044.slideshow__control--prev { 2045 margin-left: -10px; 2046} 2047 2048.slideshow__control--next { 2049 margin-right: -10px; 2050} 2051 2052/* Volume Control */ 2053.slideshow__volume { 2054 position: absolute; 2055 top: 1.5rem; 2056 left: 1.5rem; 2057 z-index: 15; 2058} 2059 2060.slideshow__volume-btn { 2061 width: 40px; 2062 height: 40px; 2063 border: 2px solid rgba(0, 0, 0, 0.2); 2064 border-radius: 50%; 2065 background: rgba(255, 255, 255, 0.9); 2066 color: #000; 2067 cursor: pointer; 2068 transition: all 0.3s ease; 2069 backdrop-filter: blur(10px); 2070 display: flex; 2071 align-items: center; 2072 justify-content: center; 2073} 2074 2075.slideshow__volume-btn:hover { 2076 background: #000; 2077 color: #fff; 2078 border-color: #000; 2079} 2080 2081/* Scroll Down Button */ 2082.slideshow__scroll-down { 2083 position: absolute; 2084 bottom: 1.5rem; 2085 right: 1.5rem; 2086 z-index: 15; 2087 background: transparent; 2088 border: none; 2089 cursor: pointer; 2090 padding: 1rem; 2091} 2092 2093.slideshow__scroll-icon { 2094 position: relative; 2095 width: 2px; 2096 height: 35px; 2097 display: flex; 2098 flex-direction: column; 2099 align-items: center; 2100 justify-content: center; 2101} 2102 2103.slideshow__scroll-line { 2104 width: 2px; 2105 height: 25px; 2106 background: linear-gradient(to bottom, #000, transparent); 2107 animation: scrollPulse 2s ease-in-out infinite; 2108} 2109 2110.slideshow__scroll-arrow { 2111 width: 6px; 2112 height: 6px; 2113 border-right: 2px solid #000; 2114 border-bottom: 2px solid #000; 2115 transform: rotate(45deg); 2116 margin-top: -3px; 2117 animation: arrowBounce 2s ease-in-out infinite; 2118} 2119 2120/* Slide-Specific Styles */ 2121.slideshow__container--slide-1 { 2122 background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(248,249,250,0.85) 100%); 2123} 2124 2125.slideshow__overlay--slide-1 { 2126 background: 2127 linear-gradient(135deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.7) 100%), 2128 radial-gradient(ellipse at top left, rgba(0,0,0,0.04) 0%, transparent 70%); 2129} 2130 2131.slideshow__container--slide-2 { 2132 background: linear-gradient(45deg, rgba(255,255,255,0.85) 0%, rgba(250,250,250,0.9) 100%); 2133} 2134 2135.slideshow__overlay--slide-2 { 2136 background: 2137 linear-gradient(45deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,0.75) 100%), 2138 conic-gradient(from 0deg at 20% 30%, transparent 60deg, rgba(0,0,0,0.02) 120deg, transparent 180deg); 2139} 2140 2141.slideshow__content-wrapper--slide-2 { 2142 position: relative; 2143 padding: 2.5rem; 2144 background: rgba(255,255,255,0.85); 2145 border-radius: 6px; 2146 box-shadow: 0 15px 45px rgba(0,0,0,0.08); 2147 backdrop-filter: blur(15px); 2148} 2149 2150/* Keyframe Animations */ 2151@keyframes slideUp { 2152 to { 2153 opacity: 1; 2154 transform: translateY(0); 2155 } 2156} 2157 2158@keyframes shimmer { 2159 0% { left: -100%; } 2160 100% { left: 100%; } 2161} 2162 2163@keyframes decorationFloat { 2164 0%, 100% { 2165 transform: translateY(0) scaleY(1); 2166 opacity: 0.2; 2167 } 2168 50% { 2169 transform: translateY(-8px) scaleY(1.1); 2170 opacity: 0.4; 2171 } 2172} 2173 2174@keyframes scrollPulse { 2175 0%, 100% { 2176 opacity: 0.5; 2177 transform: scaleY(1); 2178 } 2179 50% { 2180 opacity: 1; 2181 transform: scaleY(1.1); 2182 } 2183} 2184 2185@keyframes arrowBounce { 2186 0%, 100% { 2187 transform: rotate(45deg) translateY(0); 2188 } 2189 50% { 2190 transform: rotate(45deg) translateY(3px); 2191 } 2192} 2193 2194/* FIXED: Responsive Design - Much smaller mobile heights */ 2195@media (max-width: 768px) { 2196 .slideshow__content { 2197 padding: 1.5rem; 2198 } 2199 2200 .slideshow__title { 2201 font-size: clamp(1.75rem, 6vw, 2.75rem); 2202 margin-bottom: 2rem; 2203 } 2204 2205 .slideshow__subheading { 2206 font-size: 1.6rem; 2207 } 2208 2209 .slideshow__actions { 2210 flex-direction: column; 2211 align-items: center; 2212 gap: 1rem; 2213 } 2214 2215 .slideshow__btn { 2216 padding: 0.875rem 2rem; 2217 font-size: 0.8rem; 2218 } 2219 2220 .slideshow__controls { 2221 padding: 0 0.5rem; 2222 } 2223 2224 .slideshow__control { 2225 width: 38px; 2226 height: 38px; 2227 opacity: 0.25; 2228 } 2229 2230 .slideshow__control svg { 2231 width: 14px; 2232 height: 14px; 2233 } 2234 2235 .slideshow__control--prev { 2236 margin-left: -5px; 2237 } 2238 2239 .slideshow__control--next { 2240 margin-right: -5px; 2241 } 2242 2243 .slideshow__subheading-container { 2244 gap: 1rem; 2245 margin-bottom: 1.25rem; 2246 } 2247 2248 .slideshow__content-wrapper--slide-2 { 2249 padding: 1.5rem; 2250 } 2251} 2252 2253@media (max-width: 480px) { 2254 .slideshow__content { 2255 padding: 1rem; 2256 } 2257 2258 .slideshow__title { 2259 font-size: clamp(1.5rem, 7vw, 2.25rem); 2260 margin-bottom: 1.5rem; 2261 } 2262 2263 .slideshow__subheading { 2264 font-size: 1.4rem; 2265 } 2266 2267 .slideshow__btn { 2268 padding: 0.75rem 1.75rem; 2269 font-size: 0.75rem; 2270 } 2271 2272 .slideshow__cta-btn { 2273 padding: 0.875rem 1.75rem; 2274 font-size: 0.8rem; 2275 } 2276 2277 .slideshow__controls { 2278 padding: 0 0.25rem; 2279 } 2280 2281 .slideshow__control { 2282 width: 34px; 2283 height: 34px; 2284 opacity: 0.2; 2285 } 2286 2287 .slideshow__control svg { 2288 width: 12px; 2289 height: 12px; 2290 } 2291 2292 .slideshow__control--prev { 2293 margin-left: 0; 2294 } 2295 2296 .slideshow__control--next { 2297 margin-right: 0; 2298 } 2299 2300 .slideshow__subheading-container { 2301 gap: 0.75rem; 2302 margin-bottom: 1rem; 2303 } 2304} 2305 2306/* Very small screens */ 2307@media (max-width: 360px) { 2308 .slideshow__content { 2309 padding: 0.75rem; 2310 } 2311 2312 .slideshow__content-wrapper--slide-2 { 2313 padding: 1rem; 2314 } 2315 2316 .slideshow__title { 2317 font-size: clamp(1.25rem, 8vw, 1.875rem); 2318 margin-bottom: 1rem; 2319 } 2320 2321 .slideshow__subheading { 2322 font-size: 1.2rem; 2323 } 2324} 2325 2326/* Transparent header support */ 2327.slideshow--modern[allow-transparent-header] { 2328 height: 100vh; 2329 min-height: 600px; 2330} 2331 2332.slideshow--modern[allow-transparent-header] .slideshow__content {
2333 padding-top: calc(2rem + var(--header-height, 80px)); 2334} 2335 2336@media (max-width: 999px) { 2337 .slideshow--modern[allow-transparent-header] { 2338 height: 60vh; 2339 min-height: 400px; 2340 } 2341 2342 .slideshow--modern[allow-transparent-header] .slideshow__content { 2343 padding-top: calc(1rem + var(--header-height, 60px)); 2344 } 2345} 2346 2347@media (max-width: 480px) { 2348 .slideshow--modern[allow-transparent-header] { 2349 height: 50vh; 2350 min-height: 350px; 2351 } 2352} 2353 2354/* Hidden Elements */ 2355.slideshow__slide-number, 2356.slideshow__nav, 2357.slideshow__nav-dot, 2358.slideshow__nav-dot-inner, 2359.slideshow__nav-progress { 2360 display: none; 2361} 2362</style><style> #shopify-section-template--26232202559862__slideshow /* Black Friday Override */.slideshow__overlay {display: none !important;} #shopify-section-template--26232202559862__slideshow .slideshow__subheading, #shopify-section-template--26232202559862__slideshow .slideshow__title, #shopify-section-template--26232202559862__slideshow .slideshow__btn-text, #shopify-section-template--26232202559862__slideshow .slideshow__btn {color: #ffffff !important;} #shopify-section-template--26232202559862__slideshow .slideshow__btn {border-color: #ffffff !important;} #shopify-section-template--26232202559862__slideshow .slideshow__btn:hover {background: #ffffff !important; color: #000000 !important;} #shopify-section-template--26232202559862__slideshow .slideshow__btn:hover .slideshow__btn-text {color: #000000 !important;} </style></section><section id="shopify-section-template--26232202559862__scrolling_content" class="shopify-section shopify-section--scrolling-content"><style> 2363 #shopify-section-template--26232202559862__scrolling_content { 2364 --section-vertical-spacing: 0px !important; 2365 --scrolling-content-content-gap: clamp(80px, calc(80px + (80 - 80) * ((100vw - 375px) / (1400 - 375))), 80px); 2366 2367 font-size: clamp(34px, calc(34px + (50 - 34) * ((100vw - 375px) / (1400 - 375))), 50px); 2368 2369 background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 30%, #ffffff 70%, #f5f7fa 100%); 2370 color: #1a1a1a; 2371 position: relative; 2372 overflow: hidden; 2373 border-top: 1px solid rgba(0,0,0,0.05); 2374 border-bottom: 1px solid rgba(0,0,0,0.05); 2375 padding: 2px 0 !important; /* Minimal padding */ 2376 margin: 0 !important; 2377 } 2378 2379 #shopify-section-template--26232202559862__scrolling_content::before { 2380 content: ''; 2381 position: absolute; 2382 top: 0; 2383 left: 0; 2384 right: 0; 2385 bottom: 0; 2386 background: 2387 radial-gradient(circle at 20% 50%, rgba(212,175,55,0.02) 0%, transparent 50%), 2388 radial-gradient(circle at 80% 50%, rgba(212,175,55,0.02) 0%, transparent 50%); 2389 pointer-events: none; 2390 } 2391 2392 #shopify-section-template--26232202559862__scrolling_content .scrolling-content__text { 2393 font-weight: 300; 2394 letter-spacing: 0.15em; 2395 position: relative; 2396 margin: 0 !important; /* Remove default margins */ 2397 padding: 0 !important; /* Remove all padding */ 2398 line-height: 0.9 !important; /* Very tight line height */ 2399 2400 /* Updated gradient approach that works with emojis */ 2401 background: linear-gradient(45deg, #1a1a1a 0%, #2c2c2c 25%, #d4af37 50%, #2c2c2c 75%, #1a1a1a 100%); 2402 background-size: 400% 100%; 2403 -webkit-background-clip: text; 2404 -webkit-text-fill-color: transparent; 2405 background-clip: text; 2406 animation: luxuryTextFlow 6s ease-in-out infinite; 2407 2408 /* Fallback for browsers that don't support background-clip: text */ 2409 color: #1a1a1a; 2410 } 2411 2412 /* Support for emojis and special characters */ 2413 #shopify-section-template--26232202559862__scrolling_content .scrolling-content__text::before { 2414 content: attr(data-text); 2415 position: absolute; 2416 top: 0; 2417 left: 0; 2418 width: 100%; 2419 height: 100%; 2420 background: linear-gradient(45deg, #1a1a1a 0%, #2c2c2c 25%, #d4af37 50%, #2c2c2c 75%, #1a1a1a 100%); 2421 background-size: 400% 100%; 2422 -webkit-background-clip: text; 2423 -webkit-text-fill-color: transparent; 2424 background-clip: text; 2425 animation: luxuryTextFlow 6s ease-in-out infinite; 2426 pointer-events: none; 2427 } 2428 2429 /* Ensure emojis show properly */ 2430 #shopify-section-template--26232202559862__scrolling_content .scrolling-content__text { 2431 background: none !important; 2432 -webkit-background-clip: unset !important; 2433 -webkit-text-fill-color: unset !important; 2434 background-clip: unset !important; 2435 color: transparent; 2436 text-shadow: none; 2437 } 2438 2439 #shopify-section-template--26232202559862__scrolling_content .scrolling-content__text span { 2440 background: linear-gradient(45deg, #1a1a1a 0%, #2c2c2c 25%, #d4af37 50%, #2c2c2c 75%, #1a1a1a 100%); 2441 background-size: 400% 100%; 2442 -webkit-background-clip: text; 2443 -webkit-text-fill-color: transparent; 2444 background-clip: text; 2445 animation: luxuryTextFlow 6s ease-in-out infinite; 2446 } 2447
2448 /* Emoji specific styling */ 2449 #shopify-section-template--26232202559862__scrolling_content .scrolling-content__text .emoji { 2450 -webkit-text-fill-color: initial !important; 2451 background: none !important; 2452 background-clip: initial !important; 2453 -webkit-background-clip: initial !important; 2454 color: initial !important; 2455 display: inline-block; 2456 } 2457 2458 #shopify-section-template--26232202559862__scrolling_content .scrolling-content__text::after { 2459 content: ''; 2460 position: absolute; 2461 bottom: -2px; 2462 left: 0; 2463 width: 100%; 2464 height: 1px; 2465 background: linear-gradient(90deg, transparent, #d4af37, transparent); 2466 animation: luxuryUnderline 3s ease-in-out infinite; 2467 } 2468 2469 #shopify-section-template--26232202559862__scrolling_content .scrolling-content__image { 2470 height: 20px; /* Reduced from 28px */ 2471 object-fit: contain; 2472 display: block; 2473 margin: 0 calc(var(--scrolling-content-content-gap) / 2); 2474 } 2475 2476 #shopify-section-template--26232202559862__scrolling_content .scrolling-content__image img { 2477 height: 100%; 2478 object-fit: contain; 2479 display: block; 2480 } 2481 2482 @keyframes luxuryTextFlow { 2483 0%, 100% { 2484 background-position: 0% 50%; 2485 } 2486 50% { 2487 background-position: 100% 50%; 2488 } 2489 } 2490 2491 @keyframes luxuryUnderline { 2492 0%, 100% { 2493 opacity: 0.3; 2494 transform: scaleX(0.8); 2495 } 2496 50% { 2497 opacity: 1; 2498 transform: scaleX(1.2); 2499 } 2500 } 2501 2502 #shopify-section-template--26232202559862__scrolling_content .marquee-text { 2503 border-top: 1px solid rgba(212,175,55,0.15); 2504 border-bottom: 1px solid rgba(212,175,55,0.15); 2505 background: linear-gradient(90deg, 2506 rgba(255,255,255,0.8) 0%, 2507 rgba(248,249,250,0.9) 50%, 2508 rgba(255,255,255,0.8) 100%); 2509 backdrop-filter: blur(10px); 2510 padding: 0 !important; /* Remove all padding */ 2511 margin: 0 !important; /* Remove all margins */ 2512 } 2513 2514 #shopify-section-template--26232202559862__scrolling_content .scrolling-content__item { 2515 display: flex; 2516 align-items: center; 2517 padding: 0 !important; /* Remove padding from items */ 2518 margin: 0 !important; /* Remove margins */ 2519 min-height: auto !important; /* Remove any minimum height */ 2520 } 2521 2522 /* Section spacing override - force all spacing to 0 */ 2523 #shopify-section-template--26232202559862__scrolling_content .section-spacing { 2524 padding: 0 !important; 2525 margin: 0 !important; 2526 } 2527 2528 /* Additional overrides for any theme defaults */ 2529 #shopify-section-template--26232202559862__scrolling_content * { 2530 box-sizing: border-box; 2531 } 2532 2533 #shopify-section-template--26232202559862__scrolling_content .scrolling-content { 2534 padding: 0 !important; 2535 margin: 0 !important; 2536 } 2537 2538 /* Better emoji and mixed content support */ 2539 @supports not (-webkit-background-clip: text) { 2540 #shopify-section-template--26232202559862__scrolling_content .scrolling-content__text { 2541 color: #1a1a1a !important; 2542 background: none !important; 2543 } 2544 } 2545 2546 @media (max-width: 768px) { 2547 #shopify-section-template--26232202559862__scrolling_content { 2548 padding: 1px 0 !important; /* Even smaller padding on mobile */ 2549 } 2550 2551 #shopify-section-template--26232202559862__scrolling_content .scrolling-content__text { 2552 letter-spacing: 0.1em; 2553 line-height: 0.8 !important; /* Super tight on mobile */ 2554 margin: 0 !important; 2555 padding: 0 !important; 2556 } 2557 2558 #shopify-section-template--26232202559862__scrolling_content .scrolling-content__image { 2559 height: 14px; /* Smaller images on mobile */ 2560 } 2561 } 2562 </style> 2563 2564 <div class="section-spacing "> 2565 <marquee-text speed="0.3" direction="left" class="scrolling-content"> 2566 <div class="scrolling-content__item"><div class="scrolling-content__image" ><img src="//luxe-kitchen.de/cdn/shop/files/Kitchen_Luxe_Logo_280x80px_schwarz_mit_Linie_Zeichenflaeche_1-02-02_Zeichenflaeche_1.png?v=1744532753&width=280" alt="" srcset="//luxe-kitchen.de/cdn/shop/files/Kitchen_Luxe_Logo_280x80px_schwarz_mit_Linie_Zeichenflaeche_1-02-02_Zeichenflaeche_1.png?v=1744532753&width=60 60w, //luxe-kitchen.de/cdn/shop/files/Kitchen_Luxe_Logo_280x80px_schwarz_mit_Linie_Zeichenflaeche_1-02-02_Zeichenflaeche_1.png?v=1744532753&width=120 120w, //luxe-kitchen.de/cdn/shop/files/Kitchen_Luxe_Logo_280x80px_schwarz_mit_Linie_Zeichenflaeche_1-02-02_Zeichenflaeche_1.png?v=1744532753&width=180 180w, //luxe-kitchen.de/cdn/shop/files/Kitchen_Luxe_Logo_280x80px_schwarz_mit_Linie_Zeichenflaeche_1-02-02_Zeichenflaeche_1.png?v=1744532753&width=240 240w" width="280" height="80" sizes="(max-width: 699px) 60px, 120px"></div><div class="scrolling-content__image" ><img src="//luxe-kitchen.de/cdn/shop/files/von_Deines_und_Wolf_Logo_schwarz_auf_grau.png?v=1751212036&width=1183" alt="" srcset="//luxe-kitchen.de/cdn/shop/files/von_Deines_und_Wolf_Logo_schwarz_auf_grau.png?v=1751212036&width=60 60w, //luxe-kitchen.de/cdn/shop/files/von_Deines_und_Wolf_Logo_schwarz_auf_grau.png?v=1751212036&width=120 120w, //luxe-kitchen.de/cdn/shop/files/von_Deines_und_Wolf_Logo_schwarz_auf_grau.png?v=1751212036&width=180 180w, //luxe-kitchen.de/cdn/shop/files/von_Deines_und_Wolf_Logo_schwarz_auf_grau.png?v=1751212036&width=240 240w" width="1183" height="286" sizes="(max-width: 699px) 60px, 120px"></div><div class="scrolling-content__image" ><img src="//luxe-kitchen.de/cdn/shop/files/nesmuk-logo-800-x600.png?v=1752401634&width=800" alt="" srcset="//luxe-kitchen.de/cdn/shop/files/nesmuk-logo-800-x600.png?v=1752401634&width=60 60w, //luxe-kitchen.de/cdn/shop/files/nesmuk-logo-800-x600.png?v=1752401634&width=120 120w, //luxe-kitchen.de/cdn/shop/files/nesmuk-logo-800-x600.png?v=1752401634&width=180 180w, //luxe-kitchen.de/cdn/shop/files/nesmuk-logo-800-x600.png?v=1752401634&width=240 240w" width="800" height="600" sizes="(max-width: 699px) 60px, 120px"></div><div class="scrolling-content__image" >
2566<img src="//luxe-kitchen.de/cdn/shop/files/CrushGrind_Logo_04bf4b3f-7e55-402d-af8f-8f6e3cf90c1f.png?v=1751211885&width=559" alt="Crushgrind logo" srcset="//luxe-kitchen.de/cdn/shop/files/CrushGrind_Logo_04bf4b3f-7e55-402d-af8f-8f6e3cf90c1f.png?v=1751211885&width=60 60w, //luxe-kitchen.de/cdn/shop/files/CrushGrind_Logo_04bf4b3f-7e55-402d-af8f-8f6e3cf90c1f.png?v=1751211885&width=120 120w, //luxe-kitchen.de/cdn/shop/files/CrushGrind_Logo_04bf4b3f-7e55-402d-af8f-8f6e3cf90c1f.png?v=1751211885&width=180 180w, //luxe-kitchen.de/cdn/shop/files/CrushGrind_Logo_04bf4b3f-7e55-402d-af8f-8f6e3cf90c1f.png?v=1751211885&width=240 240w" width="559" height="172" sizes="(max-width: 699px) 60px, 120px"></div><div class="scrolling-content__image" ><img src="//luxe-kitchen.de/cdn/shop/files/Eurolux-Logo-2020_schwarz-web-klein.png?v=1752916429&width=500" alt="" srcset="//luxe-kitchen.de/cdn/shop/files/Eurolux-Logo-2020_schwarz-web-klein.png?v=1752916429&width=60 60w, //luxe-kitchen.de/cdn/shop/files/Eurolux-Logo-2020_schwarz-web-klein.png?v=1752916429&width=120 120w, //luxe-kitchen.de/cdn/shop/files/Eurolux-Logo-2020_schwarz-web-klein.png?v=1752916429&width=180 180w, //luxe-kitchen.de/cdn/shop/files/Eurolux-Logo-2020_schwarz-web-klein.png?v=1752916429&width=240 240w" width="500" height="200" sizes="(max-width: 699px) 60px, 120px"></div></div> 2567 </marquee-text> 2568 </div> 2569 2570
2570<script> 2571 document.addEventListener('DOMContentLoaded', function() { 2572 // Enhanced emoji detection and handling 2573 const textElements = document.querySelectorAll('#shopify-section-template--26232202559862__scrolling_content .scrolling-content__text'); 2574 2575 textElements.forEach(function(element) { 2576 const text = element.textContent; 2577 if (text) { 2578 // More comprehensive emoji regex 2579 const emojiRegex = /(\p{Emoji_Presentation}|\p{Emoji}\uFE0F)/gu; 2580 const hasEmojis = emojiRegex.test(text); 2581 2582 if (hasEmojis) { 2583 const htmlContent = text.replace(emojiRegex, '<span class="emoji">$1</span>'); 2584 element.innerHTML = '<span>' + htmlContent.replace(/<span class="emoji">([^<]+)<\/span>/g, '</span><span class="emoji">$1</span><span>') + '</span>'; 2585 2586 // Clean up empty spans 2587 element.innerHTML = element.innerHTML.replace(/<span><\/span>/g, ''); 2588 element.innerHTML = element.innerHTML.replace(/^<\/span>/, '').replace(/<span>$/, ''); 2589 } 2590 } 2591 }); 2592 }); 2593 </script>
2593</section><section id="shopify-section-template--26232202559862__collection-list" class="shopify-section shopify-section--collection-list"><style> 2594 #shopify-section-template--26232202559862__collection-list {--collection-list-items-per-row: 1;--collection-list-gap: 1.5rem;/* Black and white styling */ 2595 --collection-primary-color: #000000; 2596 --collection-secondary-color: #ffffff; 2597 --collection-accent-color: #333333; 2598 --collection-light-gray: #f5f5f5; 2599 --collection-medium-gray: #888888; 2600 --collection-dark-gray: #222222; 2601 --collection-border-color: #e0e0e0; 2602 --collection-shadow: rgba(0, 0, 0, 0.1); 2603 } 2604 2605 @media screen and (min-width: 700px) { 2606 #shopify-section-template--26232202559862__collection-list {--collection-list-items-per-row: 2;} 2607 } 2608 2609 @media screen and (min-width: 1150px) { 2610 #shopify-section-template--26232202559862__collection-list { 2611 --collection-list-item-size: unset; 2612 --collection-list-items-per-row: 3;--collection-list-gap: 1.875rem;} 2613 } 2614 2615 /* Enhanced black and white theme styles */ 2616 #shopify-section-template--26232202559862__collection-list .collection-card { 2617 border: 1px solid var(--collection-border-color); 2618 transition: all 0.3s ease; 2619 background: var(--collection-secondary-color); 2620 } 2621 2622 #shopify-section-template--26232202559862__collection-list .collection-card:hover { 2623 border-color: var(--collection-primary-color); 2624 box-shadow: 0 4px 12px var(--collection-shadow); 2625 } 2626 2627 #shopify-section-template--26232202559862__collection-list .collection-card__content { 2628 background: transparent; 2629 color: var(--collection-primary-color); 2630 } 2631 2632 #shopify-section-template--26232202559862__collection-list .collection-card__content h3, 2633 #shopify-section-template--26232202559862__collection-list .collection-card__content .h3 { 2634 color: white; 2635 font-weight: 700; 2636 } 2637 2638 #shopify-section-template--26232202559862__collection-list .collection-card__content h6, 2639 #shopify-section-template--26232202559862__collection-list .collection-card__content .h6 { 2640 color: var(--collection-medium-gray); 2641 text-transform: uppercase; 2642 letter-spacing: 0.05em; 2643 } 2644 2645 #shopify-section-template--26232202559862__collection-list .prev-next-button { 2646 background: linear-gradient(135deg, var(--collection-secondary-color) 0%, var(--collection-light-gray) 100%); 2647 border: 2px solid var(--collection-primary-color); 2648 color: var(--collection-primary-color); 2649 position: relative; 2650 overflow: hidden; 2651 box-shadow: 0 2px 8px var(--collection-shadow); 2652 } 2653 2654 #shopify-section-template--26232202559862__collection-list .prev-next-button::before { 2655 content: ''; 2656 position: absolute; 2657 top: 0; 2658 left: -100%; 2659 width: 100%; 2660 height: 100%; 2661 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); 2662 transition: left 0.6s ease; 2663 } 2664 2665 #shopify-section-template--26232202559862__collection-list .prev-next-button:hover::before { 2666 left: 100%; 2667 } 2668 2669 #shopify-section-template--26232202559862__collection-list .prev-next-button:hover { 2670 background: linear-gradient(135deg, var(--collection-primary-color) 0%, var(--collection-dark-gray) 100%); 2671 color: var(--collection-secondary-color); 2672 transform: translateY(-1px); 2673 box-shadow: 0 4px 12px var(--collection-shadow); 2674 } 2675 2676 #shopify-section-template--26232202559862__collection-list .zoom-image { 2677 border-radius: 12px; 2678 transition: all 0.3s ease; 2679 } 2680 2681 #shopify-section-template--26232202559862__collection-list .collection-card:hover .zoom-image { 2682 transform: scale(1.02); 2683 } 2684 2685 /* Special button styling for collection cards */ 2686 #shopify-section-template--26232202559862__collection-list .collection-card__content button, 2687 #shopify-section-template--26232202559862__collection-list .collection-card__content .button { 2688 background: linear-gradient(135deg, var(--collection-primary-color) 0%, var(--collection-dark-gray) 100%); 2689 border: none; 2690 color: var(--collection-secondary-color); 2691 padding: 12px 24px; 2692 border-radius: 8px; 2693 text-transform: uppercase; 2694 letter-spacing: 0.05em; 2695 position: relative; 2696 overflow: hidden; 2697 transition: all 0.3s ease; 2698 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); 2699 } 2700 2701 #shopify-section-template--26232202559862__collection-list .collection-card__content button::before, 2702 #shopify-section-template--26232202559862__collection-list .collection-card__content .button::before { 2703 display: none; 2704 } 2705 2706 #shopify-section-template--26232202559862__collection-list .collection-card__content button:hover, 2707 #shopify-section-template--26232202559862__collection-list .collection-card__content .button:hover { 2708 transform: translateY(-2px); 2709 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25); 2710 background: linear-gradient(135deg, var(--collection-dark-gray) 0%, var(--collection-
2710primary-color) 100%); 2711 } 2712 </style><div class="section-spacing section-spacing--tight color-scheme color-scheme--scheme-1 color-scheme--bg-1a8a322e7cfdd8a131e56ac2e637c812 "> 2713 <div class="container"> 2714 <div class="section-stack"> 2715 2716 2717 <div class="collection-list wrap"> 2718 2719<a href="/collections/kuechenmesser" class="collection-card is-selected group" ><div class="content-over-media content-over-media--auto" style="--content-over-media-overlay: 0 0 0 / 0.3;"><img src="//luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=1200" alt="Messerset kaufen Damast Resin 6 teilig" srcset="//luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=200 200w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=300 300w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=400 400w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=500 500w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=600 600w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=800 800w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=1200 1200w" width="1200" height="1200" sizes="(max-width: 699px) 100vw, (max-width: 1149px) 50vw, 33vw" class="zoom-image group-hover:zoom" draggable="false"><div class="collection-card__content color-scheme color-scheme--scheme-4 prose prose--tight place-self-end-start text-start"><p class="h3">Küchenmesser</p> 2720<button type="button" class="button" tabindex="-1" >Mehr erfahren</button></div></div></a><a href="/collections/kuechenwerkzeuge" class="collection-card group" ><div class="content-over-media content-over-media--auto" style="--content-over-media-overlay: 0 0 0 / 0.3;"><img src="//luxe-kitchen.de/cdn/shop/files/CrushGrind_Stockholm_Porcelain_Landscape.jpg?v=1739561779&width=1668" alt="Lifestylebild Crushgrind Stockholm Pfeffermühle Set auf Tisch" srcset="//luxe-kitchen.de/cdn/shop/files/CrushGrind_Stockholm_Porcelain_Landscape.jpg?v=1739561779&width=200 200w, //luxe-kitchen.de/cdn/shop/files/CrushGrind_Stockholm_Porcelain_Landscape.jpg?v=1739561779&width=300 300w, //luxe-kitchen.de/cdn/shop/files/CrushGrind_Stockholm_Porcelain_Landscape.jpg?v=1739561779&width=400 400w, //luxe-kitchen.de/cdn/shop/files/CrushGrind_Stockholm_Porcelain_Landscape.jpg?v=1739561779&width=500 500w, //luxe-kitchen.de/cdn/shop/files/CrushGrind_Stockholm_Porcelain_Landscape.jpg?v=1739561779&width=600 600w, //luxe-kitchen.de/cdn/shop/files/CrushGrind_Stockholm_Porcelain_Landscape.jpg?v=1739561779&width=800 800w, //luxe-kitchen.de/cdn/shop/files/CrushGrind_Stockholm_Porcelain_Landscape.jpg?v=1739561779&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/CrushGrind_Stockholm_Porcelain_Landscape.jpg?v=1739561779&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/CrushGrind_Stockholm_Porcelain_Landscape.jpg?v=1739561779&width=1400 1400w, //luxe-kitchen.de/cdn/shop/files/CrushGrind_Stockholm_Porcelain_Landscape.jpg?v=1739561779&width=1600 1600w" width="1668" height="1667" sizes="(max-width: 699px) 100vw, (max-width: 1149px) 50vw, 33vw" class="zoom-image group-hover:zoom" draggable="false" style="object-position:27.4786% 60.1906%;"><div class="collection-card__content color-scheme color-scheme--scheme-4 prose prose--tight place-self-end-start text-start"><p class="h3">Küchenwerkzeuge</p> 2721<button type="button" class="button" tabindex="-1" >Mehr erfahren</button></div></div></a><a href="/collections/eurolux-kochgeschirr" class="collection-card group" ><div class="content-over-media content-over-media--auto" style="--content-over-media-overlay: 0 0 0 / 0.3;"><img src="//luxe-kitchen.de/cdn/shop/files/Gross_Eurolux_Set_1.png?v=1757497937&width=854" alt="" srcset="//luxe-kitchen.de/cdn/shop/files/Gross_Eurolux_Set_1.png?v=1757497937&width=200 200w, //luxe-kitchen.de/cdn/shop/files/Gross_Eurolux_Set_1.png?v=1757497937&width=300 300w, //luxe-kitchen.de/cdn/shop/files/Gross_Eurolux_Set_1.png?v=1757497937&width=400 400w, //luxe-kitchen.de/cdn/shop/files/Gross_Eurolux_Set_1.png?v=1757497937&width=500 500w, //luxe-kitchen.de/cdn/shop/files/Gross_Eurolux_Set_1.png?v=1757497937&width=600 600w, //luxe-kitchen.de/cdn/shop/files/Gross_Eurolux_Set_1.png?v=1757497937&width=800 800w" width="854" height="853" sizes="(max-width: 699px) 100vw, (max-width: 1149px) 50vw, 33vw" class="zoom-image group-hover:zoom" draggable="false"><div class="collection-card__content color-scheme color-scheme--scheme-4 prose prose--tight place-self-end-start text-start"><p class="h3">Kochgeschirr</p> 2722<button type="button" class="button" tabindex="-1" >Mehr erfahren</button></div></div></a> 2723 </div> 2724 2725 </div> 2726 </div> 2727 </div></section><section id="shopify-section-template--26232202559862__featured-collections" class="shopify-section shopify-section--featured-collections"><style> 2728 2729 #shopify-section-template--26232202559862__featured-collections { 2730 --product-list-items-per-row: 2; 2731 --product-list-horizontal-spacing-factor: 1; 2732 --product-list-vertical-spacing-factor: 1; 2733 } 2734 2735 @media screen and (min-width: 700px) { 2736 #shopify-section-template--26232202559862__featured-collections { 2737 --product-list-items-per-row: 4; 2738 } 2739 } 2740 2741 /* Enhanced Featured Collections Styles */ 2742 #shopify-section-template--26232202559862__featured-collections .section-spacing { 2743 position: relative; 2744 padding: 5rem 0; 2745 background: linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,249,250,0.95) 100%); 2746 overflow: hidden; 2747 } 2748 2749 #shopify-section-template--26232202559862__featured-collections .section-spacing::before { 2750 content: ''; 2751 position: absolute; 2752 top: 0; 2753 left: 0; 2754 width: 100%; 2755 height: 100%; 2756 background-image: 2757 radial-gradient(circle at 15% 25%, rgba(0,0,0,0.01) 2px, transparent 2px), 2758 radial-gradient(circle at 85% 75%, rgba(0,0,0,0.01) 2px, transparent 2px); 2759 background-size: 120px 120px, 140px 140px; 2760 animation: particleFloat 25s linear infinite; 2761 pointer-events: none; 2762 opacity: 0.4; 2763 z-index: 1; 2764 } 2765 2766 #shopify-section-template--26232202559862__featured-collections .container { 2767 position: relative; 2768 z-index: 2; 2769 } 2770 2771 /* Subheading with Eyesome Script Font */ 2772 #shopify-section-template--26232202559862__featured-collections .h6 { 2773 font-family: 'Eyesome Script', 'Times New Roman', serif !important; 2774 font-size: 1.5rem !important; 2775 letter-spacing: 0.1em !important; 2776 text-transform: none !important; 2777 font-weight: bold !important; 2778 color: #333 !important; 2779 position: relative; 2780 opacity: 0; 2781 transform: translateY(30px); 2782 animation: slideUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards; 2783 } 2784 2785 #shopify-section-template--26232202559862__featured-collections .h6::before, 2786 #shopify-section-template--26232202559862__featured-collections .h6::after { 2787 content: ''; 2788 position: absolute; 2789 top: 50%; 2790 width: 60px; 2791 height: 2px; 2792 background: linear-gradient(90deg, transparent, #000, transparent); 2793 transform: translateY(-50%); 2794 } 2795 2796 #shopify-section-template--26232202559862__featured-collections .h6::before { 2797 left: -80px; 2798 } 2799 2800 #shopify-section-template--26232202559862__featured-collections .h6::after { 2801 right: -80px; 2802 } 2803 2804 /* Enhanced Collection Navigation */ 2805 #shopify-section-template--26232202559862__featured-collections .featured-collections-navigation { 2806 position: relative; 2807 background: rgba(255, 255, 255, 0.95); 2808 backdrop-filter: blur(15px); 2809 border-radius: 50px; 2810 padding: 0.5rem; 2811 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); 2812 border: 1px solid rgba(255, 255, 255, 0.2); 2813 opacity: 0; 2814 transform: translateY(30px); 2815 animation: slideUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards; 2816 } 2817 2818 #shopify-section-template--26232202559862__featured-collections .featured-collections-navigation button { 2819 font-size: clamp(1.5rem, 4vw, 2.5rem) !important; 2820 font-weight: 300 !important; 2821 line-height: 1.2 !important; 2822 color: #666 !important; 2823 background: transparent !important; 2824 border: none !important; 2825 padding: 1rem 2rem !important; 2826 border-radius: 25px !important; 2827 transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; 2828 position: relative !important; 2829 overflow: hidden !important; 2830 margin: 0 0.5rem !important; 2831 } 2832 2833 /* FIXED: Centered underlines for navigation buttons */ 2834 #shopify-section-template--26232202559862__featured-collections .featured-collections-navigation button .word { 2835 display: inline-block; 2836 opacity: 0; 2837 transform: translateY(50px) rotateX(90deg); 2838 animation: wordDrop 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 2839 animation-delay: calc(1s + var(--word-index, 0) * 0.15s); 2840 transform-origin: 50% 100%; 2841 position: relative; 2842 } 2843 2844 #shopify-section-template--26232202559862__featured-collections .featured-collections-navigation button .word::after { 2845 content: ''; 2846 position: absolute; 2847 bottom: -5px; 2848 left: 50%; 2849 transform: translateX(-50%) scaleX(0); 2850 width: 100%; 2851 height: 2px; 2852 background: linear-gradient(90deg, transparent, #000, transparent); 2853 animation: underlineGrow 0.5s ease-out forwards; 2854 animation-delay: calc(1.8s + var(--word-index, 0) * 0.15s); 2855 transform-origin: center; 2856 } 2857 2858 #shopify-section-template--26232202559862__featured-collections .featured-collections-navigation button::before { 2859 content: ''; 2860 position: absolute; 2861 top: 0; 2862 left: -100%; 2863 width: 100%; 2864 height: 100%; 2865 background: linear-gradient(45deg, rgba(0,0,0,0.08), rgba(0,0,0,0.03)); 2866 transition: left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); 2867 z-index: -1; 2868 } 2869 2870 #shopify-section-template--26232202559862__featured-collections .featured-collections-navigation button:hover::before, 2871 #shopify-section-template--26232202559862__featured-collections .featured-collections-navigation button[aria-current="true"]::before { 2872 left: 0; 2873 } 2874 2875 #shopify-section-template--26232202559862__featured-collections .featured-collections-navigation button:hover, 2876 #shopify-section-template--26232202559862__featured-collections .featured-collections-navigation button[aria-current="true"] { 2877 color: #000 !important; 2878 transform: translateY(-2px) !important; 2879 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important; 2880 } 2881 2882 /* FIXED: Centered underlines for single collection title */ 2883 #shopify-section-template--26232202559862__featured-collections .h2 { 2884 font-size: clamp(2.5rem, 5vw, 4rem) !important; 2885 font-weight: 300 !important; 2886 line-height: 1.1 !important; 2887 color: #000 !important; 2888 margin: 0 !important; 2889 opacity: 0; 2890 transform: translateY(30px); 2891 animation: slideUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards; 2892 } 2893 2894 #shopify-section-template--26232202559862__featured-collections .h2 .word { 2895 display: inline-block; 2896 opacity: 0; 2897 transform: translateY(50px) rotateX(90deg); 2898 animation: wordDrop 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 2899 animation-delay: calc(0.8s + var(--word-index, 0) * 0.15s); 2900 transform-origin: 50% 100%; 2901 position: relative; 2902 } 2903 2904 #shopify-section-template--26232202559862__featured-collections .h2 .word::after { 2905 content: ''; 2906 position: absolute; 2907 bottom: -5px; 2908 left: 50%; 2909 transform: translateX(-50%) scaleX(0); 2910 width: 100%; 2911 height: 2px; 2912 background: linear-gradient(90deg, transparent, #000, transparent); 2913 animation: underlineGrow 0.5s ease-out forwards; 2914 animation-delay: calc(1.6s + var(--word-index, 0) * 0.15s); 2915 transform-origin: center; 2916 } 2917 2918 /* Featured Collections Carousel */ 2919 #shopify-section-template--26232202559862__featured-collections .featured-collections-carousel { 2920 opacity: 0; 2921 transform: translateY(50px); 2922 animation: slideUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s forwards; 2923 } 2924 2925 #shopify-section-template--26232202559862__featured-collections .featured-collections-carousel__item { 2926 position: relative; 2927 } 2928 2929 /* Enhanced Product List */ 2930 #shopify-section-template--26232202559862__featured-collections .product-list { 2931 position: relative; 2932 background: rgba(255, 255, 255, 0.6); 2933 backdrop-filter: blur(10px); 2934 border-radius: 20px; 2935 padding: 2rem; 2936 box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08); 2937 border: 1px solid rgba(255, 255, 255, 0.3); 2938 margin: 2rem 0; 2939 } 2940 2941 /* Enhanced Navigation Controls */ 2942 #shopify-section-template--26232202559862__featured-collections .floating-control
2942s-container__control { 2943 z-index: 10; 2944 } 2945 2946 #shopify-section-template--26232202559862__featured-collections .prev-next-button { 2947 width: 60px !important; 2948 height: 60px !important; 2949 border: 2px solid rgba(0, 0, 0, 0.1) !important; 2950 border-radius: 50% !important; 2951 background: rgba(255, 255, 255, 0.95) !important; 2952 color: #000 !important; 2953 transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; 2954 backdrop-filter: blur(15px) !important; 2955 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; 2956 opacity: 0.8; 2957 transform: scale(0.9); 2958 } 2959 2960 #shopify-section-template--26232202559862__featured-collections .prev-next-button:hover { 2961 background: rgba(0, 0, 0, 0.9) !important; 2962 color: #fff !important; 2963 border-color: rgba(0, 0, 0, 0.9) !important; 2964 transform: scale(1.1) !important; 2965 box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2) !important; 2966 opacity: 1 !important; 2967 } 2968 2969 #shopify-section-template--26232202559862__featured-collections .floating-controls-container:hover .prev-next-button { 2970 opacity: 1; 2971 transform: scale(1); 2972 } 2973 2974 /* Enhanced View All Button */ 2975 #shopify-section-template--26232202559862__featured-collections .justify-self-center { 2976 margin-top: 2rem; 2977 opacity: 0; 2978 transform: translateY(30px); 2979 animation: slideUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s forwards; 2980 } 2981 2982 #shopify-section-template--26232202559862__featured-collections .button { 2983 position: relative !important; 2984 padding: 1.2rem 3rem !important; 2985 font-size: 0.875rem !important; 2986 letter-spacing: 0.2em !important; 2987 text-transform: uppercase !important; 2988 color: #000 !important; 2989 border: 2px solid #000 !important; 2990 background: rgba(255,255,255,0.9) !important; 2991 overflow: hidden !important; 2992 transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; 2993 font-weight: 600 !important; 2994 backdrop-filter: blur(10px) !important; 2995 box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important; 2996 border-radius: 0 !important; 2997 text-decoration: none !important; 2998 } 2999 3000 #shopify-section-template--26232202559862__featured-collections .button::before { 3001 content: ''; 3002 position: absolute; 3003 top: 0; 3004 left: -100%; 3005 width: 100%; 3006 height: 100%; 3007 background: #000; 3008 transition: left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); 3009 z-index: -1; 3010 } 3011 3012 #shopify-section-template--26232202559862__featured-collections .button:hover::before { 3013 left: 0; 3014 } 3015 3016 #shopify-section-template--26232202559862__featured-collections .button:hover { 3017 color: #fff !important; 3018 transform: translateY(-3px) !important; 3019 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important; 3020 } 3021 3022 /* Product Card Enhancements - NO EYESOME FONT */ 3023 #shopify-section-template--26232202559862__featured-collections .product-card { 3024 transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; 3025 border-radius: 12px !important; 3026 overflow: hidden !important; 3027 background: rgba(255, 255, 255, 0.8) !important; 3028 backdrop-filter: blur(10px) !important; 3029 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important; 3030 border: 1px solid rgba(255, 255, 255, 0.3) !important; 3031 } 3032 3033 #shopify-section-template--26232202559862__featured-collections .product-card:hover { 3034 transform: translateY(-8px) !important; 3035 box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12) !important; 3036 } 3037 3038 #shopify-section-template--26232202559862__featured-collections .product-card__media img { 3039 transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.8s ease !important; 3040 filter: brightness(1.05) contrast(1.1) saturate(1.05) !important; 3041 } 3042 3043 #shopify-section-template--26232202559862__featured-collections .product-card:hover .product-card__media img { 3044 transform: scale(1.08) !important; 3045 filter: brightness(1.15) contrast(1.2) saturate(1.15) !important; 3046 } 3047 3048 /* Decorative Elements */ 3049 #shopify-section-template--26232202559862__featured-collections .section-stack::before { 3050 content: ''; 3051 position: absolute; 3052 top: 10%; 3053 left: 5%; 3054 width: 2px; 3055 height: 80px; 3056 background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.1), transparent); 3057 animation: decorationFloat 4s ease-in-out infinite; 3058 z-index: 1; 3059 } 3060 3061 #shopify-section-template--26232202559862__featured-collections .section-stack::after { 3062 content: ''; 3063 position: absolute; 3064 top: 60%; 3065 right: 8%; 3066 width: 2px; 3067 height: 100px; 3068 background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.1), transparent); 3069 animation: decorationFloat 4s ease-in-out infinite 2s; 3070 z-index: 1; 3071 } 3072 3073 /* Animations */
3074 @keyframes slideUp { 3075 to { 3076 opacity: 1; 3077 transform: translateY(0); 3078 } 3079 } 3080 3081 @keyframes wordDrop { 3082 to { 3083 opacity: 1; 3084 transform: translateY(0) rotateX(0deg); 3085 } 3086 } 3087 3088 /* FIXED: Centered underline animation */ 3089 @keyframes underlineGrow { 3090 to { 3091 transform: translateX(-50%) scaleX(1); 3092 } 3093 } 3094 3095 @keyframes particleFloat { 3096 0% { 3097 transform: translate(0, 0); 3098 } 3099 100% { 3100 transform: translate(50px, -50px); 3101 } 3102 } 3103 3104 @keyframes decorationFloat { 3105 0%, 100% { 3106 transform: translateY(0) scaleY(1); 3107 opacity: 0.3; 3108 } 3109 50% { 3110 transform: translateY(-10px) scaleY(1.1); 3111 opacity: 0.6; 3112 } 3113 } 3114 3115 /* Responsive Design */ 3116 @media (max-width: 768px) { 3117 #shopify-section-template--26232202559862__featured-collections .section-spacing { 3118 padding: 3rem 0; 3119 } 3120 3121 #shopify-section-template--26232202559862__featured-collections .h6 { 3122 font-size: 1.2rem !important; 3123 } 3124 3125 #shopify-section-template--26232202559862__featured-collections .h6::before, 3126 #shopify-section-template--26232202559862__featured-collections .h6::after { 3127 width: 40px; 3128 left: -50px; 3129 right: -50px; 3130 } 3131 3132 #shopify-section-template--26232202559862__featured-collections .featured-collections-navigation button { 3133 font-size: clamp(1.2rem, 6vw, 1.8rem) !important; 3134 padding: 0.8rem 1.5rem !important; 3135 margin: 0 0.25rem !important; 3136 } 3137 3138 #shopify-section-template--26232202559862__featured-collections .product-list { 3139 padding: 1.5rem; 3140 margin: 1.5rem 0; 3141 } 3142 3143 #shopify-section-template--26232202559862__featured-collections .prev-next-button { 3144 width: 44px !important; 3145 height: 44px !important; 3146 } 3147 } 3148 3149 @media (max-width: 480px) { 3150 #shopify-section-template--26232202559862__featured-collections .section-spacing { 3151 padding: 2rem 0; 3152 } 3153 3154 #shopify-section-template--26232202559862__featured-collections .h6 { 3155 font-size: 1rem !important; 3156 } 3157 3158 #shopify-section-template--26232202559862__featured-collections .h6::before, 3159 #shopify-section-template--26232202559862__featured-collections .h6::after { 3160 display: none; 3161 } 3162 3163 #shopify-section-template--26232202559862__featured-collections .product-list { 3164 padding: 1rem; 3165 margin: 1rem 0; 3166 } 3167 3168 #shopify-section-template--26232202559862__featured-collections .button { 3169 padding: 1rem 2rem !important; 3170 font-size: 0.8rem !important; 3171 } 3172 } 3173 </style><div class="section-spacing color-scheme color-scheme--scheme-1 color-scheme--bg-1a8a322e7cfdd8a131e56ac2e637c812 "> 3174 <div class="container"><div class="section-stack"> 3175 <div class="v-stack justify-self-center gap-4 text-center sm:gap-5"><p class="h6 text-center">Ausgewählte Kollektion</p><h2 class="h2">Premium Messersets</h2></div> 3176 3177 <featured-collections-carousel id="featured-collections-carousel-template--26232202559862__featured-collections" class="featured-collections-carousel"><div class="featured-collections-carousel__item is-selected" ><product-list class="floating-controls-container floating-controls-container--inside floating-controls-container--on-hover"> 3178 <carousel-prev-button class="floating-controls-container__control" aria-controls="featured-collections-product-list-carousel-collection-1"> 3179 <button type="button" class="prev-next-button prev-next-button--prev circle-button hover:animate-icon-inline" disabled> 3180 <span class="sr-only">Zurück</span><svg aria-hidden="true" focusable="false" fill="none" width="16" class="icon icon-arrow-left icon--direction-aware" viewBox="0 0 16 18"> 3181 <path d="M11 1 3 9l8 8" stroke="currentColor" stroke-linecap="square"/> 3182 </svg></button> 3183 </carousel-prev-button> 3184 3185 <scroll-carousel id="featured-collections-product-list-carousel-collection-1" group-cells allow-drag class="product-list product-list--carousel scroll-area bleed md:unbleed"><style> 3186 3187.luxury-product-card { 3188 position: relative; 3189 background: linear-gradient(145deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 3190 border: 1px solid rgba(0, 0, 0, 0.04); 3191 border-radius: 20px; 3192 overflow: hidden; 3193 transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); 3194 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 16px 32px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.6) inset; 3195 backdrop-filter: blur(40px); 3196 margin: 16px 0; 3197 isolation: isolate; 3198 display: flex; 3199 flex-direction: column; 3200 height: 100%; 3201 min-height: 200px; 3202} 3203 3204.luxury-product-card::after {
3205 content: ''; 3206 position: absolute; 3207 top: 0; 3208 left: 0; 3209 right: 0; 3210 bottom: 0; 3211 background: radial-gradient(circle at 30% 20%, rgba(0,0,0,0.01) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.3) 0%, transparent 40%); 3212 pointer-events: none; 3213 opacity: 0; 3214 transition: opacity 0.6s ease; 3215 z-index: 1; 3216} 3217 3218.luxury-product-card:hover { 3219 transform: scale(1.03); 3220 box-shadow: 0 48px 80px rgba(0, 0, 0, 0.15), 0 24px 48px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(255, 255, 255, 0.95) inset, 0 2px 0 rgba(255, 255, 255, 0.8) inset; 3221 border-color: rgba(0, 0, 0, 0.12); 3222} 3223 3224.luxury-product-card:hover::after { 3225 opacity: 1; 3226} 3227 3228.luxury-product-card::before { 3229 content: ''; 3230 position: absolute; 3231 top: 0; 3232 left: 0; 3233 right: 0; 3234 height: 3px; 3235 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.8) 80%, transparent 100%); 3236 opacity: 0; 3237 transition: opacity 0.4s ease; 3238 z-index: 10; 3239} 3240 3241.luxury-product-card:hover::before { 3242 opacity: 1; 3243} 3244 3245.luxury-card-figure { 3246 position: relative; 3247 overflow: hidden; 3248 background: radial-gradient(circle at center, #ffffff 0%, #fefefe 40%, #f9f9f9 100%); 3249 aspect-ratio: 1; 3250 flex-shrink: 0; 3251} 3252 3253.luxury-card-figure::before { 3254 content: ''; 3255 position: absolute; 3256 top: 0; 3257 left: 0; 3258 right: 0; 3259 bottom: 0; 3260 background: transparent; 3261 pointer-events: none; 3262 z-index: 2; 3263} 3264 3265.luxury-card-media { 3266 display: block; 3267 position: relative; 3268 width: 100%; 3269 height: 100%; 3270 overflow: hidden; 3271 z-index: 1; 3272} 3273 3274.luxury-card-image { 3275 width: 100%; 3276 height: 100%; 3277 object-fit: cover; 3278 transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1); 3279} 3280 3281.luxury-card-image--primary { 3282 position: relative; 3283 z-index: 1; 3284} 3285 3286.luxury-card-image--secondary { 3287 position: absolute; 3288 top: 0; 3289 left: 0; 3290 opacity: 0; 3291 z-index: 2; 3292} 3293 3294.luxury-product-card:hover .luxury-card-image--secondary { 3295 opacity: 1; 3296} 3297 3298.luxury-badges { 3299 position: absolute; 3300 top: 10px; 3301 left: 10px; 3302 z-index: 20; 3303 display: flex; 3304 flex-direction: column; 3305 gap: 8px; 3306 pointer-events: none; 3307} 3308 3309.luxury-badge { 3310 background: #8B0000; 3311 color: #ffffff; 3312 padding: 6px 12px; 3313 border-radius: 22px; 3314 font-size: 0.75rem; 3315 font-weight: 900; 3316 text-transform: uppercase; 3317 letter-spacing: 0.5px; 3318 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); 3319 backdrop-filter: blur(8px); 3320 min-width: 80px; 3321 text-align: center; 3322 line-height: 1.2; 3323 white-space: nowrap; 3324 display: flex; 3325 align-items: center; 3326 justify-content: center; 3327} 3328 3329.luxury-badge.sale { 3330 background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%); 3331 color: #ffffff; 3332 padding: 7px 14px; 3333 font-size: 0.75rem; 3334 font-weight: 900; 3335 min-width: 90px; 3336} 3337 3338.luxury-badge.new { 3339 background: linear-gradient(135deg, #8B0000 0%, #800000 100%); 3340 color: #ffffff; 3341 font-size: 0.75rem; 3342 font-weight: 900; 3343} 3344 3345.luxury-badge.bestseller { 3346 background: linear-gradient(135deg, #8B0000 0%, #660000 100%); 3347 color: #ffffff; 3348 font-size: 0.75rem; 3349 font-weight: 900; 3350} 3351 3352.luxury-badge strong { 3353 font-weight: 900; 3354} 3355 3356.luxury-card-info { 3357 padding: 8px 14px 10px 14px; 3358 background: linear-gradient(180deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 3359 position: relative; 3360 z-index: 3; 3361 flex-grow: 1; 3362 display: flex; 3363 flex-direction: column; 3364 min-height: 0; 3365} 3366 3367.luxury-card-info::before { 3368 content: ''; 3369 position: absolute; 3370 top: 0; 3371 left: 24px; 3372 right: 24px; 3373 height: 1px; 3374 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.02) 20%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0.02) 80%, transparent 100%); 3375} 3376 3377.luxury-card-info::after { 3378 content: ''; 3379 position: absolute; 3380 top: -2px; 3381 left: 0; 3382 right: 0; 3383 height: 24px; 3384 background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, transparent 100%); 3385 pointer-events: none; 3386} 3387 3388.luxury-info-container { 3389 display: flex; 3390 flex-direction: column; 3391 gap: 12px; 3392 margin-bottom: 0; 3393} 3394 3395.luxury-card-actions { 3396 margin-top: auto; 3397 padding-top: 0; 3398 display: flex; 3399 flex-direction: column; 3400 gap: 12px; 3401} 3402 3403.luxury-vendor-section { 3404 display: flex; 3405 align-items: center; 3406 justify-content: space-between; 3407 gap: 12px; 3408 min-height: 18px; 3409 margin-top: 3px; 3410} 3411 3412.luxury-vendor { 3413 font-size: 12px; 3414 font-weight: 400; 3415 color: #666666; 3416 flex: 1; 3417 line-height: 1.2; 3418} 3419 3420.luxury-vendor.von-deines-wolf { 3421 font-family: 'Adelia'; 3422} 3423 3424.luxury-rating { 3425 display: flex; 3426 align-items: center; 3427 justify-content: flex-end; 3428 gap: 2px; 3429 flex-shrink: 0; 3430} 3431 3432.luxury-star { 3433 width: 12px; 3434 height: 12px; 3435 fill: #000000; 3436 transition: all 0.3s ease; 3437} 3438 3439.luxury-star--empty { 3440 fill: #e0e0e0; 3441} 3442 3443.luxury-rating:hover .luxury-star { 3444 transform: scale(1.1); 3445} 3446 3447.luxury-title { 3448 font-size: 18px; 3449 font-weight: 800; 3450 line-height: 1.1; 3451 color: #0a0a0a; 3452 text-decoration: none; 3453 display: -webkit-box; 3454 -webkit-line-clamp: 2; 3455 -webkit-box-orient: vertical; 3456 overflow: hidden; 3457 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 3458 position: relative; 3459 min-height: 20px; 3460 margin: 0; 3461} 3462 3463.luxury-title::after {
3464 content: ''; 3465 position: absolute; 3466 bottom: -4px; 3467 left: 0; 3468 width: 0; 3469 height: 2px; 3470 background: linear-gradient(90deg, #000000 0%, #444444 100%); 3471 border-radius: 1px; 3472 transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1); 3473} 3474 3475.luxury-title:hover { 3476 color: #000000; 3477 transform: translateY(-2px); 3478} 3479 3480.luxury-title:hover::after { 3481 width: 100%; 3482} 3483 3484.luxury-price-section { 3485 margin: 0; 3486 display: flex; 3487 flex-direction: column; 3488 gap: 12px; 3489} 3490 3491.luxury-discount-row { 3492 display: flex; 3493 justify-content: space-between; 3494 align-items: center; 3495 gap: 12px; 3496 min-height: 20px; 3497} 3498 3499.luxury-price-row { 3500 display: flex; 3501 align-items: center; 3502 gap: 8px; 3503} 3504 3505.luxury-price-row--single { 3506 justify-content: space-between; 3507 align-items: center; 3508} 3509 3510.luxury-price { 3511 font-size: 18px; 3512 font-weight: 800; 3513 color: #000000; 3514 letter-spacing: -0.2px; 3515 white-space: nowrap; 3516 flex-shrink: 0; 3517 line-height: 1; 3518} 3519 3520.luxury-price.luxury-price--from { 3521 font-size: 16px; 3522 font-weight: 700; 3523} 3524 3525.luxury-price--compare { 3526 font-size: 15px; 3527 font-weight: 500; 3528 color: #999999; 3529 text-decoration: line-through; 3530 opacity: 0.8; 3531 white-space: nowrap; 3532 flex-shrink: 0; 3533 line-height: 1; 3534} 3535 3536.luxury-discount-badge { 3537 background: #000000; 3538 color: #ffffff; 3539 padding: 6px 12px; 3540 font-size: 11px; 3541 font-weight: 800; 3542 letter-spacing: 0.5px; 3543 text-transform: uppercase; 3544 border-radius: 9px; 3545 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 3546 white-space: nowrap; 3547 flex-shrink: 0; 3548 line-height: 1; 3549} 3550 3551.luxury-swatches { 3552 display: flex; 3553 align-items: center; 3554 justify-content: center; 3555 gap: 3px; 3556 flex-wrap: wrap; 3557} 3558 3559.luxury-swatch { 3560 width: 26px; 3561 height: 26px; 3562 border-radius: 50%; 3563 border: 2px solid #eeeeee; 3564 cursor: pointer; 3565 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 3566 position: relative; 3567 box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.3); 3568 flex-shrink: 0; 3569} 3570 3571.luxury-swatch:hover { 3572 transform: scale(1.3); 3573 border-color: #000000; 3574 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4); 3575} 3576 3577.luxury-swatch::after { 3578 content: ''; 3579 position: absolute; 3580 top: -6px; 3581 left: -6px; 3582 right: -6px; 3583 bottom: -6px; 3584 border: 2px solid transparent; 3585 border-radius: 50%; 3586 transition: all 0.4s ease; 3587} 3588 3589.luxury-swatch:hover::after { 3590 border-color: rgba(0, 0, 0, 0.15); 3591} 3592 3593.luxury-quick-buy { 3594 width: 100%; 3595 height: 48px; 3596 background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%); 3597 color: #ffffff; 3598 border: 1px solid rgba(255, 255, 255, 0.1); 3599 border-radius: 16px; 3600 display: flex; 3601 align-items: center; 3602 justify-content: center; 3603 gap: 6px; 3604 cursor: pointer; 3605 transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); 3606 font-size: 10px; 3607 font-weight: 800; 3608 text-transform: uppercase; 3609 letter-spacing: 1px; 3610 position: relative; 3611 overflow: visible; 3612 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1); 3613 flex-shrink: 0; 3614} 3615 3616.luxury-quick-buy strong { 3617 font-weight: 900; 3618} 3619 3620.luxury-quick-buy::before { 3621 content: ''; 3622 position: absolute; 3623 top: 0; 3624 left: -100%; 3625 width: 100%; 3626 height: 100%; 3627 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); 3628 transition: left 0.6s ease; 3629} 3630 3631.luxury-quick-buy:hover::before { 3632 left: 100%; 3633} 3634 3635.luxury-quick-buy:hover { 3636 background: linear-gradient(135deg, #1a1a1a 0%, #333333 50%, #1a1a1a 100%); 3637 transform: translateY(-3px); 3638 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15); 3639 border-color: rgba(255, 255, 255, 0.2); 3640} 3641 3642.luxury-quick-buy:active { 3643 transform: translateY(-1px); 3644} 3645 3646.luxury-quick-buy-icon { 3647 width: 16px; 3648 height: 16px; 3649 filter: brightness(0) invert(1); 3650 transition: all 0.3s ease; 3651 flex-shrink: 0; 3652 display: block; 3653 margin-bottom: 0px; 3654} 3655 3656.luxury-quick-buy:hover .luxury-quick-buy-icon { 3657 transform: scale(1.1); 3658} 3659 3660.luxury-product-card { 3661 margin: 16px 6px; 3662} 3663 3664.products-grid { 3665 display: grid; 3666 grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); 3667 gap: 12px 16px; 3668 margin: 0 -6px; 3669 padding: 0; 3670 align-items: stretch; 3671} 3672 3673@media (min-width: 768px) { 3674 .products-grid { 3675 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); 3676 gap: 16px 20px; 3677 align-items: stretch; 3678 } 3679} 3680 3681@media (min-width: 1024px) { 3682 .products-grid { 3683 grid-template-columns: repeat(3, 1fr); 3684 gap: 20px 24px; 3685 align-items: stretch; 3686 } 3687} 3688 3689@media (max-width: 768px) { 3690 .luxury-card-info { 3691 padding: 10px 14px 8px 14px; 3692 } 3693 3694 .luxury-title { 3695 font-size: 13px; 3696 line-height: 1.2; 3697 min-height: 28px; 3698 } 3699 3700 .luxury-price { 3701 font-size: 15px; 3702 } 3703 3704 .luxury-price.luxury-price--from { 3705 font-size: 13px; 3706 } 3707 3708 .luxury-price--compare { 3709 font-size: 12px; 3710 } 3711 3712 .luxury-quick-buy { 3713 height: 42px; 3714 font-size: 9px; 3715 letter-spacing: 1px; 3716 gap: 6px; 3717 } 3718 3719 .luxury-quick-buy-icon { 3720 width: 16px; 3721 height: 16px; 3722 margin-bottom: 0px; 3723 } 3724 3725 .luxury-swatch {
3726 width: 20px; 3727 height: 20px; 3728 } 3729 3730 .luxury-star { 3731 width: 10px; 3732 height: 10px; 3733 } 3734 3735 .luxury-vendor { 3736 font-size: 9px; 3737 letter-spacing: 0.6px; 3738 } 3739 3740 .luxury-product-card { 3741 margin: 10px 4px; 3742 } 3743 3744 .luxury-price-row { 3745 gap: 6px; 3746 } 3747 3748 .luxury-badges { 3749 top: 8px; 3750 left: 8px; 3751 gap: 6px; 3752 } 3753 3754 .luxury-badge { 3755 padding: 6px 12px; 3756 font-size: 8px; 3757 min-width: 70px; 3758 border-radius: 18px; 3759 } 3760 3761 .luxury-badge.sale { 3762 padding: 8px 14px; 3763 font-size: 7px; 3764 min-width: 75px; 3765 } 3766 3767 .luxury-info-container { 3768 gap: 3px; 3769 } 3770} 3771 3772@media (max-width: 480px) { 3773 .luxury-card-info { 3774 padding: 8px 12px 6px 12px; 3775 } 3776 3777 .luxury-title { 3778 font-size: 12px; 3779 min-height: 26px; 3780 } 3781 3782 .luxury-price { 3783 font-size: 14px; 3784 } 3785 3786 .luxury-price.luxury-price--from { 3787 font-size: 12px; 3788 } 3789 3790 .luxury-price--compare { 3791 font-size: 11px; 3792 } 3793 3794 .luxury-quick-buy { 3795 height: 40px; 3796 font-size: 8px; 3797 gap: 5px; 3798 } 3799 3800 .luxury-quick-buy-icon { 3801 width: 14px; 3802 height: 14px; 3803 margin-bottom: 0px; 3804 } 3805 3806 .luxury-swatch { 3807 width: 18px; 3808 height: 18px; 3809 } 3810 3811 .luxury-star { 3812 width: 9px; 3813 height: 9px; 3814 } 3815 3816 .luxury-price-row { 3817 gap: 5px; 3818 } 3819 3820 .luxury-discount-badge { 3821 padding: 2px 6px; 3822 font-size: 8px; 3823 } 3824 3825 .luxury-badges { 3826 top: 6px; 3827 left: 6px; 3828 gap: 4px; 3829 } 3830 3831 .luxury-badge { 3832 padding: 4px 10px; 3833 font-size: 7px; 3834 min-width: 60px; 3835 border-radius: 16px; 3836 } 3837 3838 .luxury-badge.sale { 3839 padding: 6px 12px; 3840 font-size: 6px; 3841 min-width: 65px; 3842 } 3843 3844 .luxury-info-container { 3845 gap: 2px; 3846 } 3847 3848 .luxury-vendor-section { 3849 min-height: 16px; 3850 } 3851 3852 .luxury-discount-row { 3853 min-height: 18px; 3854 } 3855} 3856</style> 3857 3858 3859<product-card class="luxury-product-card" handle="damastmesserset-resin-4-teilig"> 3860 3861 3862
3862<script> 3863 // Function to apply conditional font based on vendor name 3864 document.addEventListener('DOMContentLoaded', function() { 3865 const vendorElements = document.querySelectorAll('.luxury-vendor'); 3866 3867 vendorElements.forEach(function(element) { 3868 const vendorName = element.textContent.trim(); 3869 3870 if (vendorName === 'von Deines & Wolf®') { 3871 element.classList.add('von-deines-wolf'); 3872 } else { 3873 element.classList.remove('von-deines-wolf'); 3874 } 3875 }); 3876 }); 3877 3878 // For dynamically added products (if needed) 3879 function applyVendorFont(vendorElement) { 3880 const vendorName = vendorElement.textContent.trim(); 3881 3882 if (vendorName === 'von Deines & Wolf®') { 3883 vendorElement.classList.add('von-deines-wolf'); 3884 } else { 3885 vendorElement.classList.remove('von-deines-wolf'); 3886 } 3887 } 3888 </script>
3888 3889 3890 3891 <div class="luxury-card-figure"> 3892 3893 <div class="luxury-badges"> 3894 3895 3896 3897 3898 3899 3900 3901 3902 3903 </div> 3904 3905 3906 <a href="/products/damastmesserset-resin-4-teilig" class="luxury-card-media" draggable="false" data-instant> 3907 3908 3909 3910 3911 <img src="//luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-resin-food.jpg?v=1763806158&width=1400" alt="Messerset Resin 4-teilig, Damsast Küchenmesser" srcset="//luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-resin-food.jpg?v=1763806158&width=200 200w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-resin-food.jpg?v=1763806158&width=300 300w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-resin-food.jpg?v=1763806158&width=400 400w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-resin-food.jpg?v=1763806158&width=500 500w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-resin-food.jpg?v=1763806158&width=600 600w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-resin-food.jpg?v=1763806158&width=700 700w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-resin-food.jpg?v=1763806158&width=800 800w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-resin-food.jpg?v=1763806158&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-resin-food.jpg?v=1763806158&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-resin-food.jpg?v=1763806158&width=1400 1400w" width="1400" height="1400" loading="lazy" sizes=" 3912 3913 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 3914 3915 " draggable="false" class="luxury-card-image luxury-card-image--primary"> 3916 3917 <img src="//luxe-kitchen.de/cdn/shop/files/kitchen-luxe-resin-auf-schneidbrett.jpg?v=1763806158&width=1400" alt="Damast Messerset "Resin"" srcset="//luxe-kitchen.de/cdn/shop/files/kitchen-luxe-resin-auf-schneidbrett.jpg?v=1763806158&width=200 200w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-resin-auf-schneidbrett.jpg?v=1763806158&width=300 300w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-resin-auf-schneidbrett.jpg?v=1763806158&width=400 400w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-resin-auf-schneidbrett.jpg?v=1763806158&width=500 500w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-resin-auf-schneidbrett.jpg?v=1763806158&width=600 600w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-resin-auf-schneidbrett.jpg?v=1763806158&width=700 700w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-resin-auf-schneidbrett.jpg?v=1763806158&width=800 800w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-resin-auf-schneidbrett.jpg?v=1763806158&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-resin-auf-schneidbrett.jpg?v=1763806158&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-resin-auf-schneidbrett.jpg?v=1763806158&width=1400 1400w" width="1400" height="1400" loading="lazy" class="luxury-card-image luxury-card-image--secondary" fetchpriority="low" sizes=" 3918 3919 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 3920 3921 " draggable="false"> 3922 </a> 3923 </div> 3924 3925 3926 <div class="luxury-card-info"> 3927 <div class="luxury-info-container"> 3928 3929 <div class="luxury-vendor-section"> 3930 <div class="luxury-vendor">von Deines & Wolf®</div> 3931 </div> 3932 3933 3934 3935 <a href="/products/damastmesserset-resin-4-teilig" class="luxury-title" data-instant> 3936 Damast Messerset "Resin" 3937 </a> 3938 3939 </div> 3940 3941 <div class="luxury-card-actions"> 3942 3943 <div class="luxury-price-section"> 3944 3945 <div class="luxury-price-row luxury-price-row--single"> 3946 <span class="luxury-price luxury-price--from"> 3947 3948 Ab 299,00 ⬠3949 3950 </span> 3951 3952 <div class="luxury-rating"> 3953 <svg class="luxury-star luxury-star--filled" viewB
3953ox="0 0 24 24"> 3954 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 3955 </svg> 3956 3957 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 3958 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 3959 </svg> 3960 3961 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 3962 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 3963 </svg> 3964 3965 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 3966 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 3967 </svg> 3968 3969 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 3970 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 3971 </svg> 3972 3973 </div> 3974 3975 </div> 3976 3977 </div> 3978 3979 3980 3981 3982 3983 </div> 3984 </div> 3985</product-card><style> 3986 3987.luxury-product-card { 3988 position: relative; 3989 background: linear-gradient(145deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 3990 border: 1px solid rgba(0, 0, 0, 0.04); 3991 border-radius: 20px; 3992 overflow: hidden; 3993 transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); 3994 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 16px 32px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.6) inset; 3995 backdrop-filter: blur(40px); 3996 margin: 16px 0; 3997 isolation: isolate; 3998 display: flex; 3999 flex-direction: column; 4000 height: 100%; 4001 min-height: 200px; 4002} 4003 4004.luxury-product-card::after { 4005 content: ''; 4006 position: absolute; 4007 top: 0; 4008 left: 0; 4009 right: 0; 4010 bottom: 0; 4011 background: radial-gradient(circle at 30% 20%, rgba(0,0,0,0.01) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.3) 0%, transparent 40%); 4012 pointer-events: none; 4013 opacity: 0; 4014 transition: opacity 0.6s ease; 4015 z-index: 1; 4016} 4017 4018.luxury-product-card:hover { 4019 transform: scale(1.03); 4020 box-shadow: 0 48px 80px rgba(0, 0, 0, 0.15), 0 24px 48px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(255, 255, 255, 0.95) inset, 0 2px 0 rgba(255, 255, 255, 0.8) inset; 4021 border-color: rgba(0, 0, 0, 0.12); 4022} 4023 4024.luxury-product-card:hover::after { 4025 opacity: 1; 4026} 4027 4028.luxury-product-card::before { 4029 content: ''; 4030 position: absolute; 4031 top: 0; 4032 left: 0; 4033 right: 0; 4034 height: 3px; 4035 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.8) 80%, transparent 100%); 4036 opacity: 0; 4037 transition: opacity 0.4s ease; 4038 z-index: 10; 4039} 4040 4041.luxury-product-card:hover::before { 4042 opacity: 1; 4043} 4044 4045.luxury-card-figure { 4046 position: relative; 4047 overflow: hidden; 4048 background: radial-gradient(circle at center, #ffffff 0%, #fefefe 40%, #f9f9f9 100%); 4049 aspect-ratio: 1; 4050 flex-shrink: 0; 4051} 4052 4053.luxury-card-figure::before { 4054 content: ''; 4055 position: absolute; 4056 top: 0; 4057 left: 0; 4058 right: 0; 4059 bottom: 0; 4060 background: transparent; 4061 pointer-events: none; 4062 z-index: 2; 4063} 4064 4065.luxury-card-media { 4066 display: block; 4067 position: relative; 4068 width: 100%; 4069 height: 100%; 4070 overflow: hidden; 4071 z-index: 1; 4072} 4073 4074.luxury-card-image { 4075 width: 100%; 4076 height: 100%; 4077 object-fit: cover; 4078 transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1); 4079} 4080 4081.luxury-card-image--primary { 4082 position: relative; 4083 z-index: 1; 4084} 4085 4086.luxury-card-image--secondary { 4087 position: absolute; 4088 top: 0; 4089 left: 0; 4090 opacity: 0; 4091 z-index: 2; 4092} 4093 4094.luxury-product-card:hover .luxury-card-image--secondary { 4095 opacity: 1; 4096} 4097 4098.luxury-badges { 4099 position: absolute; 4100 top: 10px; 4101 left: 10px; 4102 z-index: 20; 4103 display: flex; 4104 flex-direction: column; 4105 gap: 8px; 4106 pointer-events: none; 4107} 4108 4109.luxury-badge { 4110 background: #8B0000; 4111 color: #ffffff; 4112 padding: 6px 12px; 4113 border-radius: 22px; 4114 font-size: 0.75rem; 4115 font-weight: 900; 4116 text-transform: uppercase; 4117 letter-spacing: 0.5px; 4118 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); 4119 backdrop-filter: blur(8px); 4120 min-width: 80px; 4121 text-align: center; 4122 line-height: 1.2; 4123 white-space: nowrap; 4124 display: flex; 4125 align-items: center; 4126 justify-content: center; 4127} 4128 4129.luxury-badge.sale { 4130 background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%); 4131 color: #ffffff; 4132 padding: 7px 14px; 4133 font-size: 0.75rem; 4134 font-weight: 900; 4135 min-width: 90px; 4136} 4137 4138.luxury-badge.new { 4139 background: linear-gradient(135deg, #8B0000 0%, #800000 100%); 4140 color: #ffffff; 4141 font-size: 0.75rem; 4142 font-weight: 900; 4143} 4144 4145.luxury-badge.bestseller { 4146 background: linear-gradient(135deg, #8B0000 0%, #660000 100%); 4147 color: #ffffff; 4148 font-size: 0.75rem; 4149 font-weight: 900; 4150} 4151 4152.luxury-badge strong { 4153 font-weight: 900; 4154} 4155 4156.luxury-card-info { 4157 padding: 8px 14px 10px 14px; 4158 background: linear-gradient(180deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 4159 position: relative; 4160 z-index: 3; 4161 flex-grow: 1; 4162 display: flex; 4163 flex-direction: column; 4164 min-height: 0; 4165} 4166 4167.luxury-card-info::before { 4168 content: ''; 4169 position: absolute; 4170 top: 0; 4171 left: 24px; 4172 right: 24px; 4173 height: 1px; 4174 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.02) 20%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0.02) 80%, transparent 100%); 4175} 4176 4177.luxury-card-info::after {
4178 content: ''; 4179 position: absolute; 4180 top: -2px; 4181 left: 0; 4182 right: 0; 4183 height: 24px; 4184 background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, transparent 100%); 4185 pointer-events: none; 4186} 4187 4188.luxury-info-container { 4189 display: flex; 4190 flex-direction: column; 4191 gap: 12px; 4192 margin-bottom: 0; 4193} 4194 4195.luxury-card-actions { 4196 margin-top: auto; 4197 padding-top: 0; 4198 display: flex; 4199 flex-direction: column; 4200 gap: 12px; 4201} 4202 4203.luxury-vendor-section { 4204 display: flex; 4205 align-items: center; 4206 justify-content: space-between; 4207 gap: 12px; 4208 min-height: 18px; 4209 margin-top: 3px; 4210} 4211 4212.luxury-vendor { 4213 font-size: 12px; 4214 font-weight: 400; 4215 color: #666666; 4216 flex: 1; 4217 line-height: 1.2; 4218} 4219 4220.luxury-vendor.von-deines-wolf { 4221 font-family: 'Adelia'; 4222} 4223 4224.luxury-rating { 4225 display: flex; 4226 align-items: center; 4227 justify-content: flex-end; 4228 gap: 2px; 4229 flex-shrink: 0; 4230} 4231 4232.luxury-star { 4233 width: 12px; 4234 height: 12px; 4235 fill: #000000; 4236 transition: all 0.3s ease; 4237} 4238 4239.luxury-star--empty { 4240 fill: #e0e0e0; 4241} 4242 4243.luxury-rating:hover .luxury-star { 4244 transform: scale(1.1); 4245} 4246 4247.luxury-title { 4248 font-size: 18px; 4249 font-weight: 800; 4250 line-height: 1.1; 4251 color: #0a0a0a; 4252 text-decoration: none; 4253 display: -webkit-box; 4254 -webkit-line-clamp: 2; 4255 -webkit-box-orient: vertical; 4256 overflow: hidden; 4257 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 4258 position: relative; 4259 min-height: 20px; 4260 margin: 0; 4261} 4262 4263.luxury-title::after { 4264 content: ''; 4265 position: absolute; 4266 bottom: -4px; 4267 left: 0; 4268 width: 0; 4269 height: 2px; 4270 background: linear-gradient(90deg, #000000 0%, #444444 100%); 4271 border-radius: 1px; 4272 transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1); 4273} 4274 4275.luxury-title:hover {
4276 color: #000000; 4277 transform: translateY(-2px); 4278} 4279 4280.luxury-title:hover::after { 4281 width: 100%; 4282} 4283 4284.luxury-price-section { 4285 margin: 0; 4286 display: flex; 4287 flex-direction: column; 4288 gap: 12px; 4289} 4290 4291.luxury-discount-row { 4292 display: flex; 4293 justify-content: space-between; 4294 align-items: center; 4295 gap: 12px; 4296 min-height: 20px; 4297} 4298 4299.luxury-price-row { 4300 display: flex; 4301 align-items: center; 4302 gap: 8px; 4303} 4304 4305.luxury-price-row--single { 4306 justify-content: space-between; 4307 align-items: center; 4308} 4309 4310.luxury-price { 4311 font-size: 18px; 4312 font-weight: 800; 4313 color: #000000; 4314 letter-spacing: -0.2px; 4315 white-space: nowrap; 4316 flex-shrink: 0; 4317 line-height: 1; 4318} 4319 4320.luxury-price.luxury-price--from { 4321 font-size: 16px; 4322 font-weight: 700; 4323} 4324 4325.luxury-price--compare { 4326 font-size: 15px; 4327 font-weight: 500; 4328 color: #999999; 4329 text-decoration: line-through; 4330 opacity: 0.8; 4331 white-space: nowrap; 4332 flex-shrink: 0; 4333 line-height: 1; 4334} 4335 4336.luxury-discount-badge { 4337 background: #000000; 4338 color: #ffffff; 4339 padding: 6px 12px; 4340 font-size: 11px; 4341 font-weight: 800; 4342 letter-spacing: 0.5px; 4343 text-transform: uppercase; 4344 border-radius: 9px; 4345 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 4346 white-space: nowrap; 4347 flex-shrink: 0; 4348 line-height: 1; 4349} 4350 4351.luxury-swatches { 4352 display: flex; 4353 align-items: center; 4354 justify-content: center; 4355 gap: 3px; 4356 flex-wrap: wrap; 4357} 4358 4359.luxury-swatch { 4360 width: 26px; 4361 height: 26px; 4362 border-radius: 50%; 4363 border: 2px solid #eeeeee; 4364 cursor: pointer; 4365 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 4366 position: relative; 4367 box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.3); 4368 flex-shrink: 0; 4369} 4370 4371.luxury-swatch:hover { 4372 transform: scale(1.3); 4373 border-color: #000000; 4374 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4); 4375} 4376 4377.luxury-swatch::after { 4378 content: ''; 4379 position: absolute; 4380 top: -6px; 4381 left: -6px; 4382 right: -6px; 4383 bottom: -6px; 4384 border: 2px solid transparent; 4385 border-radius: 50%; 4386 transition: all 0.4s ease; 4387} 4388 4389.luxury-swatch:hover::after { 4390 border-color: rgba(0, 0, 0, 0.15); 4391} 4392 4393.luxury-quick-buy { 4394 width: 100%; 4395 height: 48px; 4396 background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%); 4397 color: #ffffff; 4398 border: 1px solid rgba(255, 255, 255, 0.1); 4399 border-radius: 16px; 4400 display: flex; 4401 align-items: center; 4402 justify-content: center; 4403 gap: 6px; 4404 cursor: pointer; 4405 transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); 4406 font-size: 10px; 4407 font-weight: 800; 4408 text-transform: uppercase; 4409 letter-spacing: 1px; 4410 position: relative; 4411 overflow: visible; 4412 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1); 4413 flex-shrink: 0; 4414} 4415 4416.luxury-quick-buy strong { 4417 font-weight: 900; 4418} 4419 4420.luxury-quick-buy::before { 4421 content: ''; 4422 position: absolute; 4423 top: 0; 4424 left: -100%; 4425 width: 100%; 4426 height: 100%; 4427 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); 4428 transition: left 0.6s ease; 4429} 4430 4431.luxury-quick-buy:hover::before { 4432 left: 100%; 4433} 4434 4435.luxury-quick-buy:hover { 4436 background: linear-gradient(135deg, #1a1a1a 0%, #333333 50%, #1a1a1a 100%); 4437 transform: translateY(-3px); 4438 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15); 4439 border-color: rgba(255, 255, 255, 0.2); 4440} 4441 4442.luxury-quick-buy:active { 4443 transform: translateY(-1px); 4444} 4445 4446.luxury-quick-buy-icon { 4447 width: 16px; 4448 height: 16px; 4449 filter: brightness(0) invert(1); 4450 transition: all 0.3s ease; 4451 flex-shrink: 0; 4452 display: block; 4453 margin-bottom: 0px; 4454} 4455 4456.luxury-quick-buy:hover .luxury-quick-buy-icon { 4457 transform: scale(1.1); 4458} 4459 4460.luxury-product-card { 4461 margin: 16px 6px; 4462} 4463 4464.products-grid { 4465 display: grid; 4466 grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); 4467 gap: 12px 16px; 4468 margin: 0 -6px; 4469 padding: 0; 4470 align-items: stretch; 4471} 4472 4473@media (min-width: 768px) { 4474 .products-grid { 4475 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); 4476 gap: 16px 20px; 4477 align-items: stretch; 4478 } 4479} 4480 4481@media (min-width: 1024px) { 4482 .products-grid { 4483 grid-template-columns: repeat(3, 1fr); 4484 gap: 20px 24px; 4485 align-items: stretch; 4486 } 4487} 4488 4489@media (max-width: 768px) { 4490 .luxury-card-info { 4491 padding: 10px 14px 8px 14px; 4492 } 4493 4494 .luxury-title { 4495 font-size: 13px; 4496 line-height: 1.2; 4497 min-height: 28px; 4498 } 4499 4500 .luxury-price { 4501 font-size: 15px; 4502 } 4503 4504 .luxury-price.luxury-price--from { 4505 font-size: 13px; 4506 } 4507 4508 .luxury-price--compare { 4509 font-size: 12px; 4510 } 4511 4512 .luxury-quick-buy { 4513 height: 42px; 4514 font-size: 9px; 4515 letter-spacing: 1px; 4516 gap: 6px; 4517 } 4518 4519 .luxury-quick-buy-icon { 4520 width: 16px; 4521 height: 16px; 4522 margin-bottom: 0px; 4523 } 4524 4525 .luxury-swatch {
4526 width: 20px; 4527 height: 20px; 4528 } 4529 4530 .luxury-star { 4531 width: 10px; 4532 height: 10px; 4533 } 4534 4535 .luxury-vendor { 4536 font-size: 9px; 4537 letter-spacing: 0.6px; 4538 } 4539 4540 .luxury-product-card { 4541 margin: 10px 4px; 4542 } 4543 4544 .luxury-price-row { 4545 gap: 6px; 4546 } 4547 4548 .luxury-badges { 4549 top: 8px; 4550 left: 8px; 4551 gap: 6px; 4552 } 4553 4554 .luxury-badge { 4555 padding: 6px 12px; 4556 font-size: 8px; 4557 min-width: 70px; 4558 border-radius: 18px; 4559 } 4560 4561 .luxury-badge.sale { 4562 padding: 8px 14px; 4563 font-size: 7px; 4564 min-width: 75px; 4565 } 4566 4567 .luxury-info-container { 4568 gap: 3px; 4569 } 4570} 4571 4572@media (max-width: 480px) { 4573 .luxury-card-info { 4574 padding: 8px 12px 6px 12px; 4575 } 4576 4577 .luxury-title { 4578 font-size: 12px; 4579 min-height: 26px; 4580 } 4581 4582 .luxury-price { 4583 font-size: 14px; 4584 } 4585 4586 .luxury-price.luxury-price--from { 4587 font-size: 12px; 4588 } 4589 4590 .luxury-price--compare { 4591 font-size: 11px; 4592 } 4593 4594 .luxury-quick-buy { 4595 height: 40px; 4596 font-size: 8px; 4597 gap: 5px; 4598 } 4599 4600 .luxury-quick-buy-icon { 4601 width: 14px; 4602 height: 14px; 4603 margin-bottom: 0px; 4604 } 4605 4606 .luxury-swatch { 4607 width: 18px; 4608 height: 18px; 4609 } 4610 4611 .luxury-star { 4612 width: 9px; 4613 height: 9px; 4614 } 4615 4616 .luxury-price-row { 4617 gap: 5px; 4618 } 4619 4620 .luxury-discount-badge { 4621 padding: 2px 6px; 4622 font-size: 8px; 4623 } 4624 4625 .luxury-badges { 4626 top: 6px; 4627 left: 6px; 4628 gap: 4px; 4629 } 4630 4631 .luxury-badge { 4632 padding: 4px 10px; 4633 font-size: 7px; 4634 min-width: 60px; 4635 border-radius: 16px; 4636 } 4637 4638 .luxury-badge.sale { 4639 padding: 6px 12px; 4640 font-size: 6px; 4641 min-width: 65px; 4642 } 4643 4644 .luxury-info-container { 4645 gap: 2px; 4646 } 4647 4648 .luxury-vendor-section { 4649 min-height: 16px; 4650 } 4651 4652 .luxury-discount-row { 4653 min-height: 18px; 4654 } 4655} 4656</style> 4657 4658 4659<product-card class="luxury-product-card" handle="damastmesserset-olive-1"> 4660 4661 4662
4662<script> 4663 // Function to apply conditional font based on vendor name 4664 document.addEventListener('DOMContentLoaded', function() { 4665 const vendorElements = document.querySelectorAll('.luxury-vendor'); 4666 4667 vendorElements.forEach(function(element) { 4668 const vendorName = element.textContent.trim(); 4669 4670 if (vendorName === 'von Deines & Wolf®') { 4671 element.classList.add('von-deines-wolf'); 4672 } else { 4673 element.classList.remove('von-deines-wolf'); 4674 } 4675 }); 4676 }); 4677 4678 // For dynamically added products (if needed) 4679 function applyVendorFont(vendorElement) { 4680 const vendorName = vendorElement.textContent.trim(); 4681 4682 if (vendorName === 'von Deines & Wolf®') { 4683 vendorElement.classList.add('von-deines-wolf'); 4684 } else { 4685 vendorElement.classList.remove('von-deines-wolf'); 4686 } 4687 } 4688 </script>
4688 4689 4690 4691 <div class="luxury-card-figure"> 4692 4693 <div class="luxury-badges"> 4694 4695 4696 4697 <span class="luxury-badge sale"> 4698 <span class="badge-text">Spare 146 â¬</span> 4699 </span> 4700 4701 4702 4703 <span class="luxury-badge"><strong>Ausverkauft</strong></span> 4704 4705 4706 4707 4708 4709 </div> 4710 4711 4712 <a href="/products/damastmesserset-olive-1" class="luxury-card-media" draggable="false" data-instant> 4713 4714 4715 4716 4717 <img src="//luxe-kitchen.de/cdn/shop/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca.webp?v=1734249674&width=1400" alt="Damastmesser Olive 4er Messerset" srcset="//luxe-kitchen.de/cdn/shop/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca.webp?v=1734249674&width=200 200w, //luxe-kitchen.de/cdn/shop/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca.webp?v=1734249674&width=300 300w, //luxe-kitchen.de/cdn/shop/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca.webp?v=1734249674&width=400 400w, //luxe-kitchen.de/cdn/shop/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca.webp?v=1734249674&width=500 500w, //luxe-kitchen.de/cdn/shop/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca.webp?v=1734249674&width=600 600w, //luxe-kitchen.de/cdn/shop/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca.webp?v=1734249674&width=700 700w, //luxe-kitchen.de/cdn/shop/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca.webp?v=1734249674&width=800 800w, //luxe-kitchen.de/cdn/shop/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca.webp?v=1734249674&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca.webp?v=1734249674&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca.webp?v=1734249674&width=1400 1400w" width="1400" height="1400" loading="lazy" sizes=" 4718 4719 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 4720 4721 " draggable="false" class="luxury-card-image luxury-card-image--primary"> 4722 4723 <img src="//luxe-kitchen.de/cdn/shop/files/DMS-132B-1x1-Perfekte-Balance-2.jpg?v=1750096591&width=1600" alt="Damastmesser sind perfekt ausbalanciert für ermüdungsfreies Arbeiten" srcset="//luxe-kitchen.de/cdn/shop/files/DMS-132B-1x1-Perfekte-Balance-2.jpg?v=1750096591&width=200 200w, //luxe-kitchen.de/cdn/shop/files/DMS-132B-1x1-Perfekte-Balance-2.jpg?v=1750096591&width=300 300w, //luxe-kitchen.de/cdn/shop/files/DMS-132B-1x1-Perfekte-Balance-2.jpg?v=1750096591&width=400 400w, //luxe-kitchen.de/cdn/shop/files/DMS-132B-1x1-Perfekte-Balance-2.jpg?v=1750096591&width=500 500w, //luxe-kitchen.de/cdn/shop/files/DMS-132B-1x1-Perfekte-Balance-2.jpg?v=1750096591&width=600 600w, //luxe-kitchen.de/cdn/shop/files/DMS-132B-1x1-Perfekte-Balance-2.jpg?v=1750096591&width=700 700w, //luxe-kitchen.de/cdn/shop/files/DMS-132B-1x1-Perfekte-Balance-2.jpg?v=1750096591&width=800 800w, //luxe-kitchen.de/cdn/shop/files/DMS-132B-1x1-Perfekte-Balance-2.jpg?v=1750096591&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/DMS-132B-1x1-Perfekte-Balance-2.jpg?v=1750096591&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/DMS-132B-1x1-Perfekte-Balance-2.jpg?v=1750096591&width=1400 1400w, //luxe-kitchen.de/cdn/shop/files/DMS-132B-1x1-Perfekte-Balance-2.jpg?v=1750096591&width=1600 1600w" width="1600" height="1600" loading="lazy" class="luxury-card-image luxury-card-image--secondary" fetchpriority="low" sizes=" 4724 4725 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 4726 4727 " draggable="false"> 4728 </a> 4729 </div> 4730 4731 4732 <div class="luxury-card-info"> 4733 <div class="luxury-info-container"> 4734 4735 <div class="luxury-vendor-section"> 4736 <div class="luxury-vendor">von Deines & Wolf®</div> 4737 </div> 4738 4739 4740 4741 <a href="/products/damastmesserset-olive-1" class="luxury-title" data-instant> 4742 Damastmesserset Olive 4743 </a> 4744 4745 </div> 4746 4747 <div class="luxury-card-actions"> 4748 4749 <div class="luxury-price-section"> 4750 4751 <div class="luxury-discount-row"> 4752
4753 <span class="luxury-discount-badge">-30%</span> 4754 4755 <div class="luxury-rating"> 4756 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 4757 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 4758 </svg> 4759 4760 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 4761 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 4762 </svg> 4763 4764 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 4765 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 4766 </svg> 4767 4768 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 4769 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 4770 </svg> 4771 4772 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 4773 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 4774 </svg> 4775 4776 </div> 4777 4778 </div> 4779 <div class="luxury-price-row"> 4780 <span class="luxury-price luxury-price--from"> 4781 4782 Ab 329,00 ⬠4783 4784 </span> 4785 <span class="luxury-price luxury-price--compare"> 4786 475,00 ⬠4787 </span> 4788 </div> 4789 4790 </div> 4791 4792 4793 4794 4795 4796 </div> 4797 </div> 4798</product-card><style> 4799 4800.luxury-product-card { 4801 position: relative; 4802 background: linear-gradient(145deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 4803 border: 1px solid rgba(0, 0, 0, 0.04); 4804 border-radius: 20px; 4805 overflow: hidden; 4806 transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); 4807 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 16px 32px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.6) inset; 4808 backdrop-filter: blur(40px); 4809 margin: 16px 0; 4810 isolation: isolate; 4811 display: flex; 4812 flex-direction: column; 4813 height: 100%; 4814 min-height: 200px; 4815} 4816 4817.luxury-product-card::after { 4818 content: ''; 4819 position: absolute; 4820 top: 0; 4821 left: 0; 4822 right: 0; 4823 bottom: 0; 4824 background: radial-gradient(circle at 30% 20%, rgba(0,0,0,0.01) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.3) 0%, transparent 40%); 4825 pointer-events: none; 4826 opacity: 0; 4827 transition: opacity 0.6s ease; 4828 z-index: 1; 4829} 4830 4831.luxury-product-card:hover { 4832 transform: scale(1.03); 4833 box-shadow: 0 48px 80px rgba(0, 0, 0, 0.15), 0 24px 48px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(255, 255, 255, 0.95) inset, 0 2px 0 rgba(255, 255, 255, 0.8) inset; 4834 border-color: rgba(0, 0, 0, 0.12); 4835} 4836 4837.luxury-product-card:hover::after { 4838 opacity: 1; 4839} 4840 4841.luxury-product-card::before { 4842 content: ''; 4843 position: absolute; 4844 top: 0; 4845 left: 0; 4846 right: 0; 4847 height: 3px; 4848 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.8) 80%, transparent 100%); 4849 opacity: 0; 4850 transition: opacity 0.4s ease; 4851 z-index: 10; 4852} 4853 4854.luxury-product-card:hover::before { 4855 opacity: 1; 4856} 4857 4858.luxury-card-figure { 4859 position: relative; 4860 overflow: hidden; 4861 background: radial-gradient(circle at center, #ffffff 0%, #fefefe 40%, #f9f9f9 100%); 4862 aspect-ratio: 1; 4863 flex-shrink: 0; 4864} 4865 4866.luxury-card-figure::before { 4867 content: ''; 4868 position: absolute; 4869 top: 0; 4870 left: 0; 4871 right: 0; 4872 bottom: 0; 4873 background: transparent; 4874 pointer-events: none; 4875 z-index: 2; 4876} 4877 4878.luxury-card-media { 4879 display: block; 4880 position: relative; 4881 width: 100%; 4882 height: 100%; 4883 overflow: hidden; 4884 z-index: 1; 4885} 4886 4887.luxury-card-image { 4888 width: 100%; 4889 height: 100%; 4890 object-fit: cover; 4891 transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1); 4892} 4893 4894.luxury-card-image--primary { 4895 position: relative; 4896 z-index: 1; 4897} 4898 4899.luxury-card-image--secondary { 4900 position: absolute; 4901 top: 0; 4902 left: 0; 4903 opacity: 0; 4904 z-index: 2; 4905} 4906 4907.luxury-product-card:hover .luxury-card-image--secondary { 4908 opacity: 1; 4909} 4910 4911.luxury-badges { 4912 position: absolute; 4913 top: 10px; 4914 left: 10px; 4915 z-index: 20; 4916 display: flex; 4917 flex-direction: column; 4918 gap: 8px; 4919 pointer-events: none; 4920} 4921 4922.luxury-badge { 4923 background: #8B0000; 4924 color: #ffffff; 4925 padding: 6px 12px; 4926 border-radius: 22px; 4927 font-size: 0.75rem; 4928 font-weight: 900; 4929 text-transform: uppercase; 4930 letter-spacing: 0.5px; 4931 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); 4932 backdrop-filter: blur(8px); 4933 min-width: 80px; 4934 text-align: center; 4935 line-height: 1.2; 4936 white-space: nowrap; 4937 display: flex; 4938 align-items: center; 4939 justify-content: center; 4940} 4941 4942.luxury-badge.sale { 4943 background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%); 4944 color: #ffffff; 4945 padding: 7px 14px; 4946 font-size: 0.75rem; 4947 font-weight: 900; 4948 min-width: 90px; 4949} 4950 4951.luxury-badge.new { 4952 background: linear-gradient(135deg, #8B0000 0%, #800000 100%); 4953 color: #ffffff; 4954 font-size: 0.75rem; 4955 font-weight: 900; 4956} 4957 4958.luxury-badge.bestseller { 4959 background: linear-gradient(135deg, #8B0000 0%, #660000 100%); 4960 color: #ffffff; 4961 font-size: 0.75rem; 4962 font-weight: 900; 4963} 4964 4965.luxury-badge strong { 4966 font-weight: 900; 4967} 4968 4969.luxury-card-info { 4970 padding: 8px 14px 10px 14px; 4971 background: linear-gradient(180deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 4972 position: relative; 4973 z-index: 3; 4974 flex-grow: 1; 4975 display: flex; 4976 flex-direction: column; 4977 min-height: 0; 4978} 4979 4980.luxury-card-info::before { 4981 content: ''; 4982 position: absolute; 4983 top: 0; 4984 left: 24px; 4985 right: 24px; 4986 height: 1px; 4987 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.02) 20%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0.02) 80%, transparent 100%); 4988} 4989 4990.luxury-card-info::after {
4991 content: ''; 4992 position: absolute; 4993 top: -2px; 4994 left: 0; 4995 right: 0; 4996 height: 24px; 4997 background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, transparent 100%); 4998 pointer-events: none; 4999} 5000 5001.luxury-info-container { 5002 display: flex; 5003 flex-direction: column; 5004 gap: 12px; 5005 margin-bottom: 0; 5006} 5007 5008.luxury-card-actions { 5009 margin-top: auto; 5010 padding-top: 0; 5011 display: flex; 5012 flex-direction: column; 5013 gap: 12px; 5014} 5015 5016.luxury-vendor-section { 5017 display: flex; 5018 align-items: center; 5019 justify-content: space-between; 5020 gap: 12px; 5021 min-height: 18px; 5022 margin-top: 3px; 5023} 5024 5025.luxury-vendor { 5026 font-size: 12px; 5027 font-weight: 400; 5028 color: #666666; 5029 flex: 1; 5030 line-height: 1.2; 5031} 5032 5033.luxury-vendor.von-deines-wolf { 5034 font-family: 'Adelia'; 5035} 5036 5037.luxury-rating { 5038 display: flex; 5039 align-items: center; 5040 justify-content: flex-end; 5041 gap: 2px; 5042 flex-shrink: 0; 5043} 5044 5045.luxury-star { 5046 width: 12px; 5047 height: 12px; 5048 fill: #000000; 5049 transition: all 0.3s ease; 5050} 5051 5052.luxury-star--empty { 5053 fill: #e0e0e0; 5054} 5055 5056.luxury-rating:hover .luxury-star { 5057 transform: scale(1.1); 5058} 5059 5060.luxury-title { 5061 font-size: 18px; 5062 font-weight: 800; 5063 line-height: 1.1; 5064 color: #0a0a0a; 5065 text-decoration: none; 5066 display: -webkit-box; 5067 -webkit-line-clamp: 2; 5068 -webkit-box-orient: vertical; 5069 overflow: hidden; 5070 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 5071 position: relative; 5072 min-height: 20px; 5073 margin: 0; 5074} 5075 5076.luxury-title::after { 5077 content: ''; 5078 position: absolute; 5079 bottom: -4px; 5080 left: 0; 5081 width: 0; 5082 height: 2px; 5083 background: linear-gradient(90deg, #000000 0%, #444444 100%); 5084 border-radius: 1px; 5085 transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1); 5086} 5087 5088.luxury-title:hover {
5089 color: #000000; 5090 transform: translateY(-2px); 5091} 5092 5093.luxury-title:hover::after { 5094 width: 100%; 5095} 5096 5097.luxury-price-section { 5098 margin: 0; 5099 display: flex; 5100 flex-direction: column; 5101 gap: 12px; 5102} 5103 5104.luxury-discount-row { 5105 display: flex; 5106 justify-content: space-between; 5107 align-items: center; 5108 gap: 12px; 5109 min-height: 20px; 5110} 5111 5112.luxury-price-row { 5113 display: flex; 5114 align-items: center; 5115 gap: 8px; 5116} 5117 5118.luxury-price-row--single { 5119 justify-content: space-between; 5120 align-items: center; 5121} 5122 5123.luxury-price { 5124 font-size: 18px; 5125 font-weight: 800; 5126 color: #000000; 5127 letter-spacing: -0.2px; 5128 white-space: nowrap; 5129 flex-shrink: 0; 5130 line-height: 1; 5131} 5132 5133.luxury-price.luxury-price--from { 5134 font-size: 16px; 5135 font-weight: 700; 5136} 5137 5138.luxury-price--compare { 5139 font-size: 15px; 5140 font-weight: 500; 5141 color: #999999; 5142 text-decoration: line-through; 5143 opacity: 0.8; 5144 white-space: nowrap; 5145 flex-shrink: 0; 5146 line-height: 1; 5147} 5148 5149.luxury-discount-badge { 5150 background: #000000; 5151 color: #ffffff; 5152 padding: 6px 12px; 5153 font-size: 11px; 5154 font-weight: 800; 5155 letter-spacing: 0.5px; 5156 text-transform: uppercase; 5157 border-radius: 9px; 5158 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 5159 white-space: nowrap; 5160 flex-shrink: 0; 5161 line-height: 1; 5162} 5163 5164.luxury-swatches { 5165 display: flex; 5166 align-items: center; 5167 justify-content: center; 5168 gap: 3px; 5169 flex-wrap: wrap; 5170} 5171 5172.luxury-swatch { 5173 width: 26px; 5174 height: 26px; 5175 border-radius: 50%; 5176 border: 2px solid #eeeeee; 5177 cursor: pointer; 5178 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 5179 position: relative; 5180 box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.3); 5181 flex-shrink: 0; 5182} 5183 5184.luxury-swatch:hover { 5185 transform: scale(1.3); 5186 border-color: #000000; 5187 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4); 5188} 5189 5190.luxury-swatch::after { 5191 content: ''; 5192 position: absolute; 5193 top: -6px; 5194 left: -6px; 5195 right: -6px; 5196 bottom: -6px; 5197 border: 2px solid transparent; 5198 border-radius: 50%; 5199 transition: all 0.4s ease; 5200} 5201 5202.luxury-swatch:hover::after { 5203 border-color: rgba(0, 0, 0, 0.15); 5204} 5205 5206.luxury-quick-buy { 5207 width: 100%; 5208 height: 48px; 5209 background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%); 5210 color: #ffffff; 5211 border: 1px solid rgba(255, 255, 255, 0.1); 5212 border-radius: 16px; 5213 display: flex; 5214 align-items: center; 5215 justify-content: center; 5216 gap: 6px; 5217 cursor: pointer; 5218 transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); 5219 font-size: 10px; 5220 font-weight: 800; 5221 text-transform: uppercase; 5222 letter-spacing: 1px; 5223 position: relative; 5224 overflow: visible; 5225 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1); 5226 flex-shrink: 0; 5227} 5228 5229.luxury-quick-buy strong { 5230 font-weight: 900; 5231} 5232 5233.luxury-quick-buy::before { 5234 content: ''; 5235 position: absolute; 5236 top: 0; 5237 left: -100%; 5238 width: 100%; 5239 height: 100%; 5240 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); 5241 transition: left 0.6s ease; 5242} 5243 5244.luxury-quick-buy:hover::before { 5245 left: 100%; 5246} 5247 5248.luxury-quick-buy:hover { 5249 background: linear-gradient(135deg, #1a1a1a 0%, #333333 50%, #1a1a1a 100%); 5250 transform: translateY(-3px); 5251 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15); 5252 border-color: rgba(255, 255, 255, 0.2); 5253} 5254 5255.luxury-quick-buy:active { 5256 transform: translateY(-1px); 5257} 5258 5259.luxury-quick-buy-icon { 5260 width: 16px; 5261 height: 16px; 5262 filter: brightness(0) invert(1); 5263 transition: all 0.3s ease; 5264 flex-shrink: 0; 5265 display: block; 5266 margin-bottom: 0px; 5267} 5268 5269.luxury-quick-buy:hover .luxury-quick-buy-icon { 5270 transform: scale(1.1); 5271} 5272 5273.luxury-product-card { 5274 margin: 16px 6px; 5275} 5276 5277.products-grid { 5278 display: grid; 5279 grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); 5280 gap: 12px 16px; 5281 margin: 0 -6px; 5282 padding: 0; 5283 align-items: stretch; 5284} 5285 5286@media (min-width: 768px) { 5287 .products-grid { 5288 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); 5289 gap: 16px 20px; 5290 align-items: stretch; 5291 } 5292} 5293 5294@media (min-width: 1024px) { 5295 .products-grid { 5296 grid-template-columns: repeat(3, 1fr); 5297 gap: 20px 24px; 5298 align-items: stretch; 5299 } 5300} 5301 5302@media (max-width: 768px) { 5303 .luxury-card-info { 5304 padding: 10px 14px 8px 14px; 5305 } 5306 5307 .luxury-title { 5308 font-size: 13px; 5309 line-height: 1.2; 5310 min-height: 28px; 5311 } 5312 5313 .luxury-price { 5314 font-size: 15px; 5315 } 5316 5317 .luxury-price.luxury-price--from { 5318 font-size: 13px; 5319 } 5320 5321 .luxury-price--compare { 5322 font-size: 12px; 5323 } 5324 5325 .luxury-quick-buy { 5326 height: 42px; 5327 font-size: 9px; 5328 letter-spacing: 1px; 5329 gap: 6px; 5330 } 5331 5332 .luxury-quick-buy-icon { 5333 width: 16px; 5334 height: 16px; 5335 margin-bottom: 0px; 5336 } 5337 5338 .luxury-swatch {
5339 width: 20px; 5340 height: 20px; 5341 } 5342 5343 .luxury-star { 5344 width: 10px; 5345 height: 10px; 5346 } 5347 5348 .luxury-vendor { 5349 font-size: 9px; 5350 letter-spacing: 0.6px; 5351 } 5352 5353 .luxury-product-card { 5354 margin: 10px 4px; 5355 } 5356 5357 .luxury-price-row { 5358 gap: 6px; 5359 } 5360 5361 .luxury-badges { 5362 top: 8px; 5363 left: 8px; 5364 gap: 6px; 5365 } 5366 5367 .luxury-badge { 5368 padding: 6px 12px; 5369 font-size: 8px; 5370 min-width: 70px; 5371 border-radius: 18px; 5372 } 5373 5374 .luxury-badge.sale { 5375 padding: 8px 14px; 5376 font-size: 7px; 5377 min-width: 75px; 5378 } 5379 5380 .luxury-info-container { 5381 gap: 3px; 5382 } 5383} 5384 5385@media (max-width: 480px) { 5386 .luxury-card-info { 5387 padding: 8px 12px 6px 12px; 5388 } 5389 5390 .luxury-title { 5391 font-size: 12px; 5392 min-height: 26px; 5393 } 5394 5395 .luxury-price { 5396 font-size: 14px; 5397 } 5398 5399 .luxury-price.luxury-price--from { 5400 font-size: 12px; 5401 } 5402 5403 .luxury-price--compare { 5404 font-size: 11px; 5405 } 5406 5407 .luxury-quick-buy { 5408 height: 40px; 5409 font-size: 8px; 5410 gap: 5px; 5411 } 5412 5413 .luxury-quick-buy-icon { 5414 width: 14px; 5415 height: 14px; 5416 margin-bottom: 0px; 5417 } 5418 5419 .luxury-swatch { 5420 width: 18px; 5421 height: 18px; 5422 } 5423 5424 .luxury-star { 5425 width: 9px; 5426 height: 9px; 5427 } 5428 5429 .luxury-price-row { 5430 gap: 5px; 5431 } 5432 5433 .luxury-discount-badge { 5434 padding: 2px 6px; 5435 font-size: 8px; 5436 } 5437 5438 .luxury-badges { 5439 top: 6px; 5440 left: 6px; 5441 gap: 4px; 5442 } 5443 5444 .luxury-badge { 5445 padding: 4px 10px; 5446 font-size: 7px; 5447 min-width: 60px; 5448 border-radius: 16px; 5449 } 5450 5451 .luxury-badge.sale { 5452 padding: 6px 12px; 5453 font-size: 6px; 5454 min-width: 65px; 5455 } 5456 5457 .luxury-info-container { 5458 gap: 2px; 5459 } 5460 5461 .luxury-vendor-section { 5462 min-height: 16px; 5463 } 5464 5465 .luxury-discount-row { 5466 min-height: 18px; 5467 } 5468} 5469</style> 5470 5471 5472<product-card class="luxury-product-card" handle="messerset-kurogane-tsuchi-é»éæ§"> 5473 5474 5475
5475<script> 5476 // Function to apply conditional font based on vendor name 5477 document.addEventListener('DOMContentLoaded', function() { 5478 const vendorElements = document.querySelectorAll('.luxury-vendor'); 5479 5480 vendorElements.forEach(function(element) { 5481 const vendorName = element.textContent.trim(); 5482 5483 if (vendorName === 'von Deines & Wolf®') { 5484 element.classList.add('von-deines-wolf'); 5485 } else { 5486 element.classList.remove('von-deines-wolf'); 5487 } 5488 }); 5489 }); 5490 5491 // For dynamically added products (if needed) 5492 function applyVendorFont(vendorElement) { 5493 const vendorName = vendorElement.textContent.trim(); 5494 5495 if (vendorName === 'von Deines & Wolf®') { 5496 vendorElement.classList.add('von-deines-wolf'); 5497 } else { 5498 vendorElement.classList.remove('von-deines-wolf'); 5499 } 5500 } 5501 </script>
5501 5502 5503 5504 <div class="luxury-card-figure"> 5505 5506 <div class="luxury-badges"> 5507 5508 5509 5510 <span class="luxury-badge sale"> 5511 <span class="badge-text">Spare 50 â¬</span> 5512 </span> 5513 5514 5515 5516 <span class="luxury-badge"><strong>Ausverkauft</strong></span> 5517 5518 5519 5520 5521 5522 </div> 5523 5524 5525 <a href="/products/messerset-kurogane-tsuchi-%E9%BB%92%E9%87%91%E6%A7%8C" class="luxury-card-media" draggable="false" data-instant> 5526 5527 5528 5529 5530 <img src="//luxe-kitchen.de/cdn/shop/files/kitchen-luxe-messerset-kurogane-tsuchi-food.jpg?v=1734678987&width=1400" alt="Messerset Kurogane Tsuchi Hammerschlagoptik Pakkaholzgriff Echtholzgriff" srcset="//luxe-kitchen.de/cdn/shop/files/kitchen-luxe-messerset-kurogane-tsuchi-food.jpg?v=1734678987&width=200 200w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-messerset-kurogane-tsuchi-food.jpg?v=1734678987&width=300 300w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-messerset-kurogane-tsuchi-food.jpg?v=1734678987&width=400 400w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-messerset-kurogane-tsuchi-food.jpg?v=1734678987&width=500 500w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-messerset-kurogane-tsuchi-food.jpg?v=1734678987&width=600 600w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-messerset-kurogane-tsuchi-food.jpg?v=1734678987&width=700 700w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-messerset-kurogane-tsuchi-food.jpg?v=1734678987&width=800 800w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-messerset-kurogane-tsuchi-food.jpg?v=1734678987&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-messerset-kurogane-tsuchi-food.jpg?v=1734678987&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-messerset-kurogane-tsuchi-food.jpg?v=1734678987&width=1400 1400w" width="1400" height="1400" loading="lazy" sizes=" 5531 5532 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 5533 5534 " draggable="false" class="luxury-card-image luxury-card-image--primary"> 5535 5536 <img src="//luxe-kitchen.de/cdn/shop/files/Kurogane_Erdbeere_mit_Hand.webp?v=1739700066&width=4005" alt="Messer aus Messerset Kurogane Tsuchi schneidet eine Erdbeere" srcset="//luxe-kitchen.de/cdn/shop/files/Kurogane_Erdbeere_mit_Hand.webp?v=1739700066&width=200 200w, //luxe-kitchen.de/cdn/shop/files/Kurogane_Erdbeere_mit_Hand.webp?v=1739700066&width=300 300w, //luxe-kitchen.de/cdn/shop/files/Kurogane_Erdbeere_mit_Hand.webp?v=1739700066&width=400 400w, //luxe-kitchen.de/cdn/shop/files/Kurogane_Erdbeere_mit_Hand.webp?v=1739700066&width=500 500w, //luxe-kitchen.de/cdn/shop/files/Kurogane_Erdbeere_mit_Hand.webp?v=1739700066&width=600 600w, //luxe-kitchen.de/cdn/shop/files/Kurogane_Erdbeere_mit_Hand.webp?v=1739700066&width=700 700w, //luxe-kitchen.de/cdn/shop/files/Kurogane_Erdbeere_mit_Hand.webp?v=1739700066&width=800 800w, //luxe-kitchen.de/cdn/shop/files/Kurogane_Erdbeere_mit_Hand.webp?v=1739700066&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/Kurogane_Erdbeere_mit_Hand.webp?v=1739700066&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/Kurogane_Erdbeere_mit_Hand.webp?v=1739700066&width=1400 1400w, //luxe-kitchen.de/cdn/shop/files/Kurogane_Erdbeere_mit_Hand.webp?v=1739700066&width=1600 1600w, //luxe-kitchen.de/cdn/shop/files/Kurogane_Erdbeere_mit_Hand.webp?v=1739700066&width=1800 1800w" width="4005" height="4000" loading="lazy" class="luxury-card-image luxury-card-image--secondary" fetchpriority="low" sizes=" 5537 5538 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 5539 5540 " draggable="false"> 5541 </a> 5542 </div> 5543 5544 5545 <div class="luxury-card-info"> 5546 <div class="luxury-info-container"> 5547 5548 <div class="luxury-vendor-section"> 5549 <div class="luxury-vendor">von Deines & Wolf®</div> 5550 </div> 5551 5552 5553 5554 <a href="/products/messerset-kurogane-tsuchi-%E9%BB%92%E9%87%91%E6%A7%8C" class="luxury-title" data-instant> 5555 Messerset "Kurogane Tsuchi" (é»éæ§) 5556 </a> 5557 5558 </div> 5559 5560 <div class="luxury-card-actions"> 5561 5562 <div class="luxury-price-section"> 5563 5564 <div class="luxury-discount-row"> 5565
5566 <span class="luxury-discount-badge">-25%</span> 5567 5568 </div> 5569 <div class="luxury-price-row"> 5570 <span class="luxury-price "> 5571 5572 149,00 ⬠5573 5574 </span> 5575 <span class="luxury-price luxury-price--compare"> 5576 199,00 ⬠5577 </span> 5578 </div> 5579 5580 </div> 5581 5582 5583 5584 5585 5586 </div> 5587 </div> 5588</product-card><style> 5589 5590.luxury-product-card { 5591 position: relative; 5592 background: linear-gradient(145deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 5593 border: 1px solid rgba(0, 0, 0, 0.04); 5594 border-radius: 20px; 5595 overflow: hidden; 5596 transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); 5597 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 16px 32px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.6) inset; 5598 backdrop-filter: blur(40px); 5599 margin: 16px 0; 5600 isolation: isolate; 5601 display: flex; 5602 flex-direction: column; 5603 height: 100%; 5604 min-height: 200px; 5605} 5606 5607.luxury-product-card::after { 5608 content: ''; 5609 position: absolute; 5610 top: 0; 5611 left: 0; 5612 right: 0; 5613 bottom: 0; 5614 background: radial-gradient(circle at 30% 20%, rgba(0,0,0,0.01) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.3) 0%, transparent 40%); 5615 pointer-events: none; 5616 opacity: 0; 5617 transition: opacity 0.6s ease; 5618 z-index: 1; 5619} 5620 5621.luxury-product-card:hover { 5622 transform: scale(1.03); 5623 box-shadow: 0 48px 80px rgba(0, 0, 0, 0.15), 0 24px 48px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(255, 255, 255, 0.95) inset, 0 2px 0 rgba(255, 255, 255, 0.8) inset; 5624 border-color: rgba(0, 0, 0, 0.12); 5625} 5626 5627.luxury-product-card:hover::after { 5628 opacity: 1; 5629} 5630 5631.luxury-product-card::before { 5632 content: ''; 5633 position: absolute; 5634 top: 0; 5635 left: 0; 5636 right: 0; 5637 height: 3px; 5638 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.8) 80%, transparent 100%); 5639 opacity: 0; 5640 transition: opacity 0.4s ease; 5641 z-index: 10; 5642} 5643 5644.luxury-product-card:hover::before { 5645 opacity: 1; 5646} 5647 5648.luxury-card-figure { 5649 position: relative; 5650 overflow: hidden; 5651 background: radial-gradient(circle at center, #ffffff 0%, #fefefe 40%, #f9f9f9 100%); 5652 aspect-ratio: 1; 5653 flex-shrink: 0; 5654} 5655 5656.luxury-card-figure::before { 5657 content: ''; 5658 position: absolute; 5659 top: 0; 5660 left: 0; 5661 right: 0; 5662 bottom: 0; 5663 background: transparent; 5664 pointer-events: none; 5665 z-index: 2; 5666} 5667 5668.luxury-card-media { 5669 display: block; 5670 position: relative; 5671 width: 100%; 5672 height: 100%; 5673 overflow: hidden; 5674 z-index: 1; 5675} 5676 5677.luxury-card-image { 5678 width: 100%; 5679 height: 100%; 5680 object-fit: cover; 5681 transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1); 5682} 5683 5684.luxury-card-image--primary { 5685 position: relative; 5686 z-index: 1; 5687} 5688 5689.luxury-card-image--secondary { 5690 position: absolute; 5691 top: 0; 5692 left: 0; 5693 opacity: 0; 5694 z-index: 2; 5695} 5696 5697.luxury-product-card:hover .luxury-card-image--secondary { 5698 opacity: 1; 5699} 5700 5701.luxury-badges { 5702 position: absolute; 5703 top: 10px; 5704 left: 10px; 5705 z-index: 20; 5706 display: flex; 5707 flex-direction: column; 5708 gap: 8px; 5709 pointer-events: none; 5710} 5711 5712.luxury-badge { 5713 background: #8B0000; 5714 color: #ffffff; 5715 padding: 6px 12px; 5716 border-radius: 22px; 5717 font-size: 0.75rem; 5718 font-weight: 900; 5719 text-transform: uppercase; 5720 letter-spacing: 0.5px; 5721 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); 5722 backdrop-filter: blur(8px); 5723 min-width: 80px; 5724 text-align: center; 5725 line-height: 1.2; 5726 white-space: nowrap; 5727 display: flex; 5728 align-items: center; 5729 justify-content: center; 5730} 5731 5732.luxury-badge.sale { 5733 background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%); 5734 color: #ffffff; 5735 padding: 7px 14px; 5736 font-size: 0.75rem; 5737 font-weight: 900; 5738 min-width: 90px; 5739} 5740 5741.luxury-badge.new { 5742 background: linear-gradient(135deg, #8B0000 0%, #800000 100%); 5743 color: #ffffff; 5744 font-size: 0.75rem; 5745 font-weight: 900; 5746} 5747 5748.luxury-badge.bestseller { 5749 background: linear-gradient(135deg, #8B0000 0%, #660000 100%); 5750 color: #ffffff; 5751 font-size: 0.75rem; 5752 font-weight: 900; 5753} 5754 5755.luxury-badge strong { 5756 font-weight: 900; 5757} 5758 5759.luxury-card-info { 5760 padding: 8px 14px 10px 14px; 5761 background: linear-gradient(180deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 5762 position: relative; 5763 z-index: 3; 5764 flex-grow: 1; 5765 display: flex; 5766 flex-direction: column; 5767 min-height: 0; 5768} 5769 5770.luxury-card-info::before { 5771 content: ''; 5772 position: absolute; 5773 top: 0; 5774 left: 24px; 5775 right: 24px; 5776 height: 1px; 5777 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.02) 20%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0.02) 80%, transparent 100%); 5778} 5779 5780.luxury-card-info::after {
5781 content: ''; 5782 position: absolute; 5783 top: -2px; 5784 left: 0; 5785 right: 0; 5786 height: 24px; 5787 background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, transparent 100%); 5788 pointer-events: none; 5789} 5790 5791.luxury-info-container { 5792 display: flex; 5793 flex-direction: column; 5794 gap: 12px; 5795 margin-bottom: 0; 5796} 5797 5798.luxury-card-actions { 5799 margin-top: auto; 5800 padding-top: 0; 5801 display: flex; 5802 flex-direction: column; 5803 gap: 12px; 5804} 5805 5806.luxury-vendor-section { 5807 display: flex; 5808 align-items: center; 5809 justify-content: space-between; 5810 gap: 12px; 5811 min-height: 18px; 5812 margin-top: 3px; 5813} 5814 5815.luxury-vendor { 5816 font-size: 12px; 5817 font-weight: 400; 5818 color: #666666; 5819 flex: 1; 5820 line-height: 1.2; 5821} 5822 5823.luxury-vendor.von-deines-wolf { 5824 font-family: 'Adelia'; 5825} 5826 5827.luxury-rating { 5828 display: flex; 5829 align-items: center; 5830 justify-content: flex-end; 5831 gap: 2px; 5832 flex-shrink: 0; 5833} 5834 5835.luxury-star { 5836 width: 12px; 5837 height: 12px; 5838 fill: #000000; 5839 transition: all 0.3s ease; 5840} 5841 5842.luxury-star--empty { 5843 fill: #e0e0e0; 5844} 5845 5846.luxury-rating:hover .luxury-star { 5847 transform: scale(1.1); 5848} 5849 5850.luxury-title { 5851 font-size: 18px; 5852 font-weight: 800; 5853 line-height: 1.1; 5854 color: #0a0a0a; 5855 text-decoration: none; 5856 display: -webkit-box; 5857 -webkit-line-clamp: 2; 5858 -webkit-box-orient: vertical; 5859 overflow: hidden; 5860 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 5861 position: relative; 5862 min-height: 20px; 5863 margin: 0; 5864} 5865 5866.luxury-title::after { 5867 content: ''; 5868 position: absolute; 5869 bottom: -4px; 5870 left: 0; 5871 width: 0; 5872 height: 2px; 5873 background: linear-gradient(90deg, #000000 0%, #444444 100%); 5874 border-radius: 1px; 5875 transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1); 5876} 5877 5878.luxury-title:hover {
5879 color: #000000; 5880 transform: translateY(-2px); 5881} 5882 5883.luxury-title:hover::after { 5884 width: 100%; 5885} 5886 5887.luxury-price-section { 5888 margin: 0; 5889 display: flex; 5890 flex-direction: column; 5891 gap: 12px; 5892} 5893 5894.luxury-discount-row { 5895 display: flex; 5896 justify-content: space-between; 5897 align-items: center; 5898 gap: 12px; 5899 min-height: 20px; 5900} 5901 5902.luxury-price-row { 5903 display: flex; 5904 align-items: center; 5905 gap: 8px; 5906} 5907 5908.luxury-price-row--single { 5909 justify-content: space-between; 5910 align-items: center; 5911} 5912 5913.luxury-price { 5914 font-size: 18px; 5915 font-weight: 800; 5916 color: #000000; 5917 letter-spacing: -0.2px; 5918 white-space: nowrap; 5919 flex-shrink: 0; 5920 line-height: 1; 5921} 5922 5923.luxury-price.luxury-price--from { 5924 font-size: 16px; 5925 font-weight: 700; 5926} 5927 5928.luxury-price--compare { 5929 font-size: 15px; 5930 font-weight: 500; 5931 color: #999999; 5932 text-decoration: line-through; 5933 opacity: 0.8; 5934 white-space: nowrap; 5935 flex-shrink: 0; 5936 line-height: 1; 5937} 5938 5939.luxury-discount-badge { 5940 background: #000000; 5941 color: #ffffff; 5942 padding: 6px 12px; 5943 font-size: 11px; 5944 font-weight: 800; 5945 letter-spacing: 0.5px; 5946 text-transform: uppercase; 5947 border-radius: 9px; 5948 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 5949 white-space: nowrap; 5950 flex-shrink: 0; 5951 line-height: 1; 5952} 5953 5954.luxury-swatches { 5955 display: flex; 5956 align-items: center; 5957 justify-content: center; 5958 gap: 3px; 5959 flex-wrap: wrap; 5960} 5961 5962.luxury-swatch { 5963 width: 26px; 5964 height: 26px; 5965 border-radius: 50%; 5966 border: 2px solid #eeeeee; 5967 cursor: pointer; 5968 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 5969 position: relative; 5970 box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.3); 5971 flex-shrink: 0; 5972} 5973 5974.luxury-swatch:hover { 5975 transform: scale(1.3); 5976 border-color: #000000; 5977 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4); 5978} 5979 5980.luxury-swatch::after { 5981 content: ''; 5982 position: absolute; 5983 top: -6px; 5984 left: -6px; 5985 right: -6px; 5986 bottom: -6px; 5987 border: 2px solid transparent; 5988 border-radius: 50%; 5989 transition: all 0.4s ease; 5990} 5991 5992.luxury-swatch:hover::after { 5993 border-color: rgba(0, 0, 0, 0.15); 5994} 5995 5996.luxury-quick-buy { 5997 width: 100%; 5998 height: 48px; 5999 background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%); 6000 color: #ffffff; 6001 border: 1px solid rgba(255, 255, 255, 0.1); 6002 border-radius: 16px; 6003 display: flex; 6004 align-items: center; 6005 justify-content: center; 6006 gap: 6px; 6007 cursor: pointer; 6008 transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); 6009 font-size: 10px; 6010 font-weight: 800; 6011 text-transform: uppercase; 6012 letter-spacing: 1px; 6013 position: relative; 6014 overflow: visible; 6015 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1); 6016 flex-shrink: 0; 6017} 6018 6019.luxury-quick-buy strong { 6020 font-weight: 900; 6021} 6022 6023.luxury-quick-buy::before { 6024 content: ''; 6025 position: absolute; 6026 top: 0; 6027 left: -100%; 6028 width: 100%; 6029 height: 100%; 6030 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); 6031 transition: left 0.6s ease; 6032} 6033 6034.luxury-quick-buy:hover::before { 6035 left: 100%; 6036} 6037 6038.luxury-quick-buy:hover { 6039 background: linear-gradient(135deg, #1a1a1a 0%, #333333 50%, #1a1a1a 100%); 6040 transform: translateY(-3px); 6041 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15); 6042 border-color: rgba(255, 255, 255, 0.2); 6043} 6044 6045.luxury-quick-buy:active { 6046 transform: translateY(-1px); 6047} 6048 6049.luxury-quick-buy-icon { 6050 width: 16px; 6051 height: 16px; 6052 filter: brightness(0) invert(1); 6053 transition: all 0.3s ease; 6054 flex-shrink: 0; 6055 display: block; 6056 margin-bottom: 0px; 6057} 6058 6059.luxury-quick-buy:hover .luxury-quick-buy-icon { 6060 transform: scale(1.1); 6061} 6062 6063.luxury-product-card { 6064 margin: 16px 6px; 6065} 6066 6067.products-grid { 6068 display: grid; 6069 grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); 6070 gap: 12px 16px; 6071 margin: 0 -6px; 6072 padding: 0; 6073 align-items: stretch; 6074} 6075 6076@media (min-width: 768px) { 6077 .products-grid { 6078 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); 6079 gap: 16px 20px; 6080 align-items: stretch; 6081 } 6082} 6083 6084@media (min-width: 1024px) { 6085 .products-grid { 6086 grid-template-columns: repeat(3, 1fr); 6087 gap: 20px 24px; 6088 align-items: stretch; 6089 } 6090} 6091 6092@media (max-width: 768px) { 6093 .luxury-card-info { 6094 padding: 10px 14px 8px 14px; 6095 } 6096 6097 .luxury-title { 6098 font-size: 13px; 6099 line-height: 1.2; 6100 min-height: 28px; 6101 } 6102 6103 .luxury-price { 6104 font-size: 15px; 6105 } 6106 6107 .luxury-price.luxury-price--from { 6108 font-size: 13px; 6109 } 6110 6111 .luxury-price--compare { 6112 font-size: 12px; 6113 } 6114 6115 .luxury-quick-buy { 6116 height: 42px; 6117 font-size: 9px; 6118 letter-spacing: 1px; 6119 gap: 6px; 6120 } 6121 6122 .luxury-quick-buy-icon { 6123 width: 16px; 6124 height: 16px; 6125 margin-bottom: 0px; 6126 } 6127 6128 .luxury-swatch {
6129 width: 20px; 6130 height: 20px; 6131 } 6132 6133 .luxury-star { 6134 width: 10px; 6135 height: 10px; 6136 } 6137 6138 .luxury-vendor { 6139 font-size: 9px; 6140 letter-spacing: 0.6px; 6141 } 6142 6143 .luxury-product-card { 6144 margin: 10px 4px; 6145 } 6146 6147 .luxury-price-row { 6148 gap: 6px; 6149 } 6150 6151 .luxury-badges { 6152 top: 8px; 6153 left: 8px; 6154 gap: 6px; 6155 } 6156 6157 .luxury-badge { 6158 padding: 6px 12px; 6159 font-size: 8px; 6160 min-width: 70px; 6161 border-radius: 18px; 6162 } 6163 6164 .luxury-badge.sale { 6165 padding: 8px 14px; 6166 font-size: 7px; 6167 min-width: 75px; 6168 } 6169 6170 .luxury-info-container { 6171 gap: 3px; 6172 } 6173} 6174 6175@media (max-width: 480px) { 6176 .luxury-card-info { 6177 padding: 8px 12px 6px 12px; 6178 } 6179 6180 .luxury-title { 6181 font-size: 12px; 6182 min-height: 26px; 6183 } 6184 6185 .luxury-price { 6186 font-size: 14px; 6187 } 6188 6189 .luxury-price.luxury-price--from { 6190 font-size: 12px; 6191 } 6192 6193 .luxury-price--compare { 6194 font-size: 11px; 6195 } 6196 6197 .luxury-quick-buy { 6198 height: 40px; 6199 font-size: 8px; 6200 gap: 5px; 6201 } 6202 6203 .luxury-quick-buy-icon { 6204 width: 14px; 6205 height: 14px; 6206 margin-bottom: 0px; 6207 } 6208 6209 .luxury-swatch { 6210 width: 18px; 6211 height: 18px; 6212 } 6213 6214 .luxury-star { 6215 width: 9px; 6216 height: 9px; 6217 } 6218 6219 .luxury-price-row { 6220 gap: 5px; 6221 } 6222 6223 .luxury-discount-badge { 6224 padding: 2px 6px; 6225 font-size: 8px; 6226 } 6227 6228 .luxury-badges { 6229 top: 6px; 6230 left: 6px; 6231 gap: 4px; 6232 } 6233 6234 .luxury-badge { 6235 padding: 4px 10px; 6236 font-size: 7px; 6237 min-width: 60px; 6238 border-radius: 16px; 6239 } 6240 6241 .luxury-badge.sale { 6242 padding: 6px 12px; 6243 font-size: 6px; 6244 min-width: 65px; 6245 } 6246 6247 .luxury-info-container { 6248 gap: 2px; 6249 } 6250 6251 .luxury-vendor-section { 6252 min-height: 16px; 6253 } 6254 6255 .luxury-discount-row { 6256 min-height: 18px; 6257 } 6258} 6259</style> 6260 6261 6262<product-card class="luxury-product-card" handle="damast-schneidset-deluxe"> 6263 6264 6265
6265<script> 6266 // Function to apply conditional font based on vendor name 6267 document.addEventListener('DOMContentLoaded', function() { 6268 const vendorElements = document.querySelectorAll('.luxury-vendor'); 6269 6270 vendorElements.forEach(function(element) { 6271 const vendorName = element.textContent.trim(); 6272 6273 if (vendorName === 'von Deines & Wolf®') { 6274 element.classList.add('von-deines-wolf'); 6275 } else { 6276 element.classList.remove('von-deines-wolf'); 6277 } 6278 }); 6279 }); 6280 6281 // For dynamically added products (if needed) 6282 function applyVendorFont(vendorElement) { 6283 const vendorName = vendorElement.textContent.trim(); 6284 6285 if (vendorName === 'von Deines & Wolf®') { 6286 vendorElement.classList.add('von-deines-wolf'); 6287 } else { 6288 vendorElement.classList.remove('von-deines-wolf'); 6289 } 6290 } 6291 </script>
6291 6292 6293 6294 <div class="luxury-card-figure"> 6295 6296 <div class="luxury-badges"> 6297 6298 6299 6300 <span class="luxury-badge sale"> 6301 <span class="badge-text">Spare 50 â¬</span> 6302 </span> 6303 6304 6305 6306 6307 6308 6309 6310 </div> 6311 6312 6313 <a href="/products/damast-schneidset-deluxe" class="luxury-card-media" draggable="false" data-instant> 6314 6315 6316 6317 6318 <img src="//luxe-kitchen.de/cdn/shop/files/DK-BD2-Hauptbild.jpg?v=1751045652&width=1200" alt="Damast Tranchierset aus 67 Lagen Damaststahl von von Deines & Wolf Kitchen Luxe" srcset="//luxe-kitchen.de/cdn/shop/files/DK-BD2-Hauptbild.jpg?v=1751045652&width=200 200w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Hauptbild.jpg?v=1751045652&width=300 300w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Hauptbild.jpg?v=1751045652&width=400 400w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Hauptbild.jpg?v=1751045652&width=500 500w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Hauptbild.jpg?v=1751045652&width=600 600w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Hauptbild.jpg?v=1751045652&width=700 700w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Hauptbild.jpg?v=1751045652&width=800 800w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Hauptbild.jpg?v=1751045652&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Hauptbild.jpg?v=1751045652&width=1200 1200w" width="1200" height="1200" loading="lazy" sizes=" 6319 6320 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 6321 6322 " draggable="false" class="luxury-card-image luxury-card-image--primary"> 6323 6324 <img src="//luxe-kitchen.de/cdn/shop/files/DK-BD2-Was-wertvoll-ist-verdient-besonderen-Platz.jpg?v=1751118390&width=1200" alt="Schneidset Deluxe in edler Geschenbox" srcset="//luxe-kitchen.de/cdn/shop/files/DK-BD2-Was-wertvoll-ist-verdient-besonderen-Platz.jpg?v=1751118390&width=200 200w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Was-wertvoll-ist-verdient-besonderen-Platz.jpg?v=1751118390&width=300 300w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Was-wertvoll-ist-verdient-besonderen-Platz.jpg?v=1751118390&width=400 400w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Was-wertvoll-ist-verdient-besonderen-Platz.jpg?v=1751118390&width=500 500w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Was-wertvoll-ist-verdient-besonderen-Platz.jpg?v=1751118390&width=600 600w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Was-wertvoll-ist-verdient-besonderen-Platz.jpg?v=1751118390&width=700 700w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Was-wertvoll-ist-verdient-besonderen-Platz.jpg?v=1751118390&width=800 800w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Was-wertvoll-ist-verdient-besonderen-Platz.jpg?v=1751118390&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/DK-BD2-Was-wertvoll-ist-verdient-besonderen-Platz.jpg?v=1751118390&width=1200 1200w" width="1200" height="1200" loading="lazy" class="luxury-card-image luxury-card-image--secondary" fetchpriority="low" sizes=" 6325 6326 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 6327 6328 " draggable="false"> 6329 </a> 6330 </div> 6331 6332 6333 <div class="luxury-card-info"> 6334 <div class="luxury-info-container"> 6335 6336 <div class="luxury-vendor-section"> 6337 <div class="luxury-vendor">von Deines & Wolf®</div> 6338 </div> 6339 6340 6341 6342 <a href="/products/damast-schneidset-deluxe" class="luxury-title" data-instant> 6343 Damast Schneidset Deluxe 6344 </a> 6345 6346 </div> 6347 6348 <div class="luxury-card-actions"> 6349 6350 <div class="luxury-price-section"> 6351 6352 <div class="luxury-discount-row"> 6353 6354 <span class="luxury-discount-badge">-25%</span> 6355 6356 <div class="luxury-rating"> 6357 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 6358 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 6359 </svg> 6360 6361 <svg class="luxury-star luxury-star--filled" viewB
6361ox="0 0 24 24"> 6362 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 6363 </svg> 6364 6365 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 6366 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 6367 </svg> 6368 6369 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 6370 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 6371 </svg> 6372 6373 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 6374 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 6375 </svg> 6376 6377 </div> 6378 6379 </div> 6380 <div class="luxury-price-row"> 6381 <span class="luxury-price "> 6382 6383 149,00 ⬠6384 6385 </span> 6386 <span class="luxury-price luxury-price--compare"> 6387 199,00 ⬠6388 </span> 6389 </div> 6390 6391 </div> 6392 6393 6394 6395 6396 6397 </div> 6398 </div> 6399</product-card><style> 6400 6401.luxury-product-card { 6402 position: relative; 6403 background: linear-gradient(145deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 6404 border: 1px solid rgba(0, 0, 0, 0.04); 6405 border-radius: 20px; 6406 overflow: hidden; 6407 transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); 6408 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 16px 32px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.6) inset; 6409 backdrop-filter: blur(40px); 6410 margin: 16px 0; 6411 isolation: isolate; 6412 display: flex; 6413 flex-direction: column; 6414 height: 100%; 6415 min-height: 200px; 6416} 6417 6418.luxury-product-card::after { 6419 content: ''; 6420 position: absolute; 6421 top: 0; 6422 left: 0; 6423 right: 0; 6424 bottom: 0; 6425 background: radial-gradient(circle at 30% 20%, rgba(0,0,0,0.01) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.3) 0%, transparent 40%); 6426 pointer-events: none; 6427 opacity: 0; 6428 transition: opacity 0.6s ease; 6429 z-index: 1; 6430} 6431 6432.luxury-product-card:hover { 6433 transform: scale(1.03); 6434 box-shadow: 0 48px 80px rgba(0, 0, 0, 0.15), 0 24px 48px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(255, 255, 255, 0.95) inset, 0 2px 0 rgba(255, 255, 255, 0.8) inset; 6435 border-color: rgba(0, 0, 0, 0.12); 6436} 6437 6438.luxury-product-card:hover::after { 6439 opacity: 1; 6440} 6441 6442.luxury-product-card::before { 6443 content: ''; 6444 position: absolute; 6445 top: 0; 6446 left: 0; 6447 right: 0; 6448 height: 3px; 6449 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.8) 80%, transparent 100%); 6450 opacity: 0; 6451 transition: opacity 0.4s ease; 6452 z-index: 10; 6453} 6454 6455.luxury-product-card:hover::before { 6456 opacity: 1; 6457} 6458 6459.luxury-card-figure { 6460 position: relative; 6461 overflow: hidden; 6462 background: radial-gradient(circle at center, #ffffff 0%, #fefefe 40%, #f9f9f9 100%); 6463 aspect-ratio: 1; 6464 flex-shrink: 0; 6465} 6466 6467.luxury-card-figure::before { 6468 content: ''; 6469 position: absolute; 6470 top: 0; 6471 left: 0; 6472 right: 0; 6473 bottom: 0; 6474 background: transparent; 6475 pointer-events: none; 6476 z-index: 2; 6477} 6478 6479.luxury-card-media { 6480 display: block; 6481 position: relative; 6482 width: 100%; 6483 height: 100%; 6484 overflow: hidden; 6485 z-index: 1; 6486} 6487 6488.luxury-card-image { 6489 width: 100%; 6490 height: 100%; 6491 object-fit: cover; 6492 transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1); 6493} 6494 6495.luxury-card-image--primary { 6496 position: relative; 6497 z-index: 1; 6498} 6499 6500.luxury-card-image--secondary { 6501 position: absolute; 6502 top: 0; 6503 left: 0; 6504 opacity: 0; 6505 z-index: 2; 6506} 6507 6508.luxury-product-card:hover .luxury-card-image--secondary { 6509 opacity: 1; 6510} 6511 6512.luxury-badges { 6513 position: absolute; 6514 top: 10px; 6515 left: 10px; 6516 z-index: 20; 6517 display: flex; 6518 flex-direction: column; 6519 gap: 8px; 6520 pointer-events: none; 6521} 6522 6523.luxury-badge { 6524 background: #8B0000; 6525 color: #ffffff; 6526 padding: 6px 12px; 6527 border-radius: 22px; 6528 font-size: 0.75rem; 6529 font-weight: 900; 6530 text-transform: uppercase; 6531 letter-spacing: 0.5px; 6532 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); 6533 backdrop-filter: blur(8px); 6534 min-width: 80px; 6535 text-align: center; 6536 line-height: 1.2; 6537 white-space: nowrap; 6538 display: flex; 6539 align-items: center; 6540 justify-content: center; 6541} 6542 6543.luxury-badge.sale { 6544 background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%); 6545 color: #ffffff; 6546 padding: 7px 14px; 6547 font-size: 0.75rem; 6548 font-weight: 900; 6549 min-width: 90px; 6550} 6551 6552.luxury-badge.new { 6553 background: linear-gradient(135deg, #8B0000 0%, #800000 100%); 6554 color: #ffffff; 6555 font-size: 0.75rem; 6556 font-weight: 900; 6557} 6558 6559.luxury-badge.bestseller { 6560 background: linear-gradient(135deg, #8B0000 0%, #660000 100%); 6561 color: #ffffff; 6562 font-size: 0.75rem; 6563 font-weight: 900; 6564} 6565 6566.luxury-badge strong { 6567 font-weight: 900; 6568} 6569 6570.luxury-card-info { 6571 padding: 8px 14px 10px 14px; 6572 background: linear-gradient(180deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 6573 position: relative; 6574 z-index: 3; 6575 flex-grow: 1; 6576 display: flex; 6577 flex-direction: column; 6578 min-height: 0; 6579} 6580 6581.luxury-card-info::before { 6582 content: ''; 6583 position: absolute; 6584 top: 0; 6585 left: 24px; 6586 right: 24px; 6587 height: 1px; 6588 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.02) 20%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0.02) 80%, transparent 100%); 6589} 6590 6591.luxury-card-info::after {
6592 content: ''; 6593 position: absolute; 6594 top: -2px; 6595 left: 0; 6596 right: 0; 6597 height: 24px; 6598 background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, transparent 100%); 6599 pointer-events: none; 6600} 6601 6602.luxury-info-container { 6603 display: flex; 6604 flex-direction: column; 6605 gap: 12px; 6606 margin-bottom: 0; 6607} 6608 6609.luxury-card-actions { 6610 margin-top: auto; 6611 padding-top: 0; 6612 display: flex; 6613 flex-direction: column; 6614 gap: 12px; 6615} 6616 6617.luxury-vendor-section { 6618 display: flex; 6619 align-items: center; 6620 justify-content: space-between; 6621 gap: 12px; 6622 min-height: 18px; 6623 margin-top: 3px; 6624} 6625 6626.luxury-vendor { 6627 font-size: 12px; 6628 font-weight: 400; 6629 color: #666666; 6630 flex: 1; 6631 line-height: 1.2; 6632} 6633 6634.luxury-vendor.von-deines-wolf { 6635 font-family: 'Adelia'; 6636} 6637 6638.luxury-rating { 6639 display: flex; 6640 align-items: center; 6641 justify-content: flex-end; 6642 gap: 2px; 6643 flex-shrink: 0; 6644} 6645 6646.luxury-star { 6647 width: 12px; 6648 height: 12px; 6649 fill: #000000; 6650 transition: all 0.3s ease; 6651} 6652 6653.luxury-star--empty { 6654 fill: #e0e0e0; 6655} 6656 6657.luxury-rating:hover .luxury-star { 6658 transform: scale(1.1); 6659} 6660 6661.luxury-title { 6662 font-size: 18px; 6663 font-weight: 800; 6664 line-height: 1.1; 6665 color: #0a0a0a; 6666 text-decoration: none; 6667 display: -webkit-box; 6668 -webkit-line-clamp: 2; 6669 -webkit-box-orient: vertical; 6670 overflow: hidden; 6671 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 6672 position: relative; 6673 min-height: 20px; 6674 margin: 0; 6675} 6676 6677.luxury-title::after { 6678 content: ''; 6679 position: absolute; 6680 bottom: -4px; 6681 left: 0; 6682 width: 0; 6683 height: 2px; 6684 background: linear-gradient(90deg, #000000 0%, #444444 100%); 6685 border-radius: 1px; 6686 transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1); 6687} 6688 6689.luxury-title:hover {
6690 color: #000000; 6691 transform: translateY(-2px); 6692} 6693 6694.luxury-title:hover::after { 6695 width: 100%; 6696} 6697 6698.luxury-price-section { 6699 margin: 0; 6700 display: flex; 6701 flex-direction: column; 6702 gap: 12px; 6703} 6704 6705.luxury-discount-row { 6706 display: flex; 6707 justify-content: space-between; 6708 align-items: center; 6709 gap: 12px; 6710 min-height: 20px; 6711} 6712 6713.luxury-price-row { 6714 display: flex; 6715 align-items: center; 6716 gap: 8px; 6717} 6718 6719.luxury-price-row--single { 6720 justify-content: space-between; 6721 align-items: center; 6722} 6723 6724.luxury-price { 6725 font-size: 18px; 6726 font-weight: 800; 6727 color: #000000; 6728 letter-spacing: -0.2px; 6729 white-space: nowrap; 6730 flex-shrink: 0; 6731 line-height: 1; 6732} 6733 6734.luxury-price.luxury-price--from { 6735 font-size: 16px; 6736 font-weight: 700; 6737} 6738 6739.luxury-price--compare { 6740 font-size: 15px; 6741 font-weight: 500; 6742 color: #999999; 6743 text-decoration: line-through; 6744 opacity: 0.8; 6745 white-space: nowrap; 6746 flex-shrink: 0; 6747 line-height: 1; 6748} 6749 6750.luxury-discount-badge { 6751 background: #000000; 6752 color: #ffffff; 6753 padding: 6px 12px; 6754 font-size: 11px; 6755 font-weight: 800; 6756 letter-spacing: 0.5px; 6757 text-transform: uppercase; 6758 border-radius: 9px; 6759 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 6760 white-space: nowrap; 6761 flex-shrink: 0; 6762 line-height: 1; 6763} 6764 6765.luxury-swatches { 6766 display: flex; 6767 align-items: center; 6768 justify-content: center; 6769 gap: 3px; 6770 flex-wrap: wrap; 6771} 6772 6773.luxury-swatch { 6774 width: 26px; 6775 height: 26px; 6776 border-radius: 50%; 6777 border: 2px solid #eeeeee; 6778 cursor: pointer; 6779 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 6780 position: relative; 6781 box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.3); 6782 flex-shrink: 0; 6783} 6784 6785.luxury-swatch:hover { 6786 transform: scale(1.3); 6787 border-color: #000000; 6788 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4); 6789} 6790 6791.luxury-swatch::after { 6792 content: ''; 6793 position: absolute; 6794 top: -6px; 6795 left: -6px; 6796 right: -6px; 6797 bottom: -6px; 6798 border: 2px solid transparent; 6799 border-radius: 50%; 6800 transition: all 0.4s ease; 6801} 6802 6803.luxury-swatch:hover::after { 6804 border-color: rgba(0, 0, 0, 0.15); 6805} 6806 6807.luxury-quick-buy { 6808 width: 100%; 6809 height: 48px; 6810 background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%); 6811 color: #ffffff; 6812 border: 1px solid rgba(255, 255, 255, 0.1); 6813 border-radius: 16px; 6814 display: flex; 6815 align-items: center; 6816 justify-content: center; 6817 gap: 6px; 6818 cursor: pointer; 6819 transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); 6820 font-size: 10px; 6821 font-weight: 800; 6822 text-transform: uppercase; 6823 letter-spacing: 1px; 6824 position: relative; 6825 overflow: visible; 6826 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1); 6827 flex-shrink: 0; 6828} 6829 6830.luxury-quick-buy strong { 6831 font-weight: 900; 6832} 6833 6834.luxury-quick-buy::before { 6835 content: ''; 6836 position: absolute; 6837 top: 0; 6838 left: -100%; 6839 width: 100%; 6840 height: 100%; 6841 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); 6842 transition: left 0.6s ease; 6843} 6844 6845.luxury-quick-buy:hover::before { 6846 left: 100%; 6847} 6848 6849.luxury-quick-buy:hover { 6850 background: linear-gradient(135deg, #1a1a1a 0%, #333333 50%, #1a1a1a 100%); 6851 transform: translateY(-3px); 6852 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15); 6853 border-color: rgba(255, 255, 255, 0.2); 6854} 6855 6856.luxury-quick-buy:active { 6857 transform: translateY(-1px); 6858} 6859 6860.luxury-quick-buy-icon { 6861 width: 16px; 6862 height: 16px; 6863 filter: brightness(0) invert(1); 6864 transition: all 0.3s ease; 6865 flex-shrink: 0; 6866 display: block; 6867 margin-bottom: 0px; 6868} 6869 6870.luxury-quick-buy:hover .luxury-quick-buy-icon { 6871 transform: scale(1.1); 6872} 6873 6874.luxury-product-card { 6875 margin: 16px 6px; 6876} 6877 6878.products-grid { 6879 display: grid; 6880 grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); 6881 gap: 12px 16px; 6882 margin: 0 -6px; 6883 padding: 0; 6884 align-items: stretch; 6885} 6886 6887@media (min-width: 768px) { 6888 .products-grid { 6889 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); 6890 gap: 16px 20px; 6891 align-items: stretch; 6892 } 6893} 6894 6895@media (min-width: 1024px) { 6896 .products-grid { 6897 grid-template-columns: repeat(3, 1fr); 6898 gap: 20px 24px; 6899 align-items: stretch; 6900 } 6901} 6902 6903@media (max-width: 768px) { 6904 .luxury-card-info { 6905 padding: 10px 14px 8px 14px; 6906 } 6907 6908 .luxury-title { 6909 font-size: 13px; 6910 line-height: 1.2; 6911 min-height: 28px; 6912 } 6913 6914 .luxury-price { 6915 font-size: 15px; 6916 } 6917 6918 .luxury-price.luxury-price--from { 6919 font-size: 13px; 6920 } 6921 6922 .luxury-price--compare { 6923 font-size: 12px; 6924 } 6925 6926 .luxury-quick-buy { 6927 height: 42px; 6928 font-size: 9px; 6929 letter-spacing: 1px; 6930 gap: 6px; 6931 } 6932 6933 .luxury-quick-buy-icon { 6934 width: 16px; 6935 height: 16px; 6936 margin-bottom: 0px; 6937 } 6938 6939 .luxury-swatch {
6940 width: 20px; 6941 height: 20px; 6942 } 6943 6944 .luxury-star { 6945 width: 10px; 6946 height: 10px; 6947 } 6948 6949 .luxury-vendor { 6950 font-size: 9px; 6951 letter-spacing: 0.6px; 6952 } 6953 6954 .luxury-product-card { 6955 margin: 10px 4px; 6956 } 6957 6958 .luxury-price-row { 6959 gap: 6px; 6960 } 6961 6962 .luxury-badges { 6963 top: 8px; 6964 left: 8px; 6965 gap: 6px; 6966 } 6967 6968 .luxury-badge { 6969 padding: 6px 12px; 6970 font-size: 8px; 6971 min-width: 70px; 6972 border-radius: 18px; 6973 } 6974 6975 .luxury-badge.sale { 6976 padding: 8px 14px; 6977 font-size: 7px; 6978 min-width: 75px; 6979 } 6980 6981 .luxury-info-container { 6982 gap: 3px; 6983 } 6984} 6985 6986@media (max-width: 480px) { 6987 .luxury-card-info { 6988 padding: 8px 12px 6px 12px; 6989 } 6990 6991 .luxury-title { 6992 font-size: 12px; 6993 min-height: 26px; 6994 } 6995 6996 .luxury-price { 6997 font-size: 14px; 6998 } 6999 7000 .luxury-price.luxury-price--from { 7001 font-size: 12px; 7002 } 7003 7004 .luxury-price--compare { 7005 font-size: 11px; 7006 } 7007 7008 .luxury-quick-buy { 7009 height: 40px; 7010 font-size: 8px; 7011 gap: 5px; 7012 } 7013 7014 .luxury-quick-buy-icon { 7015 width: 14px; 7016 height: 14px; 7017 margin-bottom: 0px; 7018 } 7019 7020 .luxury-swatch { 7021 width: 18px; 7022 height: 18px; 7023 } 7024 7025 .luxury-star { 7026 width: 9px; 7027 height: 9px; 7028 } 7029 7030 .luxury-price-row { 7031 gap: 5px; 7032 } 7033 7034 .luxury-discount-badge { 7035 padding: 2px 6px; 7036 font-size: 8px; 7037 } 7038 7039 .luxury-badges { 7040 top: 6px; 7041 left: 6px; 7042 gap: 4px; 7043 } 7044 7045 .luxury-badge { 7046 padding: 4px 10px; 7047 font-size: 7px; 7048 min-width: 60px; 7049 border-radius: 16px; 7050 } 7051 7052 .luxury-badge.sale { 7053 padding: 6px 12px; 7054 font-size: 6px; 7055 min-width: 65px; 7056 } 7057 7058 .luxury-info-container { 7059 gap: 2px; 7060 } 7061 7062 .luxury-vendor-section { 7063 min-height: 16px; 7064 } 7065 7066 .luxury-discount-row { 7067 min-height: 18px; 7068 } 7069} 7070</style> 7071 7072 7073<product-card class="luxury-product-card" handle="damast-messerset-sandelholz"> 7074 7075 7076
7076<script> 7077 // Function to apply conditional font based on vendor name 7078 document.addEventListener('DOMContentLoaded', function() { 7079 const vendorElements = document.querySelectorAll('.luxury-vendor'); 7080 7081 vendorElements.forEach(function(element) { 7082 const vendorName = element.textContent.trim(); 7083 7084 if (vendorName === 'von Deines & Wolf®') { 7085 element.classList.add('von-deines-wolf'); 7086 } else { 7087 element.classList.remove('von-deines-wolf'); 7088 } 7089 }); 7090 }); 7091 7092 // For dynamically added products (if needed) 7093 function applyVendorFont(vendorElement) { 7094 const vendorName = vendorElement.textContent.trim(); 7095 7096 if (vendorName === 'von Deines & Wolf®') { 7097 vendorElement.classList.add('von-deines-wolf'); 7098 } else { 7099 vendorElement.classList.remove('von-deines-wolf'); 7100 } 7101 } 7102 </script>
7102 7103 7104 7105 <div class="luxury-card-figure"> 7106 7107 <div class="luxury-badges"> 7108 7109 7110 7111 <span class="luxury-badge sale"> 7112 <span class="badge-text">Spare 100 â¬</span> 7113 </span> 7114 7115 7116 7117 <span class="luxury-badge"><strong>Ausverkauft</strong></span> 7118 7119 7120 7121 7122 7123 </div> 7124 7125 7126 <a href="/products/damast-messerset-sandelholz" class="luxury-card-media" draggable="false" data-instant> 7127 7128 7129 7130 7131 <img src="//luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=1400" alt="Damastmesser Sandelholz Produktfoto 6-teiliges Messerset, extrem scharfe Küchenmesser, VG10 Stahl" srcset="//luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=200 200w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=300 300w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=400 400w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=500 500w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=600 600w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=700 700w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=800 800w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=1400 1400w" width="1400" height="1400" loading="lazy" sizes=" 7132 7133 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 7134 7135 " draggable="false" class="luxury-card-image luxury-card-image--primary"> 7136 7137 <img src="//luxe-kitchen.de/cdn/shop/files/kitchen-luxe-sandelholz-auf-schneidbrett.jpg?v=1763805961&width=1400" alt="Damast Messerset "Sandelholz"" srcset="//luxe-kitchen.de/cdn/shop/files/kitchen-luxe-sandelholz-auf-schneidbrett.jpg?v=1763805961&width=200 200w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-sandelholz-auf-schneidbrett.jpg?v=1763805961&width=300 300w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-sandelholz-auf-schneidbrett.jpg?v=1763805961&width=400 400w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-sandelholz-auf-schneidbrett.jpg?v=1763805961&width=500 500w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-sandelholz-auf-schneidbrett.jpg?v=1763805961&width=600 600w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-sandelholz-auf-schneidbrett.jpg?v=1763805961&width=700 700w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-sandelholz-auf-schneidbrett.jpg?v=1763805961&width=800 800w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-sandelholz-auf-schneidbrett.jpg?v=1763805961&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-sandelholz-auf-schneidbrett.jpg?v=1763805961&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-sandelholz-auf-schneidbrett.jpg?v=1763805961&width=1400 1400w" width="1400" height="1400" loading="lazy" class="luxury-card-image luxury-card-image--secondary" fetchpriority="low" sizes=" 7138 7139 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 7140 7141 " draggable="false"> 7142 </a> 7143 </div> 7144 7145 7146 <div class="luxury-card-info"> 7147 <div class="luxury-info-container"> 7148 7149 <div class="luxury-vendor-section"> 7150 <div class="luxury-vendor">von Deines & Wolf®</div> 7151 </div> 7152 7153 7154 7155 <a href="/products/damast-messerset-sandelholz" class="luxury-title" data-instant> 7156 Damast Messerset "Sandelholz" 7157 </a> 7158 7159 </div> 7160 7161 <div class="luxury-card-actions"> 7162 7163 <div class="luxury-price-section"> 7164 7165 <div class="luxury-discount-row"> 7166
7167 <span class="luxury-discount-badge">-16%</span> 7168 7169 <div class="luxury-rating"> 7170 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 7171 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 7172 </svg> 7173 7174 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 7175 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 7176 </svg> 7177 7178 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 7179 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 7180 </svg> 7181 7182 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 7183 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 7184 </svg> 7185 7186 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 7187 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 7188 </svg> 7189 7190 </div> 7191 7192 </div> 7193 <div class="luxury-price-row"> 7194 <span class="luxury-price "> 7195 7196 499,00 ⬠7197 7198 </span> 7199 <span class="luxury-price luxury-price--compare"> 7200 599,00 ⬠7201 </span> 7202 </div> 7203 7204 </div> 7205 7206 7207 7208 7209 7210 </div> 7211 </div> 7212</product-card><style> 7213 7214.luxury-product-card { 7215 position: relative; 7216 background: linear-gradient(145deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 7217 border: 1px solid rgba(0, 0, 0, 0.04); 7218 border-radius: 20px; 7219 overflow: hidden; 7220 transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); 7221 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 16px 32px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.6) inset; 7222 backdrop-filter: blur(40px); 7223 margin: 16px 0; 7224 isolation: isolate; 7225 display: flex; 7226 flex-direction: column; 7227 height: 100%; 7228 min-height: 200px; 7229} 7230 7231.luxury-product-card::after { 7232 content: ''; 7233 position: absolute; 7234 top: 0; 7235 left: 0; 7236 right: 0; 7237 bottom: 0; 7238 background: radial-gradient(circle at 30% 20%, rgba(0,0,0,0.01) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.3) 0%, transparent 40%); 7239 pointer-events: none; 7240 opacity: 0; 7241 transition: opacity 0.6s ease; 7242 z-index: 1; 7243} 7244 7245.luxury-product-card:hover { 7246 transform: scale(1.03); 7247 box-shadow: 0 48px 80px rgba(0, 0, 0, 0.15), 0 24px 48px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(255, 255, 255, 0.95) inset, 0 2px 0 rgba(255, 255, 255, 0.8) inset; 7248 border-color: rgba(0, 0, 0, 0.12); 7249} 7250 7251.luxury-product-card:hover::after { 7252 opacity: 1; 7253} 7254 7255.luxury-product-card::before { 7256 content: ''; 7257 position: absolute; 7258 top: 0; 7259 left: 0; 7260 right: 0; 7261 height: 3px; 7262 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.8) 80%, transparent 100%); 7263 opacity: 0; 7264 transition: opacity 0.4s ease; 7265 z-index: 10; 7266} 7267 7268.luxury-product-card:hover::before { 7269 opacity: 1; 7270} 7271 7272.luxury-card-figure { 7273 position: relative; 7274 overflow: hidden; 7275 background: radial-gradient(circle at center, #ffffff 0%, #fefefe 40%, #f9f9f9 100%); 7276 aspect-ratio: 1; 7277 flex-shrink: 0; 7278} 7279 7280.luxury-card-figure::before { 7281 content: ''; 7282 position: absolute; 7283 top: 0; 7284 left: 0; 7285 right: 0; 7286 bottom: 0; 7287 background: transparent; 7288 pointer-events: none; 7289 z-index: 2; 7290} 7291 7292.luxury-card-media { 7293 display: block; 7294 position: relative; 7295 width: 100%; 7296 height: 100%; 7297 overflow: hidden; 7298 z-index: 1; 7299} 7300 7301.luxury-card-image { 7302 width: 100%; 7303 height: 100%; 7304 object-fit: cover; 7305 transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1); 7306} 7307 7308.luxury-card-image--primary { 7309 position: relative; 7310 z-index: 1; 7311} 7312 7313.luxury-card-image--secondary { 7314 position: absolute; 7315 top: 0; 7316 left: 0; 7317 opacity: 0; 7318 z-index: 2; 7319} 7320 7321.luxury-product-card:hover .luxury-card-image--secondary { 7322 opacity: 1; 7323} 7324 7325.luxury-badges { 7326 position: absolute; 7327 top: 10px; 7328 left: 10px; 7329 z-index: 20; 7330 display: flex; 7331 flex-direction: column; 7332 gap: 8px; 7333 pointer-events: none; 7334} 7335 7336.luxury-badge { 7337 background: #8B0000; 7338 color: #ffffff; 7339 padding: 6px 12px; 7340 border-radius: 22px; 7341 font-size: 0.75rem; 7342 font-weight: 900; 7343 text-transform: uppercase; 7344 letter-spacing: 0.5px; 7345 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); 7346 backdrop-filter: blur(8px); 7347 min-width: 80px; 7348 text-align: center; 7349 line-height: 1.2; 7350 white-space: nowrap; 7351 display: flex; 7352 align-items: center; 7353 justify-content: center; 7354} 7355 7356.luxury-badge.sale { 7357 background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%); 7358 color: #ffffff; 7359 padding: 7px 14px; 7360 font-size: 0.75rem; 7361 font-weight: 900; 7362 min-width: 90px; 7363} 7364 7365.luxury-badge.new { 7366 background: linear-gradient(135deg, #8B0000 0%, #800000 100%); 7367 color: #ffffff; 7368 font-size: 0.75rem; 7369 font-weight: 900; 7370} 7371 7372.luxury-badge.bestseller { 7373 background: linear-gradient(135deg, #8B0000 0%, #660000 100%); 7374 color: #ffffff; 7375 font-size: 0.75rem; 7376 font-weight: 900; 7377} 7378 7379.luxury-badge strong { 7380 font-weight: 900; 7381} 7382 7383.luxury-card-info { 7384 padding: 8px 14px 10px 14px; 7385 background: linear-gradient(180deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 7386 position: relative; 7387 z-index: 3; 7388 flex-grow: 1; 7389 display: flex; 7390 flex-direction: column; 7391 min-height: 0; 7392} 7393 7394.luxury-card-info::before { 7395 content: ''; 7396 position: absolute; 7397 top: 0; 7398 left: 24px; 7399 right: 24px; 7400 height: 1px; 7401 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.02) 20%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0.02) 80%, transparent 100%); 7402} 7403 7404.luxury-card-info::after {
7405 content: ''; 7406 position: absolute; 7407 top: -2px; 7408 left: 0; 7409 right: 0; 7410 height: 24px; 7411 background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, transparent 100%); 7412 pointer-events: none; 7413} 7414 7415.luxury-info-container { 7416 display: flex; 7417 flex-direction: column; 7418 gap: 12px; 7419 margin-bottom: 0; 7420} 7421 7422.luxury-card-actions { 7423 margin-top: auto; 7424 padding-top: 0; 7425 display: flex; 7426 flex-direction: column; 7427 gap: 12px; 7428} 7429 7430.luxury-vendor-section { 7431 display: flex; 7432 align-items: center; 7433 justify-content: space-between; 7434 gap: 12px; 7435 min-height: 18px; 7436 margin-top: 3px; 7437} 7438 7439.luxury-vendor { 7440 font-size: 12px; 7441 font-weight: 400; 7442 color: #666666; 7443 flex: 1; 7444 line-height: 1.2; 7445} 7446 7447.luxury-vendor.von-deines-wolf { 7448 font-family: 'Adelia'; 7449} 7450 7451.luxury-rating { 7452 display: flex; 7453 align-items: center; 7454 justify-content: flex-end; 7455 gap: 2px; 7456 flex-shrink: 0; 7457} 7458 7459.luxury-star { 7460 width: 12px; 7461 height: 12px; 7462 fill: #000000; 7463 transition: all 0.3s ease; 7464} 7465 7466.luxury-star--empty { 7467 fill: #e0e0e0; 7468} 7469 7470.luxury-rating:hover .luxury-star { 7471 transform: scale(1.1); 7472} 7473 7474.luxury-title { 7475 font-size: 18px; 7476 font-weight: 800; 7477 line-height: 1.1; 7478 color: #0a0a0a; 7479 text-decoration: none; 7480 display: -webkit-box; 7481 -webkit-line-clamp: 2; 7482 -webkit-box-orient: vertical; 7483 overflow: hidden; 7484 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 7485 position: relative; 7486 min-height: 20px; 7487 margin: 0; 7488} 7489 7490.luxury-title::after { 7491 content: ''; 7492 position: absolute; 7493 bottom: -4px; 7494 left: 0; 7495 width: 0; 7496 height: 2px; 7497 background: linear-gradient(90deg, #000000 0%, #444444 100%); 7498 border-radius: 1px; 7499 transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1); 7500} 7501 7502.luxury-title:hover {
7503 color: #000000; 7504 transform: translateY(-2px); 7505} 7506 7507.luxury-title:hover::after { 7508 width: 100%; 7509} 7510 7511.luxury-price-section { 7512 margin: 0; 7513 display: flex; 7514 flex-direction: column; 7515 gap: 12px; 7516} 7517 7518.luxury-discount-row { 7519 display: flex; 7520 justify-content: space-between; 7521 align-items: center; 7522 gap: 12px; 7523 min-height: 20px; 7524} 7525 7526.luxury-price-row { 7527 display: flex; 7528 align-items: center; 7529 gap: 8px; 7530} 7531 7532.luxury-price-row--single { 7533 justify-content: space-between; 7534 align-items: center; 7535} 7536 7537.luxury-price { 7538 font-size: 18px; 7539 font-weight: 800; 7540 color: #000000; 7541 letter-spacing: -0.2px; 7542 white-space: nowrap; 7543 flex-shrink: 0; 7544 line-height: 1; 7545} 7546 7547.luxury-price.luxury-price--from { 7548 font-size: 16px; 7549 font-weight: 700; 7550} 7551 7552.luxury-price--compare { 7553 font-size: 15px; 7554 font-weight: 500; 7555 color: #999999; 7556 text-decoration: line-through; 7557 opacity: 0.8; 7558 white-space: nowrap; 7559 flex-shrink: 0; 7560 line-height: 1; 7561} 7562 7563.luxury-discount-badge { 7564 background: #000000; 7565 color: #ffffff; 7566 padding: 6px 12px; 7567 font-size: 11px; 7568 font-weight: 800; 7569 letter-spacing: 0.5px; 7570 text-transform: uppercase; 7571 border-radius: 9px; 7572 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 7573 white-space: nowrap; 7574 flex-shrink: 0; 7575 line-height: 1; 7576} 7577 7578.luxury-swatches { 7579 display: flex; 7580 align-items: center; 7581 justify-content: center; 7582 gap: 3px; 7583 flex-wrap: wrap; 7584} 7585 7586.luxury-swatch { 7587 width: 26px; 7588 height: 26px; 7589 border-radius: 50%; 7590 border: 2px solid #eeeeee; 7591 cursor: pointer; 7592 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 7593 position: relative; 7594 box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.3); 7595 flex-shrink: 0; 7596} 7597 7598.luxury-swatch:hover { 7599 transform: scale(1.3); 7600 border-color: #000000; 7601 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4); 7602} 7603 7604.luxury-swatch::after { 7605 content: ''; 7606 position: absolute; 7607 top: -6px; 7608 left: -6px; 7609 right: -6px; 7610 bottom: -6px; 7611 border: 2px solid transparent; 7612 border-radius: 50%; 7613 transition: all 0.4s ease; 7614} 7615 7616.luxury-swatch:hover::after { 7617 border-color: rgba(0, 0, 0, 0.15); 7618} 7619 7620.luxury-quick-buy { 7621 width: 100%; 7622 height: 48px; 7623 background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%); 7624 color: #ffffff; 7625 border: 1px solid rgba(255, 255, 255, 0.1); 7626 border-radius: 16px; 7627 display: flex; 7628 align-items: center; 7629 justify-content: center; 7630 gap: 6px; 7631 cursor: pointer; 7632 transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); 7633 font-size: 10px; 7634 font-weight: 800; 7635 text-transform: uppercase; 7636 letter-spacing: 1px; 7637 position: relative; 7638 overflow: visible; 7639 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1); 7640 flex-shrink: 0; 7641} 7642 7643.luxury-quick-buy strong { 7644 font-weight: 900; 7645} 7646 7647.luxury-quick-buy::before { 7648 content: ''; 7649 position: absolute; 7650 top: 0; 7651 left: -100%; 7652 width: 100%; 7653 height: 100%; 7654 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); 7655 transition: left 0.6s ease; 7656} 7657 7658.luxury-quick-buy:hover::before { 7659 left: 100%; 7660} 7661 7662.luxury-quick-buy:hover { 7663 background: linear-gradient(135deg, #1a1a1a 0%, #333333 50%, #1a1a1a 100%); 7664 transform: translateY(-3px); 7665 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15); 7666 border-color: rgba(255, 255, 255, 0.2); 7667} 7668 7669.luxury-quick-buy:active { 7670 transform: translateY(-1px); 7671} 7672 7673.luxury-quick-buy-icon { 7674 width: 16px; 7675 height: 16px; 7676 filter: brightness(0) invert(1); 7677 transition: all 0.3s ease; 7678 flex-shrink: 0; 7679 display: block; 7680 margin-bottom: 0px; 7681} 7682 7683.luxury-quick-buy:hover .luxury-quick-buy-icon { 7684 transform: scale(1.1); 7685} 7686 7687.luxury-product-card { 7688 margin: 16px 6px; 7689} 7690 7691.products-grid { 7692 display: grid; 7693 grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); 7694 gap: 12px 16px; 7695 margin: 0 -6px; 7696 padding: 0; 7697 align-items: stretch; 7698} 7699 7700@media (min-width: 768px) { 7701 .products-grid { 7702 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); 7703 gap: 16px 20px; 7704 align-items: stretch; 7705 } 7706} 7707 7708@media (min-width: 1024px) { 7709 .products-grid { 7710 grid-template-columns: repeat(3, 1fr); 7711 gap: 20px 24px; 7712 align-items: stretch; 7713 } 7714} 7715 7716@media (max-width: 768px) { 7717 .luxury-card-info { 7718 padding: 10px 14px 8px 14px; 7719 } 7720 7721 .luxury-title { 7722 font-size: 13px; 7723 line-height: 1.2; 7724 min-height: 28px; 7725 } 7726 7727 .luxury-price { 7728 font-size: 15px; 7729 } 7730 7731 .luxury-price.luxury-price--from { 7732 font-size: 13px; 7733 } 7734 7735 .luxury-price--compare { 7736 font-size: 12px; 7737 } 7738 7739 .luxury-quick-buy { 7740 height: 42px; 7741 font-size: 9px; 7742 letter-spacing: 1px; 7743 gap: 6px; 7744 } 7745 7746 .luxury-quick-buy-icon { 7747 width: 16px; 7748 height: 16px; 7749 margin-bottom: 0px; 7750 } 7751 7752 .luxury-swatch {
7753 width: 20px; 7754 height: 20px; 7755 } 7756 7757 .luxury-star { 7758 width: 10px; 7759 height: 10px; 7760 } 7761 7762 .luxury-vendor { 7763 font-size: 9px; 7764 letter-spacing: 0.6px; 7765 } 7766 7767 .luxury-product-card { 7768 margin: 10px 4px; 7769 } 7770 7771 .luxury-price-row { 7772 gap: 6px; 7773 } 7774 7775 .luxury-badges { 7776 top: 8px; 7777 left: 8px; 7778 gap: 6px; 7779 } 7780 7781 .luxury-badge { 7782 padding: 6px 12px; 7783 font-size: 8px; 7784 min-width: 70px; 7785 border-radius: 18px; 7786 } 7787 7788 .luxury-badge.sale { 7789 padding: 8px 14px; 7790 font-size: 7px; 7791 min-width: 75px; 7792 } 7793 7794 .luxury-info-container { 7795 gap: 3px; 7796 } 7797} 7798 7799@media (max-width: 480px) { 7800 .luxury-card-info { 7801 padding: 8px 12px 6px 12px; 7802 } 7803 7804 .luxury-title { 7805 font-size: 12px; 7806 min-height: 26px; 7807 } 7808 7809 .luxury-price { 7810 font-size: 14px; 7811 } 7812 7813 .luxury-price.luxury-price--from { 7814 font-size: 12px; 7815 } 7816 7817 .luxury-price--compare { 7818 font-size: 11px; 7819 } 7820 7821 .luxury-quick-buy { 7822 height: 40px; 7823 font-size: 8px; 7824 gap: 5px; 7825 } 7826 7827 .luxury-quick-buy-icon { 7828 width: 14px; 7829 height: 14px; 7830 margin-bottom: 0px; 7831 } 7832 7833 .luxury-swatch { 7834 width: 18px; 7835 height: 18px; 7836 } 7837 7838 .luxury-star { 7839 width: 9px; 7840 height: 9px; 7841 } 7842 7843 .luxury-price-row { 7844 gap: 5px; 7845 } 7846 7847 .luxury-discount-badge { 7848 padding: 2px 6px; 7849 font-size: 8px; 7850 } 7851 7852 .luxury-badges { 7853 top: 6px; 7854 left: 6px; 7855 gap: 4px; 7856 } 7857 7858 .luxury-badge { 7859 padding: 4px 10px; 7860 font-size: 7px; 7861 min-width: 60px; 7862 border-radius: 16px; 7863 } 7864 7865 .luxury-badge.sale { 7866 padding: 6px 12px; 7867 font-size: 6px; 7868 min-width: 65px; 7869 } 7870 7871 .luxury-info-container { 7872 gap: 2px; 7873 } 7874 7875 .luxury-vendor-section { 7876 min-height: 16px; 7877 } 7878 7879 .luxury-discount-row { 7880 min-height: 18px; 7881 } 7882} 7883</style> 7884 7885 7886<product-card class="luxury-product-card" handle="damastmesserset-olive-inkl-messerhalter-ashcube"> 7887 7888 7889
7889<script> 7890 // Function to apply conditional font based on vendor name 7891 document.addEventListener('DOMContentLoaded', function() { 7892 const vendorElements = document.querySelectorAll('.luxury-vendor'); 7893 7894 vendorElements.forEach(function(element) { 7895 const vendorName = element.textContent.trim(); 7896 7897 if (vendorName === 'von Deines & Wolf®') { 7898 element.classList.add('von-deines-wolf'); 7899 } else { 7900 element.classList.remove('von-deines-wolf'); 7901 } 7902 }); 7903 }); 7904 7905 // For dynamically added products (if needed) 7906 function applyVendorFont(vendorElement) { 7907 const vendorName = vendorElement.textContent.trim(); 7908 7909 if (vendorName === 'von Deines & Wolf®') { 7910 vendorElement.classList.add('von-deines-wolf'); 7911 } else { 7912 vendorElement.classList.remove('von-deines-wolf'); 7913 } 7914 } 7915 </script>
7915 7916 7917 7918 <div class="luxury-card-figure"> 7919 7920 <div class="luxury-badges"> 7921 7922 7923 7924 <span class="luxury-badge sale"> 7925 <span class="badge-text">Spare 49 â¬</span> 7926 </span> 7927 7928 7929 7930 <span class="luxury-badge"><strong>Ausverkauft</strong></span> 7931 7932 7933 7934 7935 7936 </div> 7937 7938 7939 <a href="/products/damastmesserset-olive-inkl-messerhalter-ashcube" class="luxury-card-media" draggable="false" data-instant> 7940 7941 7942 7943 7944 <img src="//luxe-kitchen.de/cdn/shop/files/20251214-Olive-Messerhalter-_Fokus-auf-Schaelmesser.jpg?v=1765726550&width=1400" alt="Messerset mit Olivenhozgriffen und Messerhalter Messerblock" srcset="//luxe-kitchen.de/cdn/shop/files/20251214-Olive-Messerhalter-_Fokus-auf-Schaelmesser.jpg?v=1765726550&width=200 200w, //luxe-kitchen.de/cdn/shop/files/20251214-Olive-Messerhalter-_Fokus-auf-Schaelmesser.jpg?v=1765726550&width=300 300w, //luxe-kitchen.de/cdn/shop/files/20251214-Olive-Messerhalter-_Fokus-auf-Schaelmesser.jpg?v=1765726550&width=400 400w, //luxe-kitchen.de/cdn/shop/files/20251214-Olive-Messerhalter-_Fokus-auf-Schaelmesser.jpg?v=1765726550&width=500 500w, //luxe-kitchen.de/cdn/shop/files/20251214-Olive-Messerhalter-_Fokus-auf-Schaelmesser.jpg?v=1765726550&width=600 600w, //luxe-kitchen.de/cdn/shop/files/20251214-Olive-Messerhalter-_Fokus-auf-Schaelmesser.jpg?v=1765726550&width=700 700w, //luxe-kitchen.de/cdn/shop/files/20251214-Olive-Messerhalter-_Fokus-auf-Schaelmesser.jpg?v=1765726550&width=800 800w, //luxe-kitchen.de/cdn/shop/files/20251214-Olive-Messerhalter-_Fokus-auf-Schaelmesser.jpg?v=1765726550&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/20251214-Olive-Messerhalter-_Fokus-auf-Schaelmesser.jpg?v=1765726550&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/20251214-Olive-Messerhalter-_Fokus-auf-Schaelmesser.jpg?v=1765726550&width=1400 1400w" width="1400" height="1400" loading="lazy" sizes=" 7945 7946 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 7947 7948 " draggable="false" class="luxury-card-image luxury-card-image--primary"> 7949 7950 <img src="//luxe-kitchen.de/cdn/shop/files/ResinMasse-05.webp?v=1759996391&width=1400" alt="MaÃzeichnung des Damastmessersets Olive" srcset="//luxe-kitchen.de/cdn/shop/files/ResinMasse-05.webp?v=1759996391&width=200 200w, //luxe-kitchen.de/cdn/shop/files/ResinMasse-05.webp?v=1759996391&width=300 300w, //luxe-kitchen.de/cdn/shop/files/ResinMasse-05.webp?v=1759996391&width=400 400w, //luxe-kitchen.de/cdn/shop/files/ResinMasse-05.webp?v=1759996391&width=500 500w, //luxe-kitchen.de/cdn/shop/files/ResinMasse-05.webp?v=1759996391&width=600 600w, //luxe-kitchen.de/cdn/shop/files/ResinMasse-05.webp?v=1759996391&width=700 700w, //luxe-kitchen.de/cdn/shop/files/ResinMasse-05.webp?v=1759996391&width=800 800w, //luxe-kitchen.de/cdn/shop/files/ResinMasse-05.webp?v=1759996391&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/ResinMasse-05.webp?v=1759996391&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/ResinMasse-05.webp?v=1759996391&width=1400 1400w" width="1400" height="1400" loading="lazy" class="luxury-card-image luxury-card-image--secondary" fetchpriority="low" sizes=" 7951 7952 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 7953 7954 " draggable="false"> 7955 </a> 7956 </div> 7957 7958 7959 <div class="luxury-card-info"> 7960 <div class="luxury-info-container"> 7961 7962 <div class="luxury-vendor-section"> 7963 <div class="luxury-vendor">Kitchen Luxe</div> 7964 </div> 7965 7966 7967 7968 <a href="/products/damastmesserset-olive-inkl-messerhalter-ashcube" class="luxury-title" data-instant> 7969 Damastmesserset "Olive" inkl. Messerhalter Ashcube 7970 </a> 7971 7972 </div> 7973 7974 <div class="luxury-card-actions"> 7975 7976 <div class="luxury-price-section"> 7977 7978 <div class="luxury-discount-row"> 7979
7980 <span class="luxury-discount-badge">-11%</span> 7981 7982 </div> 7983 <div class="luxury-price-row"> 7984 <span class="luxury-price "> 7985 7986 379,00 ⬠7987 7988 </span> 7989 <span class="luxury-price luxury-price--compare"> 7990 428,00 ⬠7991 </span> 7992 </div> 7993 7994 </div> 7995 7996 7997 7998 7999 8000 </div> 8001 </div> 8002</product-card><style> 8003 8004.luxury-product-card { 8005 position: relative; 8006 background: linear-gradient(145deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 8007 border: 1px solid rgba(0, 0, 0, 0.04); 8008 border-radius: 20px; 8009 overflow: hidden; 8010 transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); 8011 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 16px 32px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.6) inset; 8012 backdrop-filter: blur(40px); 8013 margin: 16px 0; 8014 isolation: isolate; 8015 display: flex; 8016 flex-direction: column; 8017 height: 100%; 8018 min-height: 200px; 8019} 8020 8021.luxury-product-card::after { 8022 content: ''; 8023 position: absolute; 8024 top: 0; 8025 left: 0; 8026 right: 0; 8027 bottom: 0; 8028 background: radial-gradient(circle at 30% 20%, rgba(0,0,0,0.01) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.3) 0%, transparent 40%); 8029 pointer-events: none; 8030 opacity: 0; 8031 transition: opacity 0.6s ease; 8032 z-index: 1; 8033} 8034 8035.luxury-product-card:hover { 8036 transform: scale(1.03); 8037 box-shadow: 0 48px 80px rgba(0, 0, 0, 0.15), 0 24px 48px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(255, 255, 255, 0.95) inset, 0 2px 0 rgba(255, 255, 255, 0.8) inset; 8038 border-color: rgba(0, 0, 0, 0.12); 8039} 8040 8041.luxury-product-card:hover::after { 8042 opacity: 1; 8043} 8044 8045.luxury-product-card::before { 8046 content: ''; 8047 position: absolute; 8048 top: 0; 8049 left: 0; 8050 right: 0; 8051 height: 3px; 8052 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.8) 80%, transparent 100%); 8053 opacity: 0; 8054 transition: opacity 0.4s ease; 8055 z-index: 10; 8056} 8057 8058.luxury-product-card:hover::before { 8059 opacity: 1; 8060} 8061 8062.luxury-card-figure { 8063 position: relative; 8064 overflow: hidden; 8065 background: radial-gradient(circle at center, #ffffff 0%, #fefefe 40%, #f9f9f9 100%); 8066 aspect-ratio: 1; 8067 flex-shrink: 0; 8068} 8069 8070.luxury-card-figure::before { 8071 content: ''; 8072 position: absolute; 8073 top: 0; 8074 left: 0; 8075 right: 0; 8076 bottom: 0; 8077 background: transparent; 8078 pointer-events: none; 8079 z-index: 2; 8080} 8081 8082.luxury-card-media { 8083 display: block; 8084 position: relative; 8085 width: 100%; 8086 height: 100%; 8087 overflow: hidden; 8088 z-index: 1; 8089} 8090 8091.luxury-card-image { 8092 width: 100%; 8093 height: 100%; 8094 object-fit: cover; 8095 transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1); 8096} 8097 8098.luxury-card-image--primary { 8099 position: relative; 8100 z-index: 1; 8101} 8102 8103.luxury-card-image--secondary { 8104 position: absolute; 8105 top: 0; 8106 left: 0; 8107 opacity: 0; 8108 z-index: 2; 8109} 8110 8111.luxury-product-card:hover .luxury-card-image--secondary { 8112 opacity: 1; 8113} 8114 8115.luxury-badges { 8116 position: absolute; 8117 top: 10px; 8118 left: 10px; 8119 z-index: 20; 8120 display: flex; 8121 flex-direction: column; 8122 gap: 8px; 8123 pointer-events: none; 8124} 8125 8126.luxury-badge { 8127 background: #8B0000; 8128 color: #ffffff; 8129 padding: 6px 12px; 8130 border-radius: 22px; 8131 font-size: 0.75rem; 8132 font-weight: 900; 8133 text-transform: uppercase; 8134 letter-spacing: 0.5px; 8135 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); 8136 backdrop-filter: blur(8px); 8137 min-width: 80px; 8138 text-align: center; 8139 line-height: 1.2; 8140 white-space: nowrap; 8141 display: flex; 8142 align-items: center; 8143 justify-content: center; 8144} 8145 8146.luxury-badge.sale { 8147 background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%); 8148 color: #ffffff; 8149 padding: 7px 14px; 8150 font-size: 0.75rem; 8151 font-weight: 900; 8152 min-width: 90px; 8153} 8154 8155.luxury-badge.new { 8156 background: linear-gradient(135deg, #8B0000 0%, #800000 100%); 8157 color: #ffffff; 8158 font-size: 0.75rem; 8159 font-weight: 900; 8160} 8161 8162.luxury-badge.bestseller { 8163 background: linear-gradient(135deg, #8B0000 0%, #660000 100%); 8164 color: #ffffff; 8165 font-size: 0.75rem; 8166 font-weight: 900; 8167} 8168 8169.luxury-badge strong { 8170 font-weight: 900; 8171} 8172 8173.luxury-card-info { 8174 padding: 8px 14px 10px 14px; 8175 background: linear-gradient(180deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 8176 position: relative; 8177 z-index: 3; 8178 flex-grow: 1; 8179 display: flex; 8180 flex-direction: column; 8181 min-height: 0; 8182} 8183 8184.luxury-card-info::before { 8185 content: ''; 8186 position: absolute; 8187 top: 0; 8188 left: 24px; 8189 right: 24px; 8190 height: 1px; 8191 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.02) 20%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0.02) 80%, transparent 100%); 8192} 8193 8194.luxury-card-info::after {
8195 content: ''; 8196 position: absolute; 8197 top: -2px; 8198 left: 0; 8199 right: 0; 8200 height: 24px; 8201 background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, transparent 100%); 8202 pointer-events: none; 8203} 8204 8205.luxury-info-container { 8206 display: flex; 8207 flex-direction: column; 8208 gap: 12px; 8209 margin-bottom: 0; 8210} 8211 8212.luxury-card-actions { 8213 margin-top: auto; 8214 padding-top: 0; 8215 display: flex; 8216 flex-direction: column; 8217 gap: 12px; 8218} 8219 8220.luxury-vendor-section { 8221 display: flex; 8222 align-items: center; 8223 justify-content: space-between; 8224 gap: 12px; 8225 min-height: 18px; 8226 margin-top: 3px; 8227} 8228 8229.luxury-vendor { 8230 font-size: 12px; 8231 font-weight: 400; 8232 color: #666666; 8233 flex: 1; 8234 line-height: 1.2; 8235} 8236 8237.luxury-vendor.von-deines-wolf { 8238 font-family: 'Adelia'; 8239} 8240 8241.luxury-rating { 8242 display: flex; 8243 align-items: center; 8244 justify-content: flex-end; 8245 gap: 2px; 8246 flex-shrink: 0; 8247} 8248 8249.luxury-star { 8250 width: 12px; 8251 height: 12px; 8252 fill: #000000; 8253 transition: all 0.3s ease; 8254} 8255 8256.luxury-star--empty { 8257 fill: #e0e0e0; 8258} 8259 8260.luxury-rating:hover .luxury-star { 8261 transform: scale(1.1); 8262} 8263 8264.luxury-title { 8265 font-size: 18px; 8266 font-weight: 800; 8267 line-height: 1.1; 8268 color: #0a0a0a; 8269 text-decoration: none; 8270 display: -webkit-box; 8271 -webkit-line-clamp: 2; 8272 -webkit-box-orient: vertical; 8273 overflow: hidden; 8274 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 8275 position: relative; 8276 min-height: 20px; 8277 margin: 0; 8278} 8279 8280.luxury-title::after { 8281 content: ''; 8282 position: absolute; 8283 bottom: -4px; 8284 left: 0; 8285 width: 0; 8286 height: 2px; 8287 background: linear-gradient(90deg, #000000 0%, #444444 100%); 8288 border-radius: 1px; 8289 transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1); 8290} 8291 8292.luxury-title:hover {
8293 color: #000000; 8294 transform: translateY(-2px); 8295} 8296 8297.luxury-title:hover::after { 8298 width: 100%; 8299} 8300 8301.luxury-price-section { 8302 margin: 0; 8303 display: flex; 8304 flex-direction: column; 8305 gap: 12px; 8306} 8307 8308.luxury-discount-row { 8309 display: flex; 8310 justify-content: space-between; 8311 align-items: center; 8312 gap: 12px; 8313 min-height: 20px; 8314} 8315 8316.luxury-price-row { 8317 display: flex; 8318 align-items: center; 8319 gap: 8px; 8320} 8321 8322.luxury-price-row--single { 8323 justify-content: space-between; 8324 align-items: center; 8325} 8326 8327.luxury-price { 8328 font-size: 18px; 8329 font-weight: 800; 8330 color: #000000; 8331 letter-spacing: -0.2px; 8332 white-space: nowrap; 8333 flex-shrink: 0; 8334 line-height: 1; 8335} 8336 8337.luxury-price.luxury-price--from { 8338 font-size: 16px; 8339 font-weight: 700; 8340} 8341 8342.luxury-price--compare { 8343 font-size: 15px; 8344 font-weight: 500; 8345 color: #999999; 8346 text-decoration: line-through; 8347 opacity: 0.8; 8348 white-space: nowrap; 8349 flex-shrink: 0; 8350 line-height: 1; 8351} 8352 8353.luxury-discount-badge { 8354 background: #000000; 8355 color: #ffffff; 8356 padding: 6px 12px; 8357 font-size: 11px; 8358 font-weight: 800; 8359 letter-spacing: 0.5px; 8360 text-transform: uppercase; 8361 border-radius: 9px; 8362 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 8363 white-space: nowrap; 8364 flex-shrink: 0; 8365 line-height: 1; 8366} 8367 8368.luxury-swatches { 8369 display: flex; 8370 align-items: center; 8371 justify-content: center; 8372 gap: 3px; 8373 flex-wrap: wrap; 8374} 8375 8376.luxury-swatch { 8377 width: 26px; 8378 height: 26px; 8379 border-radius: 50%; 8380 border: 2px solid #eeeeee; 8381 cursor: pointer; 8382 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 8383 position: relative; 8384 box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.3); 8385 flex-shrink: 0; 8386} 8387 8388.luxury-swatch:hover { 8389 transform: scale(1.3); 8390 border-color: #000000; 8391 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4); 8392} 8393 8394.luxury-swatch::after { 8395 content: ''; 8396 position: absolute; 8397 top: -6px; 8398 left: -6px; 8399 right: -6px; 8400 bottom: -6px; 8401 border: 2px solid transparent; 8402 border-radius: 50%; 8403 transition: all 0.4s ease; 8404} 8405 8406.luxury-swatch:hover::after { 8407 border-color: rgba(0, 0, 0, 0.15); 8408} 8409 8410.luxury-quick-buy { 8411 width: 100%; 8412 height: 48px; 8413 background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%); 8414 color: #ffffff; 8415 border: 1px solid rgba(255, 255, 255, 0.1); 8416 border-radius: 16px; 8417 display: flex; 8418 align-items: center; 8419 justify-content: center; 8420 gap: 6px; 8421 cursor: pointer; 8422 transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); 8423 font-size: 10px; 8424 font-weight: 800; 8425 text-transform: uppercase; 8426 letter-spacing: 1px; 8427 position: relative; 8428 overflow: visible; 8429 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1); 8430 flex-shrink: 0; 8431} 8432 8433.luxury-quick-buy strong { 8434 font-weight: 900; 8435} 8436 8437.luxury-quick-buy::before { 8438 content: ''; 8439 position: absolute; 8440 top: 0; 8441 left: -100%; 8442 width: 100%; 8443 height: 100%; 8444 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); 8445 transition: left 0.6s ease; 8446} 8447 8448.luxury-quick-buy:hover::before { 8449 left: 100%; 8450} 8451 8452.luxury-quick-buy:hover { 8453 background: linear-gradient(135deg, #1a1a1a 0%, #333333 50%, #1a1a1a 100%); 8454 transform: translateY(-3px); 8455 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15); 8456 border-color: rgba(255, 255, 255, 0.2); 8457} 8458 8459.luxury-quick-buy:active { 8460 transform: translateY(-1px); 8461} 8462 8463.luxury-quick-buy-icon { 8464 width: 16px; 8465 height: 16px; 8466 filter: brightness(0) invert(1); 8467 transition: all 0.3s ease; 8468 flex-shrink: 0; 8469 display: block; 8470 margin-bottom: 0px; 8471} 8472 8473.luxury-quick-buy:hover .luxury-quick-buy-icon { 8474 transform: scale(1.1); 8475} 8476 8477.luxury-product-card { 8478 margin: 16px 6px; 8479} 8480 8481.products-grid { 8482 display: grid; 8483 grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); 8484 gap: 12px 16px; 8485 margin: 0 -6px; 8486 padding: 0; 8487 align-items: stretch; 8488} 8489 8490@media (min-width: 768px) { 8491 .products-grid { 8492 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); 8493 gap: 16px 20px; 8494 align-items: stretch; 8495 } 8496} 8497 8498@media (min-width: 1024px) { 8499 .products-grid { 8500 grid-template-columns: repeat(3, 1fr); 8501 gap: 20px 24px; 8502 align-items: stretch; 8503 } 8504} 8505 8506@media (max-width: 768px) { 8507 .luxury-card-info { 8508 padding: 10px 14px 8px 14px; 8509 } 8510 8511 .luxury-title { 8512 font-size: 13px; 8513 line-height: 1.2; 8514 min-height: 28px; 8515 } 8516 8517 .luxury-price { 8518 font-size: 15px; 8519 } 8520 8521 .luxury-price.luxury-price--from { 8522 font-size: 13px; 8523 } 8524 8525 .luxury-price--compare { 8526 font-size: 12px; 8527 } 8528 8529 .luxury-quick-buy { 8530 height: 42px; 8531 font-size: 9px; 8532 letter-spacing: 1px; 8533 gap: 6px; 8534 } 8535 8536 .luxury-quick-buy-icon { 8537 width: 16px; 8538 height: 16px; 8539 margin-bottom: 0px; 8540 } 8541 8542 .luxury-swatch {
8543 width: 20px; 8544 height: 20px; 8545 } 8546 8547 .luxury-star { 8548 width: 10px; 8549 height: 10px; 8550 } 8551 8552 .luxury-vendor { 8553 font-size: 9px; 8554 letter-spacing: 0.6px; 8555 } 8556 8557 .luxury-product-card { 8558 margin: 10px 4px; 8559 } 8560 8561 .luxury-price-row { 8562 gap: 6px; 8563 } 8564 8565 .luxury-badges { 8566 top: 8px; 8567 left: 8px; 8568 gap: 6px; 8569 } 8570 8571 .luxury-badge { 8572 padding: 6px 12px; 8573 font-size: 8px; 8574 min-width: 70px; 8575 border-radius: 18px; 8576 } 8577 8578 .luxury-badge.sale { 8579 padding: 8px 14px; 8580 font-size: 7px; 8581 min-width: 75px; 8582 } 8583 8584 .luxury-info-container { 8585 gap: 3px; 8586 } 8587} 8588 8589@media (max-width: 480px) { 8590 .luxury-card-info { 8591 padding: 8px 12px 6px 12px; 8592 } 8593 8594 .luxury-title { 8595 font-size: 12px; 8596 min-height: 26px; 8597 } 8598 8599 .luxury-price { 8600 font-size: 14px; 8601 } 8602 8603 .luxury-price.luxury-price--from { 8604 font-size: 12px; 8605 } 8606 8607 .luxury-price--compare { 8608 font-size: 11px; 8609 } 8610 8611 .luxury-quick-buy { 8612 height: 40px; 8613 font-size: 8px; 8614 gap: 5px; 8615 } 8616 8617 .luxury-quick-buy-icon { 8618 width: 14px; 8619 height: 14px; 8620 margin-bottom: 0px; 8621 } 8622 8623 .luxury-swatch { 8624 width: 18px; 8625 height: 18px; 8626 } 8627 8628 .luxury-star { 8629 width: 9px; 8630 height: 9px; 8631 } 8632 8633 .luxury-price-row { 8634 gap: 5px; 8635 } 8636 8637 .luxury-discount-badge { 8638 padding: 2px 6px; 8639 font-size: 8px; 8640 } 8641 8642 .luxury-badges { 8643 top: 6px; 8644 left: 6px; 8645 gap: 4px; 8646 } 8647 8648 .luxury-badge { 8649 padding: 4px 10px; 8650 font-size: 7px; 8651 min-width: 60px; 8652 border-radius: 16px; 8653 } 8654 8655 .luxury-badge.sale { 8656 padding: 6px 12px; 8657 font-size: 6px; 8658 min-width: 65px; 8659 } 8660 8661 .luxury-info-container { 8662 gap: 2px; 8663 } 8664 8665 .luxury-vendor-section { 8666 min-height: 16px; 8667 } 8668 8669 .luxury-discount-row { 8670 min-height: 18px; 8671 } 8672} 8673</style> 8674 8675 8676<product-card class="luxury-product-card" handle="damastmesserset-resin-inkl-messerhalter-ashcube"> 8677 8678 8679
8679<script> 8680 // Function to apply conditional font based on vendor name 8681 document.addEventListener('DOMContentLoaded', function() { 8682 const vendorElements = document.querySelectorAll('.luxury-vendor'); 8683 8684 vendorElements.forEach(function(element) { 8685 const vendorName = element.textContent.trim(); 8686 8687 if (vendorName === 'von Deines & Wolf®') { 8688 element.classList.add('von-deines-wolf'); 8689 } else { 8690 element.classList.remove('von-deines-wolf'); 8691 } 8692 }); 8693 }); 8694 8695 // For dynamically added products (if needed) 8696 function applyVendorFont(vendorElement) { 8697 const vendorName = vendorElement.textContent.trim(); 8698 8699 if (vendorName === 'von Deines & Wolf®') { 8700 vendorElement.classList.add('von-deines-wolf'); 8701 } else { 8702 vendorElement.classList.remove('von-deines-wolf'); 8703 } 8704 } 8705 </script>
8705 8706 8707 8708 <div class="luxury-card-figure"> 8709 8710 <div class="luxury-badges"> 8711 8712 8713 8714 <span class="luxury-badge sale"> 8715 <span class="badge-text">Spare 99 â¬</span> 8716 </span> 8717 8718 8719 8720 8721 8722 8723 8724 </div> 8725 8726 8727 <a href="/products/damastmesserset-resin-inkl-messerhalter-ashcube" class="luxury-card-media" draggable="false" data-instant> 8728 8729 8730 8731 8732 <img src="//luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=1400" alt="Damastmesserset Resin mit Messerhalter Aschcube" srcset="//luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=200 200w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=300 300w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=400 400w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=500 500w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=600 600w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=700 700w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=800 800w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=1400 1400w" width="1400" height="1400" loading="lazy" sizes=" 8733 8734 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 8735 8736 " draggable="false" class="luxury-card-image luxury-card-image--primary" style="object-position:40.4236% 40.2752%;"> 8737 8738 <img src="//luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=1200" alt="Messerset kaufen Damast Resin 6 teilig" srcset="//luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=200 200w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=300 300w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=400 400w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=500 500w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=600 600w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=700 700w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=800 800w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/DMS-136-Hauptbild-6er.jpg?v=1753687578&width=1200 1200w" width="1200" height="1200" loading="lazy" class="luxury-card-image luxury-card-image--secondary" fetchpriority="low" sizes=" 8739 8740 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 8741 8742 " draggable="false"> 8743 </a> 8744 </div> 8745 8746 8747 <div class="luxury-card-info"> 8748 <div class="luxury-info-container"> 8749 8750 <div class="luxury-vendor-section"> 8751 <div class="luxury-vendor">Kitchen Luxe</div> 8752 </div> 8753 8754 8755 8756 <a href="/products/damastmesserset-resin-inkl-messerhalter-ashcube" class="luxury-title" data-instant> 8757 Damastmesserset âResinâ inkl. Messerhalter Ashcube 8758 </a> 8759 8760 </div> 8761 8762 <div class="luxury-card-actions"> 8763 8764 <div class="luxury-price-section"> 8765 8766 <div class="luxury-discount-row"> 8767 8768 <span class="luxury-discount-badge">-22%</span> 8769 8770 <div class="luxury-rating"> 8771 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 8772 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 8773 </svg> 8774 8775 <svg class="luxury-star luxury-star--filled" viewB
8775ox="0 0 24 24"> 8776 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 8777 </svg> 8778 8779 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 8780 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 8781 </svg> 8782 8783 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 8784 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 8785 </svg> 8786 8787 <svg class="luxury-star luxury-star--filled" viewBox="0 0 24 24"> 8788 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 8789 </svg> 8790 8791 </div> 8792 8793 </div> 8794 <div class="luxury-price-row"> 8795 <span class="luxury-price luxury-price--from"> 8796 8797 Ab 349,00 ⬠8798 8799 </span> 8800 <span class="luxury-price luxury-price--compare"> 8801 448,00 ⬠8802 </span> 8803 </div> 8804 8805 </div> 8806 8807 8808 8809 8810 8811 </div> 8812 </div> 8813</product-card><style> 8814 8815.luxury-product-card { 8816 position: relative; 8817 background: linear-gradient(145deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 8818 border: 1px solid rgba(0, 0, 0, 0.04); 8819 border-radius: 20px; 8820 overflow: hidden; 8821 transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); 8822 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 16px 32px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.6) inset; 8823 backdrop-filter: blur(40px); 8824 margin: 16px 0; 8825 isolation: isolate; 8826 display: flex; 8827 flex-direction: column; 8828 height: 100%; 8829 min-height: 200px; 8830} 8831 8832.luxury-product-card::after { 8833 content: ''; 8834 position: absolute; 8835 top: 0; 8836 left: 0; 8837 right: 0; 8838 bottom: 0; 8839 background: radial-gradient(circle at 30% 20%, rgba(0,0,0,0.01) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.3) 0%, transparent 40%); 8840 pointer-events: none; 8841 opacity: 0; 8842 transition: opacity 0.6s ease; 8843 z-index: 1; 8844} 8845 8846.luxury-product-card:hover { 8847 transform: scale(1.03); 8848 box-shadow: 0 48px 80px rgba(0, 0, 0, 0.15), 0 24px 48px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(255, 255, 255, 0.95) inset, 0 2px 0 rgba(255, 255, 255, 0.8) inset; 8849 border-color: rgba(0, 0, 0, 0.12); 8850} 8851 8852.luxury-product-card:hover::after { 8853 opacity: 1; 8854} 8855 8856.luxury-product-card::before { 8857 content: ''; 8858 position: absolute; 8859 top: 0; 8860 left: 0; 8861 right: 0; 8862 height: 3px; 8863 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.8) 80%, transparent 100%); 8864 opacity: 0; 8865 transition: opacity 0.4s ease; 8866 z-index: 10; 8867} 8868 8869.luxury-product-card:hover::before { 8870 opacity: 1; 8871} 8872 8873.luxury-card-figure { 8874 position: relative; 8875 overflow: hidden; 8876 background: radial-gradient(circle at center, #ffffff 0%, #fefefe 40%, #f9f9f9 100%); 8877 aspect-ratio: 1; 8878 flex-shrink: 0; 8879} 8880 8881.luxury-card-figure::before { 8882 content: ''; 8883 position: absolute; 8884 top: 0; 8885 left: 0; 8886 right: 0; 8887 bottom: 0; 8888 background: transparent; 8889 pointer-events: none; 8890 z-index: 2; 8891} 8892 8893.luxury-card-media { 8894 display: block; 8895 position: relative; 8896 width: 100%; 8897 height: 100%; 8898 overflow: hidden; 8899 z-index: 1; 8900} 8901 8902.luxury-card-image { 8903 width: 100%; 8904 height: 100%; 8905 object-fit: cover; 8906 transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1); 8907} 8908 8909.luxury-card-image--primary { 8910 position: relative; 8911 z-index: 1; 8912} 8913 8914.luxury-card-image--secondary { 8915 position: absolute; 8916 top: 0; 8917 left: 0; 8918 opacity: 0; 8919 z-index: 2; 8920} 8921 8922.luxury-product-card:hover .luxury-card-image--secondary { 8923 opacity: 1; 8924} 8925 8926.luxury-badges { 8927 position: absolute; 8928 top: 10px; 8929 left: 10px; 8930 z-index: 20; 8931 display: flex; 8932 flex-direction: column; 8933 gap: 8px; 8934 pointer-events: none; 8935} 8936 8937.luxury-badge { 8938 background: #8B0000; 8939 color: #ffffff; 8940 padding: 6px 12px; 8941 border-radius: 22px; 8942 font-size: 0.75rem; 8943 font-weight: 900; 8944 text-transform: uppercase; 8945 letter-spacing: 0.5px; 8946 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); 8947 backdrop-filter: blur(8px); 8948 min-width: 80px; 8949 text-align: center; 8950 line-height: 1.2; 8951 white-space: nowrap; 8952 display: flex; 8953 align-items: center; 8954 justify-content: center; 8955} 8956 8957.luxury-badge.sale { 8958 background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%); 8959 color: #ffffff; 8960 padding: 7px 14px; 8961 font-size: 0.75rem; 8962 font-weight: 900; 8963 min-width: 90px; 8964} 8965 8966.luxury-badge.new { 8967 background: linear-gradient(135deg, #8B0000 0%, #800000 100%); 8968 color: #ffffff; 8969 font-size: 0.75rem; 8970 font-weight: 900; 8971} 8972 8973.luxury-badge.bestseller { 8974 background: linear-gradient(135deg, #8B0000 0%, #660000 100%); 8975 color: #ffffff; 8976 font-size: 0.75rem; 8977 font-weight: 900; 8978} 8979 8980.luxury-badge strong { 8981 font-weight: 900; 8982} 8983 8984.luxury-card-info { 8985 padding: 8px 14px 10px 14px; 8986 background: linear-gradient(180deg, #ffffff 0%, #fdfdfd 50%, #fafafa 100%); 8987 position: relative; 8988 z-index: 3; 8989 flex-grow: 1; 8990 display: flex; 8991 flex-direction: column; 8992 min-height: 0; 8993} 8994 8995.luxury-card-info::before { 8996 content: ''; 8997 position: absolute; 8998 top: 0; 8999 left: 24px; 9000 right: 24px; 9001 height: 1px; 9002 background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.02) 20%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0.02) 80%, transparent 100%); 9003} 9004 9005.luxury-card-info::after {
9006 content: ''; 9007 position: absolute; 9008 top: -2px; 9009 left: 0; 9010 right: 0; 9011 height: 24px; 9012 background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, transparent 100%); 9013 pointer-events: none; 9014} 9015 9016.luxury-info-container { 9017 display: flex; 9018 flex-direction: column; 9019 gap: 12px; 9020 margin-bottom: 0; 9021} 9022 9023.luxury-card-actions { 9024 margin-top: auto; 9025 padding-top: 0; 9026 display: flex; 9027 flex-direction: column; 9028 gap: 12px; 9029} 9030 9031.luxury-vendor-section { 9032 display: flex; 9033 align-items: center; 9034 justify-content: space-between; 9035 gap: 12px; 9036 min-height: 18px; 9037 margin-top: 3px; 9038} 9039 9040.luxury-vendor { 9041 font-size: 12px; 9042 font-weight: 400; 9043 color: #666666; 9044 flex: 1; 9045 line-height: 1.2; 9046} 9047 9048.luxury-vendor.von-deines-wolf { 9049 font-family: 'Adelia'; 9050} 9051 9052.luxury-rating { 9053 display: flex; 9054 align-items: center; 9055 justify-content: flex-end; 9056 gap: 2px; 9057 flex-shrink: 0; 9058} 9059 9060.luxury-star { 9061 width: 12px; 9062 height: 12px; 9063 fill: #000000; 9064 transition: all 0.3s ease; 9065} 9066 9067.luxury-star--empty { 9068 fill: #e0e0e0; 9069} 9070 9071.luxury-rating:hover .luxury-star { 9072 transform: scale(1.1); 9073} 9074 9075.luxury-title { 9076 font-size: 18px; 9077 font-weight: 800; 9078 line-height: 1.1; 9079 color: #0a0a0a; 9080 text-decoration: none; 9081 display: -webkit-box; 9082 -webkit-line-clamp: 2; 9083 -webkit-box-orient: vertical; 9084 overflow: hidden; 9085 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 9086 position: relative; 9087 min-height: 20px; 9088 margin: 0; 9089} 9090 9091.luxury-title::after { 9092 content: ''; 9093 position: absolute; 9094 bottom: -4px; 9095 left: 0; 9096 width: 0; 9097 height: 2px; 9098 background: linear-gradient(90deg, #000000 0%, #444444 100%); 9099 border-radius: 1px; 9100 transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1); 9101} 9102 9103.luxury-title:hover {
9104 color: #000000; 9105 transform: translateY(-2px); 9106} 9107 9108.luxury-title:hover::after { 9109 width: 100%; 9110} 9111 9112.luxury-price-section { 9113 margin: 0; 9114 display: flex; 9115 flex-direction: column; 9116 gap: 12px; 9117} 9118 9119.luxury-discount-row { 9120 display: flex; 9121 justify-content: space-between; 9122 align-items: center; 9123 gap: 12px; 9124 min-height: 20px; 9125} 9126 9127.luxury-price-row { 9128 display: flex; 9129 align-items: center; 9130 gap: 8px; 9131} 9132 9133.luxury-price-row--single { 9134 justify-content: space-between; 9135 align-items: center; 9136} 9137 9138.luxury-price { 9139 font-size: 18px; 9140 font-weight: 800; 9141 color: #000000; 9142 letter-spacing: -0.2px; 9143 white-space: nowrap; 9144 flex-shrink: 0; 9145 line-height: 1; 9146} 9147 9148.luxury-price.luxury-price--from { 9149 font-size: 16px; 9150 font-weight: 700; 9151} 9152 9153.luxury-price--compare { 9154 font-size: 15px; 9155 font-weight: 500; 9156 color: #999999; 9157 text-decoration: line-through; 9158 opacity: 0.8; 9159 white-space: nowrap; 9160 flex-shrink: 0; 9161 line-height: 1; 9162} 9163 9164.luxury-discount-badge { 9165 background: #000000; 9166 color: #ffffff; 9167 padding: 6px 12px; 9168 font-size: 11px; 9169 font-weight: 800; 9170 letter-spacing: 0.5px; 9171 text-transform: uppercase; 9172 border-radius: 9px; 9173 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 9174 white-space: nowrap; 9175 flex-shrink: 0; 9176 line-height: 1; 9177} 9178 9179.luxury-swatches { 9180 display: flex; 9181 align-items: center; 9182 justify-content: center; 9183 gap: 3px; 9184 flex-wrap: wrap; 9185} 9186 9187.luxury-swatch { 9188 width: 26px; 9189 height: 26px; 9190 border-radius: 50%; 9191 border: 2px solid #eeeeee; 9192 cursor: pointer; 9193 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 9194 position: relative; 9195 box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.3); 9196 flex-shrink: 0; 9197} 9198 9199.luxury-swatch:hover { 9200 transform: scale(1.3); 9201 border-color: #000000; 9202 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4); 9203} 9204 9205.luxury-swatch::after { 9206 content: ''; 9207 position: absolute; 9208 top: -6px; 9209 left: -6px; 9210 right: -6px; 9211 bottom: -6px; 9212 border: 2px solid transparent; 9213 border-radius: 50%; 9214 transition: all 0.4s ease; 9215} 9216 9217.luxury-swatch:hover::after { 9218 border-color: rgba(0, 0, 0, 0.15); 9219} 9220 9221.luxury-quick-buy { 9222 width: 100%; 9223 height: 48px; 9224 background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%); 9225 color: #ffffff; 9226 border: 1px solid rgba(255, 255, 255, 0.1); 9227 border-radius: 16px; 9228 display: flex; 9229 align-items: center; 9230 justify-content: center; 9231 gap: 6px; 9232 cursor: pointer; 9233 transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); 9234 font-size: 10px; 9235 font-weight: 800; 9236 text-transform: uppercase; 9237 letter-spacing: 1px; 9238 position: relative; 9239 overflow: visible; 9240 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1); 9241 flex-shrink: 0; 9242} 9243 9244.luxury-quick-buy strong { 9245 font-weight: 900; 9246} 9247 9248.luxury-quick-buy::before { 9249 content: ''; 9250 position: absolute; 9251 top: 0; 9252 left: -100%; 9253 width: 100%; 9254 height: 100%; 9255 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); 9256 transition: left 0.6s ease; 9257} 9258 9259.luxury-quick-buy:hover::before { 9260 left: 100%; 9261} 9262 9263.luxury-quick-buy:hover { 9264 background: linear-gradient(135deg, #1a1a1a 0%, #333333 50%, #1a1a1a 100%); 9265 transform: translateY(-3px); 9266 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15); 9267 border-color: rgba(255, 255, 255, 0.2); 9268} 9269 9270.luxury-quick-buy:active { 9271 transform: translateY(-1px); 9272} 9273 9274.luxury-quick-buy-icon { 9275 width: 16px; 9276 height: 16px; 9277 filter: brightness(0) invert(1); 9278 transition: all 0.3s ease; 9279 flex-shrink: 0; 9280 display: block; 9281 margin-bottom: 0px; 9282} 9283 9284.luxury-quick-buy:hover .luxury-quick-buy-icon { 9285 transform: scale(1.1); 9286} 9287 9288.luxury-product-card { 9289 margin: 16px 6px; 9290} 9291 9292.products-grid { 9293 display: grid; 9294 grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); 9295 gap: 12px 16px; 9296 margin: 0 -6px; 9297 padding: 0; 9298 align-items: stretch; 9299} 9300 9301@media (min-width: 768px) { 9302 .products-grid { 9303 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); 9304 gap: 16px 20px; 9305 align-items: stretch; 9306 } 9307} 9308 9309@media (min-width: 1024px) { 9310 .products-grid { 9311 grid-template-columns: repeat(3, 1fr); 9312 gap: 20px 24px; 9313 align-items: stretch; 9314 } 9315} 9316 9317@media (max-width: 768px) { 9318 .luxury-card-info { 9319 padding: 10px 14px 8px 14px; 9320 } 9321 9322 .luxury-title { 9323 font-size: 13px; 9324 line-height: 1.2; 9325 min-height: 28px; 9326 } 9327 9328 .luxury-price { 9329 font-size: 15px; 9330 } 9331 9332 .luxury-price.luxury-price--from { 9333 font-size: 13px; 9334 } 9335 9336 .luxury-price--compare { 9337 font-size: 12px; 9338 } 9339 9340 .luxury-quick-buy { 9341 height: 42px; 9342 font-size: 9px; 9343 letter-spacing: 1px; 9344 gap: 6px; 9345 } 9346 9347 .luxury-quick-buy-icon { 9348 width: 16px; 9349 height: 16px; 9350 margin-bottom: 0px; 9351 } 9352 9353 .luxury-swatch {
9354 width: 20px; 9355 height: 20px; 9356 } 9357 9358 .luxury-star { 9359 width: 10px; 9360 height: 10px; 9361 } 9362 9363 .luxury-vendor { 9364 font-size: 9px; 9365 letter-spacing: 0.6px; 9366 } 9367 9368 .luxury-product-card { 9369 margin: 10px 4px; 9370 } 9371 9372 .luxury-price-row { 9373 gap: 6px; 9374 } 9375 9376 .luxury-badges { 9377 top: 8px; 9378 left: 8px; 9379 gap: 6px; 9380 } 9381 9382 .luxury-badge { 9383 padding: 6px 12px; 9384 font-size: 8px; 9385 min-width: 70px; 9386 border-radius: 18px; 9387 } 9388 9389 .luxury-badge.sale { 9390 padding: 8px 14px; 9391 font-size: 7px; 9392 min-width: 75px; 9393 } 9394 9395 .luxury-info-container { 9396 gap: 3px; 9397 } 9398} 9399 9400@media (max-width: 480px) { 9401 .luxury-card-info { 9402 padding: 8px 12px 6px 12px; 9403 } 9404 9405 .luxury-title { 9406 font-size: 12px; 9407 min-height: 26px; 9408 } 9409 9410 .luxury-price { 9411 font-size: 14px; 9412 } 9413 9414 .luxury-price.luxury-price--from { 9415 font-size: 12px; 9416 } 9417 9418 .luxury-price--compare { 9419 font-size: 11px; 9420 } 9421 9422 .luxury-quick-buy { 9423 height: 40px; 9424 font-size: 8px; 9425 gap: 5px; 9426 } 9427 9428 .luxury-quick-buy-icon { 9429 width: 14px; 9430 height: 14px; 9431 margin-bottom: 0px; 9432 } 9433 9434 .luxury-swatch { 9435 width: 18px; 9436 height: 18px; 9437 } 9438 9439 .luxury-star { 9440 width: 9px; 9441 height: 9px; 9442 } 9443 9444 .luxury-price-row { 9445 gap: 5px; 9446 } 9447 9448 .luxury-discount-badge { 9449 padding: 2px 6px; 9450 font-size: 8px; 9451 } 9452 9453 .luxury-badges { 9454 top: 6px; 9455 left: 6px; 9456 gap: 4px; 9457 } 9458 9459 .luxury-badge { 9460 padding: 4px 10px; 9461 font-size: 7px; 9462 min-width: 60px; 9463 border-radius: 16px; 9464 } 9465 9466 .luxury-badge.sale { 9467 padding: 6px 12px; 9468 font-size: 6px; 9469 min-width: 65px; 9470 } 9471 9472 .luxury-info-container { 9473 gap: 2px; 9474 } 9475 9476 .luxury-vendor-section { 9477 min-height: 16px; 9478 } 9479 9480 .luxury-discount-row { 9481 min-height: 18px; 9482 } 9483} 9484</style> 9485 9486 9487<product-card class="luxury-product-card" handle="damast-messerset-sandelholz-inkl-messerhalter-ashcube"> 9488 9489 9490
9490<script> 9491 // Function to apply conditional font based on vendor name 9492 document.addEventListener('DOMContentLoaded', function() { 9493 const vendorElements = document.querySelectorAll('.luxury-vendor'); 9494 9495 vendorElements.forEach(function(element) { 9496 const vendorName = element.textContent.trim(); 9497 9498 if (vendorName === 'von Deines & Wolf®') { 9499 element.classList.add('von-deines-wolf'); 9500 } else { 9501 element.classList.remove('von-deines-wolf'); 9502 } 9503 }); 9504 }); 9505 9506 // For dynamically added products (if needed) 9507 function applyVendorFont(vendorElement) { 9508 const vendorName = vendorElement.textContent.trim(); 9509 9510 if (vendorName === 'von Deines & Wolf®') { 9511 vendorElement.classList.add('von-deines-wolf'); 9512 } else { 9513 vendorElement.classList.remove('von-deines-wolf'); 9514 } 9515 } 9516 </script>
9516 9517 9518 9519 <div class="luxury-card-figure"> 9520 9521 <div class="luxury-badges"> 9522 9523 9524 9525 <span class="luxury-badge sale"> 9526 <span class="badge-text">Spare 199 â¬</span> 9527 </span> 9528 9529 9530 9531 <span class="luxury-badge"><strong>Ausverkauft</strong></span> 9532 9533 9534 9535 9536 9537 </div> 9538 9539 9540 <a href="/products/damast-messerset-sandelholz-inkl-messerhalter-ashcube" class="luxury-card-media" draggable="false" data-instant> 9541 9542 9543 9544 9545 <img src="//luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=1400" alt="Damast Messerset Sandelholz mit Messerhalter Ashwood" srcset="//luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=200 200w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=300 300w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=400 400w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=500 500w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=600 600w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=700 700w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=800 800w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=1400 1400w" width="1400" height="1400" loading="lazy" sizes=" 9546 9547 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 9548 9549 " draggable="false" class="luxury-card-image luxury-card-image--primary"> 9550 9551 <img src="//luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=1400" alt="Damastmesser Sandelholz Produktfoto 6-teiliges Messerset, extrem scharfe Küchenmesser, VG10 Stahl" srcset="//luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=200 200w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=300 300w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=400 400w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=500 500w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=600 600w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=700 700w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=800 800w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/kitchen-luxe-damastmesserset-sandelholz-food.jpg?v=1762257935&width=1400 1400w" width="1400" height="1400" loading="lazy" class="luxury-card-image luxury-card-image--secondary" fetchpriority="low" sizes=" 9552 9553 (max-width: 699px) 74vw, (max-width: 999px) 38vw, calc((100vw - 96px) / 4 - (24px / 4 * 3)) 9554 9555 " draggable="false"> 9556 </a> 9557 </div> 9558 9559 9560 <div class="luxury-card-info"> 9561 <div class="luxury-info-container"> 9562 9563 <div class="luxury-vendor-section"> 9564 <div class="luxury-vendor">Kitchen Luxe</div> 9565 </div> 9566 9567 9568 9569 <a href="/products/damast-messerset-sandelholz-inkl-messerhalter-ashcube" class="luxury-title" data-instant> 9570 Damast Messerset "Sandelholz" inkl. Messerhalter Ashcube 9571 </a> 9572 9573 </div> 9574 9575 <div class="luxury-card-actions"> 9576 9577 <div class="luxury-price-section"> 9578 9579 <div class="luxury-discount-row"> 9580
9581 <span class="luxury-discount-badge">-26%</span> 9582 9583 </div> 9584 <div class="luxury-price-row"> 9585 <span class="luxury-price "> 9586 9587 549,00 ⬠9588 9589 </span> 9590 <span class="luxury-price luxury-price--compare"> 9591 748,00 ⬠9592 </span> 9593 </div> 9594 9595 </div> 9596 9597 9598 9599 9600 9601 </div> 9602 </div> 9603</product-card></scroll-carousel> 9604 9605 <carousel-next-button class="floating-controls-container__control" aria-controls="featured-collections-product-list-carousel-collection-1"> 9606 <button type="button" class="prev-next-button prev-next-button--next circle-button hover:animate-icon-inline"> 9607 <span class="sr-only">Vor</span><svg aria-hidden="true" focusable="false" fill="none" width="16" class="icon icon-arrow-right icon--direction-aware" viewBox="0 0 16 18"> 9608 <path d="m5 17 8-8-8-8" stroke="currentColor" stroke-linecap="square"/> 9609 </svg></button> 9610 </carousel-next-button> 9611 </product-list><div class="justify-self-center"> 9612<a class="button" href="/collections/knife-sets" >Alle ansehen</a></div></div></featured-collections-carousel> 9613 9614
9614<script> 9615 document.addEventListener('DOMContentLoaded', function() { 9616 // Add word drop animation to collection titles 9617 const collectionButtons = document.querySelectorAll('#shopify-section-template--26232202559862__featured-collections .featured-collections-navigation button'); 9618 const singleTitle = document.querySelector('#shopify-section-template--26232202559862__featured-collections .h2'); 9619 9620 function wrapWordsWithSpans(element) { 9621 if (!element) return; 9622 9623 const text = element.textContent || element.innerText; 9624 const words = text.split(' '); 9625 9626 element.innerHTML = words.map((word, index) => 9627 `<span class="word" style="--word-index: ${index}">${word}</span>` 9628 ).join(' '); 9629 } 9630 9631 // Apply word animation to navigation buttons 9632 collectionButtons.forEach(button => { 9633 wrapWordsWithSpans(button); 9634 }); 9635 9636 // Apply word animation to single title 9637 if (singleTitle) { 9638 wrapWordsWithSpans(singleTitle); 9639 } 9640 }); 9641 </script>
9641 9642 </div> 9643 </div> 9644 </div></section><div id="shopify-section-template--26232202559862__forwho" class="shopify-section who-is-this-for-section"><style> 9645 /* Enhanced For Who Section Styles */ 9646 #shopify-section-template--26232202559862__forwho { 9647 position: relative; 9648 padding: 80px 0 80px; 9649 background: linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,249,250,0.95) 100%); 9650 overflow: hidden; 9651 } 9652 9653 #shopify-section-template--26232202559862__forwho::before { 9654 content: ''; 9655 position: absolute; 9656 top: 0; 9657 left: 0; 9658 width: 100%; 9659 height: 100%; 9660 background-image: 9661 radial-gradient(circle at 15% 25%, rgba(0,0,0,0.01) 2px, transparent 2px), 9662 radial-gradient(circle at 85% 75%, rgba(0,0,0,0.01) 2px, transparent 2px); 9663 background-size: 120px 120px, 140px 140px; 9664 animation: particleFloat 25s linear infinite; 9665 pointer-events: none; 9666 opacity: 0.4; 9667 z-index: 1; 9668 } 9669 9670 #shopify-section-template--26232202559862__forwho .container { 9671 max-width: var(--page-width, 1200px); 9672 margin: 0 auto; 9673 padding-left: 20px; 9674 padding-right: 20px; 9675 position: relative; 9676 z-index: 2; 9677 } 9678 9679 /* Section Header Styling - Centered like original */ 9680 .section-header { 9681 text-align: center; 9682 margin-bottom: 4rem; 9683 opacity: 0; 9684 transform: translateY(30px); 9685 animation: slideUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards; 9686 position: relative; 9687 } 9688 9689 /* Enhanced Subtitle - removed font-family assignment */ 9690 #shopify-section-template--26232202559862__forwho .section-subtitle { 9691 font-size: 1.6rem !important; 9692 font-weight: 950 !important; 9693 color: #86868b !important; 9694 letter-spacing: 0.05em !important; 9695 margin: 0 auto 2.5rem; 9696 position: relative; 9697 display: inline-block; 9698 opacity: 0; 9699 transform: translateY(30px) scale(0.9); 9700 animation: subtitleEnhanced 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s forwards; 9701 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); 9702 } 9703 9704 /* Enhanced decorative lines with better animation */ 9705 #shopify-section-template--26232202559862__forwho .section-subtitle::before, 9706 #shopify-section-template--26232202559862__forwho .section-subtitle::after { 9707 content: ''; 9708 position: absolute; 9709 top: 50%; 9710 width: 100px; 9711 height: 3px; 9712 background: linear-gradient(90deg, transparent, #86868b, transparent); 9713 transform: translateY(-50%) scaleX(0); 9714 animation: lineGrow 0.8s ease-out 1s forwards; 9715 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 9716 } 9717 9718 #shopify-section-template--26232202559862__forwho .section-subtitle::before { 9719 left: -140px; 9720 transform-origin: right; 9721 } 9722 9723 #shopify-section-template--26232202559862__forwho .section-subtitle::after { 9724 right: -140px; 9725 transform-origin: left; 9726 } 9727 9728 /* Enhanced Main Title - removed font-family assignment */ 9729 #shopify-section-template--26232202559862__forwho .section-title { 9730 font-size: clamp(2.2rem, 5vw, 3rem) !important; 9731 font-weight: 700 !important; 9732 line-height: 1.1 !important; 9733 color: #1d1d1f !important; 9734 text-align: center; 9735 margin: 0 auto 3rem !important; 9736 letter-spacing: -0.02em; 9737 opacity: 0; 9738 transform: translateY(30px); 9739 animation: slideUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s forwards; 9740 position: relative; 9741 display: inline-block; 9742 } 9743 9744 #shopify-section-template--26232202559862__forwho .section-title .word { 9745 display: inline-block; 9746 opacity: 0; 9747 transform: translateY(50px) rotateX(90deg); 9748 animation: wordDrop 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 9749 animation-delay: calc(0.9s + var(--word-index, 0) * 0.15s); 9750 transform-origin: 50% 100%; 9751 position: relative; 9752 } 9753 9754 /* Decorative line below main title - centered properly */ 9755 #shopify-section-template--26232202559862__forwho .section-title::after { 9756 content: ''; 9757 position: absolute; 9758 bottom: -25px; 9759 left: 50%; 9760 transform: translateX(-50%) scaleX(0); 9761 width: 300px; 9762 height: 3px; 9763 background: linear-gradient(90deg, transparent, #1d1d1f, transparent); 9764 animation: underlineGrow 0.8s ease-out forwards; 9765 animation-delay: 2s; 9766 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 9767 } 9768 9769 /* Benefits Grid with Enhanced Styling */ 9770 #shopify-section-template--26232202559862__forwho .benefits-grid { 9771 display: grid; 9772 grid-template-columns: repeat(2, 1fr); 9773 gap: 24px; 9774 opacity: 0; 9775 transform: translateY(50px); 9776 animation: slideUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s forwards; 9777 } 9778 9779 #shopify-section-template--26232202559862__forwho .benefit-card { 9780 background: rgba(255, 255, 255, 0.8); 9781 backdrop-filter: blur(15px); 9782 border: 1px solid #d2d2d7; 9783 border-radius: 18px; 9784 padding: 32px 28px; 9785 display: flex; 9786 flex-direction: row; 9787 align-items: center; 9788 text-align: left; 9789 transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); 9790 position: relative; 9791 overflow: hidden; 9792 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); 9793 opacity: 0; 9794 transform: translateY(30px) scale(0.95); 9795 animation: cardSlideUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; 9796 animation-delay: calc(1.5s + var(--card-index, 0) * 0.2s); 9797 } 9798 9799 #shopify-section-template--26232202559862__forwho .benefit-card::before { 9800 content: ''; 9801 position: absolute; 9802 top: 0; 9803 left: 0; 9804 right: 0; 9805 height: 1px; 9806 background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent); 9807 opacity: 0; 9808 transition: opacity 0.4s ease; 9809 } 9810 9811 #shopify-section-template--26232202559862__forwho .benefit-card::after { 9812 content: ''; 9813 position: absolute; 9814 top: 0; 9815 left: -100%; 9816 width: 100%; 9817 height: 100%; 9818 background: linear-gradient(45deg, rgba(0,0,0,0.02), rgba(0,0,0,0.01)); 9819 transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); 9820 z-index: -1; 9821 } 9822 9823 #shopify-section-template--26232202559862__forwho .benefit-card:hover { 9824 transform: translateY(-8px) scale(1.02); 9825 box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); 9826 border-color: #1d1d1f; 9827 } 9828 9829 #shopify-section-template--26232202559862__forwho .benefit-card:hover::before { 9830 opacity: 1; 9831 } 9832 9833 #shopify-section-template--26232202559862__forwho .benefit-card:hover::after { 9834 left: 0; 9835 } 9836 9837 #shopify-section-template--26232202559862__forwho .benefit-card:hover .icon-wrapper { 9838 transform: scale(1.1) rotate(5deg); 9839 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); 9840 } 9841 9842 /* Enhanced Icon Wrapper */ 9843 #shopify-section-template--26232202559862__forwho .icon-wrapper { 9844 background: #1d1d1f; 9845 border-radius: 12px; 9846 width: 48px; 9847 height: 48px; 9848 display: flex; 9849 align-items: center; 9850 justify-content: center; 9851 flex-shrink: 0; 9852 margin-right: 20px; 9853 transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); 9854 position: relative; 9855 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 9856 } 9857 9858 #shopify-section-template--26232202559862__forwho .icon-wrapper::before { 9859 content: ''; 9860 position: absolute; 9861 top: -2px; 9862 left: -2px; 9863 right: -2px; 9864 bottom: -2px; 9865 background: linear-gradient(45deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)
9865); 9866 border-radius: 14px; 9867 z-index: -1; 9868 opacity: 0; 9869 transition: opacity 0.4s ease; 9870 } 9871 9872 #shopify-section-template--26232202559862__forwho .benefit-card:hover .icon-wrapper::before { 9873 opacity: 1; 9874 } 9875 9876 #shopify-section-template--26232202559862__forwho .icon, 9877 #shopify-section-template--26232202559862__forwho .icon-image { 9878 width: 24px; 9879 height: 24px; 9880 filter: brightness(0) invert(1); 9881 object-fit: contain; 9882 transition: transform 0.3s ease; 9883 } 9884 9885 #shopify-section-template--26232202559862__forwho .icon { 9886 stroke: #ffffff; 9887 fill: none; 9888 stroke-width: 2; 9889 } 9890 9891 /* Enhanced Content Styling */ 9892 #shopify-section-template--26232202559862__forwho .benefit-content { 9893 flex: 1; 9894 display: flex; 9895 flex-direction: column; 9896 justify-content: flex-start; 9897 } 9898 9899 #shopify-section-template--26232202559862__forwho .benefit-description { 9900 font-size: 1rem; 9901 line-height: 1.5; 9902 color: #86868b; 9903 margin: 0; 9904 transition: color 0.3s ease; 9905 } 9906 9907 #shopify-section-template--26232202559862__forwho .benefit-card:hover .benefit-description { 9908 color: #333; 9909 } 9910 9911 /* Animations */ 9912 @keyframes slideUp { 9913 to { 9914 opacity: 1; 9915 transform: translateY(0); 9916 } 9917 } 9918 9919 /* New enhanced animation for subtitle */ 9920 @keyframes subtitleEnhanced { 9921 0% { 9922 opacity: 0; 9923 transform: translateY(30px) scale(0.9); 9924 } 9925 60% { 9926 opacity: 0.9; 9927 transform: translateY(-5px) scale(1.05); 9928 } 9929 100% { 9930 opacity: 1; 9931 transform: translateY(0) scale(1); 9932 } 9933 } 9934 9935 /* New animation for decorative lines */ 9936 @keyframes lineGrow { 9937 to { 9938 transform: translateY(-50%) scaleX(1); 9939 } 9940 } 9941 9942 @keyframes wordDrop { 9943 to { 9944 opacity: 1; 9945 transform: translateY(0) rotateX(0deg); 9946 } 9947 } 9948 9949 @keyframes underlineGrow { 9950 to { 9951 transform: translateX(-50%) scaleX(1); 9952 } 9953 } 9954 9955 @keyframes cardSlideUp { 9956 to { 9957 opacity: 1; 9958 transform: translateY(0) scale(1); 9959 } 9960 } 9961 9962 @keyframes particleFloat { 9963 0% { 9964 transform: translate(0, 0); 9965 } 9966 100% { 9967 transform: translate(50px, -50px); 9968 } 9969 } 9970 9971 /* Desktop Styles */ 9972 @media (min-width: 769px) { 9973 #shopify-section-template--26232202559862__forwho .benefits-grid { 9974 grid-template-columns: repeat(2, 1fr); 9975 gap: 32px; 9976 } 9977 } 9978 9979 /* Mobile Styles */ 9980 @media (max-width: 768px) { 9981 #shopify-section-template--26232202559862__forwho { 9982 padding: 60px 0; 9983 } 9984 9985 /* Smaller subtitle in mobile - 20% smaller */ 9986 #shopify-section-template--26232202559862__forwho .section-subtitle { 9987 font-size: 1.28rem !important; 9988 font-weight: 900 !important; 9989 margin-bottom: 2rem; 9990 } 9991 9992 #shopify-section-template--26232202559862__forwho .section-subtitle::before, 9993 #shopify-section-template--26232202559862__forwho .section-subtitle::after { 9994 width: 70px; 9995 height: 2px; 9996 } 9997 9998 #shopify-section-template--26232202559862__forwho .section-subtitle::before { 9999 left: -90px; 10000 } 10001 10002 #shopify-section-template--26232202559862__forwho .section-subtitle::after { 10003 right: -90px; 10004 } 10005 10006 /* Smaller title in mobile - 20% smaller */ 10007 #shopify-section-template--26232202559862__forwho .section-title { 10008 font-size: clamp(1.76rem, 4vw, 2.4rem) !important; 10009 margin-bottom: 2.5rem !important; 10010 } 10011 10012 #shopify-section-template--26232202559862__forwho .benefits-grid { 10013 grid-template-columns: repeat(2, 1fr); 10014 gap: 16px; 10015 } 10016 10017 #shopify-section-template--26232202559862__forwho .benefit-card { 10018 padding: 24px 20px; 10019 flex-direction: column; 10020 text-align: center; 10021 align-items: center; 10022 } 10023 10024 #shopify-section-template--26232202559862__forwho .icon-wrapper { 10025 width: 44px; 10026 height: 44px; 10027 margin-right: 0; 10028 margin-bottom: 16px; 10029 border-radius: 50%; 10030 } 10031 10032 #shopify-section-template--26232202559862__forwho .icon, 10033 #shopify-section-template--26232202559862__forwho .icon-image { 10034 width: 22px; 10035 height: 22px; 10036 } 10037 10038 #shopify-section-template--26232202559862__forwho .benefit-description { 10039 font-size: 0.8rem; 10040 line-height: 1.4; 10041 } 10042 } 10043 10044 @media (max-width: 480px) { 10045 /* Even smaller subtitle for small mobile - 25% smaller than desktop */ 10046 #shopify-section-template--26232202559862__forwho .section-subtitle { 10047 font-size: 1.2rem !important; 10048 font-weight: 900 !important; 10049 margin-bottom: 1.5rem; 10050 } 10051 10052 #shopify-section-template--26232202559862__forwho .section-subtitle::before, 10053 #shopify-section-template--26232202559862__forwho .section-subtitle::after { 10054 display: none; 10055 } 10056 10057 /* Even smaller title for small mobile - 25% smaller than desktop */ 10058 #shopify-section-template--26232202559862__forwho .section-title { 10059 font-size: clamp(1.65rem, 3.75vw, 2.25rem) !important; 10060 margin-bottom: 2rem !important; 10061 } 10062 10063 #shopify-section-template--26232202559862__forwho .benefits-grid { 10064 gap: 12px; 10065 } 10066 10067 #shopify-section-template--26232202559862__forwho .benefit-card { 10068 padding: 20px 16px; 10069 } 10070 10071 #shopify-section-template--26232202559862__forwho .icon-wrapper { 10072 width: 40px; 10073 height: 40px; 10074 margin-bottom: 12px; 10075 } 10076 10077 #shopify-section-template--26232202559862__forwho .icon,
10078 #shopify-section-template--26232202559862__forwho .icon-image { 10079 width: 20px; 10080 height: 20px; 10081 } 10082 10083 #shopify-section-template--26232202559862__forwho .benefit-description { 10084 font-size: 0.75rem; 10085 } 10086 } 10087 10088 /* Accessibility */ 10089 @media (prefers-reduced-motion: reduce) { 10090 #shopify-section-template--26232202559862__forwho * { 10091 animation: none !important; 10092 transition: none !important; 10093 } 10094 } 10095 10096 #shopify-section-template--26232202559862__forwho .benefit-card:focus-within { 10097 outline: 2px solid #007AFF; 10098 outline-offset: 2px; 10099 } 10100</style> 10101 10102<section class="who-is-this-for-section"> 10103 <div class="container"> 10104 <div style="text-align:center"> 10105 10106 <p class="section-subtitle">An wen richtet sich unser Angebot?</p> 10107 10108 10109 10110 <h2 class="section-title">Kitchen Luxe® ist perfekt für dich, wenn Du...</h2> 10111 10112 </div> 10113 10114 10115 <div class="benefits-grid"> 10116 10117 10118 <div class="benefit-card" style="--card-index: 0" > 10119 <div class="icon-wrapper"> 10120 10121 <img 10122 src="//luxe-kitchen.de/cdn/shop/t/55/assets/kochen.svg?v=91067823906181747921756296295" 10123 alt="Icon" 10124 class="icon-image" 10125 loading="lazy" 10126 width="24" 10127 height="24" 10128 /> 10129 10130 </div> 10131 10132 <div class="benefit-content"> 10133 10134 <div class="benefit-description"><p>Viel und gerne kochst & verlässliche Werkzeuge brauchst, welche für Jahre halten</p></div> 10135 10136 </div> 10137 </div> 10138 10139 10140 10141 <div class="benefit-card" style="--card-index: 1" > 10142 <div class="icon-wrapper"> 10143 10144 <img 10145 src="//luxe-kitchen.de/cdn/shop/t/55/assets/qualitaet.svg?v=36763535886744232111756296289" 10146 alt="Icon" 10147 class="icon-image" 10148 loading="lazy" 10149 width="24" 10150 height="24" 10151 /> 10152 10153 </div> 10154 10155 <div class="benefit-content"> 10156 10157 <div class="benefit-description"><p>Wert auf Qualität & Design legst und Produkte magst, die auf ganzer Linie überzeugen</p></div> 10158 10159 </div> 10160 </div> 10161 10162 10163 10164 <div class="benefit-card" style="--card-index: 2" > 10165 <div class="icon-wrapper"> 10166 10167 <img 10168 src="//luxe-kitchen.de/cdn/shop/t/55/assets/genervt.svg?v=50504495965618605341756296294" 10169 alt="Icon" 10170 class="icon-image" 10171 loading="lazy" 10172 width="24" 10173 height="24" 10174 /> 10175 10176 </div> 10177 10178 <div class="benefit-content"> 10179 10180 <div class="benefit-description"><p>Genervt bist von billigen Supermarkt-Artikeln, die Du ständig auswechseln musst</p></div> 10181 10182 </div> 10183 </div> 10184 10185 10186 10187 <div class="benefit-card" style="--card-index: 3" > 10188 <div class="icon-wrapper"> 10189 10190 <svg class="icon" viewBox="0 0 24 24" aria-hidden="true"> 10191 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path> 10192 </svg> 10193 10194 </div> 10195 10196 <div class="benefit-content"> 10197 10198 <div class="benefit-description"><p>Mehr Freude am Kochen durch wirklich gutes Küchenzubehör erleben möchtest</p></div> 10199 10200 </div> 10201 </div> 10202 10203 10204 </div> 10205 10206 </div> 10207 10208
10208<script> 10209 document.addEventListener('DOMContentLoaded', function() { 10210 // Add word drop animation to section title 10211 const sectionTitle = document.querySelector('#shopify-section-template--26232202559862__forwho .section-title'); 10212 10213 function wrapWordsWithSpans(element) { 10214 if (!element) return; 10215 10216 const text = element.textContent || element.innerText; 10217 const words = text.split(' '); 10218 10219 element.innerHTML = words.map((word, index) => 10220 `<span class="word" style="--word-index: ${index}">${word}</span>` 10221 ).join(' '); 10222 } 10223 10224 // Apply word animation to section title 10225 if (sectionTitle) { 10226 wrapWordsWithSpans(sectionTitle); 10227 } 10228 }); 10229 </script>
10229 10230</section> 10231 10232 10233</div><section id="shopify-section-template--26232202559862__youtubevideo" class="shopify-section shopify-section--video"> 10234<style> 10235 #shopify-section-template--26232202559862__youtubevideo { 10236 --video-bg-color: #ffffff; 10237 --video-text-color: #000000; 10238 --video-accent-color: #000000; 10239 --video-padding-top: 80px; 10240 --video-padding-bottom: 80px; 10241 --video-max-width: 800px; 10242 --video-height-desktop: 450px; 10243 --video-height-mobile: 250px; 10244 --video-border-width: 3px; 10245 10246 --video-border-radius: 0px; 10247 10248 } 10249 10250 .video-section-template--26232202559862__youtubevideo { 10251 position: relative; 10252 padding: var(--video-padding-top) 2rem var(--video-padding-bottom); 10253 text-align: center; 10254 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; 10255 background: var(--video-bg-color); 10256 overflow: hidden; 10257 min-height: 80vh; 10258 display: flex; 10259 flex-direction: column; 10260 justify-content: center; 10261 align-items: center; 10262 } 10263 10264 10265 .video-section-template--26232202559862__youtubevideo .background-lines { 10266 position: absolute; 10267 top: 0; 10268 left: 0; 10269 right: 0; 10270 bottom: 0; 10271 pointer-events: none; 10272 z-index: 1; 10273 } 10274 10275 .video-section-template--26232202559862__youtubevideo .background-lines::before { 10276 content: ''; 10277 position: absolute; 10278 width: 200px; 10279 height: 1px; 10280 background: linear-gradient(90deg, 10281 transparent 0%, 10282 var(--video-accent-color) 50%, 10283 transparent 100%); 10284 top: 30%; 10285 left: 50%; 10286 transform: translateX(-50%); 10287 opacity: 0.12; 10288 } 10289 10290 10291 .video-section-template--26232202559862__youtubevideo .video-title { 10292 position: relative; 10293 z-index: 2; 10294 font-size: clamp(2rem, 4vw, 3.2rem); 10295 font-weight: 400; 10296 color: var(--video-text-color); 10297 margin: 0 0 4rem; 10298 line-height: 1.2; 10299 max-width: 900px; 10300 letter-spacing: -0.02em; 10301 text-shadow: 0 1px 2px rgba(0,0,0,0.1); 10302 } 10303 10304 .video-section-template--26232202559862__youtubevideo .highlight { 10305 color: var(--video-accent-color); 10306 font-weight: 700; 10307 position: relative; 10308 font-style: italic; 10309 } 10310 10311 .video-section-template--26232202559862__youtubevideo .highlight::after { 10312 content: ''; 10313 position: absolute; 10314 bottom: -4px; 10315 left: 0; 10316 width: 100%; 10317 height: 3px; 10318 background: linear-gradient(90deg, 10319 transparent 0%, 10320 var(--video-accent-color) 20%, 10321 var(--video-accent-color) 80%, 10322 transparent 100%); 10323 opacity: 0.6; 10324 } 10325 10326 .video-section-template--26232202559862__youtubevideo .video-wrapper { 10327 position: relative; 10328 z-index: 2; 10329 max-width: var(--video-max-width); 10330 width: 100%; 10331 border: var(--video-border-width) solid var(--video-accent-color); 10332 border-radius: var(--video-border-radius); 10333 overflow: hidden; 10334 background: var(--video-accent-color); 10335 10336 transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); 10337 10338 box-shadow: 10339 0 0 0 1px rgba(0,0,0,0.1), 10340 0 8px 32px rgba(0,0,0,0.15), 10341 0 16px 64px rgba(0,0,0,0.1); 10342 } 10343 10344 10345 .video-section-template--26232202559862__youtubevideo .video-wrapper::before { 10346 content: ''; 10347 position: absolute; 10348 top: -2px; 10349 left: -2px; 10350 right: -2px; 10351 bottom: -2px; 10352 background: linear-gradient(45deg, 10353 var(--video-accent-color) 0%, 10354 #333333 25%, 10355 #666666 50%, 10356 #333333 75%, 10357 var(--video-accent-color) 100%); 10358 z-index: -1; 10359 opacity: 0; 10360 transition: opacity 0.4s ease; 10361 border-radius: var(--video-border-radius); 10362 } 10363 10364 .video-section-template--26232202559862__youtubevideo .video-wrapper:hover { 10365 transform: translateY(-8px) scale(1.02); 10366 box-shadow: 10367 0 0 0 1px rgba(0,0,0,0.2), 10368 0 20px 60px rgba(0,0,0,0.25), 10369 0 32px 100px rgba(0,0,0,0.15); 10370 } 10371 10372 .video-section-template--26232202559862__youtubevideo .video-wrapper:hover::before { 10373 opacity: 1; 10374 } 10375 10376 10377 .video-section-template--26232202559862__youtubevideo .video-wrapper iframe { 10378 width: 100%; 10379 height: var(--video-height-desktop); 10380 display: block; 10381 border: none; 10382 background: var(--video-accent-color); 10383 } 10384 10385 10386 /* Decorative corner elements */ 10387 .video-section-template--26232202559862__youtubevideo .video-wrapper::after { 10388 content: ''; 10389 position: absolute; 10390 top: 15px; 10391 left: 15px; 10392 width: 30px; 10393 height: 30px; 10394 border-top: 2px solid #ffffff; 10395 border-left: 2px solid #ffffff; 10396 opacity: 0.7; 10397 10398 transition: opacity 0.3s ease; 10399 10400 } 10401 10402 .video-section-template--26232202559862__youtubevideo .video-wrapper:hover::after { 10403 opacity: 1; 10404 } 10405 10406 10407 /* Responsive Design */ 10408 @media (max-width: 768px) { 10409 .video-section-template--26232202559862__youtubevideo {
10410 padding: calc(var(--video-padding-top) * 0.6) 1rem calc(var(--video-padding-bottom) * 0.6); 10411 min-height: 70vh; 10412 } 10413 10414 .video-section-template--26232202559862__youtubevideo .video-title { 10415 margin-bottom: 3rem; 10416 font-size: clamp(1.5rem, 5vw, 2.5rem); 10417 } 10418 10419 .video-section-template--26232202559862__youtubevideo .video-wrapper { 10420 max-width: 100%; 10421 border-width: calc(var(--video-border-width) * 0.67); 10422 } 10423 10424 .video-section-template--26232202559862__youtubevideo .video-wrapper iframe { 10425 height: calc(var(--video-height-mobile) + 50px); 10426 } 10427 10428 10429 .video-section-template--26232202559862__youtubevideo .background-lines::before { 10430 width: 150px; 10431 } 10432 10433 } 10434 10435 @media (max-width: 480px) { 10436 .video-section-template--26232202559862__youtubevideo { 10437 padding: calc(var(--video-padding-top) * 0.4) 1rem calc(var(--video-padding-bottom) * 0.4); 10438 } 10439 10440 .video-section-template--26232202559862__youtubevideo .video-wrapper iframe { 10441 height: var(--video-height-mobile); 10442 } 10443 10444 10445 .video-section-template--26232202559862__youtubevideo .background-lines::before { 10446 width: 100px; 10447 } 10448 10449 } 10450 10451 /* Text selection styling */ 10452 #shopify-section-template--26232202559862__youtubevideo ::selection { 10453 background-color: var(--video-accent-color); 10454 color: #ffffff; 10455 } 10456 10457 #shopify-section-template--26232202559862__youtubevideo ::-moz-selection { 10458 background-color: var(--video-accent-color); 10459 color: #ffffff; 10460 } 10461 10462 /* Override global styles */ 10463 .video-section-template--26232202559862__youtubevideo { 10464 margin-top: 0 !important; 10465 margin-bottom: 0 !important; 10466 } 10467 </style> 10468 10469 <section class="video-section-template--26232202559862__youtubevideo"> 10470 10471 <div class="background-lines"></div> 10472 10473 10474 10475 <h2 class="video-title"> 10476 10477 Profiköchin 10478 10479 10480 <span class="highlight">Sascha K. Soederhuyzen</span> 10481 10482 10483 über ihre Karriere & Küchenqualität 10484 10485 </h2> 10486 10487 10488 10489 <div class="video-wrapper"> 10490 <iframe 10491 src="https://www.youtube.com/embed/TID-h4aRE9Q?rel=0&modestbranding=1&playsinline=1" 10492 frameborder="0" 10493 allowfullscreen 10494 loading="lazy" 10495 title="Sascha K. Soederhuyzen" 10496 ></iframe> 10497 </div> 10498 10499 </section></section><section id="shopify-section-template--26232202559862__multiple-media-with-text" class="shopify-section shopify-section--multiple-media-with-text"><style> 10500 #shopify-section-template--26232202559862__multiple-media-with-text { 10501 --multiple-media-with-text-grid: "media-wrapper" "content-wrapper" / minmax(0, 1fr); 10502 --multiple-media-with-text-media-alignment-offset: 0px; 10503 --multiple-media-with-text-media-grid: auto var(--multiple-media-with-text-media-grid-auto-rows) / auto-flow var(--multiple-media-with-text-media-grid-auto-columns); 10504 --multiple-media-with-text-media-gap: 0; 10505 10506 /* Black & White Design System */ 10507 --media-black: #000000; 10508 --media-white: #ffffff; 10509 --media-gray-50: #fafafa; 10510 --media-gray-100: #f5f5f5; 10511 --media-gray-200: #e5e5e5; 10512 --media-gray-300: #d4d4d4; 10513 --media-gray-400: #a3a3a3; 10514 --media-gray-500: #737373; 10515 --media-gray-600: #525252; 10516 --media-gray-700: #404040; 10517 --media-gray-800: #262626; 10518 --media-gray-900: #171717; 10519 10520 /* Semantic Colors */ 10521 --media-primary: var(--media-black); 10522 --media-secondary: var(--media-white); 10523 --media-surface: var(--media-gray-50); 10524 --media-surface-elevated: var(--media-white); 10525 --media-text-primary: var(--media-gray-900); 10526 --media-text-secondary: var(--media-gray-600); 10527 --media-text-muted: var(--media-gray-500); 10528 --media-border: var(--media-gray-200); 10529 --media-border-focus: var(--media-gray-400); 10530 --media-accent: var(--media-gray-800); 10531 --media-accent-hover: var(--media-black); 10532 10533 /* Shadows (grayscale) */
10534 --media-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); 10535 --media-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); 10536 --media-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); 10537 --media-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); 10538 10539 /* Gradients (black & white) */ 10540 --media-gradient-primary: linear-gradient(135deg, var(--media-black) 0%, var(--media-gray-800) 100%); 10541 --media-gradient-secondary: linear-gradient(135deg, var(--media-gray-100) 0%, var(--media-white) 100%); 10542 --media-gradient-surface: linear-gradient(135deg, var(--media-gray-50) 0%, var(--media-white) 100%); 10543 --media-gradient-accent: linear-gradient(45deg, var(--media-gray-200) 0%, var(--media-gray-100) 50%, var(--media-gray-200) 100%); 10544 10545 /* Animation Variables */ 10546 --media-transition-fast: 0.15s ease-out; 10547 --media-transition-base: 0.3s ease-out; 10548 --media-transition-slow: 0.5s ease-out; 10549 --media-spring: cubic-bezier(0.68, -0.55, 0.265, 1.55);--multiple-media-with-text-media-grid-auto-rows:; 10550 --multiple-media-with-text-media-grid-auto-columns:minmax(0, 1.75fr) minmax(0, 0.8fr) minmax(0, 0.8fr); 10551 } 10552 10553 @media screen and (min-width: 700px) { 10554 #shopify-section-template--26232202559862__multiple-media-with-text { 10555 --multiple-media-with-text-media-alignment-offset: 0px; 10556 --multiple-media-with-text-media-gap: 0;--multiple-media-with-text-media-grid-auto-columns:minmax(0, 1.85fr) minmax(0, 0.35fr) minmax(0, 1.4fr); 10557 } 10558 } 10559 10560 @media screen and (min-width: 1200px) { 10561 #shopify-section-template--26232202559862__multiple-media-with-text { 10562 --multiple-media-with-text-grid: "media-wrapper content-wrapper" / minmax(0, 1.2fr) minmax(0, 400px); 10563 } 10564 } 10565 10566 /* Main Container - Monochromatic Elegance */ 10567 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text { 10568 background: var(--media-surface-elevated); 10569 border: 2px solid var(--media-border); 10570 border-radius: 24px; 10571 padding: 3rem; 10572 box-shadow: var(--media-shadow-lg); 10573 transition: all var(--media-transition-slow) var(--media-spring); 10574 position: relative; 10575 overflow: hidden; 10576 } 10577 10578 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text::before { 10579 content: ''; 10580 position: absolute; 10581 top: 0; 10582 left: 0; 10583 right: 0; 10584 height: 4px; 10585 background: var(--media-gradient-primary); 10586 border-radius: 24px 24px 0 0; 10587 opacity: 0; 10588 transition: opacity var(--media-transition-base); 10589 } 10590 10591 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text::after { 10592 content: ''; 10593 position: absolute; 10594 top: -50%; 10595 left: -50%; 10596 width: 200%; 10597 height: 200%; 10598 background: repeating-linear-gradient( 10599 45deg, 10600 transparent, 10601 transparent 2px, 10602 var(--media-gray-100) 2px, 10603 var(--media-gray-100) 4px 10604 ); 10605 opacity: 0; 10606 transition: opacity var(--media-transition-slow); 10607 pointer-events: none; 10608 z-index: -1; 10609 } 10610 10611 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text:hover { 10612 box-shadow: var(--media-shadow-xl); 10613 transform: translateY(-4px); 10614 border-color: var(--media-border-focus); 10615 } 10616 10617 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text:hover::before { 10618 opacity: 1; 10619 } 10620 10621 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text:hover::after { 10622 opacity: 0.02; 10623 } 10624 10625 /* Media Wrapper - Clean & Sharp */ 10626 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__media-wrapper { 10627 position: relative; 10628 } 10629 10630 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__media-wrapper > div { 10631 border-radius: 16px; 10632 overflow: hidden; 10633 position: relative; 10634 transition: all var(--media-transition-base) var(--media-spring); 10635 } 10636 10637 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__media-wrapper > div::before { 10638 content: ''; 10639 position: absolute; 10640 top: 0; 10641 left: 0; 10642 right: 0; 10643 bottom: 0; 10644 background: linear-gradient(45deg, transparent 0%, rgba(0,0,0,0.03) 50%, transparent 100%); 10645 opacity: 0; 10646 transition: opacity var(--media-transition-base); 10647 z-index: 2; 10648 pointer-events: none; 10649 } 10650 10651 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__media-wrapper > div:hover::before { 10652 opacity: 1; 10653 } 10654 10655 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__media-wrapper img, 10656 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__media-wrapper video { 10657 border-radius: 16px; 10658 border: 2px solid var(--media-border); 10659 transition: all var(--media-transition-base) var(--media-spring);
10660 box-shadow: var(--media-shadow-md); 10661 width: 100%; 10662 height: auto; 10663 display: block; 10664 filter: grayscale(10%) contrast(1.1); 10665 } 10666 10667 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__media-wrapper > div:hover img, 10668 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__media-wrapper > div:hover video { 10669 border-color: var(--media-accent); 10670 transform: scale(1.03); 10671 box-shadow: var(--media-shadow-lg); 10672 filter: grayscale(0%) contrast(1.2); 10673 } 10674 10675 /* Content Wrapper - Sophisticated Typography */ 10676 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__content-wrapper { 10677 background: var(--media-gradient-surface); 10678 border-radius: 20px; 10679 padding: 2.5rem; 10680 border: 1px solid var(--media-border); 10681 position: relative; 10682 } 10683 10684 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__content-wrapper::before { 10685 content: ''; 10686 position: absolute; 10687 top: -1px; 10688 left: -1px; 10689 right: -1px; 10690 bottom: -1px; 10691 background: var(--media-gradient-primary); 10692 border-radius: 20px; 10693 opacity: 0; 10694 transition: opacity var(--media-transition-base); 10695 z-index: -1; 10696 } 10697 10698 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text:hover .multiple-media-with-text__content-wrapper::before { 10699 opacity: 0.05; 10700 } 10701 10702 /* Typography - Black & White Hierarchy */ 10703 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__content-wrapper .prose h3, 10704 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__content-wrapper .prose .h3 { 10705 color: var(--media-text-primary); 10706 font-weight: 800; 10707 letter-spacing: -0.025em; 10708 line-height: 1.2; 10709 margin-bottom: 1.25rem; 10710 position: relative; 10711 } 10712 10713 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__content-wrapper .prose h6, 10714 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__content-wrapper .prose .h6 { 10715 color: var(--media-text-secondary); 10716 text-transform: uppercase; 10717 letter-spacing: 0.2em; 10718 font-weight: 700; 10719 font-size: 0.875rem; 10720 margin-bottom: 0.75rem; 10721 position: relative; 10722 } 10723 10724 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__content-wrapper .prose h6::after { 10725 content: ''; 10726 position: absolute; 10727 bottom: -6px; 10728 left: 0; 10729 width: 3rem; 10730 height: 2px; 10731 background: var(--media-gradient-primary); 10732 border-radius: 1px; 10733 } 10734 10735 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__content-wrapper .prose p { 10736 color: var(--media-text-secondary); 10737 line-height: 1.7; 10738 margin-bottom: 1.5rem; 10739 font-size: 1rem; 10740 font-weight: 400; 10741 } 10742 10743 /* Monochromatic Button System */ 10744 #shopify-section-template--26232202559862__multiple-media-with-text .button-group { 10745 display: flex; 10746 gap: 1rem; 10747 flex-wrap: wrap; 10748 margin-top: 2.5rem; 10749 align-items: center; 10750 } 10751 10752 #shopify-section-template--26232202559862__multiple-media-with-text .button-group .button, 10753 #shopify-section-template--26232202559862__multiple-media-with-text .button-group button { 10754 background: var(--media-gradient-primary); 10755 border: none; 10756 color: var(--media-white); 10757 padding: 16px 32px; 10758 border-radius: 12px; 10759 font-weight: 600; 10760 text-transform: none; 10761 letter-spacing: 0.025em; 10762 transition: all var(--media-transition-base) var(--media-spring); 10763 box-shadow: var(--media-shadow-md); 10764 position: relative; 10765 overflow: hidden; 10766 cursor: pointer; 10767 text-decoration: none; 10768 display: inline-flex; 10769 align-items: center; 10770 justify-content: center; 10771 font-size: 0.95rem; 10772 min-height: 48px; 10773 } 10774 10775 #shopify-section-template--26232202559862__multiple-media-with-text .button-group .button::before, 10776 #shopify-section-template--26232202559862__multiple-media-with-text .button-group button::before { 10777 content: ''; 10778 position: absolute; 10779 top: 0; 10780 left: -100%; 10781 width: 100%; 10782 height: 100%; 10783 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent); 10784 transition: left var(--media-transition-slow); 10785 } 10786 10787 #shopify-section-template--26232202559862__multiple-media-with-text .button-group .button:hover, 10788 #shopify-section-template--26232202559862__multiple-media-with-text .button-group button:hover { 10789 transform: translateY(-2px);
10790 box-shadow: var(--media-shadow-xl); 10791 background: linear-gradient(135deg, var(--media-gray-800) 0%, var(--media-black) 100%); 10792 } 10793 10794 #shopify-section-template--26232202559862__multiple-media-with-text .button-group .button:hover::before, 10795 #shopify-section-template--26232202559862__multiple-media-with-text .button-group button:hover::before { 10796 left: 100%; 10797 } 10798 10799 /* Outline Button - Monochromatic */ 10800 #shopify-section-template--26232202559862__multiple-media-with-text .button-group .button--outline { 10801 background: transparent; 10802 border: 2px solid var(--media-accent); 10803 color: var(--media-accent); 10804 } 10805 10806 #shopify-section-template--26232202559862__multiple-media-with-text .button-group .button--outline::before { 10807 background: linear-gradient(90deg, transparent, rgba(0,0,0,0.05), transparent); 10808 } 10809 10810 #shopify-section-template--26232202559862__multiple-media-with-text .button-group .button--outline:hover { 10811 background: var(--media-accent); 10812 color: var(--media-white); 10813 border-color: var(--media-accent-hover); 10814 transform: translateY(-2px) scale(1.02); 10815 } 10816 10817 /* Link Button - Clean & Minimal */ 10818 #shopify-section-template--26232202559862__multiple-media-with-text .button-group .button--link { 10819 background: transparent; 10820 color: var(--media-accent); 10821 text-decoration: none; 10822 box-shadow: none; 10823 padding: 12px 0; 10824 position: relative; 10825 font-weight: 500; 10826 } 10827 10828 #shopify-section-template--26232202559862__multiple-media-with-text .button-group .button--link::after { 10829 content: ''; 10830 position: absolute; 10831 bottom: 8px; 10832 left: 0; 10833 width: 0; 10834 height: 2px; 10835 background: var(--media-gradient-primary); 10836 transition: width var(--media-transition-base) var(--media-spring); 10837 } 10838 10839 #shopify-section-template--26232202559862__multiple-media-with-text .button-group .button--link:hover { 10840 color: var(--media-accent-hover); 10841 transform: none; 10842 box-shadow: none; 10843 } 10844 10845 #shopify-section-template--26232202559862__multiple-media-with-text .button-group .button--link:hover::after { 10846 width: 100%; 10847 } 10848 10849 /* Refined Placeholder */ 10850 #shopify-section-template--26232202559862__multiple-media-with-text .placeholder { 10851 border-radius: 16px; 10852 border: 2px dashed var(--media-border); 10853 background: var(--media-surface); 10854 transition: all var(--media-transition-base); 10855 position: relative; 10856 overflow: hidden; 10857 filter: grayscale(100%); 10858 } 10859 10860 #shopify-section-template--26232202559862__multiple-media-with-text .placeholder::before { 10861 content: ''; 10862 position: absolute; 10863 top: 0; 10864 left: -100%; 10865 width: 100%; 10866 height: 100%; 10867 background: linear-gradient(90deg, transparent, rgba(0,0,0,0.05), transparent); 10868 transition: left 1s ease-in-out; 10869 } 10870 10871 #shopify-section-template--26232202559862__multiple-media-with-text .placeholder:hover { 10872 border-color: var(--media-accent); 10873 background: var(--media-surface-elevated); 10874 transform: scale(1.01); 10875 filter: grayscale(80%); 10876 } 10877 10878 #shopify-section-template--26232202559862__multiple-media-with-text .placeholder:hover::before { 10879 left: 100%; 10880 } 10881 10882 /* Overlap Layout - Monochromatic Depth */ 10883 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text--overlap .multiple-media-with-text__media-wrapper > div:last-child { 10884 z-index: 3; 10885 position: relative; 10886 } 10887 10888 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text--overlap .multiple-media-with-text__media-wrapper > div:first-child { 10889 z-index: 2; 10890 } 10891 10892 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text--overlap .multiple-media-with-text__media-wrapper > div:last-child::after { 10893 content: ''; 10894 position: absolute; 10895 top: -4px; 10896 left: -4px; 10897 right: -4px; 10898 bottom: -4px; 10899 background: var(--media-gradient-primary); 10900 border-radius: 20px; 10901 z-index: -1; 10902 opacity: 0; 10903 transition: opacity var(--media-transition-base); 10904 } 10905 10906 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text--overlap .multiple-media-with-text__media-wrapper > div:last-child:hover::after { 10907 opacity: 0.1; 10908 } 10909 10910 /* Responsive Design */ 10911 @media screen and (max-width: 1199px) { 10912 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text { 10913 padding: 2rem; 10914 } 10915 10916 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__content-wrapper { 10917 padding: 2rem; 10918 margin-top: 1.5rem; 10919 } 10920 10921 #shopify-section-template--26232202559862__multiple-media-with-text .button-group { 10922 margin-top: 2rem; 10923 } 10924 10925 #shopify-section-template--26232202559862__multiple-media-with-text .button-group .button, 10926 #shopify-section-template--26232202559862__multiple-media-with-text .button-group button { 10927 padding: 14px 28px; 10928 font-size: 0.9rem; 10929 } 10930 } 10931 10932 @media screen and (max-width: 699px) { 10933 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text { 10934 padding: 1.5rem; 10935 border-radius: 16px; 10936 } 10937 10938 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__content-wrapper { 10939 padding: 1.5rem; 10940 border-radius: 16px; 10941 } 10942 10943 #shopify-section-template--26232202559862__multiple-media-with-text .button-group { 10944 flex-direction: column; 10945 align-items: stretch; 10946 } 10947 10948 #shopify-section-template--26232202559862__multiple-media-with-text .button-group .button, 10949 #shopify-section-template--26232202559862__multiple-media-with-text .button-group button { 10950 width: 100%; 10951 justify-content: center; 10952 } 10953 } 10954 10955 /* Accessibility & Motion */ 10956 @media (prefers-reduced-motion: reduce) { 10957 #shopify-section-template--26232202559862__multiple-media-with-text * { 10958 animation-duration: 0.01ms !important; 10959 animation-iteration-count: 1 !important; 10960 transition-duration: 0.01ms !important; 10961 transform: none !important; 10962 } 10963 } 10964 10965 /* Enhanced Dark Mode (Inverted B&W) */ 10966 @media (prefers-color-scheme: dark) { 10967 #shopify-section-template--26232202559862__multiple-media-with-text { 10968 --media-black: #ffffff; 10969 --media-white: #000000; 10970 --media-gray-50: #171717; 10971 --media-gray-100: #262626; 10972 --media-gray-200: #404040; 10973 --media-gray-300: #525252; 10974 --media-gray-400: #737373; 10975 --media-gray-500: #a3a3a3; 10976 --media-gray-600: #d4d4d4; 10977 --media-gray-700: #e5e5e5; 10978 --media-gray-800: #f5f5f5; 10979 --media-gray-900: #fafafa; 10980 } 10981 } 10982 10983 /* Focus States */ 10984 #shopify-section-template--26232202559862__multiple-media-with-text .button-group .button:focus, 10985 #shopify-section-template--26232202559862__multiple-media-with-text .button-group button:focus { 10986 outline: 2px solid var(--media-accent); 10987 outline-offset: 2px;
10988 box-shadow: var(--media-shadow-lg), 0 0 0 4px rgba(0,0,0,0.1); 10989 } 10990 10991 /* Print Styles */ 10992 @media print { 10993 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text { 10994 box-shadow: none; 10995 border: 2px solid var(--media-black); 10996 } 10997 10998 #shopify-section-template--26232202559862__multiple-media-with-text .multiple-media-with-text__media-wrapper img { 10999 filter: grayscale(100%) contrast(1.2); 11000 } 11001 } 11002 </style><div class="section-spacing color-scheme color-scheme--scheme-1 color-scheme--bg-1a8a322e7cfdd8a131e56ac2e637c812 "> 11003 <div class="container container--lg"> 11004 <multiple-media-with-text reveal-on-scroll="true" class="multiple-media-with-text multiple-media-with-text--overlap "> 11005 <div class="multiple-media-with-text__media-wrapper"><div class="align-self-center" style="--media-rotate: 0deg; "><img src="//luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=1400" alt="Damastmesserset Resin mit Messerhalter Aschcube" srcset="//luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=300 300w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=400 400w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=500 500w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=600 600w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=700 700w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=800 800w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=900 900w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/DMS-136-4er-Resin-mit-DK-AR-Ashcube.jpg?v=1763628626&width=1400 1400w" width="1400" height="1400" loading="lazy" sizes="auto, (max-width: 699px) 90vw, (max-width: 1199px) 45vw, 600px" style="object-position:40.4236% 40.2752%;"></div><div class="align-self-center" style="--media-rotate: 6deg; "><img src="//luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=1400" alt="Damast Messerset Sandelholz mit Messerhalter Ashwood" srcset="//luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=300 300w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=400 400w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=500 500w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=600 600w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=700 700w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=800 800w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=900 900w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=1000 1000w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=1200 1200w, //luxe-kitchen.de/cdn/shop/files/DMS-140-mit-DK-AR.jpg?v=1762257800&width=1400 1400w" width="1400" height="1400" loading="lazy" sizes="auto, (max-width: 699px) 90vw, (max-width: 1199px) 45vw, 600px"></div></div> 11006 11007 <div class="multiple-media-with-text__content-wrapper align-self-center"> 11008 <div class="prose"><p class="h6" role="doc-subtitle">Highlight des Monats</p><h2 class="h3">Messerhalter Ashcube</h2><div class="content-area"><p>Hochwertiges Produkt mit modernem Design â ideal für den täglichen Gebrauch. Stilvoll, langlebig und einzigartig in seiner Kategorie.</p></div><div class="button-group" role="group" aria-label="Section actions"> 11009<a class="button" href="/products/magnetischer-messerhalter-ashcube" >Jetzt entdecken</a></div></div> 11010 </div> 11011 </multiple-media-with-text> 11012 </div> 11013 </div> 11014</section><section id="shopify-section-template--26232202559862__reviews" class="shopify-section shopify-section--apps"><div class="color-scheme color-scheme--scheme-1 color-scheme--bg-1a8a322e7cfdd8a131e56ac2e637c812 "> 11015 <div class="container"><div id="shopify-block-ARjZvc0RJVzk4Kys3M__judge_me_reviews" class="shopify-block shopify-app-block"><div style="margin:0 auto;max-width:1080px;"> 11016 <div class='jdgm-carousel-wrapper'> 11017 <div class="jdgm-carousel-title-and-link"> 11018 <h2 class='jdgm-carousel-title'>Let customers speak for us</h2>
11019 <span class="jdgm-all-reviews-rating-wrapper" href="javascript:void(0)"> 11020 <span style="display:block" data-score='4.92' class='jdgm-all-reviews-rating' aria-label='4.92 stars' tabindex='0' role='img'></span> 11021 <span style="display: block" class='jdgm-carousel-number-of-reviews' data-number-of-reviews='224'> 11022 from 224 reviews 11023 </span> 11024 </span> 11025 </div> 11026 <section class='jdgm-widget jdgm-carousel jdgm-carousel--gallery-theme' data-widget-locale='de'> <style>.jdgm-carousel{display: none}</style> <style> .jdgm-xx{left:0}.jdgm-carousel-item__timestamp{display:none !important}.jdgm-carousel-item__product-title{display:none !important}.jdgm-carousel-wrapper{width:100% !important}.jdgm-carousel-title-and-link{margin:0 !important}@media only screen and (min-width: 768px){.jdgm-carousel--gallery-theme .jdgm-carousel__left-arrow,.jdgm-carousel--gallery-theme .jdgm-carousel__right-arrow{position:absolute;top:45%}.jdgm-carousel--gallery-theme .jdgm-carousel__left-arrow{left:-25px}.jdgm-carousel--gallery-theme .jdgm-carousel__right-arrow{right:-25px}}@media only screen and (min-width: 768px) and (max-width: 991px){.jdgm-carousel--gallery-theme .jdgm-carousel-item{width:50.0%}}@media only screen and (min-width: 992px){.jdgm-carousel--gallery-theme .jdgm-carousel-item{width:33.33%}}.jdgm-carousel--gallery-theme .jdgm-carousel-item__inner-wrapper{border-radius:8px}.jdgm-carousel--gallery-theme .jdgm-carousel-item__image-wrapper{height:250px}.jdgm-carousel--gallery-theme .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-carousel--gallery-theme .jdgm-carousel-item__review-body{-webkit-line-clamp:3;height:calc(3 * 22px)}.jdgm-carousel--gallery-theme .jdgm-carousel-item__product-wrapper{display:none !important}.jdgm-carousel__more-reviews-button{border-radius:calc( 8px * 6 )}.jdgm-full-rev-modal.carousel-gallery-theme .jm-mfp-content{border-radius:8px}.jdgm-full-rev-modal.carousel-gallery-theme .jdgm-full-rev__icon{border-radius:8px}.jdgm-full-rev-modal.carousel-gallery-theme .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.carousel-gallery-theme .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.carousel-gallery-theme .jdgm-full-rev__pic-img{border-radius:8px}.jdgm-full-rev-modal.carousel-gallery-theme .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.carousel-gallery-theme .jdgm-full-rev__replier::before{content:'Kitchen Luxe'}.jdgm-full-rev-modal.carousel-gallery-theme .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 11027 </style> <style> .jdgm-carousel-wrapper .jdgm-star{color:#000 !important}.jdgm-carousel-wrapper .jdgm-widget{font-size:11px}.jdgm-carousel-wrapper .jdgm-rev__author,.jdgm-carousel-wrapper .jdgm-rev__title,.jdgm-carousel-wrapper .jdgm-rev__body,.jdgm-carousel-wrapper .jdgm-rev__timestamp{font-size:11px !important}.jdgm-carousel-wrapper .jdgm-rev{margin:0 !important;padding:0 !important}.jdgm-carousel-wrapper .jdgm-rev *{margin:0 !important;padding:0 !important} 11028 </style> <div class='jdgm-carousel__item-container'> <div class='jdgm-carousel__item-wrapper'><div class='jdgm-carousel-item' data-review-id='a8056058-edd8-4302-affd-c6bf16372db0'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Wiederbeschichtungsservice (ca. 4 Wochen)' data-src='https://judgeme.imgix.net/kitchen-luxe/1762171363__20251103_101132__original.jpg?auto=format&w=500' data-src-retina='https://judgeme.imgix.net/kitchen-luxe/1762171363__20251103_101132__original.jpg?auto=format&w=500'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5
11028stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Klaus F. </span> <span class='jdgm-rev__buyer-badge'></span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-title jdgm-ellipsis'>Zum dritten Mal perfekt beschichtet.</div> <div class='jdgm-carousel-item__review-body'><p>Hallo Kitchen Luxe Team, 11029<br />natürlich sind es wieder Fünf Sterne, wir haben den Beschichtungsservice (Bestellung KitchenLuxe1976) zum dritten mal genutzt und sind wieder sehr zufrieden.Es ist einfach nachhaltig ,wenn man die Pfannen oder Bräter wieder neu beschichten kann. Man hat praktisch wieder ein neuwertiges Produkt für einen günstigen Preis. TOP !!!</p></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Wiederbeschichtungsservice (ca. 4 Wochen) </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='11/03/2025'> 11/03/2025 </div> </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='5cab8de8-eb9f-4b61-b6a9-ca328b8b374e'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Chefmesser "Olive"' data-src='https://judgeme.imgix.net/kitchen-luxe/1758175821__chefmesserolive__original.jpg?auto=format&w=500' data-src-retina='https://judgeme.imgix.net/kitchen-luxe/1758175821__chefmesserolive__original.jpg?auto=format&w=500'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Rita </span> <span class='jdgm-rev__buyer-badge'></span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-title jdgm-ellipsis'>Ein sehr scharfes Messer</div> <div class='jdgm-carousel-item__review-body'><p>Das Messer ist einfach super. Es schneidet durch Kartoffeln und Möhren, als ob es weiche Butter wäre.</p></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Chefmesser "Olive" </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/18/2025'> 09/18/2025 </div> </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='2bc386cc-24d6-410a-a9a7-ea84f794db75'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Premium Guss Kasserole quadratisch' data-src='https://judgeme.imgix.net/kitchen-luxe/1753187071__eurolux-altundneu__original.jpg?auto=format&w=500' data-src-retina='https://judgeme.imgix.net/kitchen-luxe/1753187071__eurolux-altundneu__original.jpg?auto=format&w=500'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5
11029stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Happy user </span> <span class='jdgm-rev__buyer-badge'></span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-title jdgm-ellipsis'>Seit Jahren meine Lieblingspfanne</div> <div class='jdgm-carousel-item__review-body'><p>Sieben Jahre verwendete ich meine Lieblingspfanne - die quadratische Eurolux Kasserole - fast täglich. Die Beschichtung war dadurch inzwischen wirklich mitgenommen und daher gönnte ich mir eine neue Kasserole. Eine wahre Freude wieder mit perfekter Beschichtung zu kochen. 11030<br />Aber es kam noch besser. Bei der Recherche wurde ich auf den nachhaltigen Wiederbeschichtungsservice aufmerksam. Also gleich die alte Pfanne eingeschickt und nach ein paar Wochen kam die toll aufgearbeitete und super beschichtete Pfanne wieder zurück. Die doppelte Freude war perfekt. 11031<br />Erwähnen muss ich noch den fantastischen Support: Schnell, kompetent, freundlich und super entgegenkommend. Vielen Dank dafür!</p></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Premium Guss Kasserole quadratisch </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='07/22/2025'> 07/22/2025 </div> </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='6ca52775-5e24-40c7-9327-91701e1aeb44'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Damast Messerset "Olive"' data-src='https://judgeme.imgix.net/kitchen-luxe/1752568043__1752568033112-516814214_3036100944687737__original.jpg?auto=format&w=500' data-src-retina='https://judgeme.imgix.net/kitchen-luxe/1752568043__1752568033112-516814214_3036100944687737__original.jpg?auto=format&w=500'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Andrea Kathan </span> <span class='jdgm-rev__buyer-badge'></span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-title jdgm-ellipsis'>Perfekte Ausstattung für die Küche</div> <div class='jdgm-carousel-item__review-body'><p>Die Qualität dieser Messer ist überragend â extrem scharf, sauber verarbeitet und der Griff liegt angenehm in der Hand. Zuverlässige Werkzeuge für den täglichen Gebrauch. Echte Profi-Messer für die heimische Küche.</p></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Damast Messerset "Olive" </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='07/14/2025'> 07/14/2025 </div> </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='8e762e3c-fca1-43fa-b0d3-0f1b75ed2d91'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Nakirimesser "Suisen æ°´ä»"' data-src='https://judgeme.imgix.net/kitchen-luxe/1744799887__20250402_205048__original.jpg?auto=format&w=500' data-src-retina='https://judgeme.imgix.net/kitchen-luxe/1744799887__20250402_205048__original.jpg?auto=format&w=500'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5
11031stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Mino Melucci </span> <span class='jdgm-rev__buyer-badge'></span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-title jdgm-ellipsis'>Rasiermesserscharf</div> <div class='jdgm-carousel-item__review-body'><p>Ein Rasiermesserscharfes und schickes Messer das richtig gut in der Hand liegt.Mir macht es richtig Spaà damit zu arbeiten.</p></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Nakirimesser "Suisen æ°´ä»" </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='04/16/2025'> 04/16/2025 </div> </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='d07f7e95-add5-43d4-8fca-7dd1fcfba911'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Chefmesser Honey' data-src='https://judgeme.imgix.net/kitchen-luxe/1743620827__img_4602__original.jpeg?auto=format&w=500' data-src-retina='https://judgeme.imgix.net/kitchen-luxe/1743620827__img_4602__original.jpeg?auto=format&w=500'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Heiko </span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-title jdgm-ellipsis'>Bestes Chef Messer !</div> <div class='jdgm-carousel-item__review-body'><p>Also wenn Du super Qualität suchst, zu einem bezahlbaren Preis!? Bist Du hier genau richtig! Mein absolutes Küchen Must have ð Und immer noch so scharf, wie am ersten Tag ! Einfach nur super toll !!!!</p></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Chefmesser Honey </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='04/02/2025'> 04/02/2025 </div> </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='987cd947-4f92-4def-90c8-434d4318fbe3'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Damast Messerset "Sandelholz"' data-src='https://judgeme.imgix.net/kitchen-luxe/1730471804__1730471776785-img_7521__original.jpeg?auto=format&w=500' data-src-retina='https://judgeme.imgix.net/kitchen-luxe/1730471804__1730471776785-img_7521__original.jpeg?auto=format&w=500'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5
11031stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Elisa B </span> <span class='jdgm-rev__buyer-badge'></span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-title jdgm-ellipsis'>Tolles Geschenk</div> <div class='jdgm-carousel-item__review-body'><p>Habe die Messer meinem Mann vor 3 Monaten zum Geburtstag geschenkt und wir sind echt zufrieden. Die Messer sehen schön aus und sind auch nach regelmäÃiger Nutzung immer noch scharf.</p></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Damast Messerset "Sandelholz" </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/12/2024'> 09/12/2024 </div> </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='5a119404-c225-43df-ad12-bc6e2080257b'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Damast Messerset "Sandelholz" inkl. Messerhalter' data-src='https://judgeme.imgix.net/kitchen-luxe/1730123073__1730123064857-img_7490__original.jpeg?auto=format&w=500' data-src-retina='https://judgeme.imgix.net/kitchen-luxe/1730123073__1730123064857-img_7490__original.jpeg?auto=format&w=500'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Carolin Ernst </span> <span class='jdgm-rev__buyer-badge'></span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-title jdgm-ellipsis'>Sehr guter Kauf</div> <div class='jdgm-carousel-item__review-body'><p>Das Set hat unsere Küche schön ergänzt. Es sieht nicht nur elegant aus, es fühlt sich auch gut an damit zu arbeiten. Wir sind damit sehr zufrieden.</p></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Damast Messerset "Sandelholz" inkl. Messerhalter </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/12/2024'> 09/12/2024 </div> </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='3f1a65a1-2487-4fb7-91d6-e78fd63a895f'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Damast Messerset "Resin"' data-src='https://judgeme.imgix.net/kitchen-luxe/1730187833__1730187821572-img_7496__original.jpeg?auto=format&w=500' data-src-retina='https://judgeme.imgix.net/kitchen-luxe/1730187833__1730187821572-img_7496__original.jpeg?auto=format&w=500'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5
11031stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Sebastian B </span> <span class='jdgm-rev__buyer-badge'></span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-title jdgm-ellipsis'>Ideal für Hobbyköche</div> <div class='jdgm-carousel-item__review-body'><p>Als Hobbykoch bin ich mit dem Set sehr zufrieden. Die Messer sind scharf und sehen auch noch gut aus. Für den Preis vollkommen in Ordnung.</p></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Damast Messerset "Resin" </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/12/2024'> 09/12/2024 </div> </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='29ef6e72-5e09-4300-bdb0-0303052f1c90'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Damast Messerset "Resin"' data-src='https://judgeme.imgix.net/kitchen-luxe/1730366947__1730366934018-whatsappimage2024-10-31at1__original.jpeg?auto=format&w=500' data-src-retina='https://judgeme.imgix.net/kitchen-luxe/1730366947__1730366934018-whatsappimage2024-10-31at1__original.jpeg?auto=format&w=500'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Pia Arnold </span> <span class='jdgm-rev__buyer-badge'></span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-title jdgm-ellipsis'>Für alle, die Wert auf Qualität legen</div> <div class='jdgm-carousel-item__review-body'><p>Ein absolutes Must-have für jeden Hobbykoch. Die Verarbeitung ist top und das Messerset macht nicht nur optisch etwas her, sondren überzeugt auch in der Anwendung.</p></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Damast Messerset "Resin" </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/12/2024'> 09/12/2024 </div> </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='99b7249d-f0e8-494a-97d8-518f98450514'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Damast Messerset "Olive"' data-src='https://judgeme.imgix.net/kitchen-luxe/1730120206__1730120181748-whatsappimage2024-10-28at1__original.jpeg?auto=format&w=500' data-src-retina='https://judgeme.imgix.net/kitchen-luxe/1730120206__1730120181748-whatsappimage2024-10-28at1__original.jpeg?auto=format&w=500'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5
11031stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Lisa Neumann </span> <span class='jdgm-rev__buyer-badge'></span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-title jdgm-ellipsis'>Ist den Preis wert</div> <div class='jdgm-carousel-item__review-body'><p>Wunderschön verarbeitete Messer. Man kann das Olivenholz wirklich riechen und die Messerklinge ist schön in den Griff eingearbeitet und vor allem extrem scharf. Kann ich zu 100% empfehlen.</p></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Damast Messerset "Olive" </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/12/2024'> 09/12/2024 </div> </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='7161eff1-ea2d-479c-82df-39c0554d1e5d'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Damast Messerset "Olive"' data-src='https://judgeme.imgix.net/kitchen-luxe/1730390759__1730390756895-img_7510__original.jpeg?auto=format&w=500' data-src-retina='https://judgeme.imgix.net/kitchen-luxe/1730390759__1730390756895-img_7510__original.jpeg?auto=format&w=500'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> David W </span> <span class='jdgm-rev__buyer-badge'></span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-title jdgm-ellipsis'>Ein solides Messerset</div> <div class='jdgm-carousel-item__review-body'><p>Das Messerset ist ein zuverlässiger Begleiter in der Küche. Die Klingen halten die Schärfe gut und die Griffe liegen angenehm in der Hand.</p></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Damast Messerset "Olive" </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/12/2024'> 09/12/2024 </div> </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='c1ffeb86-5eef-43b8-b70c-60e7cb3f7181'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Damast 4er Messerset "Olive" inkl. Messerhalter' data-src='https://judgeme.imgix.net/kitchen-luxe/1730390820__1730390816283-img_7506__original.jpeg?auto=format&w=500' data-src-retina='https://judgeme.imgix.net/kitchen-luxe/1730390820__1730390816283-img_7506__original.jpeg?auto=format&w=500'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5
11031stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> Jan K </span> <span class='jdgm-rev__buyer-badge'></span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-title jdgm-ellipsis'>Preis-Leistung top</div> <div class='jdgm-carousel-item__review-body'><p>Ein wirklich hochwertiges Produkt. Die Messer sind scharf, der Halter ist praktisch und das Design ist ansprechend. Ich kann das Set nur empfehlen.</p></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Damast 4er Messerset "Olive" inkl. Messerhalter </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='09/12/2024'> 09/12/2024 </div> </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='05f9feb8-d6c0-406b-907b-e5fa3fdf4570'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Damastmesserset Olive' data-src='https://cdn.shopify.com/s/files/1/0747/6776/1694/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca_500x500.webp?v=1734249674' data-src-retina='https://cdn.shopify.com/s/files/1/0747/6776/1694/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca_500x500.webp?v=1734249674'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> UH </span> <span class='jdgm-rev__buyer-badge'></span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-title jdgm-ellipsis'>Super</div> <div class='jdgm-carousel-item__review-body'><p>Super tolle, hochwertige und schicke Ware. Schnelle Lieferung und sehr gut verpackt. Dankeschön</p></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Damastmesserset Olive </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='01/10/2026'> 01/10/2026 </div> </div> </div> </div> </div><div class='jdgm-carousel-item' data-review-id='52b6d897-a5db-4fce-a26a-7ee1860a852c'> <div class='jdgm-carousel-item__inner-wrapper'> <div class='jdgm-carousel-item__image-wrapper'> <img class='jdgm-carousel-item__product-image' alt='Damastmesserset Olive' data-src='https://cdn.shopify.com/s/files/1/0747/6776/1694/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca_500x500.webp?v=1734249674' data-src-retina='https://cdn.shopify.com/s/files/1/0747/6776/1694/files/4er_Set_Damastmesser_Olive_solo_1400x1400_1aee0589-e368-436b-9713-9b6a1f4011ca_500x500.webp?v=1734249674'/> </div> <div class='jdgm-carousel-item__body'> <div class='jdgm-carousel-item__review-wrapper'> <div class='jdgm-carousel-item__review-rating' tabindex='0' aria-label='5
11031stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-carousel-item__reviewer-wrapper'> <div class='jdgm-carousel-item__review-rating' style='display: none' tabindex='0' aria-label='5 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <span class='jdgm-carousel-item__reviewer-name jdgm-ellipsis'> C.S. </span> <span class='jdgm-rev__buyer-badge'></span> </div> <div class='jdgm-carousel-item__review-content-wrapper'> <div class='jdgm-carousel-item__review-body'><p>Messer sind rasierklingenscharf und schneiden alles wie Butter...egal ob Tomate oder ungarische Salami. Liegen super in der Hand und schmeicheln mit seinem glatten Holzgriff der Hand. Genau solche Messer hab ich mir gewünscht und habe ich bekommen. Bin sehr zufrieden!</p></div> <div class='jdgm-carousel-item__review-title jdgm-carousel-item__review-body-only'></div> </div> </div> <div class='jdgm-carousel-item__product-wrapper'> <div class='jdgm-carousel-item__product-title jdgm-ellipsis'> Damastmesserset Olive </div> <div class='jdgm-carousel-item__timestamp jdgm-ellipsis jdgm-spinner' data-time='01/06/2026'> 01/06/2026 </div> </div> </div> </div> </div></div> <div class='jdgm-carousel__modals-wrapper'></div> </div> <div class='jdgm-carousel__arrows'> <div class='jdgm-carousel__left-arrow' tabindex="0"></div> <div class='jdgm-carousel__right-arrow' tabindex="0"></div> </div> </section> <div class='jdgm-carousel__more-reviews-button-container jdgm-hidden'></div> <section> </section> 11032 </div> 11033</div> 11034 11035 11036</div></div> 11037 </div> 11038</section><section id="shopify-section-template--26232202559862__faq" class="shopify-section faq-section-wrapper"><section class="faq-section"> 11039 <!-- Animierter Hintergrund --> 11040 <div class="bg-pattern"> 11041 <div class="pattern-grid"></div> 11042 <div class="floating-elements"> 11043 <div class="float-element"></div> 11044 <div class="float-element"></div> 11045 <div class="float-element"></div> 11046 <div class="float-element"></div> 11047 <div class="float-element"></div> 11048 </div> 11049 </div> 11050 11051 <div class="container"> 11052 <div class="faq-wrapper"> 11053 <!-- Titelbereich --> 11054 11055 <div class="title-section"> 11056 <div class="title-decoration"> 11057 <div class="deco-line left"></div> 11058 <div class="deco-circle"></div> 11059 <div class="deco-line right"></div> 11060 </div> 11061 <h2 class="faq-title"> 11062 <span class="title-main">Häufig gestellte</span> 11063 <span class="title-accent">Fragen</span> 11064 </h2> 11065 11066 <p class="faq-subtitle">Alles, was Sie über unsere Premium Damast Küchenmesser wissen müssen</p> 11067 11068 </div> 11069 11070 11071 <div class="faq-list"> 11072 11073 11074 <div class="faq-item" data-index="00" > 11075 <div class="faq-card"> 11076 <div class="card-glow"></div> 11077 <button class="faq-question" type="button" onclick="toggleFAQ(this)"> 11078 <div class="question-content"> 11079 <span class="question-number">00</span> 11080 <span class="faq-question-text">Wie schnell wird meine Bestellung geliefert?</span> 11081 </div> 11082 <div class="faq-icon-wrapper"> 11083 <div class="icon-bg"></div> 11084 <span class="faq-icon">+</span> 11085 </div> 11086 </button> 11087 <div class="faq-answer"> 11088 <div class="answer-decoration"></div> 11089 <div class="faq-answer-content"> 11090 11091 <div class="answer-text"><p>Der aktuelle Lieferstatus wird dir <strong>auf jeder Produktseite angezeigt</strong> â ob sofort verfügbar oder als Vorbestellung mit Lieferdatum. Lagernde Artikel sind in der Regel <strong>innerhalb von 1â3 Werktagen</strong> bei dir, denn Bestellungen, die bis 14 Uhr eingehen, werden noch am selben Tag versendet (Mo-Fr).</p></div> 11092 </div> 11093 </div> 11094 </div> 11095 </div> 11096 11097 11098 11099 <div class="faq-item" data-index="01" > 11100 <div class="faq-card"> 11101 <div class="card-glow"></div> 11102 <button class="faq-question" type="button" onclick="toggleFAQ(this)"> 11103 <div class="question-content">
11104 <span class="question-number">01</span> 11105 <span class="faq-question-text">Wie läuft der 30-Tage-Test bei Kitchen Luxe ab?</span> 11106 </div> 11107 <div class="faq-icon-wrapper"> 11108 <div class="icon-bg"></div> 11109 <span class="faq-icon">+</span> 11110 </div> 11111 </button> 11112 <div class="faq-answer"> 11113 <div class="answer-decoration"></div> 11114 <div class="faq-answer-content"> 11115 11116 <div class="answer-text"><p>Du kannst unsere Produkte 30 Tage lang ganz in Ruhe testen â bei dir zuhause, in deiner Küche, im echten Einsatz. Wenn du nicht zufrieden bist, kannst du die Artikel problemlos zurückgeben. Die Rücksendung erfolgt auf eigene Kosten. Der Kaufpreis wird dir nach Eingang der Ware erstattet.</p></div> 11117 </div> 11118 </div> 11119 </div> 11120 </div> 11121 11122 11123 11124 <div class="faq-item" data-index="02" > 11125 <div class="faq-card"> 11126 <div class="card-glow"></div> 11127 <button class="faq-question" type="button" onclick="toggleFAQ(this)"> 11128 <div class="question-content"> 11129 <span class="question-number">02</span> 11130 <span class="faq-question-text">Welche Garantie bietet Kitchen Luxe?</span> 11131 </div> 11132 <div class="faq-icon-wrapper"> 11133 <div class="icon-bg"></div> 11134 <span class="faq-icon">+</span> 11135 </div> 11136 </button> 11137 <div class="faq-answer"> 11138 <div class="answer-decoration"></div> 11139 <div class="faq-answer-content"> 11140 11141 <div class="answer-text"><p>Für alle <strong>Damast-Küchenmesser</strong> gewähren wir <strong>5 Jahre Garantie</strong> auf Material- und Verarbeitungsfehler. Für Zubehör und Kochgeschirr gelten die gesetzlichen Gewährleistungsrechte. Details findest du in unseren Garantiebedingungen.</p></div> 11142 </div> 11143 </div> 11144 </div> 11145 </div> 11146 11147 11148 11149 <div class="faq-item" data-index="03" > 11150 <div class="faq-card"> 11151 <div class="card-glow"></div> 11152 <button class="faq-question" type="button" onclick="toggleFAQ(this)"> 11153 <div class="question-content"> 11154 <span class="question-number">03</span> 11155 <span class="faq-question-text">Welche Zahlungsmethoden bietet ihr an?</span> 11156 </div> 11157 <div class="faq-icon-wrapper"> 11158 <div class="icon-bg"></div> 11159 <span class="faq-icon">+</span> 11160 </div> 11161 </button> 11162 <div class="faq-answer"> 11163 <div class="answer-decoration"></div> 11164 <div class="faq-answer-content"> 11165 11166 <div class="answer-text"><p>Bei uns kannst du bequem per PayPal, Kreditkarte, Ãberweisung, Klarna (Rechnung & Ratenkauf) oder Apple Pay bezahlen. Beim Kauf auf Rechnung mit Klarna zahlst du nur, wenn du das Produkt auch wirklich behältst.</p></div> 11167 </div> 11168 </div> 11169 </div> 11170 </div> 11171 11172 11173 11174 <div class="faq-item" data-index="04" > 11175 <div class="faq-card"> 11176 <div class="card-glow"></div> 11177 <button class="faq-question" type="button" onclick="toggleFAQ(this)"> 11178 <div class="question-content"> 11179 <span class="question-number">04</span> 11180 <span class="faq-question-text">Was macht die Produkte von Kitchen Luxe so besonders?</span> 11181 </div> 11182 <div class="faq-icon-wrapper"> 11183 <div class="icon-bg"></div> 11184 <span class="faq-icon">+</span> 11185 </div> 11186 </button> 11187 <div class="faq-answer"> 11188 <div class="answer-decoration"></div> 11189 <div class="faq-answer-content"> 11190 11191 <div class="answer-text"><p>Wir verbinden <strong>hochwertige Materialien, präzise Verarbeitung und minimalistisches Design</strong> zu langlebigen Küchenprodukten. Unsere Damastmesser werden von Hand geschliffen, unser Kochgeschirr wird in Deutschland gegossen â für echte Genussmomente beim Kochen.</p></div> 11192 </div> 11193 </div> 11194 </div> 11195 </div> 11196 11197 11198 11199 <div class="faq-item" data-index="05" > 11200 <div class="faq-card"> 11201 <div class="card-glow"></div> 11202 <button class="faq-question" type="button" onclick="toggleFAQ(this)"> 11203 <div class="question-content">
11204 <span class="question-number">05</span> 11205 <span class="faq-question-text">Hast Du noch weitere Fragen?</span> 11206 </div> 11207 <div class="faq-icon-wrapper"> 11208 <div class="icon-bg"></div> 11209 <span class="faq-icon">+</span> 11210 </div> 11211 </button> 11212 <div class="faq-answer"> 11213 <div class="answer-decoration"></div> 11214 <div class="faq-answer-content"> 11215 11216 <div class="answer-text"><p>Schreibe uns Deine Frage gerne an <a href="mailto:[email protected]">[email protected]</a>. Wir geben Dir schnellstmöglich eine Antwort.</p></div> 11217 </div> 11218 </div> 11219 </div> 11220 </div> 11221 11222 11223 </div> 11224 11225 11226 </div> 11227 </div> 11228</section> 11229 11230<style> 11231 .faq-section { 11232 padding: 80px 0 40px 0; 11233 background: #ffffff; 11234 position: relative; 11235 overflow: hidden; 11236 margin-bottom: 0; 11237 width: auto; 11238 display: block; 11239 } 11240 11241 /* Animated Background Pattern */ 11242 .faq-section .bg-pattern { 11243 position: absolute; 11244 top: 0; 11245 left: 0; 11246 right: 0; 11247 bottom: 0; 11248 opacity: 0.03; 11249 pointer-events: none; 11250 11251 } 11252 11253 .faq-section .pattern-grid { 11254 position: absolute; 11255 top: 0; 11256 left: 0; 11257 right: 0; 11258 bottom: 0; 11259 background-image:
11260 linear-gradient(45deg, #000000 1px, transparent 1px), 11261 linear-gradient(-45deg, #000000 1px, transparent 1px); 11262 background-size: 60px 60px; 11263 animation: patternMove 20s linear infinite; 11264 } 11265 11266 .faq-section .floating-elements { 11267 position: absolute; 11268 top: 0; 11269 left: 0; 11270 right: 0; 11271 bottom: 0; 11272 } 11273 11274 .faq-section .float-element { 11275 position: absolute; 11276 width: 2px; 11277 height: 2px; 11278 background: #000000; 11279 border-radius: 50%; 11280 animation: float 15s infinite ease-in-out; 11281 } 11282 11283 .faq-section .float-element:nth-child(1) { top: 20%; left: 10%; animation-delay: 0s; } 11284 .faq-section .float-element:nth-child(2) { top: 60%; left: 80%; animation-delay: 3s; } 11285 .faq-section .float-element:nth-child(3) { top: 30%; left: 70%; animation-delay: 6s; } 11286 .faq-section .float-element:nth-child(4) { top: 80%; left: 20%; animation-delay: 9s; } 11287 .faq-section .float-element:nth-child(5) { top: 50%; left: 50%; animation-delay: 12s; } 11288 11289 @keyframes patternMove { 11290 0% { transform: translate(0, 0); } 11291 100% { transform: translate(60px, 60px); } 11292 } 11293 11294 @keyframes float { 11295 0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; } 11296 50% { transform: translateY(-20px) scale(1.5); opacity: 0.8; } 11297 } 11298 11299 .faq-section .container { 11300 max-width: 1000px; 11301 margin: 0 auto; 11302 padding: 0 24px; 11303 position: relative; 11304 z-index: 1; 11305 } 11306 11307 .faq-section .faq-wrapper { 11308 max-width: 1000px; 11309 margin: 0 auto; 11310 } 11311 11312 /* Enhanced Title Section */ 11313 .faq-section .title-section { 11314 text-align: center; 11315 margin-bottom: 60px; 11316 position: relative; 11317 } 11318 11319 .faq-section .title-decoration { 11320 display: flex; 11321 align-items: center; 11322 justify-content: center; 11323 margin-bottom: 40px; 11324 } 11325 11326 .faq-section .deco-line { 11327 height: 1px; 11328 background: linear-gradient(90deg, transparent 0%, #000000 50%, transparent 100%); 11329 animation: lineGrow 2s ease-out; 11330 } 11331 11332 .faq-section .deco-line.left { width: 80px; margin-right: 20px; } 11333 .faq-section .deco-line.right { width: 80px; margin-left: 20px; } 11334 11335 .faq-section .deco-circle { 11336 width: 8px; 11337 height: 8px; 11338 border: 2px solid #000000; 11339 border-radius: 50%; 11340 animation: circleRotate 3s ease-in-out infinite; 11341 } 11342 11343 @keyframes lineGrow { 11344 0% { width: 0; } 11345 100% { width: 80px; } 11346 } 11347 11348 @keyframes circleRotate { 11349 0%, 100% { transform: rotate(0deg) scale(1); } 11350 50% { transform: rotate(180deg) scale(1.2); } 11351 } 11352 11353 .faq-section .faq-title { 11354 font-size: 48px; 11355 font-weight: 700; 11356 color: #000000; 11357 margin: 0 0 24px 0; 11358 line-height: 1.1; 11359 letter-spacing: -0.02em; 11360 position: relative; 11361 } 11362 11363 .faq-section .title-main { 11364 display: block; 11365 position: relative; 11366 } 11367 11368 .faq-section .title-accent { 11369 display: block; 11370 background: linear-gradient(135deg, #000000 0%, #000000 100%); 11371 -webkit-background-clip: text; 11372 -webkit-text-fill-color: transparent; 11373 background-clip: text; 11374 position: relative; 11375 font-style: italic; 11376 } 11377 11378 .faq-section .title-accent::after { 11379 content: ''; 11380 position: absolute; 11381 bottom: -8px; 11382 left: 0; 11383 width: 100%; 11384 height: 3px; 11385 background: linear-gradient(90deg, transparent 0%, #000000 30%, #000000 70%, transparent 100%); 11386 animation: underlineExpand 2s ease-out 0.5s both; 11387 } 11388 11389 @keyframes underlineExpand { 11390 0% { width: 0; left: 50%; } 11391 100% { width: 100%; left: 0; } 11392 } 11393 11394 .faq-section .faq-subtitle { 11395 font-size: 16px; 11396 color: #666666; 11397 margin: 0; 11398 font-weight: 400; 11399 line-height: 1.6; 11400 max-width: 500px; 11401 margin: 0 auto; 11402 } 11403 11404 /* FAQ List */ 11405 .faq-section .faq-list { 11406 display: flex; 11407 flex-direction: column; 11408 gap: 20px; 11409 margin-bottom: 0; 11410 } 11411 11412 .faq-section .faq-item { 11413 position: relative; 11414 animation: itemSlideIn 0.6s ease-out both; 11415 margin-bottom: 0; 11416 } 11417 11418 .faq-section .faq-item:nth-child(1) { animation-delay: 0.1s; } 11419 .faq-section .faq-item:nth-child(2) { animation-delay: 0.2s; } 11420 .faq-section .faq-item:nth-child(3) { animation-delay: 0.3s; } 11421 .faq-section .faq-item:nth-child(4) { animation-delay: 0.4s; } 11422 11423 @keyframes itemSlideIn { 11424 0% { opacity: 0; transform: translateY(30px); } 11425 100% { opacity: 1; transform: translateY(0); } 11426 } 11427 11428 .faq-section .faq-card { 11429 background: #ffffff; 11430 border-radius: 20px; 11431 border: 1px solid #e5e7eb; 11432 box-shadow: 11433 0 4px 6px -1px rgba(0, 0, 0, 0.1), 11434 0 2px 4px -1px rgba(0, 0, 0, 0.06); 11435 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 11436 position: relative; 11437 overflow: hidden; 11438 backdrop-filter: blur(10px); 11439 margin-bottom: 0; 11440 } 11441 11442 .faq-section .card-glow { 11443 position: absolute; 11444 top: 0; 11445 left: 0; 11446 right: 0; 11447 height: 2px; 11448 background: linear-gradient(90deg, transparent 0%, #000000 50%, transparent 100%); 11449 transform: scaleX(0); 11450 transition: transform 0.6s ease; 11451 } 11452 11453 .faq-section .faq-item:hover .faq-card { 11454 transform: translateY(-4px); 11455 box-shadow: 11456 0 20px 25px -5px rgba(0, 0, 0, 0.1), 11457 0 10px 10px -5px rgba(0, 0, 0, 0.04); 11458 border-color: #000000; 11459 } 11460 11461 .faq-section .faq-item:hover .card-glow, 11462 .faq-section .faq-item.active .card-glow { 11463 transform: scaleX(1); 11464 } 11465 11466 .faq-section .faq-question { 11467 width: 100%; 11468 padding: 24px 32px; 11469 background: none; 11470 border: none; 11471 text-align: left; 11472 cursor: pointer; 11473 display: flex; 11474 justify-content: space-between; 11475 align-items: center; 11476 transition: all 0.3s ease; 11477 position: relative; 11478 margin-bottom: 0; 11479 } 11480 11481 .faq-section .question-content { 11482 display: flex; 11483 align-items: center; 11484 flex: 1; 11485 } 11486 11487 .faq-section .question-number { 11488 font-size: 12px; 11489 font-weight: 700; 11490 color: #000000; 11491 background: #f3f4f6; 11492 width: 36px; 11493 height: 36px; 11494 border-radius: 50%; 11495 display: flex; 11496 align-items: center; 11497 justify-content: center; 11498 margin-right: 20px; 11499 transition: all 0.3s ease; 11500 font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace; 11501 } 11502 11503 .faq-section .faq-item:hover .question-number, 11504 .faq-section .faq-item.active .question-number { 11505 background: #000000; 11506 color: #ffffff; 11507 transform: scale(1.1); 11508 } 11509 11510 .faq-section .faq-question-text { 11511 font-weight: 600; 11512 color: #000000; 11513 line-height: 1.4; 11514 font-size: 17px; 11515 letter-spacing: -0.01em; 11516 transition: color 0.3s ease; 11517 } 11518 11519 .faq-section .faq-icon-wrapper { 11520 position: relative; 11521 width: 40px; 11522 height: 40px; 11523 display: flex; 11524 align-items: center; 11525 justify-content: center; 11526 } 11527 11528 .faq-section .icon-bg { 11529 position: absolute; 11530 top: 0; 11531 left: 0; 11532 right: 0; 11533 bottom: 0; 11534 background: #f9fafb; 11535 border-radius: 50%; 11536 transition: all 0.4s ease; 11537 } 11538 11539 .faq-section .faq-item:hover .icon-bg, 11540 .faq-section .faq-item.active .icon-bg { 11541 background: #000000; 11542 transform: rotate(180deg); 11543 } 11544 11545 .faq-section .faq-icon { 11546 color: #666666; 11547 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 11548 position: relative; 11549 z-index: 1; 11550 display: flex; 11551 align-items: center; 11552 justify-content: center; 11553 font-size: 20px; 11554 font-weight: 300; 11555 line-height: 1; 11556 } 11557 11558 .faq-section .faq-item.active .faq-icon { 11559 transform: rotate(45deg); 11560 color: #ffffff; 11561 } 11562 11563 /* Answer Styles */ 11564 .faq-section .faq-answer { 11565 max-height: 0; 11566 overflow: hidden; 11567 transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease; 11568 background: linear-gradient(180deg, #fafbfc 0%, #ffffff 100%); 11569 opacity: 0; 11570 margin-bottom: 0; 11571 } 11572 11573 .faq-section .faq-item.active .faq-answer { 11574 max-height: 300px; 11575 opacity: 1; 11576 } 11577 11578 .faq-section .answer-decoration { 11579 height: 1px; 11580 background: linear-gradient(90deg, transparent 0%, #e5e7eb 20%, #e5e7eb 80%, transparent 100%); 11581 margin: 0 32px; 11582 } 11583 11584 .faq-section .faq-answer-content { 11585 padding: 24px 32px; 11586 display: flex; 11587 align-items: flex-start; 11588 gap: 16px; 11589 } 11590 11591 .faq-section .answer-icon { 11592 flex-shrink: 0; 11593 width: 36px; 11594 height: 36px; 11595 background: #f3f4f6; 11596 border-radius: 10px; 11597 display: flex; 11598 align-items: center; 11599 justify-content: center; 11600 color: #666666; 11601 margin-top: 2px; 11602 font-size: 16px; 11603 } 11604 11605 .faq-section .answer-text { 11606 margin: 0; 11607 color: #374151; 11608 font-size: 14px; 11609 line-height: 1.6; 11610 letter-spacing: -0.01em; 11611 } 11612 11613 .faq-section .answer-text p { 11614 margin: 0; 11615 } 11616 11617 /* Bottom Decoration */ 11618 .faq-section .bottom-decoration { 11619 display: flex; 11620 justify-content: center; 11621 margin-top: 40px; 11622 margin-bottom: 0; 11623 padding-bottom: 40px; 11624 } 11625 11626 .faq-section .deco-dots { 11627 display: flex; 11628 gap: 10px; 11629 align-items: center; 11630 } 11631 11632 .faq-section .dot { 11633 width: 6px; 11634 height: 6px; 11635 border-radius: 50%; 11636 background: #e5e7eb; 11637 transition: all 0.3s ease; 11638 cursor: pointer; 11639 } 11640 11641 .faq-section .dot.active { 11642 background: #000000; 11643 transform: scale(1.5); 11644 } 11645 11646 .faq-section .dot:hover { 11647 background: #666666; 11648 transform: scale(1.2); 11649 } 11650 11651 /* Responsive Design */ 11652 @media (max-width: 1024px) { 11653 .faq-section { 11654 padding: 60px 0 30px 0; 11655 } 11656 11657 .faq-section .faq-title { 11658 font-size: 36px; 11659 } 11660 11661 .faq-section .title-section { 11662 margin-bottom: 50px; 11663 } 11664 } 11665 11666 @media (max-width: 768px) { 11667 .faq-section .container { 11668 padding: 0 20px; 11669 } 11670 11671 .faq-section .faq-title { 11672 font-size: 28px; 11673 } 11674 11675 .faq-section .faq-subtitle { 11676 font-size: 14px; 11677 } 11678 11679 .faq-section .faq-question { 11680 padding: 20px; 11681 } 11682 11683 .faq-section .faq-question-text { 11684 font-size: 15px; 11685 } 11686 11687 .faq-section .question-number { 11688 width: 28px; 11689 height: 28px; 11690 font-size: 11px; 11691 margin-right: 14px; 11692 } 11693 11694 .faq-section .faq-answer-content { 11695 padding: 20px; 11696 flex-direction: column; 11697 gap: 14px; 11698 } 11699 11700 .faq-section .answer-decoration { 11701 margin: 0 20px; 11702 } 11703 11704 .faq-section .deco-line.left, 11705 .faq-section .deco-line.right { 11706 width: 40px; 11707 } 11708 } 11709 11710 @media (max-width: 480px) { 11711 .faq-section { 11712 padding: 50px 0 25px 0; 11713 } 11714 11715 .faq-section .container { 11716 padding: 0 16px; 11717 } 11718 11719 .faq-section .faq-title { 11720 font-size: 24px; 11721 } 11722 11723 .faq-section .title-section { 11724 margin-bottom: 40px; 11725 } 11726 11727 .faq-section .faq-question { 11728 padding: 16px; 11729 } 11730 11731 .faq-section .faq-question-text { 11732 font-size: 14px; 11733 } 11734 11735 .faq-section .faq-answer-content { 11736 padding: 16px; 11737 } 11738 11739 .faq-section .answer-decoration { 11740 margin: 0 16px; 11741 } 11742 11743 .faq-section .faq-icon-wrapper { 11744 width: 32px; 11745 height: 32px; 11746 } 11747 11748 .faq-section .faq-icon { 11749 font-size: 16px; 11750 } 11751 } 11752</style> 11753
11754<script> 11755 // Improved FAQ functionality with proper collapse behavior 11756 function toggleFAQ(button) { 11757 try { 11758 var faqItem = button.closest('.faq-item'); 11759 var answer = faqItem.querySelector('.faq-answer'); 11760 var allItems = document.querySelectorAll('.faq-item'); 11761 var allDots = document.querySelectorAll('.dot'); 11762 var itemIndex = Array.prototype.indexOf.call(allItems, faqItem); 11763 11764 var isCurrentlyActive = faqItem.classList.contains('active'); 11765 11766 // Close all FAQ items first with immediate effect 11767 for (var i = 0; i < allItems.length; i++) { 11768 if (allItems[i] !== faqItem) { 11769 allItems[i].classList.remove('active'); 11770 var otherAnswer = allItems[i].querySelector('.faq-answer'); 11771 if (otherAnswer) { 11772 otherAnswer.style.maxHeight = '0px'; 11773 otherAnswer.style.opacity = '0'; 11774 } 11775 if (allDots[i]) { 11776 allDots[i].classList.remove('active'); 11777 } 11778 } 11779 } 11780 11781 // Toggle current item 11782 if (isCurrentlyActive) { 11783 // Close current item 11784 faqItem.classList.remove('active'); 11785 answer.style.maxHeight = '0px'; 11786 answer.style.opacity = '0'; 11787 if (allDots[itemIndex]) { 11788 allDots[itemIndex].classList.remove('active'); 11789 } 11790 } else { 11791 // Open current item 11792 faqItem.classList.add('active'); 11793 answer.style.maxHeight = '300px'; 11794 answer.style.opacity = '1'; 11795 if (allDots[itemIndex]) { 11796 allDots[itemIndex].classList.add('active'); 11797 } 11798 11799 // Smooth scroll to item with delay 11800 setTimeout(function() { 11801 if (faqItem.scrollIntoView) { 11802 faqItem.scrollIntoView({ 11803 behavior: 'smooth', 11804 block: 'center' 11805 }); 11806 } 11807 }, 100); 11808 } 11809 } catch (error) { 11810 console.log('FAQ toggle error:', error); 11811 } 11812 } 11813 11814 function scrollToFAQ(index) { 11815 try { 11816 var faqItems = document.querySelectorAll('.faq-item'); 11817 if (faqItems[index]) { 11818 var button = faqItems[index].querySelector('.faq-question'); 11819 if (button) { 11820 toggleFAQ(button); 11821 } 11822 } 11823 } catch (error) { 11824 console.log('Scroll to FAQ error:', error); 11825 } 11826 } 11827 11828 // Handle window resize for Shopify themes 11829 function handleResize() { 11830 try { 11831 var activeItems = document.querySelectorAll('.faq-item.active'); 11832 for (var i = 0; i < activeItems.length; i++) { 11833 var answer = activeItems[i].querySelector('.faq-answer'); 11834 if (answer) { 11835 answer.style.maxHeight = '300px'; 11836 } 11837 } 11838 } catch (error) { 11839 console.log('Resize error:', error); 11840 } 11841 } 11842 11843 // Initialize when DOM is ready (Shopify compatible) 11844 function initFAQ() { 11845 try { 11846 // Handle window resize 11847 var resizeTimeout; 11848 if (window.addEventListener) { 11849 window.addEventListener('resize', function() { 11850 clearTimeout(resizeTimeout); 11851 resizeTimeout = setTimeout(handleResize, 250); 11852 }); 11853 } 11854 11855 // Add scroll-triggered animations (optional) 11856 if (window.addEventListener) { 11857 window.addEventListener('scroll', function() { 11858 try { 11859 var scrolled = window.pageYOffset || document.documentElement.scrollTop; 11860 var parallax = document.querySelector('.bg-pattern'); 11861 if (parallax) { 11862 parallax.style.transform = 'translateY(' + (scrolled * 0.1) + 'px)'; 11863 } 11864 } catch (error) { 11865 // Ignore scroll errors 11866 } 11867 }); 11868 } 11869 11870 // Ensure all FAQ items are closed initially 11871 var allAnswers = document.querySelectorAll('.faq-answer'); 11872 for (var i = 0; i < allAnswers.length; i++) { 11873 allAnswers[i].style.maxHeight = '0px'; 11874 allAnswers[i].style.opacity = '0'; 11875 } 11876 } catch (error) { 11877 console.log('Init FAQ error:', error); 11878 } 11879 } 11880 11881 // Initialize FAQ when DOM is ready 11882 if (document.readyState === 'loading') { 11883 document.addEventListener('DOMContentLoaded', initFAQ); 11884 } else { 11885 initFAQ(); 11886 } 11887</script>
11887 11888 11889</section><section id="shopify-section-template--26232202559862__blog-posts" class="shopify-section shopify-section--blog-posts"><div class="section-spacing color-scheme color-scheme--scheme-1 color-scheme--bg-1a8a322e7cfdd8a131e56ac2e637c812 "> 11890 <div class="container container--lg"> 11891 <div class="section-stack"><blog-posts class="blog-post-list justify-center blog-post-list--carousel scroll-area snap-x bleed md:unbleed" reveal-on-scroll="true"><style> 11892 /* REFINED MINIMAL BLACK & WHITE BLOG CARD DESIGN */ 11893 .blog-post-card--refined { 11894 background: #ffffff; 11895 border: 1px solid rgba(0, 0, 0, 0.04); 11896 border-radius: 16px; 11897 transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); 11898 position: relative; 11899 overflow: hidden; 11900 box-shadow: 11901 0 1px 3px rgba(0, 0, 0, 0.04), 11902 0 8px 24px rgba(0, 0, 0, 0.02); 11903 margin-bottom: 2rem; 11904 backdrop-filter: blur(20px); 11905 } 11906 11907 /* Elegant hover shadow elevation */ 11908 .blog-post-card--refined:hover { 11909 transform: translateY(-16px) scale(1.01); 11910 box-shadow: 11911 0 8px 32px rgba(0, 0, 0, 0.08), 11912 0 24px 64px rgba(0, 0, 0, 0.06), 11913 0 48px 96px rgba(0, 0, 0, 0.02); 11914 border-color: rgba(0, 0, 0, 0.08); 11915 } 11916 11917 /* Sophisticated top accent line */ 11918 .blog-post-card--refined::before { 11919 content: ''; 11920 position: absolute; 11921 top: 0; 11922 left: 0; 11923 width: 100%; 11924 height: 2px; 11925 background: linear-gradient(90deg, 11926 transparent 0%, 11927 rgba(0, 0, 0, 0.1) 20%, 11928 rgba(0, 0, 0, 0.8) 50%, 11929 rgba(0, 0, 0, 0.1) 80%, 11930 transparent 100%); 11931 transform: scaleX(0); 11932 transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); 11933 z-index: 10; 11934 } 11935 11936 .blog-post-card--refined:hover::before { 11937 transform: scaleX(1); 11938 } 11939 11940 /* Refined image container */ 11941 .blog-card__media--refined { 11942 position: relative; 11943 overflow: hidden; 11944 background: #f8f9fa; 11945 aspect-ratio: 16/9; 11946 border-radius: 12px 12px 0 0; 11947 } 11948 11949 .blog-card__image--refined { 11950 width: 100%; 11951 height: 100%; 11952 object-fit: cover; 11953 filter: contrast(1.05) brightness(1.02) saturate(1.05); 11954 transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); 11955 } 11956 11957 .blog-post-card--refined:hover .blog-card__image--refined { 11958 filter: contrast(1.15) brightness(1.08) saturate(1.15); 11959 transform: scale(1.06); 11960 } 11961 11962 /* Subtle image overlay for depth */ 11963 .blog-card__image-overlay--refined { 11964 position: absolute; 11965 top: 0; 11966 left: 0; 11967 width: 100%; 11968 height: 100%; 11969 background: linear-gradient( 11970 180deg, 11971 rgba(0, 0, 0, 0.0) 0%, 11972 rgba(0, 0, 0, 0.01) 50%, 11973 rgba(0, 0, 0, 0.03) 100% 11974 ); 11975 opacity: 1; 11976 transition: opacity 0.6s ease; 11977 } 11978 11979 .blog-post-card--refined:hover .blog-card__image-overlay--refined { 11980 opacity: 0; 11981 } 11982 11983 /* Content section with tighter spacing */ 11984 .blog-card__content--refined { 11985 padding: 1.25rem 1.5rem 1.25rem; 11986 position: relative; 11987 z-index: 5; 11988 } 11989 11990 /* Elegant meta section */ 11991 .blog-card__meta--refined { 11992 display: flex; 11993 align-items: center; 11994 gap: 1rem; 11995 margin-bottom: 0.75rem; 11996 position: relative; 11997 } 11998 11999 /* Refined category styling */ 12000 .blog-card__category--refined { 12001 font-size: 0.75rem; 12002 font-weight: 500; 12003 letter-spacing: 0.08em; 12004 text-transform: uppercase; 12005 color: rgba(0, 0, 0, 0.6); 12006 text-decoration: none; 12007 padding: 0.4rem 1rem; 12008 border: 1px solid rgba(0, 0, 0, 0.1); 12009 border-radius: 20px; 12010 background: rgba(0, 0, 0, 0.02); 12011 transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 12012 position: relative; 12013 overflow: hidden; 12014 backdrop-filter: blur(10px); 12015 } 12016 12017 .blog-card__category--refined::before { 12018 content: ''; 12019 position: absolute; 12020 top: 0; 12021 left: -100%; 12022 width: 100%; 12023 height: 100%; 12024 background: #000; 12025 transition: left 0.5s cubic-bezier(0.16, 1, 0.3, 1); 12026 z-index: 1; 12027 } 12028
12029 .blog-card__category--refined span { 12030 position: relative; 12031 z-index: 2; 12032 transition: color 0.4s ease; 12033 } 12034 12035 .blog-card__category--refined:hover::before { 12036 left: 0; 12037 } 12038 12039 .blog-card__category--refined:hover span { 12040 color: #fff; 12041 } 12042 12043 .blog-card__category--refined:hover { 12044 border-color: #000; 12045 transform: translateY(-2px); 12046 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 12047 } 12048 12049 /* Elegant date styling */ 12050 .blog-card__date--refined { 12051 font-size: 0.8rem; 12052 color: rgba(0, 0, 0, 0.5); 12053 letter-spacing: 0.02em; 12054 position: relative; 12055 padding-left: 1rem; 12056 } 12057 12058 .blog-card__date--refined::before { 12059 content: ''; 12060 position: absolute; 12061 left: 0; 12062 top: 50%; 12063 transform: translateY(-50%); 12064 width: 4px; 12065 height: 4px; 12066 background: rgba(0, 0, 0, 0.3); 12067 border-radius: 50%; 12068 } 12069 12070 /* Black reading time badge - positioned at top right */ 12071 .blog-card__reading-time--refined { 12072 background: #000; 12073 color: #fff; 12074 font-size: 0.7rem; 12075 font-weight: 500; 12076 letter-spacing: 0.05em; 12077 padding: 0.4rem 0.75rem; 12078 border-radius: 12px; 12079 white-space: nowrap; 12080 transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); 12081 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); 12082 position: absolute; 12083 top: 1.5rem; 12084 right: 1.5rem; 12085 z-index: 10; 12086 } 12087 12088 .blog-post-card--refined:hover .blog-card__reading-time--refined { 12089 transform: translateY(-2px); 12090 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); 12091 } 12092 12093 /* Sophisticated title styling */ 12094 .blog-card__title--refined { 12095 font-size: 1.375rem; 12096 font-weight: 400; 12097 line-height: 1.25; 12098 color: #000; 12099 margin: 0 0 0.75rem 0; 12100 transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 12101 position: relative; 12102 } 12103 12104 .blog-card__title-link--refined { 12105 text-decoration: none; 12106 color: inherit; 12107 transition: color 0.3s ease; 12108 position: relative; 12109 display: inline-block; 12110 } 12111 12112 .blog-card__title-link--refined::after { 12113 content: ''; 12114 position: absolute; 12115 bottom: -4px; 12116 left: 0; 12117 width: 0; 12118 height: 2px; 12119 background: linear-gradient(90deg, #000, rgba(0, 0, 0, 0.3)); 12120 transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1); 12121 } 12122 12123 .blog-post-card--refined:hover .blog-card__title-link--refined::after { 12124 width: 100%; 12125 } 12126 12127 .blog-card__title-link--refined:hover { 12128 color: rgba(0, 0, 0, 0.8); 12129 } 12130 12131 /* Refined excerpt styling */ 12132 .blog-card__excerpt--refined { 12133 font-size: 0.9rem; 12134 line-height: 1.5; 12135 color: rgba(0, 0, 0, 0.7); 12136 margin: 0 0 1rem 0; 12137 position: relative; 12138 padding-left: 1rem; 12139 } 12140 12141 .blog-card__excerpt--refined::before { 12142 content: ''; 12143 position: absolute; 12144 left: 0; 12145 top: 0.5rem; 12146 width: 3px; 12147 height: calc(100% - 1rem); 12148 background: linear-gradient(180deg, 12149 rgba(0, 0, 0, 0.1) 0%, 12150 rgba(0, 0, 0, 0.05) 50%, 12151 transparent 100%); 12152 border-radius: 2px; 12153 } 12154 12155 /* Elegant read more link */ 12156 .blog-card__read-more--refined { 12157 display: inline-flex; 12158 align-items: center; 12159 gap: 0.6rem; 12160 font-size: 0.85rem; 12161 font-weight: 500; 12162 letter-spacing: 0.05em; 12163 text-transform: uppercase; 12164 color: #000; 12165 text-decoration: none; 12166 transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 12167 position: relative; 12168 padding: 0.4rem 0; 12169 border-radius: 4px; 12170 } 12171 12172 .blog-card__read-more--refined::before { 12173 content: ''; 12174 position: absolute; 12175 bottom: 0; 12176 left: 0; 12177 width: 0; 12178 height: 1px; 12179 background: #000; 12180 transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1); 12181 } 12182 12183 .blog-card__read-more--refined:hover::before { 12184 width: calc(100% - 30px); 12185 } 12186 12187 .blog-card__read-more--refined svg { 12188 width: 16px; 12189 height: 16px; 12190 transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); 12191 } 12192 12193 .blog-card__read-more--refined:hover svg { 12194 transform: translateX(6px); 12195 } 12196 12197 .blog-card__read-more--refined:hover { 12198 color: rgba(0, 0, 0, 0.8); 12199 transform: translateX(4px); 12200 } 12201 12202 /* Elegant placeholder styling */ 12203 .blog-card__placeholder--refined { 12204 width: 100%; 12205 height: 100%; 12206 background: linear-gradient(135deg, #f1f3f4 0%, #e8eaed 100%); 12207 display: flex; 12208 align-items: center; 12209 justify-content: center; 12210 color: rgba(0, 0, 0, 0.2); 12211 font-size: 2.5rem; 12212 border-radius: 12px 12px 0 0; 12213 transition: all 0.3s ease; 12214 } 12215 12216 .blog-post-card--refined:hover .blog-card__placeholder--refined { 12217 color: rgba(0, 0, 0, 0.3); 12218 } 12219 12220 /* Refined link wrapper */ 12221 .blog-card__link-wrapper--refined { 12222 position: relative; 12223 display: block; 12224 text-decoration: none; 12225 border-radius: 12px 12px 0 0; 12226 overflow: hidden; 12227 } 12228 12229 .blog-card__link-wrapper--refined::before { 12230 content: ''; 12231 position: absolute; 12232 top: 0; 12233 left: 0; 12234 width: 100%; 12235 height: 100%; 12236 background: linear-gradient(45deg, 12237 transparent 48%, 12238 rgba(255, 255, 255, 0.1) 50%, 12239 transparent 52%); 12240 background-size: 20px 20px; 12241 opacity: 0; 12242 transition: opacity 0.6s ease; 12243 pointer-events: none; 12244 z-index: 5; 12245 } 12246 12247 .blog-card__link-wrapper--refined:hover::before { 12248 opacity: 1; 12249 animation: shimmerEffect 1.5s ease-in-out; 12250 } 12251 12252 /* Responsive design refinements */ 12253 @media (max-width: 768px) { 12254 .blog-card__content--refined { 12255 padding: 1rem 1.25rem 1rem; 12256 } 12257 12258 .blog-card__title--refined { 12259 font-size: 1.2rem; 12260 margin-bottom: 0.75rem; 12261 } 12262 12263 .blog-card__meta--refined { 12264 gap: 0.75rem; 12265 margin-bottom: 0.75rem; 12266 } 12267 12268 .blog-card__excerpt--refined { 12269 font-size: 0.85rem; 12270 margin-bottom: 1rem; 12271 padding-left: 0.75rem; 12272 } 12273 12274 .blog-card__reading-time--refined { 12275 top: 1rem; 12276 right: 1.25rem; 12277 } 12278 } 12279 12280 @media (max-width: 480px) { 12281 .blog-card__content--refined { 12282 padding: 0.875rem 1rem 0.875rem; 12283 } 12284 12285 .blog-card__title--refined { 12286 font-size: 1.1rem; 12287 margin-bottom: 0.625rem; 12288 } 12289 12290 .blog-card__meta--refined { 12291 margin-bottom: 0.625rem; 12292 } 12293 12294 .blog-card__excerpt--refined { 12295 font-size: 0.8rem; 12296 padding-left: 0.5rem; 12297 margin-bottom: 0.875rem; 12298 } 12299 12300 .blog-card__excerpt--refined::before { 12301 width: 2px; 12302 } 12303 12304 .blog-card__reading-time--refined { 12305 top: 0.875rem; 12306 right: 1rem; 12307 } 12308 } 12309 12310 /* Subtle animations */ 12311 @keyframes shimmerEffect { 12312 0% { transform: translateX(-100%) skewX(-15deg); } 12313 100% { transform: translateX(200%) skewX(-15deg); } 12314 } 12315 12316 /* Enhanced accessibility and focus states */ 12317 .blog-card__category--refined:focus, 12318 .blog-card__title-link--refined:focus, 12319 .blog-card__read-more--refined:focus, 12320 .blog-card__link-wrapper--refined:focus { 12321 outline: 2px solid rgba(0, 0, 0, 0.8); 12322 outline-offset: 2px; 12323 } 12324 12325 /* Print styles */ 12326 @media print { 12327 .blog-post-card--refined { 12328 break-inside: avoid; 12329 box-shadow: none; 12330 border: 1px solid #ccc; 12331 } 12332 12333 .blog-card__reading-time--refined { 12334 background: #000; 12335 color: #fff; 12336 } 12337 } 12338</style> 12339 12340<article class="blog-post-card blog-post-card--refined group snap-center"><a href="/blogs/rezept-des-tages/sommerliche-sashimi-platte-mit-hauchdunnen-scheiben" class="blog-card__link-wrapper--refined" aria-label="Read Sommerliche Sashimi-Platte mit hauchdünnen Scheiben"> 12341 <div class="blog-card__media--refined"><img src="//luxe-kitchen.de/cdn/shop/articles/Mittel_image_c94eb202-f5d8-4261-955f-d94731824f20.jpg?v=1748000500&width=640" alt="Sommerliche Sashimi-Platte mit hauchdünnen Scheiben" srcset="//luxe-kitchen.de/cdn/shop/articles/Mittel_image_c94eb202-f5d8-4261-955f-d94731824f20.jpg?v=1748000500&width=300 300w, //luxe-kitchen.de/cdn/shop/articles/Mittel_image_c94eb202-f5d8-4261-955f-d94731824f20.jpg?v=1748000500&width=400 400w, //luxe-kitchen.de/cdn/shop/articles/Mittel_image_c94eb202-f5d8-4261-955f-d94731824f20.jpg?v=1748000500&width=500 500w, //luxe-kitchen.de/cdn/shop/articles/Mittel_image_c94eb202-f5d8-4261-955f-d94731824f20.jpg?v=1748000500&width=600 600w" width="640" height="484" loading="lazy" sizes="(max-width: 699px) 95vw, (max-width: 1149px) calc(100vw / 2), calc((80rem - (5rem * (3 - 1) / 3)" class="blog-card__image--refined"><div class="blog-card__image-overlay--refined"></div> 12342 </div> 12343 </a><div class="blog-card__content--refined"><div class="blog-card__meta--refined"></div><h3 class="blog-card__title--refined"> 12344 <a href="/blogs/rezept-des-tages/sommerliche-sashimi-platte-mit-hauchdunnen-scheiben" class="blog-card__title-link--refined">Sommerliche Sashimi-Platte mit hauchdünnen Scheiben</a> 12345 </h3><p class="blog-card__excerpt--refined">Ein erfrischendes Geschmackserlebnis für warme Tage â perfekt für Liebhaber der asiatischen Küche
12346Zubereitungszeit: 30 Minuten | Schwierigkeitsgrad: mittel 12347Z...</p><a href="/blogs/rezept-des-tages/sommerliche-sashimi-platte-mit-hauchdunnen-scheiben" class="blog-card__read-more--refined" aria-label="Read full article: Sommerliche Sashimi-Platte mit hauchdünnen Scheiben"> 12348 Weiterlesen 12349 <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"> 12350 <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 12351 </svg> 12352 </a></div></article><style> 12353 /* REFINED MINIMAL BLACK & WHITE BLOG CARD DESIGN */ 12354 .blog-post-card--refined { 12355 background: #ffffff; 12356 border: 1px solid rgba(0, 0, 0, 0.04); 12357 border-radius: 16px; 12358 transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); 12359 position: relative; 12360 overflow: hidden; 12361 box-shadow: 12362 0 1px 3px rgba(0, 0, 0, 0.04), 12363 0 8px 24px rgba(0, 0, 0, 0.02); 12364 margin-bottom: 2rem; 12365 backdrop-filter: blur(20px); 12366 } 12367 12368 /* Elegant hover shadow elevation */ 12369 .blog-post-card--refined:hover { 12370 transform: translateY(-16px) scale(1.01); 12371 box-shadow: 12372 0 8px 32px rgba(0, 0, 0, 0.08), 12373 0 24px 64px rgba(0, 0, 0, 0.06), 12374 0 48px 96px rgba(0, 0, 0, 0.02); 12375 border-color: rgba(0, 0, 0, 0.08); 12376 } 12377 12378 /* Sophisticated top accent line */ 12379 .blog-post-card--refined::before { 12380 content: ''; 12381 position: absolute; 12382 top: 0; 12383 left: 0; 12384 width: 100%; 12385 height: 2px; 12386 background: linear-gradient(90deg, 12387 transparent 0%, 12388 rgba(0, 0, 0, 0.1) 20%, 12389 rgba(0, 0, 0, 0.8) 50%, 12390 rgba(0, 0, 0, 0.1) 80%, 12391 transparent 100%); 12392 transform: scaleX(0); 12393 transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); 12394 z-index: 10; 12395 } 12396 12397 .blog-post-card--refined:hover::before { 12398 transform: scaleX(1); 12399 } 12400 12401 /* Refined image container */ 12402 .blog-card__media--refined { 12403 position: relative; 12404 overflow: hidden; 12405 background: #f8f9fa; 12406 aspect-ratio: 16/9; 12407 border-radius: 12px 12px 0 0; 12408 } 12409 12410 .blog-card__image--refined { 12411 width: 100%; 12412 height: 100%; 12413 object-fit: cover; 12414 filter: contrast(1.05) brightness(1.02) saturate(1.05); 12415 transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); 12416 } 12417 12418 .blog-post-card--refined:hover .blog-card__image--refined { 12419 filter: contrast(1.15) brightness(1.08) saturate(1.15); 12420 transform: scale(1.06); 12421 } 12422 12423 /* Subtle image overlay for depth */ 12424 .blog-card__image-overlay--refined { 12425 position: absolute; 12426 top: 0; 12427 left: 0; 12428 width: 100%; 12429 height: 100%; 12430 background: linear-gradient( 12431 180deg, 12432 rgba(0, 0, 0, 0.0) 0%, 12433 rgba(0, 0, 0, 0.01) 50%, 12434 rgba(0, 0, 0, 0.03) 100% 12435 ); 12436 opacity: 1; 12437 transition: opacity 0.6s ease; 12438 } 12439 12440 .blog-post-card--refined:hover .blog-card__image-overlay--refined { 12441 opacity: 0; 12442 } 12443 12444 /* Content section with tighter spacing */ 12445 .blog-card__content--refined { 12446 padding: 1.25rem 1.5rem 1.25rem; 12447 position: relative; 12448 z-index: 5; 12449 } 12450 12451 /* Elegant meta section */ 12452 .blog-card__meta--refined { 12453 display: flex; 12454 align-items: center; 12455 gap: 1rem; 12456 margin-bottom: 0.75rem; 12457 position: relative; 12458 } 12459 12460 /* Refined category styling */ 12461 .blog-card__category--refined { 12462 font-size: 0.75rem; 12463 font-weight: 500; 12464 letter-spacing: 0.08em; 12465 text-transform: uppercase; 12466 color: rgba(0, 0, 0, 0.6); 12467 text-decoration: none; 12468 padding: 0.4rem 1rem; 12469 border: 1px solid rgba(0, 0, 0, 0.1); 12470 border-radius: 20px; 12471 background: rgba(0, 0, 0, 0.02); 12472 transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 12473 position: relative; 12474 overflow: hidden; 12475 backdrop-filter: blur(10px); 12476 } 12477 12478 .blog-card__category--refined::before { 12479 content: ''; 12480 position: absolute; 12481 top: 0; 12482 left: -100%; 12483 width: 100%; 12484 height: 100%; 12485 background: #000; 12486 transition: left 0.5s cubic-bezier(0.16, 1, 0.3, 1); 12487 z-index: 1; 12488 } 12489
12490 .blog-card__category--refined span { 12491 position: relative; 12492 z-index: 2; 12493 transition: color 0.4s ease; 12494 } 12495 12496 .blog-card__category--refined:hover::before { 12497 left: 0; 12498 } 12499 12500 .blog-card__category--refined:hover span { 12501 color: #fff; 12502 } 12503 12504 .blog-card__category--refined:hover { 12505 border-color: #000; 12506 transform: translateY(-2px); 12507 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 12508 } 12509 12510 /* Elegant date styling */ 12511 .blog-card__date--refined { 12512 font-size: 0.8rem; 12513 color: rgba(0, 0, 0, 0.5); 12514 letter-spacing: 0.02em; 12515 position: relative; 12516 padding-left: 1rem; 12517 } 12518 12519 .blog-card__date--refined::before { 12520 content: ''; 12521 position: absolute; 12522 left: 0; 12523 top: 50%; 12524 transform: translateY(-50%); 12525 width: 4px; 12526 height: 4px; 12527 background: rgba(0, 0, 0, 0.3); 12528 border-radius: 50%; 12529 } 12530 12531 /* Black reading time badge - positioned at top right */ 12532 .blog-card__reading-time--refined { 12533 background: #000; 12534 color: #fff; 12535 font-size: 0.7rem; 12536 font-weight: 500; 12537 letter-spacing: 0.05em; 12538 padding: 0.4rem 0.75rem; 12539 border-radius: 12px; 12540 white-space: nowrap; 12541 transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); 12542 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); 12543 position: absolute; 12544 top: 1.5rem; 12545 right: 1.5rem; 12546 z-index: 10; 12547 } 12548 12549 .blog-post-card--refined:hover .blog-card__reading-time--refined { 12550 transform: translateY(-2px); 12551 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); 12552 } 12553 12554 /* Sophisticated title styling */ 12555 .blog-card__title--refined { 12556 font-size: 1.375rem; 12557 font-weight: 400; 12558 line-height: 1.25; 12559 color: #000; 12560 margin: 0 0 0.75rem 0; 12561 transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 12562 position: relative; 12563 } 12564 12565 .blog-card__title-link--refined { 12566 text-decoration: none; 12567 color: inherit; 12568 transition: color 0.3s ease; 12569 position: relative; 12570 display: inline-block; 12571 } 12572 12573 .blog-card__title-link--refined::after { 12574 content: ''; 12575 position: absolute; 12576 bottom: -4px; 12577 left: 0; 12578 width: 0; 12579 height: 2px; 12580 background: linear-gradient(90deg, #000, rgba(0, 0, 0, 0.3)); 12581 transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1); 12582 } 12583 12584 .blog-post-card--refined:hover .blog-card__title-link--refined::after { 12585 width: 100%; 12586 } 12587 12588 .blog-card__title-link--refined:hover { 12589 color: rgba(0, 0, 0, 0.8); 12590 } 12591 12592 /* Refined excerpt styling */ 12593 .blog-card__excerpt--refined { 12594 font-size: 0.9rem; 12595 line-height: 1.5; 12596 color: rgba(0, 0, 0, 0.7); 12597 margin: 0 0 1rem 0; 12598 position: relative; 12599 padding-left: 1rem; 12600 } 12601 12602 .blog-card__excerpt--refined::before { 12603 content: ''; 12604 position: absolute; 12605 left: 0; 12606 top: 0.5rem; 12607 width: 3px; 12608 height: calc(100% - 1rem); 12609 background: linear-gradient(180deg, 12610 rgba(0, 0, 0, 0.1) 0%, 12611 rgba(0, 0, 0, 0.05) 50%, 12612 transparent 100%); 12613 border-radius: 2px; 12614 } 12615 12616 /* Elegant read more link */ 12617 .blog-card__read-more--refined { 12618 display: inline-flex; 12619 align-items: center; 12620 gap: 0.6rem; 12621 font-size: 0.85rem; 12622 font-weight: 500; 12623 letter-spacing: 0.05em; 12624 text-transform: uppercase; 12625 color: #000; 12626 text-decoration: none; 12627 transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 12628 position: relative; 12629 padding: 0.4rem 0; 12630 border-radius: 4px; 12631 } 12632 12633 .blog-card__read-more--refined::before { 12634 content: ''; 12635 position: absolute; 12636 bottom: 0; 12637 left: 0; 12638 width: 0; 12639 height: 1px; 12640 background: #000; 12641 transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1); 12642 } 12643 12644 .blog-card__read-more--refined:hover::before { 12645 width: calc(100% - 30px); 12646 } 12647 12648 .blog-card__read-more--refined svg { 12649 width: 16px; 12650 height: 16px; 12651 transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); 12652 } 12653 12654 .blog-card__read-more--refined:hover svg { 12655 transform: translateX(6px); 12656 } 12657 12658 .blog-card__read-more--refined:hover { 12659 color: rgba(0, 0, 0, 0.8); 12660 transform: translateX(4px); 12661 } 12662 12663 /* Elegant placeholder styling */ 12664 .blog-card__placeholder--refined { 12665 width: 100%; 12666 height: 100%; 12667 background: linear-gradient(135deg, #f1f3f4 0%, #e8eaed 100%); 12668 display: flex; 12669 align-items: center; 12670 justify-content: center; 12671 color: rgba(0, 0, 0, 0.2); 12672 font-size: 2.5rem; 12673 border-radius: 12px 12px 0 0; 12674 transition: all 0.3s ease; 12675 } 12676 12677 .blog-post-card--refined:hover .blog-card__placeholder--refined { 12678 color: rgba(0, 0, 0, 0.3); 12679 } 12680 12681 /* Refined link wrapper */ 12682 .blog-card__link-wrapper--refined { 12683 position: relative; 12684 display: block; 12685 text-decoration: none; 12686 border-radius: 12px 12px 0 0; 12687 overflow: hidden; 12688 } 12689 12690 .blog-card__link-wrapper--refined::before { 12691 content: ''; 12692 position: absolute; 12693 top: 0; 12694 left: 0; 12695 width: 100%; 12696 height: 100%; 12697 background: linear-gradient(45deg, 12698 transparent 48%, 12699 rgba(255, 255, 255, 0.1) 50%, 12700 transparent 52%); 12701 background-size: 20px 20px; 12702 opacity: 0; 12703 transition: opacity 0.6s ease; 12704 pointer-events: none; 12705 z-index: 5; 12706 } 12707 12708 .blog-card__link-wrapper--refined:hover::before { 12709 opacity: 1; 12710 animation: shimmerEffect 1.5s ease-in-out; 12711 } 12712 12713 /* Responsive design refinements */ 12714 @media (max-width: 768px) { 12715 .blog-card__content--refined { 12716 padding: 1rem 1.25rem 1rem; 12717 } 12718 12719 .blog-card__title--refined { 12720 font-size: 1.2rem; 12721 margin-bottom: 0.75rem; 12722 } 12723 12724 .blog-card__meta--refined { 12725 gap: 0.75rem; 12726 margin-bottom: 0.75rem; 12727 } 12728 12729 .blog-card__excerpt--refined { 12730 font-size: 0.85rem; 12731 margin-bottom: 1rem; 12732 padding-left: 0.75rem; 12733 } 12734 12735 .blog-card__reading-time--refined { 12736 top: 1rem; 12737 right: 1.25rem; 12738 } 12739 } 12740 12741 @media (max-width: 480px) { 12742 .blog-card__content--refined { 12743 padding: 0.875rem 1rem 0.875rem; 12744 } 12745 12746 .blog-card__title--refined { 12747 font-size: 1.1rem; 12748 margin-bottom: 0.625rem; 12749 } 12750 12751 .blog-card__meta--refined { 12752 margin-bottom: 0.625rem; 12753 } 12754 12755 .blog-card__excerpt--refined { 12756 font-size: 0.8rem; 12757 padding-left: 0.5rem; 12758 margin-bottom: 0.875rem; 12759 } 12760 12761 .blog-card__excerpt--refined::before { 12762 width: 2px; 12763 } 12764 12765 .blog-card__reading-time--refined { 12766 top: 0.875rem; 12767 right: 1rem; 12768 } 12769 } 12770 12771 /* Subtle animations */ 12772 @keyframes shimmerEffect { 12773 0% { transform: translateX(-100%) skewX(-15deg); } 12774 100% { transform: translateX(200%) skewX(-15deg); } 12775 } 12776 12777 /* Enhanced accessibility and focus states */ 12778 .blog-card__category--refined:focus, 12779 .blog-card__title-link--refined:focus, 12780 .blog-card__read-more--refined:focus, 12781 .blog-card__link-wrapper--refined:focus { 12782 outline: 2px solid rgba(0, 0, 0, 0.8); 12783 outline-offset: 2px; 12784 } 12785 12786 /* Print styles */ 12787 @media print { 12788 .blog-post-card--refined { 12789 break-inside: avoid; 12790 box-shadow: none; 12791 border: 1px solid #ccc; 12792 } 12793 12794 .blog-card__reading-time--refined { 12795 background: #000; 12796 color: #fff; 12797 } 12798 } 12799</style> 12800 12801<article class="blog-post-card blog-post-card--refined group snap-center"><a href="/blogs/rezept-des-tages/tafelspitz-modern-interpretiert-mit-wasabi-creme" class="blog-card__link-wrapper--refined" aria-label="Read Tafelspitz modern interpretiert mit Wasabi-Crème"> 12802 <div class="blog-card__media--refined"><img src="//luxe-kitchen.de/cdn/shop/articles/Tafelspitz_modern_interpretiert_mit_Wasabi-Creme_8c1a6fe6-11d4-4da3-9db5-ce05d2c5ec5c.jpg?v=1739183001&width=1024" alt="Tafelspitz modern interpretiert mit Wasabi-Crème" srcset="//luxe-kitchen.de/cdn/shop/articles/Tafelspitz_modern_interpretiert_mit_Wasabi-Creme_8c1a6fe6-11d4-4da3-9db5-ce05d2c5ec5c.jpg?v=1739183001&width=300 300w, //luxe-kitchen.de/cdn/shop/articles/Tafelspitz_modern_interpretiert_mit_Wasabi-Creme_8c1a6fe6-11d4-4da3-9db5-ce05d2c5ec5c.jpg?v=1739183001&width=400 400w, //luxe-kitchen.de/cdn/shop/articles/Tafelspitz_modern_interpretiert_mit_Wasabi-Creme_8c1a6fe6-11d4-4da3-9db5-ce05d2c5ec5c.jpg?v=1739183001&width=500 500w, //luxe-kitchen.de/cdn/shop/articles/Tafelspitz_modern_interpretiert_mit_Wasabi-Creme_8c1a6fe6-11d4-4da3-9db5-ce05d2c5ec5c.jpg?v=1739183001&width=600 600w, //luxe-kitchen.de/cdn/shop/articles/Tafelspitz_modern_interpretiert_mit_Wasabi-Creme_8c1a6fe6-11d4-4da3-9db5-ce05d2c5ec5c.jpg?v=1739183001&width=800 800w, //luxe-kitchen.de/cdn/shop/articles/Tafelspitz_modern_interpretiert_mit_Wasabi-Creme_8c1a6fe6-11d4-4da3-9db5-ce05d2c5ec5c.jpg?v=1739183001&width=1000 1000w" width="1024" height="768" loading="lazy" sizes="(max-width: 699px) 95vw, (max-width: 1149px) calc(100vw / 2), calc((80rem - (5rem * (3 - 1) / 3)" class="blog-card__image--refined"><div class="blog-card__image-overlay--refined"></div> 12803 </div> 12804 </a><div class="blog-card__content--refined"><div class="blog-card__meta--refined"></div><h3 class="blog-card__title--refined"> 12805 <a href="/blogs/rezept-des-tages/tafelspitz-modern-interpretiert-mit-wasabi-creme" class="blog-card__title-link--refined">Tafelspitz modern interpretiert mit Wasabi-Crème</a> 12806 </h3><p class="blog-card__excerpt--refined">Ein klassischer Tafelspitz trifft auf japanische Aromen: Perfekt gegartes und präzise geschnittenes Rindfleisch, serviert mit einer cremigen Wasabi-Sauce, ge...</p><a href="/blogs/rezept-des-tages/tafelspitz-modern-interpretiert-mit-wasabi-creme" class="blog-card__read-more--refined" aria-label="Read full article: Tafelspitz modern interpretiert mit Wasabi-Crème"> 12807 Weiterlesen 12808 <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"> 12809 <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 12810 </svg> 12811 </a></div></article><style> 12812 /* REFINED MINIMAL BLACK & WHITE BLOG CARD DESIGN */ 12813 .blog-post-card--refined { 12814 background: #ffffff; 12815 border: 1px solid rgba(0, 0, 0, 0.04); 12816 border-radius: 16px; 12817 transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); 12818 position: relative; 12819 overflow: hidden; 12820 box-shadow: 12821 0 1px 3px rgba(0, 0, 0, 0.04), 12822 0 8px 24px rgba(0, 0, 0, 0.02); 12823 margin-bottom: 2rem; 12824 backdrop-filter: blur(20px); 12825 } 12826 12827 /* Elegant hover shadow elevation */ 12828 .blog-post-card--refined:hover { 12829 transform: translateY(-16px) scale(1.01); 12830 box-shadow: 12831 0 8px 32px rgba(0, 0, 0, 0.08), 12832 0 24px 64px rgba(0, 0, 0, 0.06), 12833 0 48px 96px rgba(0, 0, 0, 0.02); 12834 border-color: rgba(0, 0, 0, 0.08); 12835 } 12836 12837 /* Sophisticated top accent line */ 12838 .blog-post-card--refined::before { 12839 content: ''; 12840 position: absolute; 12841 top: 0; 12842 left: 0; 12843 width: 100%; 12844 height: 2px; 12845 background: linear-gradient(90deg, 12846 transparent 0%, 12847 rgba(0, 0, 0, 0.1) 20%, 12848 rgba(0, 0, 0, 0.8) 50%, 12849 rgba(0, 0, 0, 0.1) 80%, 12850 transparent 100%); 12851 transform: scaleX(0); 12852 transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); 12853 z-index: 10; 12854 } 12855 12856 .blog-post-card--refined:hover::before { 12857 transform: scaleX(1); 12858 } 12859 12860 /* Refined image container */ 12861 .blog-card__media--refined { 12862 position: relative; 12863 overflow: hidden; 12864 background: #f8f9fa; 12865 aspect-ratio: 16/9; 12866 border-radius: 12px 12px 0 0; 12867 } 12868 12869 .blog-card__image--refined { 12870 width: 100%; 12871 height: 100%; 12872 object-fit: cover;
12873 filter: contrast(1.05) brightness(1.02) saturate(1.05); 12874 transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); 12875 } 12876 12877 .blog-post-card--refined:hover .blog-card__image--refined { 12878 filter: contrast(1.15) brightness(1.08) saturate(1.15); 12879 transform: scale(1.06); 12880 } 12881 12882 /* Subtle image overlay for depth */ 12883 .blog-card__image-overlay--refined { 12884 position: absolute; 12885 top: 0; 12886 left: 0; 12887 width: 100%; 12888 height: 100%; 12889 background: linear-gradient( 12890 180deg, 12891 rgba(0, 0, 0, 0.0) 0%, 12892 rgba(0, 0, 0, 0.01) 50%, 12893 rgba(0, 0, 0, 0.03) 100% 12894 ); 12895 opacity: 1; 12896 transition: opacity 0.6s ease; 12897 } 12898 12899 .blog-post-card--refined:hover .blog-card__image-overlay--refined { 12900 opacity: 0; 12901 } 12902 12903 /* Content section with tighter spacing */ 12904 .blog-card__content--refined { 12905 padding: 1.25rem 1.5rem 1.25rem; 12906 position: relative; 12907 z-index: 5; 12908 } 12909 12910 /* Elegant meta section */ 12911 .blog-card__meta--refined { 12912 display: flex; 12913 align-items: center; 12914 gap: 1rem; 12915 margin-bottom: 0.75rem; 12916 position: relative; 12917 } 12918 12919 /* Refined category styling */ 12920 .blog-card__category--refined { 12921 font-size: 0.75rem; 12922 font-weight: 500; 12923 letter-spacing: 0.08em; 12924 text-transform: uppercase; 12925 color: rgba(0, 0, 0, 0.6); 12926 text-decoration: none; 12927 padding: 0.4rem 1rem; 12928 border: 1px solid rgba(0, 0, 0, 0.1); 12929 border-radius: 20px; 12930 background: rgba(0, 0, 0, 0.02); 12931 transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 12932 position: relative; 12933 overflow: hidden; 12934 backdrop-filter: blur(10px); 12935 } 12936 12937 .blog-card__category--refined::before { 12938 content: ''; 12939 position: absolute; 12940 top: 0; 12941 left: -100%; 12942 width: 100%; 12943 height: 100%; 12944 background: #000; 12945 transition: left 0.5s cubic-bezier(0.16, 1, 0.3, 1); 12946 z-index: 1; 12947 } 12948
12949 .blog-card__category--refined span { 12950 position: relative; 12951 z-index: 2; 12952 transition: color 0.4s ease; 12953 } 12954 12955 .blog-card__category--refined:hover::before { 12956 left: 0; 12957 } 12958 12959 .blog-card__category--refined:hover span { 12960 color: #fff; 12961 } 12962 12963 .blog-card__category--refined:hover { 12964 border-color: #000; 12965 transform: translateY(-2px); 12966 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 12967 } 12968 12969 /* Elegant date styling */ 12970 .blog-card__date--refined { 12971 font-size: 0.8rem; 12972 color: rgba(0, 0, 0, 0.5); 12973 letter-spacing: 0.02em; 12974 position: relative; 12975 padding-left: 1rem; 12976 } 12977 12978 .blog-card__date--refined::before { 12979 content: ''; 12980 position: absolute; 12981 left: 0; 12982 top: 50%; 12983 transform: translateY(-50%); 12984 width: 4px; 12985 height: 4px; 12986 background: rgba(0, 0, 0, 0.3); 12987 border-radius: 50%; 12988 } 12989 12990 /* Black reading time badge - positioned at top right */ 12991 .blog-card__reading-time--refined { 12992 background: #000; 12993 color: #fff; 12994 font-size: 0.7rem; 12995 font-weight: 500; 12996 letter-spacing: 0.05em; 12997 padding: 0.4rem 0.75rem; 12998 border-radius: 12px; 12999 white-space: nowrap; 13000 transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); 13001 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); 13002 position: absolute; 13003 top: 1.5rem; 13004 right: 1.5rem; 13005 z-index: 10; 13006 } 13007 13008 .blog-post-card--refined:hover .blog-card__reading-time--refined { 13009 transform: translateY(-2px); 13010 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); 13011 } 13012 13013 /* Sophisticated title styling */ 13014 .blog-card__title--refined { 13015 font-size: 1.375rem; 13016 font-weight: 400; 13017 line-height: 1.25; 13018 color: #000; 13019 margin: 0 0 0.75rem 0; 13020 transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 13021 position: relative; 13022 } 13023 13024 .blog-card__title-link--refined { 13025 text-decoration: none; 13026 color: inherit; 13027 transition: color 0.3s ease; 13028 position: relative; 13029 display: inline-block; 13030 } 13031 13032 .blog-card__title-link--refined::after { 13033 content: ''; 13034 position: absolute; 13035 bottom: -4px; 13036 left: 0; 13037 width: 0; 13038 height: 2px; 13039 background: linear-gradient(90deg, #000, rgba(0, 0, 0, 0.3)); 13040 transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1); 13041 } 13042 13043 .blog-post-card--refined:hover .blog-card__title-link--refined::after { 13044 width: 100%; 13045 } 13046 13047 .blog-card__title-link--refined:hover { 13048 color: rgba(0, 0, 0, 0.8); 13049 } 13050 13051 /* Refined excerpt styling */ 13052 .blog-card__excerpt--refined { 13053 font-size: 0.9rem; 13054 line-height: 1.5; 13055 color: rgba(0, 0, 0, 0.7); 13056 margin: 0 0 1rem 0; 13057 position: relative; 13058 padding-left: 1rem; 13059 } 13060 13061 .blog-card__excerpt--refined::before { 13062 content: ''; 13063 position: absolute; 13064 left: 0; 13065 top: 0.5rem; 13066 width: 3px; 13067 height: calc(100% - 1rem); 13068 background: linear-gradient(180deg, 13069 rgba(0, 0, 0, 0.1) 0%, 13070 rgba(0, 0, 0, 0.05) 50%, 13071 transparent 100%); 13072 border-radius: 2px; 13073 } 13074 13075 /* Elegant read more link */ 13076 .blog-card__read-more--refined { 13077 display: inline-flex; 13078 align-items: center; 13079 gap: 0.6rem; 13080 font-size: 0.85rem; 13081 font-weight: 500; 13082 letter-spacing: 0.05em; 13083 text-transform: uppercase; 13084 color: #000; 13085 text-decoration: none; 13086 transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 13087 position: relative; 13088 padding: 0.4rem 0; 13089 border-radius: 4px; 13090 } 13091 13092 .blog-card__read-more--refined::before { 13093 content: ''; 13094 position: absolute; 13095 bottom: 0; 13096 left: 0; 13097 width: 0; 13098 height: 1px; 13099 background: #000; 13100 transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1); 13101 } 13102 13103 .blog-card__read-more--refined:hover::before { 13104 width: calc(100% - 30px); 13105 } 13106 13107 .blog-card__read-more--refined svg { 13108 width: 16px; 13109 height: 16px; 13110 transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); 13111 } 13112 13113 .blog-card__read-more--refined:hover svg { 13114 transform: translateX(6px); 13115 } 13116 13117 .blog-card__read-more--refined:hover { 13118 color: rgba(0, 0, 0, 0.8); 13119 transform: translateX(4px); 13120 } 13121 13122 /* Elegant placeholder styling */ 13123 .blog-card__placeholder--refined { 13124 width: 100%; 13125 height: 100%; 13126 background: linear-gradient(135deg, #f1f3f4 0%, #e8eaed 100%); 13127 display: flex; 13128 align-items: center; 13129 justify-content: center; 13130 color: rgba(0, 0, 0, 0.2); 13131 font-size: 2.5rem; 13132 border-radius: 12px 12px 0 0; 13133 transition: all 0.3s ease; 13134 } 13135 13136 .blog-post-card--refined:hover .blog-card__placeholder--refined { 13137 color: rgba(0, 0, 0, 0.3); 13138 } 13139 13140 /* Refined link wrapper */ 13141 .blog-card__link-wrapper--refined { 13142 position: relative; 13143 display: block; 13144 text-decoration: none; 13145 border-radius: 12px 12px 0 0; 13146 overflow: hidden; 13147 } 13148 13149 .blog-card__link-wrapper--refined::before { 13150 content: ''; 13151 position: absolute; 13152 top: 0; 13153 left: 0; 13154 width: 100%; 13155 height: 100%; 13156 background: linear-gradient(45deg, 13157 transparent 48%, 13158 rgba(255, 255, 255, 0.1) 50%, 13159 transparent 52%); 13160 background-size: 20px 20px; 13161 opacity: 0; 13162 transition: opacity 0.6s ease; 13163 pointer-events: none; 13164 z-index: 5; 13165 } 13166 13167 .blog-card__link-wrapper--refined:hover::before { 13168 opacity: 1; 13169 animation: shimmerEffect 1.5s ease-in-out; 13170 } 13171 13172 /* Responsive design refinements */ 13173 @media (max-width: 768px) { 13174 .blog-card__content--refined { 13175 padding: 1rem 1.25rem 1rem; 13176 } 13177 13178 .blog-card__title--refined { 13179 font-size: 1.2rem; 13180 margin-bottom: 0.75rem; 13181 } 13182 13183 .blog-card__meta--refined { 13184 gap: 0.75rem; 13185 margin-bottom: 0.75rem; 13186 } 13187 13188 .blog-card__excerpt--refined { 13189 font-size: 0.85rem; 13190 margin-bottom: 1rem; 13191 padding-left: 0.75rem; 13192 } 13193 13194 .blog-card__reading-time--refined { 13195 top: 1rem; 13196 right: 1.25rem; 13197 } 13198 } 13199 13200 @media (max-width: 480px) { 13201 .blog-card__content--refined { 13202 padding: 0.875rem 1rem 0.875rem; 13203 } 13204 13205 .blog-card__title--refined { 13206 font-size: 1.1rem; 13207 margin-bottom: 0.625rem; 13208 } 13209 13210 .blog-card__meta--refined { 13211 margin-bottom: 0.625rem; 13212 } 13213 13214 .blog-card__excerpt--refined { 13215 font-size: 0.8rem; 13216 padding-left: 0.5rem; 13217 margin-bottom: 0.875rem; 13218 } 13219 13220 .blog-card__excerpt--refined::before { 13221 width: 2px; 13222 } 13223 13224 .blog-card__reading-time--refined { 13225 top: 0.875rem; 13226 right: 1rem; 13227 } 13228 } 13229 13230 /* Subtle animations */ 13231 @keyframes shimmerEffect { 13232 0% { transform: translateX(-100%) skewX(-15deg); } 13233 100% { transform: translateX(200%) skewX(-15deg); } 13234 } 13235 13236 /* Enhanced accessibility and focus states */ 13237 .blog-card__category--refined:focus, 13238 .blog-card__title-link--refined:focus, 13239 .blog-card__read-more--refined:focus, 13240 .blog-card__link-wrapper--refined:focus { 13241 outline: 2px solid rgba(0, 0, 0, 0.8); 13242 outline-offset: 2px; 13243 } 13244 13245 /* Print styles */ 13246 @media print { 13247 .blog-post-card--refined { 13248 break-inside: avoid; 13249 box-shadow: none; 13250 border: 1px solid #ccc; 13251 } 13252 13253 .blog-card__reading-time--refined { 13254 background: #000; 13255 color: #fff; 13256 } 13257 } 13258</style> 13259 13260<article class="blog-post-card blog-post-card--refined group snap-center"><a href="/blogs/rezept-des-tages/rheinischer-sauerbraten-mit-kartoffelklossen" class="blog-card__link-wrapper--refined" aria-label="Read Rheinischer Sauerbraten mit KartoffelklöÃe
13260n"> 13261 <div class="blog-card__media--refined"><img src="//luxe-kitchen.de/cdn/shop/articles/Rheinischer_Sauerbraten_mit_Kartoffelkloessen.jpg?v=1739117256&width=1024" alt="Rheinischer Sauerbraten mit KartoffelklöÃen" srcset="//luxe-kitchen.de/cdn/shop/articles/Rheinischer_Sauerbraten_mit_Kartoffelkloessen.jpg?v=1739117256&width=300 300w, //luxe-kitchen.de/cdn/shop/articles/Rheinischer_Sauerbraten_mit_Kartoffelkloessen.jpg?v=1739117256&width=400 400w, //luxe-kitchen.de/cdn/shop/articles/Rheinischer_Sauerbraten_mit_Kartoffelkloessen.jpg?v=1739117256&width=500 500w, //luxe-kitchen.de/cdn/shop/articles/Rheinischer_Sauerbraten_mit_Kartoffelkloessen.jpg?v=1739117256&width=600 600w, //luxe-kitchen.de/cdn/shop/articles/Rheinischer_Sauerbraten_mit_Kartoffelkloessen.jpg?v=1739117256&width=800 800w, //luxe-kitchen.de/cdn/shop/articles/Rheinischer_Sauerbraten_mit_Kartoffelkloessen.jpg?v=1739117256&width=1000 1000w" width="1024" height="768" loading="lazy" sizes="(max-width: 699px) 95vw, (max-width: 1149px) calc(100vw / 2), calc((80rem - (5rem * (3 - 1) / 3)" class="blog-card__image--refined"><div class="blog-card__image-overlay--refined"></div> 13262 </div> 13263 </a><div class="blog-card__content--refined"><div class="blog-card__meta--refined"></div><h3 class="blog-card__title--refined"> 13264 <a href="/blogs/rezept-des-tages/rheinischer-sauerbraten-mit-kartoffelklossen" class="blog-card__title-link--refined">Rheinischer Sauerbraten mit KartoffelklöÃen</a> 13265 </h3><p class="blog-card__excerpt--refined">Ein klassischer Sauerbraten ist die hohe Kunst der deutschen Küche. Die richtige Vorbereitung des Fleisches und das präzise Schneiden sind dabei entscheidend...</p><a href="/blogs/rezept-des-tages/rheinischer-sauerbraten-mit-kartoffelklossen" class="blog-card__read-more--refined" aria-label="Read full article: Rheinischer Sauerbraten mit KartoffelklöÃen"> 13266 Weiterlesen 13267 <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"> 13268 <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 13269 </svg> 13270 </a></div></article></blog-posts><div class="justify-self-center"> 13271<a class="button" href="/blogs/rezept-des-tages" >Alle ansehen</a></div></div> 13272 </div> 13273</div> 13274 13275</section><section id="shopify-section-template--26232202559862__newsletter" class="shopify-section shopify-section--apps"><div class="color-scheme color-scheme--scheme-1 color-scheme--bg-1a8a322e7cfdd8a131e56ac2e637c812 section-spacing bordered-section"> 13276 <div class="container"><div id="shopify-block-AK2RYODkvRE40dS9WU__klaviyo_form" class="shopify-block shopify-app-block"> 13277 <div class="klaviyo-form-"></div> 13278 13279 13280 13281 13282</div></div> 13283 </div> 13284</section> 13285<!-- BEGIN sections: footer-group --> 13286<footer id="shopify-section-sections--26037725790582__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer"><style> 13287 :root { 13288 --footer-bg-primary: #000000; 13289 --footer-bg-secondary: #0a0a0a; 13290 --footer-text-primary: #ffffff; 13291 --footer-text-secondary: rgba(255, 255, 255, 0.7); 13292 --footer-text-muted: rgba(255, 255, 255, 0.5); 13293 --footer-accent: #ffffff; 13294 --footer-border: rgba(255, 255, 255, 0.1); 13295 --footer-success: #22c55e; 13296 --footer-error: #ef4444; 13297 } 13298 13299 /* Spectacular Footer Container */ 13300 .spectacular-footer { 13301 background: 13302 radial-gradient(ellipse at top left, rgba(255, 255, 255, 0.08) 0%, transparent 50%), 13303 radial-gradient(ellipse at top right, rgba(255, 255, 255, 0.05) 0%, transparent 50%), 13304 radial-gradient(ellipse at bottom center, rgba(255, 255, 255, 0.03) 0%, transparent 70%), 13305 linear-gradient(180deg, #0a0a0a 0%, #000000 50%, #0a0a0a 100%); 13306 background-size: 800px 600px, 600px 800px, 1000px 500px, 100% 100%; 13307 background-attachment: fixed; 13308 animation: footerBackgroundFlow 25s ease-in-out infinite; 13309 position: relative; 13310 overflow: hidden; 13311 color: var(--footer-text-primary); 13312 margin-top: auto; 13313 } 13314 13315 @keyframes footerBackgroundFlow { 13316 0%, 100% { 13317 background-position: 0% 0%, 100% 0%, 50% 100%, 0% 0%; 13318 } 13319 33% { 13320 background-position: 100% 50%, 0% 100%, 0% 50%, 0% 0%; 13321 } 13322 66% { 13323 background-position: 50% 100%, 100% 50%, 100% 0%, 0% 0%; 13324 } 13325 } 13326 13327 /* Animated Grid Overlay */ 13328 .spectacular-footer::before { 13329 content: ''; 13330 position: absolute; 13331 top: 0; 13332 left: 0; 13333 right: 0; 13334 bottom: 0; 13335 background-image: 13336 linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), 13337 linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px); 13338 background-size: 60px 60px; 13339 animation: gridDrift 40s linear infinite; 13340 pointer-events: none; 13341 opacity: 0.5; 13342 } 13343 13344 @keyframes gridDrift { 13345 0% { transform: translate(0, 0); }
13346 100% { transform: translate(60px, 60px); } 13347 } 13348 13349 /* Floating Particles */ 13350 .spectacular-footer::after { 13351 content: ''; 13352 position: absolute; 13353 top: 0; 13354 left: 0; 13355 right: 0; 13356 bottom: 0; 13357 background: 13358 radial-gradient(1px 1px at 20px 30px, rgba(255, 255, 255, 0.3), transparent), 13359 radial-gradient(1px 1px at 40px 70px, rgba(255, 255, 255, 0.2), transparent), 13360 radial-gradient(1px 1px at 90px 40px, rgba(255, 255, 255, 0.3), transparent), 13361 radial-gradient(1px 1px at 130px 80px, rgba(255, 255, 255, 0.2), transparent), 13362 radial-gradient(1px 1px at 160px 30px, rgba(255, 255, 255, 0.3), transparent); 13363 background-repeat: repeat; 13364 background-size: 200px 100px; 13365 animation: particleDrift 60s linear infinite; 13366 pointer-events: none; 13367 } 13368 13369 @keyframes particleDrift { 13370 0% { transform: translateY(100px); opacity: 0; } 13371 10% { opacity: 1; } 13372 90% { opacity: 1; } 13373 100% { transform: translateY(-100px); opacity: 0; } 13374 } 13375 13376 /* Main Footer Container */ 13377 .spectacular-footer-container { 13378 max-width: 1400px; 13379 margin: 0 auto; 13380 padding: 80px 20px 40px; 13381 position: relative; 13382 z-index: 2; 13383 } 13384 13385 /* Footer Content Grid */ 13386 .spectacular-footer-content { 13387 display: grid; 13388 grid-template-columns: 2fr 1fr 1fr 1.5fr; 13389 gap: 50px; 13390 margin-bottom: 60px; 13391 position: relative; 13392 align-items: start; 13393 } 13394 13395 /* Brand Section */ 13396 .spectacular-footer-brand { 13397 position: relative; 13398 } 13399 13400 .spectacular-footer-logo { 13401 margin-bottom: 20px; 13402 position: relative; 13403 display: inline-block; 13404 line-height: 1.2; 13405 } 13406 13407 .spectacular-footer-logo img { 13408 height: 60px; 13409 width: auto; 13410 max-width: 250px; 13411 filter: brightness(1) contrast(1.1); 13412 transition: all 0.4s ease; 13413 animation: logoShimmer 4s ease-in-out infinite; 13414 } 13415 13416 @keyframes logoShimmer { 13417 0%, 100% { opacity: 0.9; } 13418 50% { opacity: 1; filter: brightness(1.1) contrast(1.2); } 13419 } 13420 13421 .spectacular-footer-tagline { 13422 font-size: 1.1rem; 13423 line-height: 1.6; 13424 color: var(--footer-text-secondary); 13425 margin-bottom: 30px; 13426 font-weight: 300; 13427 } 13428 13429 /* Social Icons */ 13430 .spectacular-social-links { 13431 display: flex; 13432 gap: 15px; 13433 flex-wrap: wrap; 13434 } 13435 13436 .spectacular-social-link { 13437 width: 50px; 13438 height: 50px; 13439 background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); 13440 border: 1px solid rgba(255, 255, 255, 0.2); 13441 border-radius: 50%; 13442 display: flex; 13443 align-items: center; 13444 justify-content: center; 13445 color: var(--footer-text-secondary); 13446 text-decoration: none; 13447 transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); 13448 position: relative; 13449 overflow: hidden; 13450 } 13451 13452 .spectacular-social-link::before { 13453 content: ''; 13454 position: absolute; 13455 inset: 0; 13456 background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%); 13457 border-radius: 50%; 13458 transform: scale(0); 13459 transition: transform 0.4s ease; 13460 } 13461 13462 .spectacular-social-link:hover { 13463 transform: translateY(-5px) scale(1.1); 13464 border-color: rgba(255, 255, 255, 0.4); 13465 color: var(--footer-text-primary); 13466 box-shadow: 13467 0 10px 30px rgba(0, 0, 0, 0.3), 13468 0 0 20px rgba(255, 255, 255, 0.1); 13469 } 13470 13471 .spectacular-social-link:hover::before { 13472 transform: scale(1); 13473 } 13474 13475 /* Footer Columns */ 13476 .spectacular-footer-column { 13477 position: relative; 13478 } 13479 13480 .spectacular-footer-title { 13481 font-size: 1.2rem; 13482 font-weight: 700; 13483 color: var(--footer-text-primary); 13484 text-transform: uppercase; 13485 letter-spacing: 1px; 13486 margin-bottom: 25px; 13487 position: relative; 13488 padding-bottom: 10px; 13489 } 13490 13491 .spectacular-footer-title::after { 13492 content: ''; 13493 position: absolute; 13494 bottom: 0; 13495 left: 0; 13496 width: 30px; 13497 height: 2px; 13498 background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, transparent 100%); 13499 transition: width 0.6s ease; 13500 } 13501 13502 .spectacular-footer-column:hover .spectacular-footer-title::after { 13503 width: 60px; 13504 } 13505 13506 /* Footer Links */ 13507 .spectacular-footer-links { 13508 list-style: none; 13509 padding: 0; 13510 margin: 0; 13511 } 13512 13513 .spectacular-footer-links li { 13514 margin-bottom: 12px; 13515 position: relative; 13516 } 13517 13518 .spectacular-footer-link { 13519 color: var(--footer-text-secondary); 13520 text-decoration: none; 13521 font-size: 1rem; 13522 font-weight: 300; 13523 transition: all 0.3s ease; 13524 position: relative; 13525 padding-left: 15px; 13526 display: block; 13527 } 13528 13529 .spectacular-footer-link::before { 13530 content: ''; 13531 position: absolute; 13532 left: 0; 13533 top: 50%; 13534 transform: translateY(-50%); 13535 width: 4px; 13536 height: 4px; 13537 background: rgba(255, 255, 255, 0.3); 13538 border-radius: 50%; 13539 transition: all 0.3s ease; 13540 } 13541 13542 .spectacular-footer-link:hover { 13543 color: var(--footer-text-primary); 13544 padding-left: 20px; 13545 } 13546 13547 .spectacular-footer-link:hover::before { 13548 width: 8px; 13549 height: 8px; 13550 background: rgba(255, 255, 255, 0.8); 13551 box-shadow: 0 0 10px rgba(255, 255, 255, 0.3); 13552 } 13553 13554 /* Contact Section */ 13555 .spectacular-contact { 13556 background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%); 13557 border: 1px solid rgba(255, 255, 255, 0.1); 13558 border-radius: 15px; 13559 padding: 30px 25px; 13560 backdrop-filter: blur(20px); 13561 -webkit-backdrop-filter: blur(20px); 13562 position: relative; 13563 overflow: hidden; 13564 height: fit-content; 13565 } 13566 13567 .spectacular-contact::before { 13568 content: ''; 13569 position: absolute; 13570 top: 0; 13571 left: -100%; 13572 width: 100%; 13573 height: 100%; 13574 background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent); 13575 animation: contactShine 3s ease-in-out infinite; 13576 } 13577 13578 @keyframes contactShine { 13579 0% { left: -100%; } 13580 100% { left: 100%; } 13581 } 13582 13583 .spectacular-contact-title { 13584 font-size: 1.3rem; 13585 font-weight: 600; 13586 color: var(--footer-text-primary); 13587 margin-bottom: 15px; 13588 position: relative; 13589 z-index: 2; 13590 } 13591 13592 .spectacular-contact-text { 13593 color: var(--footer-text-secondary); 13594 margin-bottom: 20px; 13595 font-size: 0.95rem; 13596 line-height: 1.5; 13597 position: relative; 13598 z-index: 2; 13599 } 13600 13601 .spectacular-contact-info { 13602 position: relative; 13603 z-index: 2; 13604 } 13605 13606 .spectacular-contact-item { 13607 display: flex; 13608 align-items: center; 13609 gap: 10px; 13610 margin-bottom: 12px; 13611 color: var(--footer-text-secondary); 13612 font-size: 0.95rem; 13613 } 13614 13615 .spectacular-contact-item:hover { 13616 color: var(--footer-text-primary); 13617 } 13618 13619 .spectacular-contact-hours { 13620 margin-top: 15px; 13621 padding-top: 15px; 13622 border-top: 1px solid rgba(255, 255, 255, 0.1); 13623 font-size: 0.9rem; 13624 color: var(--footer-text-muted); 13625 } 13626 13627 /* Footer Bottom */ 13628 .spectacular-footer-bottom { 13629 border-top: 1px solid rgba(255, 255, 255, 0.1); 13630 padding-top: 40px; 13631 display: flex; 13632 justify-content: space-between; 13633 align-items: center; 13634 flex-wrap: wrap; 13635 gap: 20px; 13636 position: relative; 13637 } 13638 13639 .spectacular-footer-bottom::before { 13640 content: ''; 13641 position: absolute; 13642 top: 0; 13643 left: 50%; 13644 transform: translateX(-50%); 13645 width: 100px; 13646 height: 1px; 13647 background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); 13648 } 13649 13650 .spectacular-footer-copyright { 13651 color: var(--footer-text-muted); 13652 font-size: 0.9rem; 13653 font-weight: 300; 13654 } 13655 13656 .spectacular-footer-social-bottom { 13657 display: flex; 13658 gap: 15px; 13659 } 13660 13661 .spectacular-footer-social-bottom .spectacular-social-link { 13662 width: 40px; 13663 height: 40px; 13664 } 13665 13666 /* Responsive Design */ 13667 @media screen and (max-width: 1200px) { 13668 .spectacular-footer-content { 13669 grid-template-columns: 2fr 1fr 1fr 1.2fr; 13670 gap: 40px; 13671 } 13672 } 13673 13674 @media screen and (max-width: 968px) { 13675 .spectacular-footer-content { 13676 grid-template-columns: 1fr 1fr; 13677 gap: 40px; 13678 } 13679 13680 .spectacular-footer-brand { 13681 grid-column: 1 / -1; 13682 text-align: center; 13683 margin-bottom: 20px; 13684 } 13685 13686 .spectacular-contact { 13687 grid-column: 1 / -1; 13688 margin-top: 20px; 13689 } 13690 } 13691 13692 @media screen and (max-width: 768px) { 13693 .spectacular-footer { 13694 background-attachment: scroll; 13695 } 13696 13697 .spectacular-footer-container { 13698 padding: 60px 20px 30px; 13699 } 13700 13701 .spectacular-footer-content { 13702 grid-template-columns: 1fr; 13703 gap: 35px; 13704 text-align: center; 13705 } 13706 13707 .spectacular-footer-brand { 13708 grid-column: 1; 13709 margin-bottom: 0; 13710 } 13711 13712 .spectacular-footer-logo img { 13713 height: 50px; 13714 } 13715 13716 .spectacular-footer-tagline { 13717 font-size: 1rem; 13718 margin-bottom: 25px; 13719 } 13720 13721 .spectacular-social-links { 13722 justify-content: center; 13723 gap: 12px; 13724 } 13725 13726 .spectacular-footer-column { 13727 text-align: center; 13728 } 13729 13730 .spectacular-footer-title::after { 13731 left: 50%; 13732 transform: translateX(-50%); 13733 } 13734
13735 .spectacular-footer-column:hover .spectacular-footer-title::after { 13736 width: 40px; 13737 } 13738 13739 .spectacular-footer-link { 13740 padding-left: 0; 13741 text-align: center; 13742 } 13743 13744 .spectacular-footer-link::before { 13745 display: none; 13746 } 13747 13748 .spectacular-footer-link:hover { 13749 padding-left: 0; 13750 } 13751 13752 .spectacular-contact { 13753 padding: 25px 20px; 13754 text-align: center; 13755 grid-column: 1; 13756 margin-top: 0; 13757 } 13758 13759 .spectacular-contact-item { 13760 justify-content: center; 13761 } 13762 13763 .spectacular-footer-bottom { 13764 flex-direction: column; 13765 text-align: center; 13766 gap: 20px; 13767 } 13768 13769 .spectacular-footer-social-bottom { 13770 justify-content: center; 13771 } 13772 } 13773 13774 @media screen and (max-width: 480px) { 13775 .spectacular-footer-container { 13776 padding: 40px 15px 25px; 13777 } 13778 13779 .spectacular-footer-content { 13780 gap: 30px; 13781 } 13782 13783 .spectacular-footer-logo img { 13784 height: 45px; 13785 } 13786 13787 .spectacular-footer-tagline { 13788 font-size: 0.95rem; 13789 } 13790 13791 .spectacular-social-link { 13792 width: 45px; 13793 height: 45px; 13794 } 13795 13796 .spectacular-social-links { 13797 gap: 10px; 13798 } 13799 13800 .spectacular-contact { 13801 padding: 20px 15px; 13802 } 13803 13804 .spectacular-contact-title { 13805 font-size: 1.2rem; 13806 } 13807 13808 .spectacular-contact-text { 13809 font-size: 0.9rem; 13810 } 13811 } 13812 13813 /* Accessibility */ 13814 @media (prefers-reduced-motion: reduce) { 13815 .spectacular-footer, 13816 .spectacular-footer::before, 13817 .spectacular-footer::after, 13818 .spectacular-footer-logo img, 13819 .spectacular-contact::before { 13820 animation: none !important; 13821 } 13822 13823 .spectacular-social-link, 13824 .spectacular-footer-link { 13825 transition: none !important; 13826 } 13827 } 13828 13829 /* High contrast mode */ 13830 @media (prefers-contrast: high) { 13831 .spectacular-footer { 13832 background: #000000; 13833 } 13834 13835 .spectacular-contact, 13836 .spectacular-social-link { 13837 border: 2px solid #ffffff; 13838 background: rgba(255, 255, 255, 0.1); 13839 } 13840 13841 .spectacular-footer-title, 13842 .spectacular-footer-link, 13843 .spectacular-footer-copyright { 13844 color: #ffffff; 13845 } 13846 } 13847 13848 /* Animation keyframes */ 13849 @keyframes socialClickPulse { 13850 0% { transform: translateY(-5px) scale(1.1); } 13851 50% { transform: translateY(-8px) scale(1.15); box-shadow: 0 15px 40px rgba(255, 255, 255, 0.2); } 13852 100% { transform: translateY(-5px) scale(1.1); } 13853 } 13854 13855 @keyframes footerColumnFadeIn { 13856 from { 13857 opacity: 0; 13858 transform: translateY(20px); 13859 } 13860 to { 13861 opacity: 1; 13862 transform: translateY(0); 13863 } 13864 } 13865 13866 /* Block-specific styles */ 13867 .spectacular-footer-text { 13868 color: #cccccc; 13869 line-height: 1.6; 13870 font-size: 0.9rem; 13871 } 13872 13873 .spectacular-footer-text p { 13874 margin: 0 0 15px 0; 13875 } 13876 13877 .spectacular-footer-text p:last-child { 13878 margin-bottom: 0; 13879 } 13880 13881 .spectacular-footer-image { 13882 margin-bottom: 20px; 13883 } 13884 13885 .spectacular-footer-image img { 13886 max-width: 100%; 13887 height: auto; 13888 } 13889 13890 /* Keyboard navigation */ 13891 .keyboard-navigation .spectacular-footer-link:focus, 13892 .keyboard-navigation .spectacular-social-link:focus { 13893 outline: 2px solid rgba(255, 255, 255, 0.8); 13894 outline-offset: 2px; 13895 } 13896</style> 13897 13898<footer class="spectacular-footer" role="contentinfo"> 13899 <div class="spectacular-footer-container"> 13900 13901 <!-- Main Footer Content --> 13902 <div class="spectacular-footer-content"> 13903 13904 <!-- Brand Section --> 13905 <div class="spectacular-footer-brand"> 13906 <div class="spectacular-footer-logo"> 13907 <img src="https://cdn.shopify.com/s/files/1/0747/6776/1694/files/Kitchen_Luxe_Logo_400x250px_weiss_mit_Linie_1.svg?v=1745175512" alt="Kitchen Luxe"> 13908 </div> 13909 <p class="spectacular-footer-tagline"> 13910 Willkommen bei Kitchen Luxe â Deinem kulinarischen Begleiter! Bei Kitchen Luxe sind wir leidenschaftlich darum bemüht, Dein kulinarisches Erlebnis auf ein neues Niveau zu heben. Unsere Mission ist es, Dir erstklassige Messer und Messerzubehör anzubieten, die nicht nur Deine Erwartungen erfüllen, sondern sie deutlich übertreffen. 13911 </p> 13912 </div> 13913 13914 <!-- Dynamic Content from Blocks --> 13915 13916 13917 <div class="spectacular-footer-column" > 13918 13919 <h3 class="spectacular-footer-title">Rechtliches</h3> 13920 13921 13922 13923 <ul class="spectacular-footer-links"> 13924 13925 <li><a href="/policies/terms-of-service" class="spectacular-footer-link">AGB</a></li> 13926 13927 <li><a href="/policies/privacy-policy" class="spectacular-footer-link">Datenschutz</a></li> 13928 13929 <li><a href="/policies/refund-policy" class="spectacular-footer-link">Widerrufsbelehrung</a></li> 13930 13931 <li><a href="/policies/shipping-policy" class="spectacular-footer-link">Versandbedingungen</a></li> 13932 13933 <li><a href="/policies/legal-notice" class="spectacular-footer-link">Impressum</a></li> 13934 13935 <li><a href="/pages/garantiebedingungen" class="spectacular-footer-link">Garantiebedingungen</a></li> 13936 13937 <li><a href="/pages/uber-uns" class="spectacular-footer-link">Ãber uns</a></li> 13938 13939 <li><a href="/pages/contact" class="spectacular-footer-link">Kontakt</a></li> 13940 13941 <li><a href="/apps/widerruf" class="spectacular-footer-link">Widerruf durchführen</a></li> 13942 13943 </ul> 13944 13945 </div> 13946 13947 13948 13949 13950 <div class="spectacular-footer-column" > 13951 13952 <h3 class="spectacular-footer-title">Blogs</h3> 13953 13954 13955 13956 <ul class="spectacular-footer-links"> 13957 13958 <li><a href="/blogs/kuechengeheimnisse-trends" class="spectacular-footer-link">Küchengeheimnisse & Trends</a></li> 13959 13960 <li><a href="/blogs/messertypen" class="spectacular-footer-link">Messer-ABC</a></li> 13961 13962 <li><a href="/blogs/rezept-des-tages" class="spectacular-footer-link">Rezept des Tages</a></li> 13963 13964 </ul> 13965 13966 </div> 13967 13968 13969 13970 13971 <!-- Contact Section --> 13972 <div class="spectacular-contact"> 13973 <h3 class="spectacular-contact-title">Wir sind für dich da</h3> 13974 <p class="spectacular-contact-text"> 13975 persönlich und engagiert. 13976 </p> 13977 <div class="spectacular-contact-info"> 13978 <div class="spectacular-contact-item">
13979 <span>ð</span> 13980 <a href="tel:+4927237193343" style="color: inherit; text-decoration: none;">+49 (0) 2723/719334</a> 13981 </div> 13982 <div class="spectacular-contact-item"> 13983 <span>ð§</span> 13984 <a href="mailto:[email protected]" style="color: inherit; text-decoration: none;">[email protected]</a> 13985 </div> 13986 <div class="spectacular-contact-hours"> 13987 <strong>Montag - Freitag 9-16 Uhr</strong><br> 13988 Wir freuen uns auf Deine Anfrage. 13989 </div> 13990 </div> 13991 </div> 13992 </div> 13993 13994 13995 <!-- Footer Bottom --> 13996 <div class="spectacular-footer-bottom"> 13997 <div class="spectacular-footer-copyright"> 13998 © 2026 - Kitchen Luxe 13999 <span class="spectacular-footer-vdw">Technische Umsetzung durch <a href="https://v-d-w.de/leistungen/websites-onlineauftritte" title="vdw GmbH, Lennestadt: Websites, Onlineshops und Individualsoftware">vdw GmbH</a></span> 14000 </div> 14001 14002 </div> 14003 <div class="spectacular-footer-social-bottom"> 14004 <a href="https://www.facebook.com/profile.php?id=61556197381168&locale=de_DE" class="spectacular-social-link" aria-label="Facebook"> 14005 <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"> 14006 <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/> 14007 </svg> 14008 </a> 14009 <a href="https://www.instagram.com/kitchen_luxe.de/" class="spectacular-social-link" aria-label="Instagram"> 14010 <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"> 14011 <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/> 14012 </svg> 14013 </a> 14014 </div> 14015 </div> 14016 14017 </div> 14018</footer> 14019 14020 14021
14022<script> 14023(function() { 14024 'use strict'; 14025 14026 document.addEventListener('DOMContentLoaded', function() { 14027 14028 // Social links animation 14029 const socialLinks = document.querySelectorAll('.spectacular-social-link'); 14030 socialLinks.forEach(function(link) { 14031 link.addEventListener('click', function(e) { 14032 // Add click animation 14033 this.style.animation = 'socialClickPulse 0.3s ease-out'; 14034 setTimeout(() => { 14035 this.style.animation = ''; 14036 }, 300); 14037 }); 14038 }); 14039 14040 // Contact items hover effects 14041 const contactItems = document.querySelectorAll('.spectacular-contact-item'); 14042 contactItems.forEach(function(item) { 14043 item.addEventListener('mouseenter', function() { 14044 this.style.transform = 'translateX(5px)'; 14045 this.style.transition = 'transform 0.3s ease'; 14046 }); 14047 14048 item.addEventListener('mouseleave', function() { 14049 this.style.transform = 'translateX(0)'; 14050 }); 14051 }); 14052 14053 // Intersection Observer for footer animations 14054 if ('IntersectionObserver' in window) { 14055 const footerObserver = new IntersectionObserver(function(entries) { 14056 entries.forEach(function(entry) { 14057 if (entry.isIntersecting) { 14058 entry.target.classList.add('in-view'); 14059 14060 // Animate footer sections sequentially 14061 const sections = entry.target.querySelectorAll('.spectacular-footer-brand, .spectacular-footer-column, .spectacular-contact'); 14062 sections.forEach(function(section, index) { 14063 setTimeout(function() { 14064 section.style.animation = 'footerColumnFadeIn 0.6s ease-out ' + (index * 0.1) + 's both'; 14065 }, 100); 14066 }); 14067 } 14068 }); 14069 }, { threshold: 0.1 }); 14070 14071 const footer = document.querySelector('.spectacular-footer'); 14072 if (footer) { 14073 footerObserver.observe(footer); 14074 } 14075 } 14076 14077 // Enhanced link hover effects 14078 const footerLinks = document.querySelectorAll('.spectacular-footer-link'); 14079 footerLinks.forEach(function(link) { 14080 link.addEventListener('mouseenter', function() { 14081 // Add ripple effect 14082 const ripple = document.createElement('span'); 14083 ripple.style.cssText = ` 14084 position: absolute; 14085 left: 0; 14086 top: 50%; 14087 transform: translateY(-50%); 14088 width: 2px; 14089 height: 2px; 14090 background: rgba(255, 255, 255, 0.5); 14091 border-radius: 50%; 14092 animation: rippleEffect 0.6s ease-out; 14093 pointer-events: none; 14094 `; 14095 this.appendChild(ripple); 14096 14097 setTimeout(() => { 14098 if (ripple.parentNode) { 14099 ripple.remove(); 14100 } 14101 }, 600); 14102 }); 14103 }); 14104 14105 // Phone and email click tracking 14106 const phoneLink = document.querySelector('a[href^="tel:"]'); 14107 const emailLink = document.querySelector('a[href^="mailto:"]'); 14108 14109 if (phoneLink) { 14110 phoneLink.addEventListener('click', function() { 14111 console.log('Phone clicked:', this.href); 14112 }); 14113 } 14114 14115 if (emailLink) { 14116 emailLink.addEventListener('click', function() { 14117 console.log('Email clicked:', this.href); 14118 }); 14119 } 14120 14121 // Keyboard navigation enhancement 14122 document.addEventListener('keydown', function(e) { 14123 if (e.key === 'Tab') { 14124 document.body.classList.add('keyboard-navigation'); 14125 } 14126 }); 14127 14128 document.addEventListener('mousedown', function() { 14129 document.body.classList.remove('keyboard-navigation'); 14130 }); 14131 14132 // Add dynamic glow effect to contact section 14133 const contactSection = document.querySelector('.spectacular-contact'); 14134 if (contactSection) { 14135 contactSection.addEventListener('mouseenter', function() { 14136 this.style.boxShadow = '0 0 30px rgba(255, 255, 255, 0.1)'; 14137 this.style.transition = 'box-shadow 0.4s ease'; 14138 }); 14139 14140 contactSection.addEventListener('mouseleave', function() { 14141 this.style.boxShadow = 'none'; 14142 }); 14143 } 14144 }); 14145 14146 // Add ripple effect styles 14147 const rippleStyles = document.createElement('style'); 14148 rippleStyles.textContent = ` 14149 @keyframes rippleEffect { 14150 0% { 14151 width: 2px; 14152 height: 2px; 14153 opacity: 1; 14154 } 14155 100% {
14156 width: 20px; 14157 height: 20px; 14158 opacity: 0; 14159 } 14160 } 14161 `; 14162 document.head.appendChild(rippleStyles); 14163 14164})(); 14165</script>
14165 14166 14167 14168</footer> 14169<!-- END sections: footer-group --></main> 14170
14170<script src="//luxe-kitchen.de/cdn/shop/t/55/assets/auto-lazy-load.js?v=8792" defer></script>
14170 14171<style> 14172@media (max-width: 768px) { 14173 /* Video autoplay kill auf Mobile */ 14174 video[autoplay] { autoplay: false; } 14175 video[data-autoplay] { autoplay: false; } 14176 14177 /* Multiple H1 Fix: nur erster H1 bleibt, weitere werden kleiner */ 14178 main h1 ~ h1, 14179 article h1 ~ h1 { 14180 font-size: 1.4rem !important; 14181 font-weight: 600 !important; 14182 margin-top: 1rem !important; 14183 } 14184 14185 /* Reduziere Bild-Groessen auf Mobile */ 14186 img { max-width: 100%; height: auto; } 14187 14188 /* Padding sticky cart ausgleichen */ 14189 body { padding-bottom: 72px; } 14190} 14191 14192/* Desktop: kein padding */ 14193@media (min-width: 769px) { 14194 body { padding-bottom: 0; } 14195} 14196</style> 14197
14198<script> 14199(function() { 14200 if (window.innerWidth > 768) return; 14201 // Disable autoplay on mobile for all existing videos 14202 document.querySelectorAll('video[autoplay]').forEach(function(v) { 14203 v.removeAttribute('autoplay'); 14204 v.pause(); 14205 v.preload = 'none'; 14206 }); 14207 // Also kill YouTube/Vimeo iframes with autoplay 14208 document.querySelectorAll('iframe[src*="autoplay=1"]').forEach(function(f) { 14209 f.src = f.src.replace(/autoplay=1/g, 'autoplay=0'); 14210 }); 14211 // Lazy-load all images except first 3 14212 var imgs = document.querySelectorAll('img:not([loading])'); 14213 imgs.forEach(function(img, i) { 14214 if (i > 2) img.loading = 'lazy'; 14215 }); 14216})(); 14217</script>
14217 14218 14219<div id="shopify-block-AYWlrTlpQRGRQaXlOZ__5280235153711299465" class="shopify-block shopify-app-block">
14219<script> 14220 window.__widerrufLocale = "de"; 14221 14222 14223 window.__widerrufSettings = JSON.parse("{\"buttonMode\":\"menu_item\",\"menuItemNames\":[\"Widerruf durchführen \"],\"backgroundColor\":\"#000000\",\"textColor\":\"#FFFFFF\",\"borderRadius\":\"4px\",\"displayMode\":\"page\",\"panelPosition\":\"right\",\"floatingButtonText\":\"Vertrag widerrufen\",\"floatingButtonPosition\":\"bottom-right\",\"panelTitle\":\"Widerruf\",\"fontWeight\":\"\",\"buttonSize\":\"\",\"marginTop\":0,\"marginBottom\":0,\"i18n\":{}}"); 14224 14225</script>
14225 14226
14227<script> 14228 (function () { 14229 var src = "https:\/\/cdn.shopify.com\/extensions\/01a0eecd-e3cf-72d9-81f3-f3f881b5b528\/checkout-regeln-grosse-warenkoerbe-2026-09-29\/assets\/widerruf-button.js"; 14230 function ensure() { 14231 if (window.__widerrufButtonLoaded) return; 14232 var s = document.createElement("script"); 14233 s.src = src; 14234 s.defer = true; 14235 document.head.appendChild(s); 14236 } 14237 if (document.readyState === "complete") { 14238 ensure(); 14239 } else { 14240 window.addEventListener("load", ensure); 14241 } 14242 })(); 14243</script>
14243 14244 14245 14246</div>
14246<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
14246 14247</body> 14248</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.