1<!doctype html> 2<html lang="de"> 3<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# product: http://ogp.me/ns/product#"> 4 <meta charset="utf-8"/> 5<meta name="title" content="HAY About a Chair AAC 22 kaufen | SCHÃNER WOHNEN-Shop"/> 6<meta name="description" content="HAY About a Chair AAC 22 Shop: Bestellen Sie About a Chair AAC 22 von HAY ab nur 235 ⬠â Originalware â Top-Auswahl â Versand gratis "/> 7<meta name="robots" content="INDEX,FOLLOW"/> 8<meta name="viewport" content="width=device-width, initial-scale=1"/> 9<title>HAY About a Chair AAC 22 kaufen | SCHÃNER WOHNEN-Shop</title> 10 <link rel="stylesheet" type="text/css" media="all" href="https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/css/styles.css" />
11<script type="text/javascript" data-failover="https://gateway.tweakwisenavigator.com/js/11b9f652/tweakwise.js" onerror="window.tweakwiseFailover(this.dataset.failover)" src="https://gateway.tweakwisenavigator.net/js/11b9f652/tweakwise.js"></script>
11 12<link rel="canonical" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-22.html" /> 13<link rel="preload" as="script" href="https://gateway.tweakwisenavigator.net/js/starter.js" /> 14<link rel="preload" as="script" href="https://gateway.tweakwisenavigator.net/js/11b9f652/tweakwise.js" /> 15<link rel="icon" type="image/x-icon" href="https://dbs-base.imgix.net/media/favicon/stores/7/sw_favicon.svg?auto=format" /> 16<link rel="shortcut icon" type="image/x-icon" href="https://dbs-base.imgix.net/media/favicon/stores/7/sw_favicon.svg?auto=format" /> 17<link rel="preconnect" href="https://www.google-analytics.com" /> 18<link rel="preconnect" href="https://www.googletagmanager.com" /> 19<link rel="preconnect" href="https://cdn.findologic.com" /> 20<link rel="preconnect" href="https://cdn.particularaudience.com" /> 21<link rel="preconnect" href="https://www.googleoptimize.com" /> 22<link rel="preconnect" href="https://static.hotjar.com" /> 23 24 25<!-- Varify.io® code for Mathes Design Schöner Wohnen-->
26<script> 27window.varify = window.varify || {}; 28window.varify.iid = 2861; 29</script>
vendor: 2 bytes, line 29
29
30<script src="https://shop.schoener-wohnen.de/media/js-cache/app.varify.io/varify.js?v=1790784317"></script>
30
30<script id="usercentrics-cmp" 31 src="https://web.cmp.usercentrics.eu/ui/loader.js" 32 data-settings-id="ZF33dhw8jm40hz" 33 async></script>
33 <style> :root { --body-background-color: var(--color-white-default); --page-wrapper-background-color: var(--color-white-default); }</style> <style> @font-face { src: url('https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/DesignBestseller_ContentFonts/fonts/suisseworks/suisseworks-regular.woff2') format('woff2'); font-family: Suisse Works; font-style: normal; font-weight: normal; font-display: swap; } @font-face { src: url('https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/DesignBestseller_ContentFonts/fonts/suisseworks/suisseworks-semibold.woff2') format('woff2'); font-family: Suisse Works; font-style: normal; font-weight: 500; font-display: swap; } @font-face { src: url('https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/DesignBestseller_ContentFonts/fonts/suisseworks/suisseworks-semibold.woff2') format('woff2'); font-family: Suisse Works Semibold; font-style: normal; font-weight: 400; font-display: swap; } @font-face { src: url('https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/DesignBestseller_ContentFonts/fonts/suisseworks/suisseworks-bold.woff2') format('woff2'); font-family: Suisse Works; font-style: normal; font-weight: 600 700; font-display: swap; } </style>
33<script> 34 var BASE_URL = 'https://shop.schoener-wohnen.de/'; 35 var THEME_PATH = 'https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE'; 36 var COOKIE_CONFIG = { 37 "expires": null, 38 "path": "\u002F", 39 "domain": ".shop.schoener\u002Dwohnen.de", 40 "secure": true, 41 "lifetime": "259200", 42 "cookie_restriction_enabled": false }; 43 var CURRENT_STORE_CODE = 'sws_de_de'; 44 var CURRENT_WEBSITE_ID = '5'; 45 46 window.hyva = window.hyva || {} 47 48 window.cookie_consent_groups = window.cookie_consent_groups || {} 49 window.cookie_consent_groups['necessary'] = true; 50 51 window.cookie_consent_config = window.cookie_consent_config || {}; 52 window.cookie_consent_config['necessary'] = [].concat( 53 window.cookie_consent_config['necessary'] || [], 54 [ 55 'user_allowed_save_cookie', 56 'form_key', 57 'mage-messages', 58 'private_content_version', 59 'mage-cache-sessid', 60 'last_visited_store', 61 'section_data_ids' 62 ] 63 );</script>
63
63<script> 64 'use strict'; 65 (function( hyva, undefined ) { 66 67 function lifetimeToExpires(options, defaults) { 68 69 const lifetime = options.lifetime || defaults.lifetime; 70 71 if (lifetime) { 72 const date = new Date; 73 date.setTime(date.getTime() + lifetime * 1000); 74 return date; 75 } 76 77 return null; 78 } 79 80 function generateRandomString() { 81 82 const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', 83 length = 16; 84 85 let formKey = '', 86 charactersLength = allowedCharacters.length; 87 88 for (let i = 0; i < length; i++) { 89 formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))] 90 } 91 92 return formKey; 93 } 94 95 const sessionCookieMarker = {noLifetime: true} 96 97 const cookieTempStorage = {}; 98 99 const internalCookie = { 100 get(name) { 101 const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); 102 return v ? v[2] : null; 103 }, 104 set(name, value, days, skipSetDomain) { 105 let expires, 106 path, 107 domain, 108 secure, 109 samesite; 110 111 const defaultCookieConfig = { 112 expires: null, 113 path: '/', 114 domain: null, 115 secure: false, 116 lifetime: null, 117 samesite: 'lax' 118 }; 119 120 const cookieConfig = window.COOKIE_CONFIG || {}; 121 122 expires = days && days !== sessionCookieMarker 123 ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig) 124 : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires; 125 126 path = cookieConfig.path || defaultCookieConfig.path; 127 domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain); 128 secure = cookieConfig.secure || defaultCookieConfig.secure; 129 samesite = cookieConfig.samesite || defaultCookieConfig.samesite; 130 131 document.cookie = name + "=" + encodeURIComponent(value) + 132 (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') + 133 (path ? '; path=' + path : '') + 134 (domain ? '; domain=' + domain : '') + 135 (secure ? '; secure' : '') + 136 (samesite ? '; samesite=' + samesite : 'lax'); 137 }, 138 isWebsiteAllowedToSaveCookie() { 139 const allowedCookies = this.get('user_allowed_save_cookie'); 140 if (allowedCookies) { 141 const allowedWebsites = JSON.parse(unescape(allowedCookies)); 142 143 return allowedWebsites[CURRENT_WEBSITE_ID] === 1; 144 } 145 return false; 146 }, 147 getGroupByCookieName(name) { 148 const cookieConsentConfig = window.cookie_consent_config || {}; 149 let group = null; 150 for (let prop in cookieConsentConfig) { 151 if (!cookieConsentConfig.hasOwnProperty(prop)) continue; 152 if (cookieConsentConfig[prop].includes(name)) { 153 group = prop; 154 break; 155 } 156 } 157 return group; 158 }, 159 isCookieAllowed(name) { 160 const cookieGroup = this.getGroupByCookieName(name); 161 return cookieGroup 162 ? window.cookie_consent_groups[cookieGroup] 163 : this.isWebsiteAllowedToSaveCookie(); 164 }, 165 saveTempStorageCookies() { 166 for (const [name, data] of Object.entries(cookieTempStorage)) { 167 if (this.isCookieAllowed(name)) { 168 this.set(name, data['value'], data['days'], data['skipSetDomain']); 169 delete cookieTempStorage[name]; 170 } 171 } 172 } 173 }; 174 175 hyva.getCookie = (name) => { 176 const cookieConfig = window.COOKIE_CONFIG || {}; 177 178 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 179 return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null; 180 } 181 182 return internalCookie.get(name); 183 } 184 185 hyva.setCookie = (name, value, days, skipSetDomain) => { 186 const cookieConfig = window.COOKIE_CONFIG || {}; 187 188 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 189 cookieTempStorage[name] = {value, days, skipSetDomain}; 190 return; 191 } 192 return internalCookie.set(name, value, days, skipSetDomain); 193 } 194 195 196 hyva.setSessionCookie = (name, value, skipSetDomain) => { 197 return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain) 198 } 199 200 hyva.getBrowserStorage = () => { 201 const browserStorage = window.localStorage || window.sessionStorage; 202 if (!browserStorage) { 203 console.warn('Browser Storage is unavailable'); 204 return false;
205 } 206 try { 207 browserStorage.setItem('storage_test', '1'); 208 browserStorage.removeItem('storage_test'); 209 } catch (error) { 210 console.warn('Browser Storage is not accessible', error); 211 return false; 212 } 213 return browserStorage; 214 } 215 216 hyva.postForm = (postParams) => { 217 const form = document.createElement("form"); 218 219 let data = postParams.data; 220 221 if (! postParams.skipUenc && ! data.uenc) { 222 data.uenc = btoa(window.location.href); 223 } 224 form.method = "POST"; 225 form.action = postParams.action; 226 227 Object.keys(postParams.data).map(key => { 228 const field = document.createElement("input"); 229 field.type = 'hidden' 230 field.value = postParams.data[key]; 231 field.name = key; 232 form.appendChild(field); 233 }); 234 235 const form_key = document.createElement("input"); 236 form_key.type = 'hidden'; 237 form_key.value = hyva.getFormKey(); 238 form_key.name="form_key"; 239 form.appendChild(form_key); 240 241 document.body.appendChild(form); 242 243 form.submit(); 244 } 245 246 hyva.getFormKey = function () { 247 let formKey = hyva.getCookie('form_key'); 248 249 if (!formKey) { 250 formKey = generateRandomString(); 251 hyva.setCookie('form_key', formKey); 252 } 253 254 return formKey; 255 } 256 257 hyva.formatPrice = (value, showSign, options = {}) => { 258 const groupSeparator = options.groupSeparator; 259 const decimalSeparator = options.decimalSeparator 260 delete options.groupSeparator; 261 delete options.decimalSeparator; 262 const formatter = new Intl.NumberFormat( 263 'de\u002DDE', 264 Object.assign({ 265 style: 'currency', 266 currency: 'EUR', 267 signDisplay: showSign ? 'always' : 'auto' 268 }, options) 269 ); 270 return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? 271 formatter.formatToParts(value).map(({type, value}) => { 272 switch (type) { 273 case 'currency': 274 return '\u20AC' || value; 275 case 'minusSign': 276 return '- '; 277 case 'plusSign': 278 return '+ '; 279 case 'group': 280 return groupSeparator !== undefined ? groupSeparator : value; 281 case 'decimal': 282 return decimalSeparator !== undefined ? decimalSeparator : value; 283 default : 284 return value; 285 } 286 }).reduce((string, part) => string + part) : 287 formatter.format(value); 288 } 289 290 const formatStr = function (str, nStart) { 291 const args = Array.from(arguments).slice(2); 292 293 return str.replace(/(%+)([0-9]+)/g, (m, p, n) => { 294 const idx = parseInt(n) - nStart; 295 296 if (args[idx] === null || args[idx] === void 0) { 297 return m; 298 } 299 return p.length % 2 300 ? p.slice(0, -1).replace('%%', '%') + args[idx] 301 : p.replace('%%', '%') + n; 302 }) 303 } 304 305 hyva.str = function (string) { 306 const args = Array.from(arguments); 307 args.splice(1, 0, 1); 308 309 return formatStr.apply(undefined, args); 310 } 311 312 hyva.strf = function () { 313 const args = Array.from(arguments); 314 args.splice(1, 0, 0); 315 316 return formatStr.apply(undefined, args); 317 } 318 319 /** 320 * Take a html string as `content` parameter and 321 * extract an element from the DOM to replace in 322 * the current page under the same selector, 323 * defined by `targetSelector` 324 */ 325 hyva.replaceDomElement = (targetSelector, content) => { 326 327 const parser = new DOMParser(); 328 const doc = parser.parseFromString(content, 'text/html');
329 const contentNode = doc.querySelector(targetSelector); 330 331 332 if (!contentNode || !document.querySelector(targetSelector)) { 333 return; 334 } 335 336 hyva.activateScripts(contentNode); 337 document.querySelector(targetSelector).replaceWith(contentNode); 338 339 340 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 341 hyva.initMessages(); 342 } 343 344 hyva.removeScripts = (contentNode) => { 345 const scripts = contentNode.getElementsByTagName('script'); 346 for (let i = 0; i < scripts.length; i++) { 347 scripts[i].parentNode.removeChild(scripts[i]); 348 } 349 const templates = contentNode.getElementsByTagName('template'); 350 for (let i = 0; i < templates.length; i++) { 351 const container = document.createElement('div'); 352 container.innerHTML = templates[i].innerHTML; 353 hyva.removeScripts(container); 354 templates[i].innerHTML = container.innerHTML; 355 } 356 } 357 358 hyva.activateScripts = (contentNode) => { 359 const scripts = Array.from(contentNode.getElementsByTagName('script')); 360 361 362 for (const original of scripts) { 363 const script = document.createElement('script'); 364 original.type && (script.type = original.type); 365 script.innerHTML = original.innerHTML; 366 367 368 original.parentNode.removeChild(original) 369 370 371 document.head.appendChild(script); 372 } 373 374 return contentNode; 375 } 376 377 const replace = {['+']: '-', ['/']: '_', ['=']: ','}; 378 hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]); 379 380 let currentTrap; 381 382 const focusableElements = (rootElement) => { 383 const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]'; 384 return Array.from(rootElement.querySelectorAll(selector)) 385 .filter(el => { 386 return el.style.display !== 'none' 387 && !el.disabled 388 && el.tabIndex !== -1 389 && (el.offsetWidth || el.offsetHeight || el.getClientRects().length) 390 }) 391 } 392 393 const focusTrap = (e) => { 394 const isTabPressed = e.key === 'Tab' || e.keyCode === 9; 395 if (!isTabPressed) return; 396 397 const focusable = focusableElements(currentTrap) 398 const firstFocusableElement = focusable[0] 399 const lastFocusableElement = focusable[focusable.length - 1] 400 401 e.shiftKey 402 ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault()) 403 : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault()) 404 }; 405 406 hyva.releaseFocus = (rootElement) => { 407 if (currentTrap && (!rootElement || rootElement === currentTrap)) { 408 currentTrap.removeEventListener('keydown', focusTrap) 409 currentTrap = null 410 } 411 } 412 hyva.trapFocus = (rootElement) => { 413 if (!rootElement) return; 414 hyva.releaseFocus() 415 currentTrap = rootElement 416 rootElement.addEventListener('keydown', focusTrap) 417 const firstElement = focusableElements(rootElement)[0] 418 firstElement && firstElement.focus() 419 } 420 421 hyva.safeParseNumber = (rawValue) => { 422 const number = rawValue ? parseFloat(rawValue) : null; 423 424 return Array.isArray(number) || isNaN(number) ? rawValue : number; 425 } 426 427 const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(''); 428 hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => { 429 430 const camelCase = toCamelCase(name); 431 const key = '__hyva_bool_' + name 432 433 return new Proxy(Object.assign( 434 additionalMethods, 435 { 436 [key]: !!value, 437 [name]() {return !!this[key]}, 438 ['!' + name]() {return !this[key]}, 439 ['not' + camelCase]() {return !this[key]}, 440 ['toggle' + camelCase]() {this[key] = !this[key]}, 441 [`set${camelCase}True`]() {this[key] = true}, 442 [`set${camelCase}False`]() {this[key] = false}, 443 } 444 ), { 445 set(target, prop, value) { 446 return prop === name 447 ? (target[key] = !!value) 448 : Reflect.set(...arguments); 449 } 450 }) 451 } 452 453 hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true}) 454 window.addEventListener('alpine:init', () => Alpine.data('{}', () => ({})), {once: true}); 455 window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies()) 456 457 }( window.hyva = window.hyva || {} ));</script>
457
457<script> 458 if (!window.IntersectionObserver) { 459 window.IntersectionObserver = function (callback) { 460 this.observe = el => el && callback(this.takeRecords()); 461 this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}]; 462 this.disconnect = () => {}; 463 this.unobserve = () => {}; 464 } 465 }</script>
465
465<script> 466 (function () { 467 const font1 = document.createElement("link"); 468 font1.setAttribute("rel", 'preload'); 469 font1.setAttribute("as", 'font'); 470 font1.setAttribute("crossorigin", 'anonymous'); 471 font1.setAttribute("href", 'https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/fonts/tildaSans/TildaSans-VariableFont.woff2'); 472 document.head.appendChild(font1); 473 const font2 = document.createElement("link"); 474 font2.setAttribute("rel", 'preload'); 475 font2.setAttribute("as", 'font'); 476 font2.setAttribute("crossorigin", 'anonymous'); 477 font2.setAttribute("href", 'https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/fonts/ttfors/TT_Fors_Variable.woff2'); 478 document.head.appendChild(font2); 479 }()); 480 </script>
480 481<meta property="og:type" content="product" /> 482<meta property="og:title" 483 content="About a Chair AAC 22" /> 484<meta property="og:image" 485 content="https://dbs-product.imgix.net/a/a/aa207-d141-aa51_aac_22_dusty_mint_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff" /> 486<meta property="og:description" 487 content="Das unvergängliche Design und der phänomenale Komfort machen den von Top Label HAY angebotenen About a Chair AAC 22 zu einem optimalen Stuhl. Hee Welling hat mit diesem formschönen Modell einen eindrucksvollen Hingucker erschaffen, der sich problemlos in jeden Essbereich einfindet. Mit dieser Kreation erhält die About a Chair Serie ein weiteres beeindruckendes Mitglied. Produziert wird dieses besondere Design Möbel in Dänemark. Wählen Sie anhand Ihrer räumlichen Begebenheiten die für Sie optimale Größe des Objekts aus. Durch den Mix aus Eiche und Esche und Kunststoff wird das Erscheinungsbild des Esszimmerstuhls besonders außergewöhnlich. Dieses Design kann in zahlreichen Farbvarianten bestellt werden. Es stehen unterschiedliche Gestellvarianten zur Verfügung."/> 488<meta property="og:url" content="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-22.html" /> 489 <meta property="product:price:amount" content="287"/> 490 <meta property="product:price:currency" content="EUR"/><meta property="og:site_name" content="SCHÖNER WOHNEN-Shop"/> 491<meta property="og:brand" content="HAY"/> 492<meta property="og:availability" content="sofort lieferbar"/>
492<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"WebSite","url":"https:\/\/shop.schoener-wohnen.de\/","name":"SCH\u00d6NER WOHNEN Shop","about":"Entdecken Sie im SCH\u00d6NER WOHNEN Shop Produkte f\u00fcr jede R\u00e4umlichkeit Ihres Zuhauses. Jetzt Sitzm\u00f6bel, Lampen, Gartenm\u00f6bel & Wohnaccessoires online bestellen und bequem nach Hause liefern lassen.\r\nHaben Sie Fragen? Wir helfen gerne weiter unter +49 241 533 0480 oder [email protected]"}</script>
492<link rel="prefetch" href="https://dbs-product.imgix.net/a/a/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format,compress&q=85&bg=ffffff&fit=fillmax&fill=solid&fill-color=ffffff&trim=color&trim-color=ffffff&trim-tol=15&sharp=25&h=350"/> <link rel="preconnect" href="https://dbs-product.imgix.net"></head> 493<body id="html-body" class="twn-sws page-product-configurable catalog-product-view product-hay-about-a-chair-aac-22 page-layout-1column"> 494
494<script> 495 window.tweakwiseFailover = function (src) { 496 const script = document.createElement('script'); 497 script.async = true; 498 script.src = src; 499 document.head.appendChild(script); 500 }; 501 window['twn-starter-config'] = window['twn-starter-config'] || {}; 502 window['twn-starter-config'].on = window['twn-starter-config'].on || {};</script>
502
502<script> 503 const input = window['twn-starter-config'].input; 504 window['twn-starter-config'].input = null; 505 window["twn-starter-config"].cid = "100073"; 506 507 window["twn-starter-config"].lang = "de"; 508 509 window["twn-starter-config"].translations = { 510 "de": { 511 "Show filters": "Filtern & Sortieren", 512 "Erase all filters": "Filter zurücksetzen", 513 "Erase": "Filter zurücksetzen", 514 "Save": "Artikel ansehen", 515 "Raster": "Kacheln", 516 "Load previous": "Vorherige Produkte laden", 517 "Load more": "Weitere Produkte laden", 518 "Showing {s} - {e} of {n} items": "{s} â {e} von {n} Artikeln", 519 "Your query": "Ihre Suche" 520 }, 521 "fr": { 522 "Show filters": "Filter & trier", 523 "Erase all filters": "Réinitialiser le filtre", 524 "Erase": "Réinitialiser le filtre", 525 "Save": "Voir les produits", 526 "Load previous": "Afficher produits précédents", 527 "Load more": "Plus de produits", 528 "Showing {s} - {e} of {n} items": "{s} â {e} sur {n} articles", 529 "The product may have been discontinued": "Le produit peut avoir été supprimé" 530 }, 531 "nl": { 532 "Show filters": "Filteren en sorteren", 533 "Erase all filters": "Filteren en sorteren", 534 "Erase": "Filteren en sorteren", 535 "Save": "Bekijk producten", 536 "Load previous": "Eerdere producten laden", 537 "Load more": "Meer producten laden", 538 "Showing {s} - {e} of {n} items": "{s} â {e} van de {n} artikelen" 539 } 540 } 541 ; 542 543 const noResultsElement = document.createElement('div'); 544 window["twn-starter-config"].noResult = { 545 enabled: true, 546 hideDefault: true, 547 customHtml: noResultsElement 548 }; 549 550 window['twn-starter-config'].on = 551 { 552 'twn.product.visible': function ({ data, targetElement }) { 553 const swatches = targetElement.querySelectorAll('.twn-text-element[data-property="color_swatch"]') 554 555 for (const swatch of swatches) { 556 const value = swatch.dataset.propertyValue 557 if (value.startsWith('http')) { 558 swatch.style.background = `url(${value})` 559 } else { 560 swatch.style.backgroundColor = value 561 } 562 } 563 564 function applyBadgeStyles (elements = [], index) { 565 const styles = data.attributes?.find(e => e.name === `badge_style_${index}`)?.values?.[0] 566 if (!styles) return 567 568 for (const element of elements) { 569 element.style.cssText += styles; 570 } 571 } 572 573 applyBadgeStyles(targetElement.querySelectorAll('.twn-text-element[data-property="badge_text_1"]'), 1) 574 applyBadgeStyles(targetElement.querySelectorAll('.twn-text-element[data-property="badge_text_2"]'), 2) 575 }, 576 'twn.request.success': function (event) { 577 if (event.data.properties.nrofitems === 0) { 578 let searchterm = event.data.properties.searchterm; 579 let html = `<h3>Leider konnten wir keine passenden Ergebnisse für "__DESIGN_BESTSELLER_SEARCH_TERM__" finden.</h3> 580<h4>Unsere Tipps:</h4> 581<ul> 582 <li>- Ãberprüfen Sie die Schreibweise Ihrer Suchbegriffe.</li> 583 <li>- Versuchen Sie es mit ähnlichen oder allgemeineren Begriffen.</li> 584 <li>- Entdecken Sie hier unser <a href="/marken/">Markenverzeichnis</a>.</li> 585 <li>- Kontaktieren Sie uns gerne unter <a href="tel:+4924195509197">0241 955 091 97</a> (Mo.-Fr. von 10 bis 13 Uhr) oder per E-Mail an <a href="mailto:[email protected]%7D">[email protected]</a></li> 586</ul> 587`; 588 const escapedSearchTerm = document.createElement('span'); 589 escapedSearchTerm.textContent = searchterm; 590 html = html.replaceAll('__DESIGN_BESTSELLER_SEARCH_TERM__', escapedSearchTerm.innerHTML); 591 noResultsElement.innerHTML = html; 592 } 593 } 594 } 595 596 function handleCategorySuggestion(suggestion){ 597 if(!suggestion) return false;
598 if(!suggestion.navigationLink) return false; 599 if(!suggestion.navigationLink.context) return false; 600 if(!suggestion.navigationLink.context.category) return false; 601 602 let categoryContext = suggestion.navigationLink.context.category; 603 604 let path = categoryContext.path.split('-'); 605 let tweakwiseCategoryId = path[path.length - 1]; 606 607 608 fetch('/tweakwisejs/category/url/id/'+ tweakwiseCategoryId) 609 .then((response) => response.json()) 610 .then(function(result){ 611 if(result && result.url){ 612 location.href = result.url; 613 } else { 614 location.href = 'https\u003A\u002F\u002Fshop.schoener\u002Dwohnen.de\u002Fcatalogsearch\u002Fresults?tn_q=' + encodeURIComponent(data.match); 615 } 616 }); 617 } 618 619 window.addEventListener('twn.suggestions.ready', () => { 620 window.tweakwiseSuggestions({ 621 input: input, 622 instancekey: "11b9f652", 623 cid: "100073", 624 searchPhrases: { 625 handle: ({ data }) => { 626 const history = window['twn-starter-config'].history; 627 if(history === 'query') { 628 location.href = 'https\u003A\u002F\u002Fshop.schoener\u002Dwohnen.de\u002Fcatalogsearch\u002Fresults?tn_q=' + encodeURIComponent(data.match); 629 return; 630 } 631 632 location.href = 'https\u003A\u002F\u002Fshop.schoener\u002Dwohnen.de\u002Fcatalogsearch\u002Fresults#twn|?tn_q=' + encodeURIComponent(data.match); 633 } 634 }, 635 categories: { 636 handle(event) { 637 handleCategorySuggestion(event.data); 638 } 639 }, 640 }); 641 });</script>
641
641<script> 642 'use strict'; 643 644 function GoogleTagManager() { 645 var self = this; 646 647 this.eventMessagesLoaded = false; 648 this.eventPrivateContentLoaded = false; 649 650 this.config = {"cookie_restriction_mode":"","attributes":{"page":{"type":"catalog\/product\/view"},"site":{"currencyCode":"EUR"},"product":{"id":"17572","name":"About a Chair AAC 22","sellingPrice":287,"retailPrice":339,"sku":"90318001","skuChild":"903180233","brand":"HAY","categoryLevelShop1":"Sitzm\u00f6bel","categoryLevelShop2":"Esszimmerst\u00fchle","availability":"in_stock","item_delivery_days":"0"}},"id":"GTM-NFM29GT","debug":false}; 651 652 this.isDisabled = function (config) { 653 if (self.isValidConfig(config) === false) { 654 return true; 655 } 656 657 return self.isAllowedByCookieRestrictionMode(config) === false; 658 }; 659 660 this.isValidConfig = function (config) { 661 if (typeof config.id === 'undefined' || !config.id) { 662 console.warn('GTM identifier empty, terminating GTM initialization.'); 663 return false; 664 } 665 666 return true; 667 }; 668 669 this.getCookie = function (name) { 670 var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); 671 return v ? v[2] : null; 672 }; 673 674 this.isAllowedByCookieRestrictionMode = function (config) { 675 if (!config.cookie_restriction_mode) { 676 return true; 677 } 678 679 return this.getCookie(config.cookie_restriction_mode); 680 }; 681 682 this.initDataLayer = function (window) { 683 window.dataLayer = window.dataLayer || []; 684 return window; 685 }; 686 687 this.getCustomer = function () { 688 return self.config.sectionData.customer; 689 }; 690 691 this.getCart = function () { 692 return self.config.sectionData.cart; 693 }; 694 695 this.getCustomerSpecificAttributes = function () { 696 let customerGtm = { ...(this.getCustomer().gtm || {})}; 697 delete customerGtm.isSubscribed; 698 699 return customerGtm; 700 701 }; 702 703 this.getCartSpecificAttributes = function () { 704 var cart = self.getCart(); 705 706 if (cart && cart.gtm) { 707 return cart.gtm; 708 } 709 710 return {}; 711 }; 712 713 this.addToCartEvent = function () { 714 var pageTypes = [ 715 'catalog/product/view', 716 'checkout/cart/index', 717 ]; 718 719 if (pageTypes.indexOf(self.config.attributes.pageType) >= 0) { 720 var mageMessages = window.mageMessages; 721 for (var index = 0; index < mageMessages.length; ++index) { 722 var message = mageMessages[index].text; 723 if (message.toLowerCase().indexOf("Hinzugef\u00FCgt".toLowerCase()) !== -1 && 724 message.toLowerCase(). 725 indexOf("Warenkorb".toLowerCase()) !== -1) { 726 self.config.attributes.event = 'addToCart'; 727 break; 728 } 729 } 730 } 731 }; 732 733 this.addScriptElement = function (attributes, window, document, scriptTag, dataLayer, configId) { 734 window.dataLayer.push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); 735 var firstScript = document.getElementsByTagName(scriptTag)[0]; 736 var newScript = document.createElement(scriptTag); 737 var dataLayerArg = (dataLayer != 'dataLayer') ? '&l=' + dataLayer : ''; 738 newScript.src = '//www.googletagmanager.com/gtm.js?id=' + configId + dataLayerArg; 739 740 var existingNodes = []; 741 newScript.setAttribute('type', 'text/plain'); 742 newScript.setAttribute('data-usercentrics', 'Google Tag Manager'); 743 newScript.async = true; 744 if (existingNodes.indexOf(newScript.src) === -1) { 745 firstScript.parentNode.insertBefore(newScript, firstScript); 746 existingNodes.push(newScript.src); 747 } 748 }; 749 750 this.requiredEventsLoaded = function (event) { 751 if (event.type === 'messages-loaded') { 752 self.eventMessagesLoaded = true; 753 } 754 if (event.type === 'private-content-loaded') { 755 self.eventPrivateContentLoaded = true; 756 } 757 return self.eventMessagesLoaded && self.eventPrivateContentLoaded; 758 } 759 760 this.initGTM = function (event) { 761 if (event.type === 'private-content-loaded') { 762 self.config.sectionData = event.detail.data; 763 } 764 if (!self.requiredEventsLoaded(event)) { 765 return; 766 } 767 768 if (self.isDisabled(self.config)) { 769 return; 770 } 771 772 self.initDataLayer(window); 773 774 if (!self.config.sectionData) { 775 return; 776 } 777 778 self.addToCartEvent(); 779 780 var attributes = self.config.attributes; 781 attributes.customer = self.getCustomerSpecificAttributes(); 782 783 784 785 if (attributes.page.type !== 'checkout/onepage/success') { 786 attributes.basket = self.getCartSpecificAttributes(); 787 } 788 dataLayer.push(attributes); 789 790 let customerGtm = self.getCustomer().gtm || {}; 791 if (customerGtm && customerGtm.isSubscribed) { 792 delete customerGtm.isSubscribed; 793 794 window.dataLayer.push({ 795 'event': 'dLpush.newsletterSignUp', 796 'customer': customerGtm 797 }); 798 } 799 800 window.dispatchEvent(new CustomEvent('gtm-datalayer-loaded')); 801 }; 802 } 803 804 var googleTagManager = new GoogleTagManager(); 805 googleTagManager.initDataLayer(window); 806 googleTagManager.addScriptElement(null, window, document, 'script', 'dataLayer', googleTagManager.config.id); 807 window.addEventListener("private-content-loaded", googleTagManager.initGTM); 808 window.addEventListener("messages-loaded", googleTagManager.initGTM);</script>
808
808<script> 809 function AddToCartGTMEvent() { 810 return { 811 addToCartData: false, 812 813 getAddToCartEvent: function (sku, cartItems, isChild) { 814 let addToCartEvent = false; 815 816 cartItems.every((cartItem) => { 817 let product = false; 818 if (isChild && cartItem.child_sku !== undefined && (cartItem.child_sku).toString() === sku) { 819 product = cartItem.childProduct; 820 } else if (!isChild && (cartItem.product.sku).toString() === sku) { 821 product = cartItem.product; 822 } 823 824 if (product) { 825 addToCartEvent = { 826 event: 'dLpush.loadCheckoutAddToBasketOverlay', 827 productPrice: cartItem.prices.price_incl_tax.value, 828 productId: product.id, 829 productName: product.name, 830 productSku: product.sku, 831 availability: product.availability, 832 item_delivery_days: product.item_delivery_days 833 }; 834 835 return false; 836 } 837 838 return true; 839 }); 840 841 return addToCartEvent; 842 }, 843 844 eventListeners: { 845 ['x-on:is-add-to-cart-success.window'](event) { 846 this.addToCartData = event.detail; 847 }, 848 ['x-on:private-content-loaded.window'](event) { 849 if (this.addToCartData) { 850 const childSku = this.addToCartData.currentVariantSku ? 851 (this.addToCartData.currentVariantSku).toString() : 852 false; 853 const productSku = (this.addToCartData.sku).toString(); 854 const cartItems = this.addToCartData.cartItems; 855 856 const isChild = childSku && childSku !== productSku; 857 const sku = isChild ? childSku : productSku; 858 859 let addToCartEvent = this.getAddToCartEvent(sku, cartItems, isChild); 860 if (window.dataLayer && addToCartEvent) { 861 window.dataLayer.push(addToCartEvent); 862 } 863 864 this.addToCartData = false; 865 } 866 } 867 } 868 } 869 }</script>
869<span x-data="AddToCartGTMEvent()" x-bind="eventListeners"></span>
869<script> 870 (() => { 871 function getFormatter(showSign, decimals) { 872 return new Intl.NumberFormat( 873 document.documentElement.lang, 874 { 875 style: 'currency', 876 currency: 'EUR', 877 signDisplay: showSign ? "always" : "auto", 878 maximumFractionDigits: decimals, 879 minimumFractionDigits: decimals, 880 } 881 ); 882 } 883 884 function canRenderAsInteger(value) { 885 const floorValue = Math.floor(value); 886 return !(value - floorValue > 0) 887 } 888 889 function getPriceDecimalSeparator() { 890 const numberFormatParts = getFormatter().formatToParts(0.1); 891 for (const part of numberFormatParts) { 892 if (part.type === 'decimal') { 893 return part.value; 894 } 895 } 896 897 return '.'; 898 } 899 900 let priceDecimalSeparator = getPriceDecimalSeparator(); 901 902 window.hyva.formatPrice = (value, showSign, skipCurrency = false, decimals = null) => { 903 if (decimals === null) { 904 decimals = canRenderAsInteger(value) ? 0 : 2; 905 } 906 907 const formatter = getFormatter(showSign, decimals); 908 909 return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? 910 formatter.formatToParts(value).map(({type, value}) => { 911 if (skipCurrency && ['currency', 'literal'].indexOf(type) !== -1) { 912 return ''; 913 } 914 915 switch (type) { 916 case 'currency': 917 return 'â¬' || value; 918 case 'minusSign': 919 return '- '; 920 case 'plusSign': 921 return '+ '; 922 default : 923 return value; 924 } 925 }).reduce((string, part) => string + part) : 926 formatter.format(value); 927 } 928 929 window.hyva.parsePriceToDecimal = (price) => { 930 if (typeof price !== 'string') { 931 return price; 932 } 933 934 if (priceDecimalSeparator !== '.') { 935 price = price.replace('.', ''); 936 } 937 938 price = price.replace(priceDecimalSeparator, '.'); 939 940 return price.replace(/[^\d.]/g, ''); 941 } 942 })()</script>
942
942<script> 943 window.hyva.getProductSavingsOutput = ( 944 oldPrice, 945 finalPrice, 946 savingsString = '\u0020\u0025s\u0020off\u0020', 947 savingsDisplayThreshold = 100 ) => { 948 if (finalPrice >= oldPrice) { 949 return null; 950 } 951 952 const savingsValue = oldPrice - finalPrice; 953 const savingsPercent = Math.round(100 - (100 / oldPrice) * finalPrice); 954 955 let output; 956 957 if (savingsValue >= savingsDisplayThreshold) { 958 output = savingsString.replace('%s', window.hyva.formatPrice(savingsValue)); 959 } else { 960 output = savingsString.replace('%s', savingsPercent + '%'); 961 } 962 963 return { 964 value: window.hyva.formatPrice(savingsValue), 965 percent: savingsPercent, 966 output 967 }; 968 };</script>
968<input name="form_key" type="hidden" value="oAHETVsI3fjhp8b4" />
968<script> 969 document.body.addEventListener('touchstart', () => {}, {passive: true}) 970</script>
vendor: 64 bytes, lines 970-971
970 971 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
971GTM-NFM29GT
vendor: 82 bytes, line 971
971" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
971<div class="page-wrapper"><header class="page-header"><a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white 972 contentarea" 973 href="#contentarea"> 974 <span> 975 Zum Inhalt springen </span> 976</a><div id="header-sticky-wrapper-placeholder" class="relative w-full z-[1] h-initial-header-height"> 977 <div id="header-sticky-wrapper-stick-detection" class="absolute w-full h-px"></div> 978</div><div class="w-full group bg-white border-b-4 border-smoke xl:border-none" 979 id="header-sticky-wrapper" 980 x-data="HeaderStick" 981 :class="classHeaderWrapper" 982 data-class-initialized="fixed top-0 z-50" 983 data-target-selector="#header-sticky-wrapper" 984 data-intersection-detection-selector="#global_banner_rotator" 985 data-intersection-element-selector="#header-sticky-wrapper-stick-detection" 986 x-on:window-resize-horizontal.window.debounce="actionSetInitialHeaderHeightVariable" 987 x-on:update-sticky-header-variables.window.debounce="actionSetInitialHeaderHeightVariable" 988 > 989 990 <noscript> 991 <section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal"> 992 <div class="container text-center"> 993 <p> 994 <strong>JavaScript scheint in Ihrem Browser deaktiviert zu sein.</strong> 995 <span> 996 Um unsere Website in bester Weise zu erfahren, aktivieren Sie Javascript in Ihrem Browser. </span> 997 </p> 998 </div> 999 </section> 1000 </noscript> 1001 1002 1003<div id="header-first-row" class=""> 1004 <div class="flex flex-col"> 1005 <div id="global-banner"> <div x-data="GlobalBannerRotator('6abf0828afb68', Number(2), Number(9000))" class="relative banner-rotator-6abf0828afb68 h-13 overflow-hidden group-[.sticks]:hidden" id="global_banner_rotator" x-defer="intersect" x-bind="eventListeners" x-show="isVisible" data-type="2" ><div class="grid grid-rows-1 grid-cols-1" id="banner-container-6abf0828afb68" :style="'grid-template-columns: repeat('+ countGlobalBannerItems +', 100vw);'"> <div class="banner-item w-full h-13 opacity-0" :class="{ 'order-first': 0 === currentRotationIndex, 'opacity-0': 0 !== currentRotationIndex }" ><div x-data="GlobalBannerItem('6abf0828b0183', Number(2), `\u003Cp\u003E\u003Cstrong\u003EVerl\u00E4ngertes\u0020R\u00FCckgaberecht\u003C\u002Fstrong\u003E\u0020von\u002060\u0020Tagen\u003C\u002Fp\u003E`)" x-bind="eventListeners" x-defer="idle" class="global-banner-6abf0828b0183 bg-anthracite h-full" x-on:click="isRequiresToggleButton ? dispatchOpenLightbox($dispatch) : handleClick($event,'')" style="background-color: #F4EEE6" ><div class="grid grid-cols-1 justify-center items-center h-full relative"><div class="text-white text-center leading-tight overflow-y-hidden px-10 lg:px-56 py-4" style="color: #101010" ><div class="banner-text" :class="{ 'expanded' : isExpanded, 'processing' : isProcessing }" x-ref="content" ><p><strong>Verlängertes Rückgaberecht</strong> von 60 Tagen</p> <button class="text-truncation-toggle text-expand" x-cloak x-show="isRequiresToggleButton && !isExpanded" x-on:click="$dispatch('show-lightbox-global-banner-2')" style="--gradient-to-color: #F4EEE6" ><span class="underline">... mehr anzeigen</span></button></div></div></div><div x-data="AlpineLightbox()" x-cloak x-on:show-lightbox-global-banner-2.window="showLightbox();" x-on:hide-lightbox.window="hideLightbox();"><template x-if="lightbox.isVisible"> <div><div class="lightbox fixed z-60 bg-stonegray-lighter top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2"><div class="text-right"><span x-on:click.stop="hideLightbox(); $dispatch('disable-backdrop'); $dispatch('disable-bodylock'); $dispatch('resume-global-banner-rotation')" class="inline-grid justify-end p-2 m-2 focus:outline-none cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="h-4 w-auto text-black" width="24" height="24" role="img"> 1006 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 1007</svg> 1008</span></div><div class="mx-auto px-8 max-w-[410px]"> <div class="border-b border-solid border-foggray md:mx-8 mb-6 text-center"><p class="text-xl leading-tight mb-5">Kostenlose Rückgabe</p></div> <div class="lightbox-main text-3.5 leading-normal mb-8 overflow-y-auto transition-max-height text-center"><p><strong>Verlängertes Rückgaberecht</strong> von 60 Tagen</p></div> <div class="mb-12 lg:mb-16"></div></div></div></div></template></div></div></div> <div class="banner-item w-full h-13 opacity-0" :class="{ 'order-first': 1 === currentRotationIndex, 'opacity-0': 1 !== currentRotationIndex }" ><div x-data="GlobalBannerItem('6abf0828b0a2b', Number(3), `\u003Cp\u003E\u003Cspan\u003E\u003Cspan\u0020class\u003D\u0022ui\u002Dprovider\u0020a\u0020b\u0020c\u0020d\u0020e\u0020f\u0020g\u
10080020h\u0020i\u0020j\u0020k\u0020l\u0020m\u0020n\u0020o\u0020p\u0020q\u0020r\u0020s\u0020t\u0020u\u0020v\u0020w\u0020x\u0020y\u0020z\u0020ab\u0020ac\u0020ae\u0020af\u0020ag\u0020ah\u0020ai\u0020aj\u0020ak\u0022\u003EEntdecken\u0020Sie\u0020unsere\u0020NEUHEITEN\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E`)" x-bind="eventListeners" x-defer="idle" class="global-banner-6abf0828b0a2b bg-anthracite h-full" :class="{'cursor-pointer': !isRequiresToggleButton}" x-on:click="isRequiresToggleButton ? dispatchOpenLightbox($dispatch) : handleClick($event,'https://shop.schoener-wohnen.de/neu/')" style="background-color: #F4EEE6" ><div class="grid grid-cols-1 justify-center items-center h-full relative"><div class="text-white text-center leading-tight overflow-y-hidden px-10 lg:px-56 py-4" style="color: #101010" ><div class="banner-text" :class="{ 'expanded' : isExpanded, 'processing' : isProcessing }" x-ref="content" ><p><span><span class="ui-provider a b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak">Entdecken Sie unsere NEUHEITEN</span></span></p> <button class="text-truncation-toggle text-expand" x-cloak x-show="isRequiresToggleButton && !isExpanded" x-on:click="$dispatch('show-lightbox-global-banner-3')" style="--gradient-to-color: #F4EEE6" ><span class="underline">... mehr anzeigen</span></button></div></div></div><div x-data="AlpineLightbox()" x-cloak x-on:show-lightbox-global-banner-3.window="showLightbox();" x-on:hide-lightbox.window="hideLightbox();"><template x-if="lightbox.isVisible"> <div><div class="lightbox fixed z-60 bg-stonegray-lighter top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2"><div class="text-right"><span x-on:click.stop="hideLightbox(); $dispatch('disable-backdrop'); $dispatch('disable-bodylock'); $dispatch('resume-global-banner-rotation')" class="inline-grid justify-end p-2 m-2 focus:outline-none cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="h-4 w-auto text-black" width="24" height="24" role="img"> 1009 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 1010</svg> 1011</span></div><div class="mx-auto px-8 max-w-[410px]"> <div class="border-b border-solid border-foggray md:mx-8 mb-6 text-center"><p class="text-xl leading-tight mb-5">Neuheiten</p></div> <div class="lightbox-main text-3.5 leading-normal mb-8 overflow-y-auto transition-max-height text-center"><p><span data-teams="true"><span class="ui-provider a b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak" dir="ltr">Entdecken Sie unsere NEUHEITEN</span></span></p></div> <div class="mb-12 lg:mb-16"> <a class="button button-fill w-full" href="https://shop.schoener-wohnen.de/neu/" x-on:click="\u0024dispatch\u0028\u0027hide\u002Dlightbox\u0027\u0029\u003B\u0020\u0024dispatch\u0028\u0027disable\u002Dbodylock\u0027\u0029\u003B\u0020\u0024dispatch\u0028\u0027resume\u002Dglobal\u002Dbanner\u002Drotation\u0027\u0029\u003B" target="_blank" rel="noopener noreferrer"><span>Mehr Infos</span></a></div></div></div></div></template></div></div></div> </div></div> </div>
1011<script> 1012 const GlobalBannerRotator = (uniqueId, bannerType, rotationInterval = 10000) => { 1013 function cloneScriptNode(node) { 1014 const scriptClone = document.createElement('script') 1015 scriptClone.text = node.innerHTML; 1016 1017 Array.from(node.attributes).forEach(attribute => { 1018 scriptClone.setAttribute(attribute.name, attribute.value); 1019 }); 1020 return scriptClone; 1021 } 1022 function replaceScriptNode(node) { 1023 node.parentNode.replaceChild(cloneScriptNode(node), node); 1024 } 1025 return { 1026 isVisible: null, 1027 currentRotationIndex: null, 1028 rotationIndexLength: null, 1029 countGlobalBannerItems: null, 1030 rotationIntervalId: null, 1031 campaign: null, 1032 bannerItemsCount: null, 1033 init() { 1034 this.currentRotationIndex = 0; 1035 this.setRotationInterval(); 1036 this.setBannerItemsCount(); 1037 this.setIsVisible(); 1038 this.campaign = this.getCampaignFromUrl(); 1039 1040 this.initGlobalBannersFromBrowserStorage(); 1041 }, 1042 setBannerItemsCount() { 1043 this.countGlobalBannerItems = (document.getElementById('banner-container-' + uniqueId).querySelectorAll('.banner-item')).length 1044 this.rotationIndexLength = this.countGlobalBannerItems - 1; 1045 }, 1046 setIsVisible() { 1047 this.isVisible = Boolean(this.countGlobalBannerItems) 1048 }, 1049 getCampaignFromUrl() { 1050 const urlParams = new URLSearchParams(window.location.search); 1051 return urlParams && urlParams.get('campaign') || null 1052 }, 1053 initGlobalBannersFromBrowserStorage() { 1054 if (this.campaign) { 1055 this.clearGlobalBannerDataFromBrowserStorage() 1056 this.fetchGlobalBannersIncludingCampaign(this.campaign, true) 1057 } 1058 else { 1059 this.getGlobalBannersFromStorage() 1060 } 1061 }, 1062 getGlobalBannersFromStorage() { 1063 const storage = hyva.getBrowserStorage() 1064 if (!storage) return 1065 1066 const now = Date.now() 1067 const campaignCodeCache = storage.getItem('campaign' + bannerType) 1068 const campaignCodeCacheExpiryTimestamp = storage.getItem('campaign_expiry' + bannerType) 1069 1070 if (campaignCodeCacheExpiryTimestamp && now >= campaignCodeCacheExpiryTimestamp) { 1071 this.clearGlobalBannerDataFromBrowserStorage() 1072 return; 1073 } 1074 1075 const outputCache = storage.getItem('globalbanners_output_cache' + bannerType) 1076 const outputCacheExpiryTimestamp = storage.getItem('globalbanners_output_cache_expiry' + bannerType) 1077 1078 if (campaignCodeCache && outputCache && outputCacheExpiryTimestamp) { 1079 if (now >= outputCacheExpiryTimestamp) { 1080 this.fetchGlobalBannersIncludingCampaign(campaignCodeCache) 1081 } 1082 else { 1083 this.insertBannerHtmlFromLocalStorage() 1084 } 1085 } 1086 }, 1087 clearGlobalBannerDataFromBrowserStorage() { 1088 const storage = hyva.getBrowserStorage() 1089 if (!storage) return; 1090 1091 storage.removeItem('globalbanners_output_cache' + bannerType) 1092 storage.removeItem('globalbanners_output_cache_expiry' + bannerType) 1093 storage.removeItem('campaign' + bannerType) 1094 storage.removeItem('campaign_expiry' + bannerType) 1095 }, 1096 updateCampaignDataInLocalStorage() { 1097 const storage = hyva.getBrowserStorage() 1098 if (!storage) return; 1099 1100 const now = new Date(); 1101 const campaignExpiryTimestamp = now.setDate(now.getDate() + 7) 1102 1103 storage.setItem('campaign' + bannerType, this.campaign) 1104 storage.setItem('campaign_expiry' + bannerType, campaignExpiryTimestamp) 1105 }, 1106 updateGlobalBannerDataInLocalStorage(bannerHtml) { 1107 const storage = hyva.getBrowserStorage() 1108 if (!storage) return; 1109 1110 const now = new Date(); 1111 const contentExpiryTimestamp = now.setDate(now.getDate() + 1) 1112 1113 storage.setItem('globalbanners_output_cache' + bannerType, JSON.stringify(bannerHtml)) 1114 storage.setItem('globalbanners_output_cache_expiry' + bannerType, contentExpiryTimestamp) 1115 }, 1116 insertBannerHtmlFromLocalStorage() { 1117 const storage = hyva.getBrowserStorage() 1118 if (!storage || !storage.getItem('globalbanners_output_cache' + bannerType)) return; 1119 1120 const bannerHtmlFromLocalStorage = JSON.parse(storage.getItem('globalbanners_output_cache' + bannerType)) 1121 1122 const bannerContainer = document.getElementById('banner-container-' + uniqueId) 1123 bannerContainer.style.opacity = 0; 1124 bannerContainer.innerHTML = bannerHtmlFromLocalStorage; 1125 1126 const scriptNodes = Array.from(bannerContainer.querySelectorAll('script'));
1127 scriptNodes.forEach((scriptNode) => { 1128 replaceScriptNode(scriptNode); 1129 }); 1130 1131 bannerContainer.style.opacity = 1 1132 this.currentRotationIndex = 0 1133 this.setBannerItemsCount() 1134 this.restartGlobalBannersRotations() 1135 this.setIsVisible() 1136 }, 1137 fetchGlobalBannersIncludingCampaign(campaign, setCampaignAndExpiration = false) { 1138 fetch(`${BASE_URL}dbs_globalbanner/campaignbanners/index`, { 1139 method: 'POST', 1140 body: JSON.stringify({ 1141 "form_key": hyva.getFormKey(), 1142 "campaign": campaign, 1143 "type": bannerType 1144 }) 1145 }).then(response => response.json()).then(data => { 1146 if (data.globalbanners_rendered) { 1147 this.updateGlobalBannerDataInLocalStorage(data.globalbanners_rendered) 1148 this.insertBannerHtmlFromLocalStorage() 1149 1150 if (setCampaignAndExpiration) { 1151 this.updateCampaignDataInLocalStorage() 1152 } 1153 } 1154 }) 1155 }, 1156 restartGlobalBannersRotations() { 1157 window.dispatchEvent(new CustomEvent('stop-global-banner-rotation')) 1158 window.dispatchEvent(new CustomEvent('resume-global-banner-rotation')) 1159 }, 1160 setRotationInterval(duration = rotationInterval) { 1161 this.clearRotationInterval(); 1162 if (duration > 0) { 1163 this.rotationIntervalId = window.setInterval(() => {this.setNextRotationIndex();}, duration) 1164 } 1165 }, 1166 clearRotationInterval() { 1167 if (this.rotationIntervalId) { 1168 clearInterval(this.rotationIntervalId); 1169 this.rotationIntervalId = ''; 1170 } 1171 }, 1172 setNextRotationIndex() { 1173 if (this.currentRotationIndex < this.rotationIndexLength) { 1174 this.currentRotationIndex++; 1175 } else { 1176 this.currentRotationIndex = 0; 1177 } 1178 }, 1179 hideBannerRotator() { 1180 this.isVisible = false; 1181 }, 1182 eventListeners: { 1183 ['x-on:resume-global-banner-rotation.window']() { 1184 this.setRotationInterval() 1185 }, 1186 ['x-on:stop-global-banner-rotation.window']() { 1187 this.clearRotationInterval() 1188 } 1189 } 1190 } 1191 }</script>
1191
1191<script> 1192 function GlobalBannerItem(uniqueId, globalBannerId) { 1193 return { 1194 ...ClampElementContent(), 1195 banner: null, 1196 handleClick(event, url) { 1197 event.preventDefault() 1198 if(url) { 1199 location.assign(url) 1200 } 1201 }, 1202 dispatchOpenLightbox($dispatch) { 1203 $dispatch(`stop-global-banner-rotation`); 1204 $dispatch(`enable-backdrop`); 1205 $dispatch(`enable-bodylock`); 1206 $dispatch(`show-lightbox-global-banner-${globalBannerId}`); 1207 } 1208 } 1209 }</script>
1209 </div> 1210</div><div id="header" 1211 class="bg-white w-full relative" 1212 x-data="Header" 1213 x-on:header-global-reset.window="actionResetHeaderStates" 1214 x-on:header-switch-open.window="actionResetHeaderStates" 1215 x-on:private-content-loaded.window="actionSetCartData" 1216 x-on:keydown.window.escape="dispatchHeaderGlobalReset" 1217 x-on:click.outside="dispatchHeaderGlobalReset" 1218> 1219 <div class="header-container container max-xl:group-[.sticks]:max-w-none flex flex-wrap lg:flex-nowrap items-center lg:gap-[4rem] lg:justify-between w-full pt-3 pb-2 md:pb-4 max-lg:group-[.sticks]:pt-4.5 max-lg:group-[.sticks]:pb-4 xl:pt-8"> 1220 <div class="relative lg:static w-full lg:w-auto order-2 xl:order-1 shrink-0 flex flex-no-wrap items-center shrink-0 gap-4 xl:gap-6"> 1221 <a 1222 class="flex items-center justify-start text-xl font-medium tracking-wide no-underline hover:no-underline font-title shrink-0 text-charcoal-darker" 1223 href="https://shop.schoener-wohnen.de/" 1224 aria-label="Go to Home page" 1225 > 1226 <span class="hidden lg:block"> 1227 <svg xmlns="http://www.w3.org/2000/svg" viewBox="195 140 1310 490" width="151" height="56" aria-hidden="true"><path fill="#340622" d="M506.5 425.61 391.33 624.68h-15.57l-19.35-148.35-85.46 148.35h-17.5l-25.64-199.07h42.41c-.64 6.04.44 13.75 1.28 21.16l14.72 125.41 80.23-138.99c3.47-6.02 5.1-7.58 5.1-7.58h18.12c-.65 5.04-.89 8.14.27 17.97l15.73 130.98 76.93-133.53c4.15-7.2 5.53-11.06 6.39-15.41h17.52Zm-107.75-32.36c12 5.67 24.98 8.54 38.58 8.54 19.09 0 36.44-5.75 51.57-17.1 15.07-11.3 29.5-28.83 40.96-52.87l.54-1.13-11.31-4.67-.49 1c-9.98 20.14-20.86 34.36-32.34 42.26-11.45 7.88-24.04 11.87-37.4 11.87-14.61 0-27.1-4.76-37.12-14.15-10-9.36-15.08-25.19-15.08-47.04 0-18.33 2.91-36.36 8.65-53.57 5.72-17.16 14.03-31.37 24.73-42.25 10.58-10.76 23.15-16.22 37.36-16.22 13.05 0 22.9 3.97 29.29 11.79 6.44 7.9 9.71 19.13 9.71 33.39 0 3.88-.28 8.27-.84 13.07l-.17 1.44 35.62-3.02.07-1.02c.95-13.66-1.51-25.79-7.31-36.07-5.81-10.28-14.49-18.29-25.8-23.8-11.26-5.49-24.63-8.27-39.72-8.27-20.94 0-40.07 5.74-56.86 17.06-16.76 11.3-30.04 26.67-39.46 45.7-9.4 18.99-14.17 39.78-14.17 61.78 0 18.5 3.84 34.07 11.42 46.29 7.58 12.22 17.53 21.31 29.58 27ZM585.9 214.87c0 .26-.07.97-.52 2.77l-45.22 161.23c-1.01 3.01-2.94 5.58-5.75 7.64l-20.17 1.17-2.94 10.46h83.13l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17 0-.26.07-.98.52-2.77l21.95-77.81h82.67l-21.76 77.11c-1 3.01-2.94 5.58-5.75 7.64l-20.18 1.17-2.94 10.46H713l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17 0-.26.07-.97.52-2.77l45.24-161.29c.83-2.99 2.75-5.53 5.71-7.58l19.91-1.17 2.94-10.46H685.4l-2.94 10.45 20.26 1.17c1.18.9 1.75 2.27 1.75 4.17 0 .26-.07.97-.52 2.77l-19.99 71.62h-82.67l19.79-70.93c1.01-3.02 2.94-5.59 5.75-7.64l19.84-1.15 2.95-10.48h-82.8l-2.94 10.45 20.26 1.17c1.18.9 1.75 2.27 1.75 4.17Zm170.54 44.57c9.32-18.92 22.78-34.48 40.01-46.26 17.27-11.79 37.39-17.77 59.82-17.77 15.1 0 29.13 3.21 41.7 9.54 12.6 6.35 22.78 15.86 30.27 28.27 7.48 12.41 11.27 27.41 11.27 44.59 0 20.88-4.77 41.05-14.17 59.96-9.42 18.93-22.93 34.49-40.15 46.25-17.26 11.79-37.38 17.77-59.82 17.77-14.92 0-28.86-3.26-41.43-9.68-12.6-6.44-22.78-15.94-30.26-28.26-7.48-12.3-11.27-27.26-11.27-44.45 0-20.88 4.72-41.05 14.03-59.95Zm58.32-30.61c-11.46 14.04-20.22 31.25-26.05 51.14-5.84 19.93-8.8 38.49-8.8 55.16 0 18.69 4.46 32.49 13.26 41.01 8.81 8.54 19.83 12.87 32.75 12.87 16.03 0 29.9-7.04 41.23-20.92 11.46-14.05 20.23-31.26 26.05-51.14 5.84-19.93 8.8-38.49 8.8-55.16 0-18.68-4.42-32.48-13.13-41.02-8.72-8.54-19.79-12.87-32.89-12.87-16.03 0-29.9 7.04-41.23 20.92Zm26.66-44.89c5.95 0 11.18-2.26 15.55-6.71 4.36-4.45 6.56-9.9 6.56-16.19 0-4.9-1.64-8.93-4.87-11.98-3.22-3.02-7.5-4.55-12.72-4.55-5.95 0-11.18 2.21-15.54 6.57-4.36 4.36-6.57 9.77-6.57 16.07 0 4.72 1.63 8.74 4.85 11.95 3.21 3.21 7.5 4.85 12.75 4.85Zm55.28 0c5.95 0 11.18-2.26 15.55-6.71 4.35-4.45 6.56-9.9 6.56-16.19 0-4.9-1.64-8.93-4.87-11.98-3.22-3.02-7.5-4.55-12.73-4.55-5.95 0-11.18 2.21-15.54 6.57-4.36 4.36-6.57 9.77-6.57 16.07 0 4.72 1.63 8.74 4.85 11.95 3.21 3.21 7.5 4.85 12.75 4.85Zm40.18 196.09c-1.79 2.9-3.71 5.07-5.71 6.48l-18.73 1.15-2.95 10.48h62.32l2.94-10.44-20.43-1.18c-1.25-1.49-1.89-3.93-1.89-7.27 0-2.52.46-5.64 1.36-9.23l38.46-136.27 76.48 165.11.32.69h11.21l48.86-171.98c1.09-3.81 2.6-7.3 4.5-10.38 1.8-2.9 3.72-5.08 5.72-6.48l18.72-1.15 2.95-10.48h-62.32l-2.94 10.44 20.43 1.18c1.25 1.47 1.89 3.72 1.89 6.71s-.55 6.15-1.64 9.79l-33.4 118.83-67.21-146.26-.32-.69h-54.77l-2.94 10.44 21.07 1.2c2.39.68 4.12 2.37 5.31 5.25l.64 1.27-43.43 152.14c-1.09 3.99-2.6 7.58-4.5 10.65Zm380.9 6.48c2.81-2.06 4.74-4.63 5.75-7.64l45.5-161.23c.45-1.81.52-2.51.52-2.77 0-1.9-.57-3.27-1.75-4.17l-20.27-1.17 2.94-10.45h73.37c21.68 0 38.34 3.75 49.54 11.16 11.36 7.51 17.11 18.71 17.11 33.31 0 16.03-6.19 29.38-18.4 39.68-11.77 9.93-27.2 16.54-45.89 19.67l36.34 71.03c2.55 4.92 4.93 8.45 7.07 10.51 2.08 1.99 4.52 3.13 7.47 3.47l13.69.65-2.7 9.58h-84.63l2.95-10.48 19.92-1.15c1.69-.95 2.51-2.77 2.51-5.57 0-1.51-.25-2.87-.75-4.03l-35.33-72.33h-12.41l-21.11 75c-.45 1.78-.52 2.5-.52 2.77 0 1.9.57 3.27 1.75 4.17l20.26 1.17-2.94 10.45h-83.13l2.94-10.46 20.17-1.17Zm136.35-143.82c0-10.28-2.8-18.12-8.33-23.3-5.56-5.19-13.41-7.83-23.35-7.83h-15.68l-22.93 80.51h16.41c11.73 0 21.8-2.27 29.91-6.74 8.09-4.45 14.17-10.48 18.07-17.92 3.92-7.48 5.9-15.8 5.9-24.74ZM662.72 564.31c-9.42 18.93-22.93 34.49-40.15 46.25-17.26 11.79-37.38 17.77-59.82 17.77-14.92 0-28.86-3.26-41.43-9.68-12.6-6.44-22.78-15.94-30.26-28.26-7.48-12.3-11.27-27.26-11.27-44.45 0-20.88 4.72-41.05 14.03-59.95 9.32-18.92 22.78-34.48 40.01-46.26 17.27-11.79 37.39-17.77 59.82-17.77 15.1 0 29.13 3.21 41.7 9.54 12.6 6.35 22.78 15.86 30.27 28.26 7.48 12.41 11.27 27.41 11.27 44.59 0 20.88-4.77 41.05-14.17 59.96Zm-58.18 30.32c11.46-14.05 20.23-31.25 26.05-51.14 5.84-19.93 8.8-38.49 8.8-55.16 0-18.68-4.42-32.48-13.13-41.02-8.72-8.54-19.79-12.86-32.89-12.86-16.03 0-29.9 7.04-41.23 20.92-11.46 14.04-20.22 31.25-26.05 51.14-5.84 19.93-8.8 38.49-8.8 55.16 0 18.69 4.46 32.49 13.26 41.01 8.81 8.54 19.83 12.87 32.75 12.87 16.03 0 29.9-7.04 41.23-20.92Zm567.51-395.56-2.94 10.45 20.27 1.17c1.18.9 1.75 2.27 1.75 4.17 0 .26-.07.96-.52 2.77l-45.52 161.29c-.84 3.03-2.71 5.51-5.72 7.58l-19.91 1.17-2.94 10.46h164.53l.19-.66c2.58-8.57 5.16-16.52 7.66-23.64a421.89 421.89 0 0 1 7.65-20.2l.37-.92v-.02l-6.47-1.96-31.22 34.91h-80.24l23.77-83.6h33.38c2.22 0 4.1.42 5.6 1.25 1.27.71 1.98 1.55 2.18 2.57l-6.74 29.61h10.54l22.88-79.65h-10.57l-10.05 28.72c-2.59 3.36-6.2 5-11.02 5h-32.71l22.09-77.98h68.22l11.85 30.68 6.88-.79.04-.73c.42-7.01.99-14.14 1.68-21.17.69-7.08 1.55-13.64 2.52-19.46l.17-1.02h-147.64Zm-874.38 195.3c10.36-4.94 18.65-11.93 24.64-20.78 6.01-8.87 9.05-19.16 9.05-30.59 0-8.37-1.64-16.2-4.89-23.26-3.22-7.01-7.21-13.2-11.85-18.42-4.6-5.16-10.82-11.47-18.47-18.76-6.88-6.5-12.34-11.96-16.24-16.24a62.025 62.025 0 0 1-9.65-14.06c-2.53-5.04-3.81-10.63-3.81-16.61 0-8.25 2.53-15.02 7.53-20.1 4.99-5.08 12.17-7.65 21.35-7.65s16.38 2.88 20.99 8.55c4.67 5.76 7.04 13.73 7.04 23.7 0 6.13-1.44 14.99-1.44 14.99l36.13-6.75c.95-17.38-4.35-30.73-15.77-39.66-11.31-8.84-26.35-13.32-44.71-13.32-11.73 0-22.62 2.21-32.37 6.57-9.81 4.38-17.63 10.66-23.25 18.67-5.64 8.03-8.51 17.53-8.51 28.22 0 8.2 1.6 15.79 4.75 22.56 3.13 6.73 7.07 12.79 11.71 17.99 4.57 5.13 10.6 11.16 17.92 17.91 6.89 6.52 12.39 12.12 16.36 16.64 3.94 4.5 7.34 9.57 10.09 15.06 2.71 5.43 4.09 11.49 4.09 18.01 0 9.39-2.78 17.2-8.26 23.22-5.45 5.99-13.43 9.02-23.71 9.02s-18.73-3.35-24.08-9.96c-5.42-6.68-8.16-15.78-8.16-27.07 0-10.41 2.37-20.53 2.37-20.53l-37.44 7s-.46 4.52-.46 7.92c0 16.96 5.91 30.55 17.56 40.39 11.59 9.79 27.44 14.75 47.13 14.75 12.48 0 24.04-2.5 34.37-7.42Zm429.38 47.04c0 .26-.07.97-.52 2.77l-45.22 161.23c-1.01 3.01-2.94 5.58-5.75 7.64l-20.17 1.17-2.94 10.46h83.13l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17 0-.26.07-.98.52-2.77l21.95-77.81h82.67l-21.76 77.11c-1 3.01-2.94 5.58-5.75 7.64l-20.18 1.17-2.94 10.46h83.13l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17 0-.26.07-.97.52-2.77l45.24-161.29c.83-2.99 2.75-5.53 5.71-7.58l19.91-1.17 2.94-10.46h-82.85l-2.94 10.45 20.26 1.17c1.18.9 1.75 2.27 1.75 4.17 0 .26-.07.97-.52 2.77l-19.99 71.62h-82.67l19.79-70.93c1.
122701-3.02 2.94-5.59 5.75-7.64l19.84-1.15 2.95-10.48h-82.8l-2.94 10.45 20.26 1.17c1.18.9 1.75 2.27 1.75 4.17Zm170.04 165.15c-1.79 2.9-3.71 5.07-5.71 6.48l-18.73 1.15-2.95 10.48h62.32l2.94-10.44-20.43-1.18c-1.25-1.49-1.89-3.93-1.89-7.27 0-2.52.46-5.64 1.36-9.23l38.46-136.27 76.48 165.11.32.69h11.21l48.86-171.98c1.09-3.81 2.6-7.3 4.5-10.38 1.8-2.9 3.72-5.08 5.72-6.48l18.72-1.15 2.95-10.48h-62.32l-2.94 10.44 20.43 1.18c1.25 1.47 1.89 3.72 1.89 6.71s-.55 6.15-1.64 9.79l-33.4 118.83-67.21-146.26-.32-.69h-54.77L918 436.05l21.07 1.2c2.39.68 4.12 2.37 5.31 5.25l.64 1.27-43.43 152.14c-1.09 3.99-2.6 7.58-4.5 10.65Zm382.13 0c-1.79 2.9-3.71 5.07-5.71 6.48l-18.73 1.15-2.95 10.48h62.32l2.94-10.44-20.43-1.18c-1.25-1.49-1.89-3.93-1.89-7.27 0-2.52.46-5.64 1.36-9.23l38.46-136.27 76.48 165.11.32.69h11.21l48.86-171.98c1.09-3.81 2.6-7.3 4.5-10.38 1.8-2.9 3.72-5.08 5.72-6.48l18.72-1.15 2.95-10.48h-62.32l-2.94 10.44 20.43 1.18c1.25 1.47 1.89 3.72 1.89 6.71s-.55 6.15-1.64 9.79l-33.4 118.83-67.21-146.26-.32-.69h-54.77l-2.94 10.44 21.07 1.2c2.39.68 4.12 2.37 5.31 5.25l.64 1.27-43.43 152.14c-1.09 3.99-2.6 7.58-4.5 10.65Zm-148.37-180.95-2.94 10.45 20.27 1.17c1.18.9 1.75 2.27 1.75 4.17 0 .26-.07.96-.52 2.77l-45.52 161.29c-.84 3.03-2.71 5.51-5.72 7.58l-19.91 1.17-2.94 10.46h164.53l.19-.66c2.58-8.57 5.16-16.52 7.66-23.64a421.89 421.89 0 0 1 7.65-20.2l.37-.92v-.02l-6.47-1.96-31.22 34.91h-80.24l23.77-83.6h33.38c2.22 0 4.1.42 5.6 1.25 1.27.71 1.98 1.55 2.18 2.57l-6.74 29.61h10.54l22.88-79.65h-10.57l-10.05 28.72c-2.59 3.36-6.2 5-11.02 5h-32.71l22.09-77.98h68.22l11.85 30.68 6.88-.79.04-.73c.42-7.01.99-14.14 1.68-21.17.69-7.08 1.55-13.64 2.52-19.46l.17-1.02h-147.64Z"/></svg> 1228 </span> 1229 <span class="lg:hidden"> 1230 <svg xmlns="http://www.w3.org/2000/svg" viewBox="195 140 1310 490" width="130" height="49" aria-hidden="true"><path fill="#340622" d="M506.5 425.61 391.33 624.68h-15.57l-19.35-148.35-85.46 148.35h-17.5l-25.64-199.07h42.41c-.64 6.04.44 13.75 1.28 21.16l14.72 125.41 80.23-138.99c3.47-6.02 5.1-7.58 5.1-7.58h18.12c-.65 5.04-.89 8.14.27 17.97l15.73 130.98 76.93-133.53c4.15-7.2 5.53-11.06 6.39-15.41h17.52Zm-107.75-32.36c12 5.67 24.98 8.54 38.58 8.54 19.09 0 36.44-5.75 51.57-17.1 15.07-11.3 29.5-28.83 40.96-52.87l.54-1.13-11.31-4.67-.49 1c-9.98 20.14-20.86 34.36-32.34 42.26-11.45 7.88-24.04 11.87-37.4 11.87-14.61 0-27.1-4.76-37.12-14.15-10-9.36-15.08-25.19-15.08-47.04 0-18.33 2.91-36.36 8.65-53.57 5.72-17.16 14.03-31.37 24.73-42.25 10.58-10.76 23.15-16.22 37.36-16.22 13.05 0 22.9 3.97 29.29 11.79 6.44 7.9 9.71 19.13 9.71 33.39 0 3.88-.28 8.27-.84 13.07l-.17 1.44 35.62-3.02.07-1.02c.95-13.66-1.51-25.79-7.31-36.07-5.81-10.28-14.49-18.29-25.8-23.8-11.26-5.49-24.63-8.27-39.72-8.27-20.94 0-40.07 5.74-56.86 17.06-16.76 11.3-30.04 26.67-39.46 45.7-9.4 18.99-14.17 39.78-14.17 61.78 0 18.5 3.84 34.07 11.42 46.29 7.58 12.22 17.53 21.31 29.58 27ZM585.9 214.87c0 .26-.07.97-.52 2.77l-45.22 161.23c-1.01 3.01-2.94 5.58-5.75 7.64l-20.17 1.17-2.94 10.46h83.13l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17 0-.26.07-.98.52-2.77l21.95-77.81h82.67l-21.76 77.11c-1 3.01-2.94 5.58-5.75 7.64l-20.18 1.17-2.94 10.46H713l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17 0-.26.07-.97.52-2.77l45.24-161.29c.83-2.99 2.75-5.53 5.71-7.58l19.91-1.17 2.94-10.46H685.4l-2.94 10.45 20.26 1.17c1.18.9 1.75 2.27 1.75 4.17 0 .26-.07.97-.52 2.77l-19.99 71.62h-82.67l19.79-70.93c1.01-3.02 2.94-5.59 5.75-7.64l19.84-1.15 2.95-10.48h-82.8l-2.94 10.45 20.26 1.17c1.18.9 1.75 2.27 1.75 4.17Zm170.54 44.57c9.32-18.92 22.78-34.48 40.01-46.26 17.27-11.79 37.39-17.77 59.82-17.77 15.1 0 29.13 3.21 41.7 9.54 12.6 6.35 22.78 15.86 30.27 28.27 7.48 12.41 11.27 27.41 11.27 44.59 0 20.88-4.77 41.05-14.17 59.96-9.42 18.93-22.93 34.49-40.15 46.25-17.26 11.79-37.38 17.77-59.82 17.77-14.92 0-28.86-3.26-41.43-9.68-12.6-6.44-22.78-15.94-30.26-28.26-7.48-12.3-11.27-27.26-11.27-44.45 0-20.88 4.72-41.05 14.03-59.95Zm58.32-30.61c-11.46 14.04-20.22 31.25-26.05 51.14-5.84 19.93-8.8 38.49-8.8 55.16 0 18.69 4.46 32.49 13.26 41.01 8.81 8.54 19.83 12.87 32.75 12.87 16.03 0 29.9-7.04 41.23-20.92 11.46-14.05 20.23-31.26 26.05-51.14 5.84-19.93 8.8-38.49 8.8-55.16 0-18.68-4.42-32.48-13.13-41.02-8.72-8.54-19.79-12.87-32.89-12.87-16.03 0-29.9 7.04-41.23 20.92Zm26.66-44.89
1230c5.95 0 11.18-2.26 15.55-6.71 4.36-4.45 6.56-9.9 6.56-16.19 0-4.9-1.64-8.93-4.87-11.98-3.22-3.02-7.5-4.55-12.72-4.55-5.95 0-11.18 2.21-15.54 6.57-4.36 4.36-6.57 9.77-6.57 16.07 0 4.72 1.63 8.74 4.85 11.95 3.21 3.21 7.5 4.85 12.75 4.85Zm55.28 0c5.95 0 11.18-2.26 15.55-6.71 4.35-4.45 6.56-9.9 6.56-16.19 0-4.9-1.64-8.93-4.87-11.98-3.22-3.02-7.5-4.55-12.73-4.55-5.95 0-11.18 2.21-15.54 6.57-4.36 4.36-6.57 9.77-6.57 16.07 0 4.72 1.63 8.74 4.85 11.95 3.21 3.21 7.5 4.85 12.75 4.85Zm40.18 196.09c-1.79 2.9-3.71 5.07-5.71 6.48l-18.73 1.15-2.95 10.48h62.32l2.94-10.44-20.43-1.18c-1.25-1.49-1.89-3.93-1.89-7.27 0-2.52.46-5.64 1.36-9.23l38.46-136.27 76.48 165.11.32.69h11.21l48.86-171.98c1.09-3.81 2.6-7.3 4.5-10.38 1.8-2.9 3.72-5.08 5.72-6.48l18.72-1.15 2.95-10.48h-62.32l-2.94 10.44 20.43 1.18c1.25 1.47 1.89 3.72 1.89 6.71s-.55 6.15-1.64 9.79l-33.4 118.83-67.21-146.26-.32-.69h-54.77l-2.94 10.44 21.07 1.2c2.39.68 4.12 2.37 5.31 5.25l.64 1.27-43.43 152.14c-1.09 3.99-2.6 7.58-4.5 10.65Zm380.9 6.48c2.81-2.06 4.74-4.63 5.75-7.64l45.5-161.23c.45-1.81.52-2.51.52-2.77 0-1.9-.57-3.27-1.75-4.17l-20.27-1.17 2.94-10.45h73.37c21.68 0 38.34 3.75 49.54 11.16 11.36 7.51 17.11 18.71 17.11 33.31 0 16.03-6.19 29.38-18.4 39.68-11.77 9.93-27.2 16.54-45.89 19.67l36.34 71.03c2.55 4.92 4.93 8.45 7.07 10.51 2.08 1.99 4.52 3.13 7.47 3.47l13.69.65-2.7 9.58h-84.63l2.95-10.48 19.92-1.15c1.69-.95 2.51-2.77 2.51-5.57 0-1.51-.25-2.87-.75-4.03l-35.33-72.33h-12.41l-21.11 75c-.45 1.78-.52 2.5-.52 2.77 0 1.9.57 3.27 1.75 4.17l20.26 1.17-2.94 10.45h-83.13l2.94-10.46 20.17-1.17Zm136.35-143.82c0-10.28-2.8-18.12-8.33-23.3-5.56-5.19-13.41-7.83-23.35-7.83h-15.68l-22.93 80.51h16.41c11.73 0 21.8-2.27 29.91-6.74 8.09-4.45 14.17-10.48 18.07-17.92 3.92-7.48 5.9-15.8 5.9-24.74ZM662.72 564.31c-9.42 18.93-22.93 34.49-40.15 46.25-17.26 11.79-37.38 17.77-59.82 17.77-14.92 0-28.86-3.26-41.43-9.68-12.6-6.44-22.78-15.94-30.26-28.26-7.48-12.3-11.27-27.26-11.27-44.45 0-20.88 4.72-41.05 14.03-59.95 9.32-18.92 22.78-34.48 40.01-46.26 17.27-11.79 37.39-17.77 59.82-17.77 15.1 0 29.13 3.21 41.7 9.54 12.6 6.35 22.78 15.86 30.27 28.26 7.48 12.41 11.27 27.41 11.27 44.59 0 20.88-4.77 41.05-14.17 59.96Zm-58.18 30.32c11.46-14.05 20.23-31.25 26.05-51.14 5.84-19.93 8.8-38.49 8.8-55.16 0-18.68-4.42-32.48-13.13-41.02-8.72-8.54-19.79-12.86-32.89-12.86-16.03 0-29.9 7.04-41.23 20.92-11.46 14.04-20.22 31.25-26.05 51.14-5.84 19.93-8.8 38.49-8.8 55.16 0 18.69 4.46 32.49 13.26 41.01 8.81 8.54 19.83 12.87 32.75 12.87 16.03 0 29.9-7.04 41.23-20.92Zm567.51-395.56-2.94 10.45 20.27 1.17c1.18.9 1.75 2.27 1.75 4.17 0 .26-.07.96-.52 2.77l-45.52 161.29c-.84 3.03-2.71 5.51-5.72 7.58l-19.91 1.17-2.94 10.46h164.53l.19-.66c2.58-8.57 5.16-16.52 7.66-23.64a421.89 421.89 0 0 1 7.65-20.2l.37-.92v-.02l-6.47-1.96-31.22 34.91h-80.24l23.77-83.6h33.38c2.22 0 4.1.42 5.6 1.25 1.27.71 1.98 1.55 2.18 2.57l-6.74 29.61h10.54l22.88-79.65h-10.57l-10.05 28.72c-2.59 3.36-6.2 5-11.02 5h-32.71l22.09-77.98h68.22l11.85 30.68 6.88-.79.04-.73c.42-7.01.99-14.14 1.68-21.17.69-7.08 1.55-13.64 2.52-19.46l.17-1.02h-147.64Zm-874.38 195.3c10.36-4.94 18.65-11.93 24.64-20.78 6.01-8.87 9.05-19.16 9.05-30.59 0-8.37-1.64-16.2-4.89-23.26-3.22-7.01-7.21-13.2-11.85-18.42-4.6-5.16-10.82-11.47-18.47-18.76-6.88-6.5-12.34-11.96-16.24-16.24a62.025 62.025 0 0 1-9.65-14.06c-2.53-5.04-3.81-10.63-3.81-16.61 0-8.25 2.53-15.02 7.53-20.1 4.99-5.08 12.17-7.65 21.35-7.65s16.38 2.88 20.99 8.55c4.67 5.76 7.04 13.73 7.04 23.7 0 6.13-1.44 14.99-1.44 14.99l36.13-6.75c.95-17.38-4.35-30.73-15.77-39.66-11.31-8.84-26.35-13.32-44.71-13.32-11.73 0-22.62 2.21-32.37 6.57-9.81 4.38-17.63 10.66-23.25 18.67-5.64 8.03-8.51 17.53-8.51 28.22 0 8.2 1.6 15.79 4.75 22.56 3.13 6.73 7.07 12.79 11.71 17.99 4.57 5.13 10.6 11.16 17.92 17.91 6.89 6.52 12.39 12.12 16.36 16.64 3.94 4.5 7.34 9.57 10.09 15.06 2.71 5.43 4.09 11.49 4.09 18.01 0 9.39-2.78 17.2-8.26 23.22-5.45 5.99-13.43 9.02-23.71 9.02s-18.73-3.35-24.08-9.96c-5.42-6.68-8.16-15.78-8.16-27.07 0-10.41 2.37-20.53 2.37-20.53l-37.44 7s-.46 4.52-.46 7.92c0 16.96 5.91 30.55 17.56 40.39 11.59 9.79 27.44 14.75 47.13 14.75 12.48 0 24.04-2.5 34.37-7.42Zm429.38 47.04c0 .26-.07.97-.52 2.77l-45.22 161.23c-1.01 3.01-2.94 5.58-5.75 7.64l-20.17 1.17-2.94 10.46h83.13l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17 0-.26.07-.98.52-2.77l21.95-77.81h82.67l-21.76 77.11c-1 3.01-2.94 5.58-5.75 7.64l-20.18 1.17-2.94 10.46h83.13l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17 0-.26.07-.97.52-2.77l45.24-161.29c.83-2.99 2.75-5.53 5.71-7.58l19.91-1.17 2.94-10.46h-82.85l-2.94 10.45 20.26 1.17c1.18.9 1.75 2.27 1.75 4.17 0 .26-.07.97-.52 2.77l-19.99 71.62h-82.67l19.79-70.93c1.
123001-3.02 2.94-5.59 5.75-7.64l19.84-1.15 2.95-10.48h-82.8l-2.94 10.45 20.26 1.17c1.18.9 1.75 2.27 1.75 4.17Zm170.04 165.15c-1.79 2.9-3.71 5.07-5.71 6.48l-18.73 1.15-2.95 10.48h62.32l2.94-10.44-20.43-1.18c-1.25-1.49-1.89-3.93-1.89-7.27 0-2.52.46-5.64 1.36-9.23l38.46-136.27 76.48 165.11.32.69h11.21l48.86-171.98c1.09-3.81 2.6-7.3 4.5-10.38 1.8-2.9 3.72-5.08 5.72-6.48l18.72-1.15 2.95-10.48h-62.32l-2.94 10.44 20.43 1.18c1.25 1.47 1.89 3.72 1.89 6.71s-.55 6.15-1.64 9.79l-33.4 118.83-67.21-146.26-.32-.69h-54.77L918 436.05l21.07 1.2c2.39.68 4.12 2.37 5.31 5.25l.64 1.27-43.43 152.14c-1.09 3.99-2.6 7.58-4.5 10.65Zm382.13 0c-1.79 2.9-3.71 5.07-5.71 6.48l-18.73 1.15-2.95 10.48h62.32l2.94-10.44-20.43-1.18c-1.25-1.49-1.89-3.93-1.89-7.27 0-2.52.46-5.64 1.36-9.23l38.46-136.27 76.48 165.11.32.69h11.21l48.86-171.98c1.09-3.81 2.6-7.3 4.5-10.38 1.8-2.9 3.72-5.08 5.72-6.48l18.72-1.15 2.95-10.48h-62.32l-2.94 10.44 20.43 1.18c1.25 1.47 1.89 3.72 1.89 6.71s-.55 6.15-1.64 9.79l-33.4 118.83-67.21-146.26-.32-.69h-54.77l-2.94 10.44 21.07 1.2c2.39.68 4.12 2.37 5.31 5.25l.64 1.27-43.43 152.14c-1.09 3.99-2.6 7.58-4.5 10.65Zm-148.37-180.95-2.94 10.45 20.27 1.17c1.18.9 1.75 2.27 1.75 4.17 0 .26-.07.96-.52 2.77l-45.52 161.29c-.84 3.03-2.71 5.51-5.72 7.58l-19.91 1.17-2.94 10.46h164.53l.19-.66c2.58-8.57 5.16-16.52 7.66-23.64a421.89 421.89 0 0 1 7.65-20.2l.37-.92v-.02l-6.47-1.96-31.22 34.91h-80.24l23.77-83.6h33.38c2.22 0 4.1.42 5.6 1.25 1.27.71 1.98 1.55 2.18 2.57l-6.74 29.61h10.54l22.88-79.65h-10.57l-10.05 28.72c-2.59 3.36-6.2 5-11.02 5h-32.71l22.09-77.98h68.22l11.85 30.68 6.88-.79.04-.73c.42-7.01.99-14.14 1.68-21.17.69-7.08 1.55-13.64 2.52-19.46l.17-1.02h-147.64Z"/></svg> 1231 </span> 1232 </a> 1233 <div class="absolute z-10 top-full left-0 mt-5 -ml-1 block lg:static lg:mt-1 xl:hidden cursor-pointer w-8 h-8 order-first"> 1234 <button id="mobileMenuToggle" 1235 aria-label="Open site navigation" 1236 aria-haspopup="dialog" 1237 onclick="event.stopPropagation(); window.dispatchEvent(new CustomEvent('show-navigation'));" 1238 > 1239 <svg xmlns="http://www.w3.org/2000/svg" width="83" height="65" viewBox="0 0 32 32" fill="none" class="w-8 h-8" aria-hidden="true"> 1240 <path d="M5 16H27" stroke="#101010" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 1241 <path d="M5 8H27" stroke="#101010" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 1242 <path d="M5 24H16" stroke="#101010" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 1243</svg> 1244 </button> 1245</div><div class="flex items-center justify-end text-sm uppercase gap-3 order-last w-full max-xl:pl-2"> 1246 <a 1247 href="https://www.schoener-wohnen.de/" 1248 class="hover:underline" 1249 > 1250 Inspiration </a> 1251 1252 <a 1253 href="https://shop.schoener-wohnen.de/" 1254 class="font-bold hover:underline" 1255 > 1256 Shop </a> 1257</div></div> <div x-data="Backdrop()" 1258 x-on:disable-backdrop.window="disableBackdrop();" 1259 x-on:enable-backdrop.window="enableBackdrop()" 1260 x-on:click="disableBackdrop(); $dispatch('hide-lightbox'); $dispatch('hide-navigation'); $dispatch('disable-body-lock'); $dispatch('resume-global-banner-rotation')" 1261 class="backdrop z-50" 1262 x-show="backdrop.isEnabled" 1263 x-cloak 1264 ></div>
1265<script> 1266 Backdrop = function() { 1267 return { 1268 backdrop: { 1269 isEnabled: false, 1270 }, 1271 enableBackdrop() { 1272 this.backdrop.isEnabled = true; 1273 document.body.classList.add('backdrop-active') 1274 }, 1275 disableBackdrop() { 1276 this.backdrop.isEnabled = false; 1277 document.body.classList.remove('backdrop-active') 1278 } 1279 } 1280 } 1281</script>
1281 1282 <div class="flex items-center justify-end order-4 pt-4 lg:pt-0"> 1283 1284 <a id="wishlist-link" 1285 class="relative inline-block no-underline order-1 md:ml-4" 1286 x-data="WishlistHeader" 1287 href="https://shop.schoener-wohnen.de/wishlist/" 1288 x-on:private-content-loaded.window="actionSetWishlistData" 1289 > 1290 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" class="w-6 h-6" aria-hidden="true"> 1291 <path d="M12 21C12 21 2.25 15.75 2.25 9.5625C2.25 8.21984 2.78337 6.93217 3.73277 5.98277C4.68217 5.03337 5.96984 4.5 7.3125 4.5C9.43031 4.5 11.2444 5.65406 12 7.5C12.7556 5.65406 14.5697 4.5 16.6875 4.5C18.0302 4.5 19.3178 5.03337 20.2672 5.98277C21.2166 6.93217 21.75 8.21984 21.75 9.5625C21.75 15.75 12 21 12 21Z" stroke="#101010" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 1292</svg> 1293 <span class="sr-only group-[.active]:text-primary"> 1294 Meine Wunschliste </span> 1295 <span class="absolute bottom-0 right-0 h-4 px-1 min-w-[16px] ml-5 text-xs leading-4 text-center text-white uppercase transform translate-x-1/2 translate-y-1/2 rounded-full bg-primary" 1296 x-show="isShowItemCount" 1297 x-cloak 1298 > 1299 <span class="tabular-nums" x-text="itemCountOutput"></span> 1300 <span x-text="itemCountSuffixOutput" class="sr-only" 1301 data-1-item="Artikel" 1302 data-more-items="Artikel" 1303 ></span> 1304 </span> 1305 </a> 1306 1307 <a id="compare-link" 1308 class="hidden" 1309 x-data="CompareHeader" 1310 x-show="isShowItemCount" 1311 x-cloak 1312 href="https://shop.schoener-wohnen.de/catalog/product_compare/index/" 1313 x-on:private-content-loaded.window="actionSetCompareData" 1314 > 1315 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-6 w-6" width="25" height="25" role="img"> 1316 <path fill-rule="evenodd" d="M10 2a1 1 0 011 1v1.323l3.954 1.582 1.599-.8a1 1 0 01.894 1.79l-1.233.616 1.738 5.42a1 1 0 01-.285 1.05A3.989 3.989 0 0115 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.715-5.349L11 6.477V16h2a1 1 0 110 2H7a1 1 0 110-2h2V6.477L6.237 7.582l1.715 5.349a1 1 0 01-.285 1.05A3.989 3.989 0 015 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.738-5.42-1.233-.617a1 1 0 01.894-1.788l1.599.799L9 4.323V3a1 1 0 011-1zm-5 8.274l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L5 10.274zm10 0l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L15 10.274z" clip-rule="evenodd"/> 1317</svg> 1318 1319 <span class="hidden"> 1320 Produkte vergleichen </span> 1321 1322 <span class="hidden" 1323 x-show="isShowItemCount" 1324 x-cloak 1325 > 1326 <span x-text="itemCountOutput"></span> 1327 <span x-text="itemCountSuffixOutput" class="sr-only" 1328 data-1-item="Artikel" 1329 data-more-items="Artikel" 1330 ></span> 1331 </span> 1332 </a> 1333 1334 <button id="menu-search-icon" 1335 class="hidden" 1336 :class="classButtonSearchOpen" 1337 data-class-open="active" 1338 x-on:click.prevent="actionToggleSearchOpen" 1339 aria-label="Toggle search form" 1340 aria-haspopup="true" 1341 :aria-expanded="isSearchExpanded" 1342 > 1343 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 20 20" fill="none" class="w-6 h-6 group-[.active]:text-primary" aria-hidden="true"> 1344 <path d="M8.75 15C12.2018 15 15 12.2018 15 8.75C15 5.29822 12.2018 2.5 8.75 2.5C5.29822 2.5 2.5 5.29822 2.5 8.75C2.5 12.2018 5.29822 15 8.75 15Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/> 1345 <path d="M13.1696 13.1695L17.5 17.5" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/> 1346</svg> 1347 </button> 1348 1349 1350 <!-- BLOCK header.customer --><div class="hidden lg:block relative inline-block"> 1351 <a id="customer-menu" 1352 class="flex flex-row items-center" 1353 aria-label="Kundenkonto" 1354 href="https://shop.schoener-wohnen.de/customer/account/" 1355 > 1356 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewB
1356ox="0 0 24 24" fill="none" class="w-6 h-6" aria-hidden="true"> 1357<path d="M12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15Z" stroke="#101010" stroke-linecap="round" stroke-linejoin="round"/> 1358<path d="M3 20.25C4.81594 17.1122 8.11406 15 12 15C15.8859 15 19.1841 17.1122 21 20.25" stroke="#101010" stroke-linecap="round" stroke-linejoin="round"/> 1359</svg> 1360 </a> 1361</div><!-- /BLOCK header.customer --> 1362 <a 1363 id="menu-cart-icon" 1364 class="relative flex flex-row items-center no-underline ml-4 group order-3" 1365 :class="classCartIcon" 1366 data-class-open="active" 1367 x-ref="cartButton" 1368 :aria-disabled="isCartIconDisabled" 1369 :aria-label="ariaLabelCartButton" 1370 data-aria-label-prefix="View cart" 1371 href="https://shop.schoener-wohnen.de/checkout/cart/index/" 1372 > 1373 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 h-6" width="25" height="25" role="img"> 1374<path d="M12 11.25V16.5" stroke="#101010" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 1375<path d="M17.25 8.25L12 2.25L6.75 8.25" stroke="#101010" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 1376<path d="M16.95 11.25L16.425 16.5" stroke="#101010" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 1377<path d="M7.04999 11.25L7.57499 16.5" stroke="#101010" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 1378<path d="M2.25 8.25H21.75L20.3372 18.8494C20.3131 19.0295 20.2245 19.1947 20.0877 19.3144C19.951 19.4341 19.7755 19.5 19.5938 19.5H4.40625C4.22454 19.5 4.04901 19.4341 3.91227 19.3144C3.77553 19.1947 3.68689 19.0295 3.66281 18.8494L2.25 8.25Z" stroke="#101010" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 1379</svg> 1380 <span x-text="cartItemCountOutput" 1381 x-show="isShowCartItemCount" 1382 x-cloak 1383 class="absolute bottom-0 right-0 ml-5 h-4 min-w-[16px] px-1 text-xs leading-4 text-center text-white uppercase transform translate-x-1/2 translate-y-1/2 rounded-full bg-primary" 1384 aria-hidden="true" 1385 ></span> 1386 <span class="sr-only group-[.active]:text-primary"> 1387 Warenkorb </span> 1388 </a> 1389 </div> 1390 1391 <div class="header-search-container"> 1392 <div class="" 1393 x-data="HeaderSearch()" 1394 > 1395 <search role="search"> 1396 <form id="search_mini_form" 1397 class="form minisearch flex" 1398 action="https://shop.schoener-wohnen.de/catalogsearch/result/" 1399 method="get" 1400 x-ref="form" 1401 > 1402 <div class="relative w-full"> 1403 <label class="sr-only" for="search" 1404 data-role="minisearch-label" 1405 > 1406 <span>Suchen</span> 1407 </label> 1408 <div> 1409 <input id="search" 1410 x-ref="searchInput" 1411 type="search" 1412 autocomplete="off" 1413 name="q" 1414 value="" 1415 placeholder="Produktsuche" 1416 maxlength="128" 1417 class="header-search-input rounded-md !pr-10" 1418 x-on:search-open.window.debounce.10="$el.focus(); $el.select()" 1419 x-on:keydown.debounce.10="hasSearchTerm = Boolean($event.target.value.length)" 1420 > 1421 </div> 1422 <button aria-label="Clear input field" title="Clear input field" type="button" class="inline-flex p-2 absolute top-1/2 right-2 sm:right-9 bg-white z-20 transform -translate-y-1/2" x-on:click.stop="resetSearchInput()" x-show="hasSearchTerm" x-cloak="" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="w-auto h-5" width="25" height="25" aria-hidden="true"> 1423 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 1424</svg> 1425 </button> <button aria-label="Suchen" title="Suchen" type="submit" class="header-search-submit" > <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 20 20" fill="none" class="w-5 h-5" aria-hidden="true"> 1426 <path d="M8.75 15C12.2018 15 15 12.2018 15 8.75C15 5.29822 12.2018 2.5 8.75 2.5C5.29822 2.5 2.5 5.29822 2.5 8.75C2.5 12.2018 5.29822 15 8.75 15Z" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/> 1427 <path d="M13.1696 13.1695L17.5 17.5" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/> 1428</svg> 1429 </button> </div> 1430 </form> 1431 </search> 1432 </div> 1433</div>
1434<script> 1435function HeaderSearch() { 1436 return { 1437 hasSearchTerm: false, 1438 init() { 1439 this.hasSearchTerm = Boolean(this.$refs.searchInput.value.length) 1440 }, 1441 resetSearchInput() { 1442 this.$refs.searchInput.value = '' 1443 this.hasSearchTerm = false 1444 this.$refs.searchInput.focus() 1445 this.$refs.searchInput.select() 1446 }, 1447 } 1448} 1449</script>
1449 </div> 1450 1451 1452 1453 </div>
1454<script> 1455 function Header() { 1456 return { 1457 cart: {}, 1458 isSearchOpen: false, 1459 isCartOpen: false, 1460 actionResetHeaderStates() { 1461 this.isSearchOpen = false 1462 this.isCartOpen = false 1463 1464 this.$dispatch('recalculate-javascript-variables') 1465 }, 1466 actionSetCartData() { 1467 if (this.$event) { 1468 this.cart = this.$event.detail?.data?.cart 1469 } 1470 }, 1471 actionToggleCart() { 1472 this.isCartOpen = this.$event.detail && this.$event.detail.isOpen 1473 }, 1474 actionToggleSearchOpen() { 1475 this.isSearchOpen = !this.isSearchOpen; 1476 this.$dispatch('search-open'); 1477 }, 1478 dispatchHeaderGlobalReset() { 1479 this.$dispatch('header-global-reset') 1480 }, 1481 dispatchToggleCart() { 1482 this.$dispatch('toggle-cart', { isOpen: !this.isCartOpen }) 1483 }, 1484 ariaLabelCartButton() { 1485 const output = [] 1486 1487 output.push(this.$el.getAttribute('data-aria-label-prefix')) 1488 1489 if (this.cart.summary_count === 0) { 1490 output.push('Der\u0020Warenkorb\u0020ist\u0020leer') 1491 } else if (this.cart.summary_count > 1) { 1492 output.push(hyva.str('\u00251\u0020Artikel', this.cart.summary_count)) 1493 } else { 1494 output.push(hyva.str('\u00251\u0020item', this.cart.summary_count)) 1495 } 1496 1497 return output 1498 }, 1499 cartItemCountOutput() { 1500 return this.cart.summary_count 1501 }, 1502 classCartIcon() { 1503 const classes = [] 1504 1505 if (this.isCartOpen) { 1506 classes.push(this.$el.getAttribute('data-class-open')) 1507 } 1508 1509 return classes.join(' ') 1510 }, 1511 classButtonSearchOpen() { 1512 const classes = [] 1513 1514 if (this.isSearchOpen) { 1515 classes.push(this.$el.getAttribute('data-class-open')) 1516 } 1517 1518 return classes.join(' ') 1519 }, 1520 isCartIconDisabled() { 1521 return !this.cart.summary_count 1522 }, 1523 isSearchExpanded() { 1524 return this.isSearchOpen 1525 }, 1526 isShowCartItemCount() { 1527 return this.cart.summary_count > 0 1528 } 1529 } 1530 } 1531 1532 window.addEventListener('alpine:init', () => Alpine.data('Header', Header), {once: true}) 1533 1534 function CompareHeader() { 1535 return { 1536 compareProducts: null, 1537 itemCount: 0, 1538 actionSetCompareData() { 1539 if (this.$event) { 1540 this.compareProducts = this.$event.detail?.data?.['compare-products'] || {}; 1541 this.itemCount = this.compareProducts.count || 0; 1542 } 1543 }, 1544 isShowItemCount() { 1545 return this.itemCount > 0 1546 }, 1547 itemCountSuffixOutput() { 1548 return this.itemCount === 1 ? this.$el.getAttribute('data-1-item') : this.$el.getAttribute('data-more-items') 1549 }, 1550 itemCountOutput() { 1551 return this.itemCount 1552 }, 1553 } 1554 } 1555 1556 window.addEventListener('alpine:init', () => Alpine.data('CompareHeader', CompareHeader), {once: true}) 1557 1558 function WishlistHeader() { 1559 return { 1560 itemCount: 0, 1561 actionSetWishlistData() { 1562 if (this.$event) { 1563 this.itemCount = this.$event.detail?.data?.wishlist?.items.length || 0; 1564 } 1565 }, 1566 isShowItemCount() { 1567 return this.itemCount > 0 1568 }, 1569 itemCountSuffixOutput() { 1570 return this.itemCount === 1 ? this.$el.getAttribute('data-1-item') : this.$el.getAttribute('data-more-items') 1571 }, 1572 itemCountOutput() { 1573 return this.itemCount 1574 } 1575 } 1576 } 1577 1578 window.addEventListener('alpine:init', () => Alpine.data('WishlistHeader', WishlistHeader), {once: true}) 1579</script>
1579 1580<div class="mobile-quick-menu group-[.sticks]:hidden md:hidden overflow-hidden relative order-last mt-3"> 1581 <div class="quick-menu-wrapper flex no-wrap items-center overflow-x-auto scroll-smooth gap-5"> 1582 1583 <a href="https://shop.schoener-wohnen.de/sitzmoebel/" class="menu-item text-xs text-charcoal-darker pb-4 whitespace-nowrap first:pl-5 last:pr-5 tracking-loose" aria-label="SITZMÃBEL">SITZMÃBEL</a> 1584 <a href="https://shop.schoener-wohnen.de/tische/" class="menu-item text-xs text-charcoal-darker pb-4 whitespace-nowrap first:pl-5 last:pr-5 tracking-loose" aria-label="TISCHE">TISCHE</a> 1585 <a href="https://shop.schoener-wohnen.de/leuchten/" class="menu-item text-xs text-charcoal-darker pb-4 whitespace-nowrap first:pl-5 last:pr-5 tracking-loose" aria-label="LEUCHTEN">LEUCHTEN</a> 1586 <a href="https://shop.schoener-wohnen.de/accessoires/" class="menu-item text-xs text-charcoal-darker pb-4 whitespace-nowrap first:pl-5 last:pr-5 tracking-loose" aria-label="WOHNACCESSOIRES">WOHNACCESSOIRES</a> 1587 <a href="https://shop.schoener-wohnen.de/teppiche/" class="menu-item text-xs text-charcoal-darker pb-4 whitespace-nowrap first:pl-5 last:pr-5 tracking-loose" aria-label="TEPPICHE">TEPPICHE</a> 1588 <a href="https://shop.schoener-wohnen.de/raeume/" class="menu-item text-xs text-charcoal-darker pb-4 whitespace-nowrap first:pl-5 last:pr-5 tracking-loose" aria-label="RÃUME">RÃUME</a> 1589 <a href="https://shop.schoener-wohnen.de/marken/" class="menu-item text-xs text-charcoal-darker pb-4 whitespace-nowrap first:pl-5 last:pr-5 tracking-loose" aria-label="MARKEN">MARKEN</a> </div> 1590</div> <div x-data="MainNavigation();" 1591 x-bind="eventListeners" 1592 role="navigation" 1593 class="xl:border-y-4 xl:border-smoke" 1594 > 1595 <nav class="hidden xl:flex h-full container justify-center py-3" 1596 :class="{'hidden' : !isActiveOnMobile}" 1597 :role="isMobileMode && 'dialog'" 1598 :aria-modal="isMobileMode" 1599 :aria-hidden="isMobileMode && !isActiveOnMobile" 1600 > 1601 <div class="main-navigation"> 1602 <div class="grid grid-cols-1 items-center"> 1603 <div class="main-panel"> 1604 <div class="mobile-topbar"> 1605 <div class="heading"> 1606 <div class="whitespace-nowrap"> 1607 <a href="https://shop.schoener-wohnen.de/customer/account/index/" 1608 x-on:click="$dispatch('close-navigation');" 1609 class="focus:outline-none cursor-pointer text-sm" 1610 :class="{'hidden': activePanelHeading}" 1611 x-text="isUserLoggedIn ? 'Mein Konto' : 'Einloggen'"> 1612 Einloggen </a> 1613 <span x-on:click="showPreviousPanel()" 1614 class="focus:outline-none cursor-pointer hidden text-neutralgray-darker p-4 pl-0 inline-block" 1615 :class="{'hidden': !activePanelHeading}"> 1616 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-anthracite" role="img"><path d="M12 1L2 11L12 21" stroke-width="2" stroke-linecap="round"/></svg> 1617</span> 1618 </div> 1619 <div class="w-full text-center h-14 flex items-center justify-center flex-1"> 1620 <span class="text-lg" x-text="activePanelHeading"></span> 1621 </div> 1622 <div class="mr-8"> 1623 </div> 1624 <div> 1625 <span x-on:click="$dispatch('close-navigation');" 1626 class="focus:outline-none cursor-pointer w-6 p-2 pr-0 inline-block"> 1627 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="h-4 w-4 text-anthracite" width="24" height="24" role="img"> 1628 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 1629</svg> 1630</span> 1631 </div> 1632 </div> 1633 <div class="heading-border"></div> 1634</div> <div class="nav-panels" 1635 aria-label="Site navigation links" 1636 > 1637 <div class="nav-panel  parent  level-0 skip-mobile-display"> 1638 <div class="item skip-mobile-display parent" id="parent-id-92"><a href="#" data-node-id="92" 1639 data-node-name="Möbel" 1640 data-node-url="#" 1641 x-on:click.prevent="interactByNode($event)" 1642 x-on:mouseover.prevent.stop="interactByNode($event)" 1643 >Möbel</a></div> <div class="submenu-container nav-panel level-1" id="panel-id-92" > <template x-if="nodeRenderingHistory.has('92') || isMobileMode()"><div> <div class="submenu-level-1 nav-panel"> <div class="submenu-panel level-1"> <div class="item parent" id="parent-id-10993"><a href="https://shop.schoener-wohnen.de/sitzmoebel/" class="submenu-panel-heading hover:underline" data-node-id="10993" 1644 data-node-name="Sitzmöbel" 1645 data-node-url="https://shop.schoener-wohnen.de/sitzmoebel/" 1646 x-on:click.prevent="interactByNode($event)" 1647 x-on:mouseover.prevent.stop="interactByNode($event)" 1648 > <span class="xl:hover:underline">Sitzmöbel</span> <span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 1649</span> </a> <div class="submenu-container " 1650 id="panel-id-10993"> 1651 <template x-if="nodeRenderingHistory.has('10993') 1652 || !isMobileMode()" 1653 > 1654 <div class="submenu-level-2 nav-panel"> 1655 <div class="item"> 1656 <a href="https://shop.schoener-wohnen.de/esszimmerstuehle/"> 1657 Esszimmerstühle </a> 1658 </div> 1659 <div class="item"> 1660 <a href="https://shop.schoener-wohnen.de/barhocker/"> 1661 Barhocker </a> 1662 </div> 1663 <div class="item"> 1664 <a href="https://shop.schoener-wohnen.de/sofas/"> 1665 Sofas </a> 1666 </div> 1667 <div class="item"> 1668 <a href="https://shop.schoener-wohnen.de/sessel/"> 1669 Sessel </a> 1670 </div> 1671 <div class="item"> 1672 <a href="https://shop.schoener-wohnen.de/schaukelstuehle/"> 1673 Schaukelstühle </a> 1674 </div> 1675 <div class="item"> 1676 <a href="https://shop.schoener-wohnen.de/baenke/"> 1677 Sitzbänke </a> 1678 </div> 1679 <div class="item"> 1680 <a href="https://shop.schoener-wohnen.de/hocker/"> 1681 Hocker </a> 1682 </div> 1683 <div class="item"> 1684 <a href="https://shop.schoener-wohnen.de/buerodrehstuehle/"> 1685 Bürostühle </a> 1686 </div> 1687 <div class="item"> 1688 <a href="https://shop.schoener-wohnen.de/konferenzstuehle/"> 1689 Konferenzstühle </a> 1690 </div> 1691 <div class="item"> 1692 <a href="https://shop.schoener-wohnen.de/kinderstuehle/"> 1693 Kinderstühle </a> 1694 </div> 1695 <div class="item"> 1696 <a href="https://shop.schoener-wohnen.de/poufs/"> 1697 Poufs </a> 1698 </div> 1699 <div class="item show-all mt-1.5"> 1700 <a href="https://shop.schoener-wohnen.de/sitzmoebel/" class="italic"> 1701 Alle anzeigen </a> 1702 </div> 1703 </div> 1704 </template> 1705 </div> 1706</div> </div> <div class="submenu-panel level-1"> <div class="item parent" id="parent-id-11004"><a href="https://shop.schoener-wohnen.de/tische/" class="submenu-panel-heading hover:underline" data-node-id="11004" 1707 data-node-name="Tische" 1708 data-node-url="https://shop.schoener-wohnen.de/tische/" 1709 x-on:click.prevent="interactByNode($event)" 1710 x-on:mouseover.prevent.stop="interactByNode($event)" 1711 > <span class="xl:hover:underline">Tische</span> <span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 1712</span> </a> <div class="submenu-container " 1713 id="panel-id-11004"> 1714 <template x-if="nodeRenderingHistory.has('11004') 1715 || !isMobileMode()" 1716 > 1717 <div class="submenu-level-2 nav-panel"> 1718 <div class="item"> 1719 <a href="https://shop.schoener-wohnen.de/esstische/"> 1720 Esstische </a> 1721 </div> 1722 <div class="item"> 1723 <a href="https://shop.schoener-wohnen.de/beistelltische/"> 1724 Beistelltische </a> 1725 </div> 1726 <div class="item"> 1727 <a href="https://shop.schoener-wohnen.de/schreibtische/"> 1728 Schreibtische </a> 1729 </div> 1730 <div class="item"> 1731 <a href="https://shop.schoener-wohnen.de/konferenztische/"> 1732 Konferenztische </a> 1733 </div> 1734 <div class="item"> 1735 <a href="https://shop.schoener-wohnen.de/couchtische/"> 1736 Couchtische </a> 1737 </div> 1738 <div class="item"> 1739 <a href="https://shop.schoener-wohnen.de/nachttische/"> 1740 Nachttische </a> 1741 </div> 1742 <div class="item"> 1743 <a href="https://shop.schoener-wohnen.de/servierwagen/"> 1744 Servierwagen </a> 1745 </div> 1746 <div class="item"> 1747 <a href="https://shop.schoener-wohnen.de/bistrotische/"> 1748 Bistrotische </a> 1749 </div> 1750 <div class="item"> 1751 <a href="https://shop.schoener-wohnen.de/sekretaere/"> 1752 Sekretäre </a> 1753 </div> 1754 <div class="item show-all mt-1.5"> 1755 <a href="https://shop.schoener-wohnen.de/tische/" class="italic"> 1756 Alle anzeigen </a> 1757 </div> 1758 </div> 1759 </template> 1760 </div> 1761</div> </div> <div class="submenu-panel level-1"> <div class="item parent" id="parent-id-11018"><a href="https://shop.schoener-wohnen.de/aufbewahrungsmoebel/" class="submenu-panel-heading hover:underline" data-node-id="11018" 1762 data-node-name="Aufbewahrungsmöbel" 1763 data-node-url="https://shop.schoener-wohnen.de/aufbewahrungsmoebel/" 1764 x-on:click.prevent="interactByNode($event)" 1765 x-on:mouseover.prevent.stop="interactByNode($event)" 1766 > <span class="xl:hover:underline">Aufbewahrungsmöbel</span> <span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 1767</span> </a> <div class="submenu-container " 1768 id="panel-id-11018"> 1769 <template x-if="nodeRenderingHistory.has('11018') 1770 || !isMobileMode()" 1771 > 1772 <div class="submenu-level-2 nav-panel"> 1773 <div class="item"> 1774 <a href="https://shop.schoener-wohnen.de/sideboards-kommoden/"> 1775 Sideboards & Kommoden </a> 1776 </div> 1777 <div class="item"> 1778 <a href="https://shop.schoener-wohnen.de/regale/"> 1779 Regale </a> 1780 </div> 1781 <div class="item"> 1782 <a href="https://shop.schoener-wohnen.de/garderoben/"> 1783 Garderoben </a> 1784 </div> 1785 <div class="item"> 1786 <a href="https://shop.schoener-wohnen.de/container/"> 1787 Container </a> 1788 </div> 1789 <div class="item"> 1790 <a href="https://shop.schoener-wohnen.de/aktenregale-schraenke/"> 1791 Aktenschränke </a> 1792 </div> 1793 <div class="item"> 1794 <a href="https://shop.schoener-wohnen.de/tv-moebel/"> 1795 TV-Möbel </a> 1796 </div> 1797 <div class="item show-all mt-1.5"> 1798 <a href="https://shop.schoener-wohnen.de/aufbewahrungsmoebel/" class="italic"> 1799 Alle anzeigen </a> 1800 </div> 1801 </div> 1802 </template> 1803 </div> 1804</div> </div> <div class="submenu-panel level-1 parent"> <div class="item parent" id="parent-id-15123"><a href="https://shop.schoener-wohnen.de/schlafzimmer/" class="submenu-panel-heading hover:underline" data-node-id="15123" 1805 data-node-name="Schlafzimmermöbel" 1806 data-node-url="https://shop.schoener-wohnen.de/schlafzimmer/" 1807 x-on:click.prevent="interactByNode($event)" 1808 x-on:mouseover.prevent.stop="interactByNode($event)" 1809 > <span class="xl:hover:underline">Schlafzimmermöbel</span> </a> </div> <div class="submenu-container nav-panel" 1810 id="panel-id-95"> 1811 <div class="submenu-level-2 nav-panel"> 1812 <div class="item "> 1813 <a href="https://shop.schoener-wohnen.de/betten/" 1814 data-node-id="1441" 1815 data-node-name="Betten" 1816 data-node-url="https://shop.schoener-wohnen.de/betten/" 1817 x-on:click.prevent="interactByNode($event)" 1818 x-on:mouseover.prevent.stop="interactByNode($event)" 1819 > 1820 Betten </a> 1821</div> <div class="item "> 1822 <a href="https
1822://shop.schoener-wohnen.de/nachttische/" 1823 data-node-id="1442" 1824 data-node-name="Nachttische" 1825 data-node-url="https://shop.schoener-wohnen.de/nachttische/" 1826 x-on:click.prevent="interactByNode($event)" 1827 x-on:mouseover.prevent.stop="interactByNode($event)" 1828 > 1829 Nachttische </a> 1830</div> <div class="item "> 1831 <a href="https://shop.schoener-wohnen.de/schlafsofas/" 1832 data-node-id="1443" 1833 data-node-name="Schlafsofas" 1834 data-node-url="https://shop.schoener-wohnen.de/schlafsofas/" 1835 x-on:click.prevent="interactByNode($event)" 1836 x-on:mouseover.prevent.stop="interactByNode($event)" 1837 > 1838 Schlafsofas </a> 1839</div> </div> 1840 </div></div> <div class="submenu-panel level-1 parent"> <div class="item submenu-panel-heading parent"> <a href="https://shop.schoener-wohnen.de/skandinavische-moebel-und-accessoires/" class=" submenu-panel-heading hover:underline" > <span class="xl:hover:underline">Skandinavische Möbel</span> </a> </div> <div class="submenu-container nav-panel" 1841 id="panel-id-1432"> 1842 <div class="submenu-level-2 nav-panel"> 1843 <div class="item "> 1844 <a href="https://shop.schoener-wohnen.de/skandinavische-sofas/" 1845 data-node-id="1435" 1846 data-node-name="Skandinavische Sofas" 1847 data-node-url="https://shop.schoener-wohnen.de/skandinavische-sofas/" 1848 x-on:click.prevent="interactByNode($event)" 1849 x-on:mouseover.prevent.stop="interactByNode($event)" 1850 > 1851 Skandinavische Sofas </a> 1852</div> <div class="item "> 1853 <a href="https://shop.schoener-wohnen.de/skandinavische-sessel/" 1854 data-node-id="1434" 1855 data-node-name="Skandinavische Sessel" 1856 data-node-url="https://shop.schoener-wohnen.de/skandinavische-sessel/" 1857 x-on:click.prevent="interactByNode($event)" 1858 x-on:mouseover.prevent.stop="interactByNode($event)" 1859 > 1860 Skandinavische Sessel </a> 1861</div> <div class="item "> 1862 <a href="https://shop.schoener-wohnen.de/skandinavische-esstische/" 1863 data-node-id="1433" 1864 data-node-name="Skandinavische Esstische" 1865 data-node-url="https://shop.schoener-wohnen.de/skandinavische-esstische/" 1866 x-on:click.prevent="interactByNode($event)" 1867 x-on:mouseover.prevent.stop="interactByNode($event)" 1868 > 1869 Skandinavische Esstische </a> 1870</div> </div> 1871 </div></div></div> <div class="topic-bar"><div class="container mx-auto"><div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6"> 1872 <div style="max-width: 150px;"> 1873 <a class="hover:underline" 1874 href="/schoener-wohnen-kollektion/"> 1875 SCHÃNER WOHNEN-Kollektion </a> 1876 </div> 1877 <div style="max-width: 150px;"> 1878 <a class="hover:underline" 1879 href="/neu/"> 1880 Neuheiten </a> 1881 </div> 1882 <div style="max-width: 150px;"> 1883 <a class="hover:underline" 1884 href="/flur-stilvoll-nutzen/"> 1885 Möbel & Accessoires für den Flur </a> 1886 </div> 1887 <div style="max-width: 150px;"> 1888 <a class="hover:underline" 1889 href="/klassiker/"> 1890 Klassiker </a> 1891 </div> 1892 <div style="max-width: 150px;"> 1893 <a class="hover:underline" 1894 href="/geschenke/"> 1895 Geschenke </a> 1896 </div> 1897 <div style="max-width: 150px;"> 1898 <a class="hover:underline" 1899 href="/geschenke-geschenkgutscheine/"> 1900 Geschenkgutscheine </a> 1901 </div> 1902 </div></div></div> </div></template></div> </div> 1903 <div class="nav-panel  parent  level-0 "> 1904 <div class="item parent" id="parent-id-3"><a class="" href="https://shop.schoener-wohnen.de/leuchten/" data-node-id="3" 1905 data-node-name="Leuchten" 1906 data-node-url="https://shop.schoener-wohnen.de/leuchten/" 1907 x-on:click.prevent="interactByNode($event)" 1908 x-on:mouseover.prevent.stop="interactByNode($event)" 1909 >Leuchten<span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 1910</span></a></div> <div class="submenu-container nav-panel" 1911 id="panel-id-3"> 1912 <template x-if="nodeRenderingHistory.has('3')"> 1913 <div> 1914 <div class="submenu-level-1 nav-panel"> 1915 <div class="item parent" id="parent-id-11035"><a href="https://shop.schoener-wohnen.de/leuchten/" class="submenu-panel-heading hover:underline" data-node-id="11035" 1916 data-node-name="Leuchten" 1917 data-node-url="https://shop.schoener-wohnen.de/leuchten/" 1918 x-on:click.prevent="interactByNode($event)" 1919 x-on:mouseover.prevent.stop="interactByNode($event)" 1920 > <span class="xl:hover:underline">Leuchten</span> <span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 1921</span> </a> <div class="submenu-container " 1922 id="panel-id-11035"> 1923 <template x-if="nodeRenderingHistory.has('11035') 1924 || !isMobileMode()" 1925 > 1926 <div class="submenu-level-2 nav-panel"> 1927 <div class="item"> 1928 <a href="https://shop.schoener-wohnen.de/haengeleuchten/"> 1929 Hängeleuchten </a> 1930 </div> 1931 <div class="item"> 1932 <a href="https://shop.schoener-wohnen.de/stehleuchten/"> 1933 Stehleuchten </a> 1934 </div> 1935 <div class="item"> 1936 <a href="https://shop.schoener-wohnen.de/tischleuchten/"> 1937 Tischleuchten </a> 1938 </div> 1939 <div class="item"> 1940 <a href="https://shop.schoener-wohnen.de/bodenleuchten/"> 1941 Bodenleuchten </a> 1942 </div> 1943 <div class="item"> 1944 <a href="https://shop.schoener-wohnen.de/deckenleuchten/"> 1945 Deckenleuchten </a> 1946 </div> 1947 <div class="item"> 1948 <a href="https://shop.schoener-wohnen.de/akkuleuchten/"> 1949 Akkutischleuchten </a> 1950 </div> 1951 <div class="item"> 1952 <a href="https://shop.schoener-wohnen.de/nachttischleuchten/"> 1953 Nachttischleuchten </a> 1954 </div> 1955 <div class="item"> 1956 <a href="https://shop.schoener-wohnen.de/strahler-und-spots/"> 1957 Strahler und Spots </a> 1958 </div> 1959 <div class="item"> 1960 <a href="https://shop.schoener-wohnen.de/wandleuchten/"> 1961 Wandleuchten </a> 1962 </div> 1963 <div class="item"> 1964 <a href="https://shop.schoener-wohnen.de/leseleuchten/"> 1965 Leseleuchten </a> 1966 </div> 1967 <div class="item"> 1968 <a href="https://shop.schoener-wohnen.de/esstischleuchten/"> 1969 Esstischleuchten </a> 1970 </div> 1971 <div class="item"> 1972 <a href="https://shop.schoener-wohnen.de/flurleuchten/"> 1973 Flurleuchten </a> 1974 </div> 1975 <div class="item"> 1976 <a href="https://shop.schoener-wohnen.de/leuchten-kuechenleuchten/"> 1977 Küchenleuchten </a> 1978 </div> 1979 <div class="item"> 1980 <a href="https://shop.schoener-wohnen.de/leuchten-badezimmerleuchten/"> 1981 Badezimmerleuchten </a> 1982 </div> 1983 <div class="item"> 1984 <a href="https://shop.schoener-wohnen.de/bueroleuchten/"> 1985 Büroleuchten </a> 1986 </div> 1987 <div class="item"> 1988 <a href="https://shop.schoener-wohnen.de/leuchtmittel-und-zubehoer/"> 1989 Leuchtmittel und Zubehör </a> 1990 </div> 1991 <div class="item show-all mt-1.5"> 1992 <a href="https://shop.schoener-wohnen.de/leuchten/" class="italic"> 1993 Alle anzeigen </a> 1994 </div> 1995 </div> 1996 </template> 1997 </div> 1998</div> <div class="item parent" id="parent-id-11070"><a href="https://shop.schoener-wohnen.de/gartenbeleuchtung/" class="submenu-panel-heading hover:underline" data-node-id="11070" 1999 data-node-name="Gartenbeleuchtung" 2000 data-node-url="https://shop.schoener-wohnen.de/gartenbeleuchtung/" 2001 x-on:click.prevent="interactByNode($event)" 2002 x-on:mouseover.prevent.stop="interactByNode($event)" 2003 > <span class="xl:hover:underline">Gartenbeleuchtung</span> <span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 2004</span> </a> <div class="submenu-container " 2005 id="panel-id-11070"> 2006 <template x-if="nodeRenderingHistory.has('11070') 2007 || !isMobileMode()" 2008 > 2009 <div class="submenu-level-2 nav-panel"> 2010 <div class="item"> 2011 <a href="https://shop.schoener-wohnen.de/outdoor-akkuleuchten/"> 2012 Outdoor-Akkuleuchten </a> 2013 </div> 2014 <div class="item"> 2015 <a href="https://shop.schoener-wohnen.de/gartensteh-und-bodenleuchten/"> 2016 Gartensteh- und Bodenleuchten </a> 2017 </div> 2018 <div class="item"> 2019 <a href="https://shop.schoener-wohnen.de/gartenwand-und-decke
2019nleuchten/"> 2020 Gartenwand- und Deckenleuchten </a> 2021 </div> 2022 <div class="item"> 2023 <a href="https://shop.schoener-wohnen.de/gartenhaengeleuchten/"> 2024 Gartenhängeleuchten </a> 2025 </div> 2026 <div class="item show-all mt-1.5"> 2027 <a href="https://shop.schoener-wohnen.de/gartenbeleuchtung/" class="italic"> 2028 Alle anzeigen </a> 2029 </div> 2030 </div> 2031 </template> 2032 </div> 2033</div> <div class="cms-block col-span-2"> 2034 <style>#html-body [data-pb-style=CT37PYB]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="CT37PYB"><div data-content-type="text" data-appearance="default" data-element="main"><p> <div class="dbs-menu-teaser cursor-pointer" onclick="location.assign('https://shop.schoener-wohnen.de//louis-poulsen-ph-5-haengeleuchte.html')" ><div class="background"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Menu-Navigation/menu-licht-louis-poulsen-ph5-b.jpg?auto=format&w=480" class="h-full w-full object-cover" alt="Klassiker: Louis Poulsen PH5" width="372" height="259" loading="lazy" /></div><div class="content p-4 text-center"> <p class="text-2xl text-white" ><span>Klassiker: Louis Poulsen PH5</span></p> <div><button type="button" class="mt-4 mx-auto cursor-pointer button button-fit button-primary-b"><span>Jetzt entdecken</span></button></div></div></div></p></div></div></div></div> <div class="cms-block col-span-2"> 2035 <style>#html-body [data-pb-style=BPE7HPX]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="BPE7HPX"><div data-content-type="text" data-appearance="default" data-element="main"><p> <div class="dbs-menu-teaser cursor-pointer" onclick="location.assign('https://shop.schoener-wohnen.de//schoener-wohnen-kollektion-leuchten/')" ><div class="background"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Menu-Navigation/menu-licht-kia-schoenerwohnenkollektion.jpg?auto=format&w=480" class="h-full w-full object-cover" alt="SCHÖNER WOHNEN-Kollektion" width="372" height="259" loading="lazy" /></div><div class="content p-4 text-center"> <p class="text-2xl text-white" ><span>SCHÃNER WOHNEN-Kollektion</span></p> <div><button type="button" class="mt-4 mx-auto cursor-pointer button button-fit button-primary-b"><span>Jetzt entdecken</span></button></div></div></div></p></div></div></div></div> </div> 2036 <div class="topic-bar"> 2037 <div class="container mx-auto"> 2038 <div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6"> 2039 <div style="max-width: 150px;"> 2040 <a class="hover:underline" 2041 href="/schoener-wohnen-kollektion/"> 2042 SCHÃNER WOHNEN-Kollektion </a> 2043 </div> 2044 <div style="max-width: 150px;"> 2045 <a class="hover:underline" 2046 href="/neu/"> 2047 Neuheiten </a> 2048 </div> 2049 <div style="max-width: 150px;"> 2050 <a class="hover:underline" 2051 href="/flur-stilvoll-nutzen/"> 2052 Möbel & Accessoires für den Flur </a> 2053 </div> 2054 <div style="max-width: 150px;"> 2055 <a class="hover:underline" 2056 href="/klassiker/"> 2057 Klassiker </a> 2058 </div> 2059 <div style="max-width: 150px;"> 2060 <a class="hover:underline" 2061 href="/geschenke/"> 2062 Geschenke </a> 2063 </div> 2064 <div style="max-width: 150px;"> 2065 <a class="hover:underline" 2066 href="/geschenke-geschenkgutscheine/"> 2067 Geschenkgutscheine </a> 2068 </div> 2069 </div> </div> 2070 </div> 2071 </div> 2072 </template> 2073 </div> </div> 2074 <div class="nav-panel  parent hidden xl:inline-block level-0 "> 2075 <div class="item parent" id="parent-id-7"><a class="hidden xl:inline-block" href="https://shop.schoener-wohnen.de/accessoires/" data-node-id="7" 2076 data-node-name="Wohnaccessoires" 2077 data-node-url="https://shop.schoener-wohnen.de/accessoires/" 2078 x-on:click.prevent="interactByNode($event)" 2079 x-on:mouseover.prevent.stop="interactByNode($event)" 2080 >Wohnaccessoires<span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 2081</span></a></div> <div class="submenu-container nav-panel level-1" id="panel-id-7" > <template x-if="nodeRenderingHistory.has('7') || isMobileMode()"><div> <div class="submenu-level-1 nav-panel"> <div class="submenu-panel level-1 parent parent"> <div class="item submenu-panel-heading parent"> <a href="https://shop.schoener-wohnen.de/deko-ideen/" class="parent submenu-panel-heading hover:underline" > <span class="xl:hover:underline">Dekoration</span> </a> </div> <div class="submenu-container nav-panel" 2082 id="panel-id-8"> 2083 <div class="submenu-level-2 nav-panel"> 2084 <div class="item"> 2085 <a class="" href="https://shop.schoener-wohnen.de/vasen-schalen/"> 2086 Vasen & Schalen </a> 2087</div> <div class="item"> 2088 <a class="" href="https://shop.schoener-wohnen.de/spiegel/"> 2089 Spiegel </a> 2090</div> <div class="item"> 2091 <a class="" href="https://shop.schoener-wohnen.de/uhren/"> 2092 Uhren </a> 2093</div> <div class="item"> 2094 <a class="" href="https://shop.schoener-wohnen.de/blumentoepfe/"> 2095 Blumentöpfe </a> 2096</div> <div class="item"> 2097 <a class="" href="https://shop.schoener-wohnen.de/aufbewahrungsboxen/"> 2098 Aufbewahrungsboxen </a> 2099</div> <div class="item"> 2100 <a class="" href="https://shop.schoener-wohnen.de/dekoobjekte/"> 2101 Moderne Deko </a> 2102</div> <div class="item"> 2103 <a class="" href="https://shop.schoener-wohnen.de/kerzenhalter/"> 2104 Kerzenhalter </a> 2105</div> <div class="item"> 2106 <a class="" href="https://shop.schoener-wohnen.de/wanddekoration/"> 2107 Wanddekoration </a> 2108</div> <div class="item"> 2109 <a class="" href="https://shop.schoener-wohnen.de/technik/"> 2110 Technik-Gadgets </a> 2111</div> <div class="item"> 2112 <a class="" href="https://shop.schoener-wohnen.de/weihnachtsdekoration/"> 2113 Weihnachtsdekoration </a> 2114</div> </div> 2115 </div></div> <div class="submenu-panel level-1 parent"> <div class="item submenu-panel-heading parent"> <a href="https://shop.schoener-wohnen.de/geschirr-modern" class=" submenu-panel-heading hover:underline" > <span class="xl:hover:underline">Modernes Geschirr</span> </a> </div> <div class="submenu-container nav-panel" 2116 id="panel-id-1436"> 2117 <div class="submenu-level-2 nav-panel"> 2118 <div class="item "> 2119 <a href="https://shop.schoener-wohnen.de/tassen-becher/" 2120 data-node-id="1439" 2121 data-node-name="Tassen & Becher" 2122 data-node-url="https://shop.schoener-wohnen.de/tassen-becher/" 2123 x-on:click.prevent="interactByNode($event)" 2124 x-on:mouseover.prevent.stop="interactByNode($event)" 2125 > 2126 Tassen & Becher </a> 2127</div> <div class="item "> 2128 <a href="https://shop.schoener-wohnen.de/teller" 2129 data-node-id="1437" 2130 data-node-name="Teller" 2131 data-node-url="https://shop.schoener-wohnen.de/teller" 2132 x-on:click.prevent="interactByNode($event)" 2133 x-on:mouseover.prevent.stop="interactByNode($event)" 2134 > 2135 Teller </a> 2136</div> <div class="item "> 2137 <a href="https://shop.schoener-wohnen.de/trinkglaeser" 2138 data-node-id="1438" 2139 data-node-name="Trinkgläser" 2140 data-node-url="https://shop.schoener-wohnen.de/trinkglaeser" 2141 x-on:click.prevent="interactByNode($event)" 2142 x-on:mouseover.prevent.stop="interactByNode($event)" 2143 > 2144 Trinkgläser </a> 2145</div> <div class="item "> 2146 <a href="https://shop.schoener-wohnen.de/karaffen-kruege/" 2147 data-node-id="1440" 2148 data-node-name="Karaffen & Krüge" 2149 data-node-url="https://shop.schoener-wohnen.de/karaffen-kruege/" 2150 x-on:click.prevent="interactByNode($event)" 2151 x-on:mouseover.prevent.stop="interactByNode($event)" 2152 > 2153 Karaffen & Krüge </a> 2154</div> </div> 2155 </div></div> <div class="submenu-panel level-1 parent parent"> <div class="item submenu-panel-heading parent"> <a href="https://shop.schoener-wohnen.de/textilien" class="parent submenu-panel-heading hover:underline" > <span class="xl:hover:underline">Textilien</span> </a> </div> <div class="submenu-container nav-panel" 2156 id="panel-id-12"> 2157 <div class="submenu-level-2 nav-panel"> 2158 <div class="item"> 2159 <a class="" href="https://shop.schoener-wohnen.de/teppiche/"> 2160 Teppiche </a> 2161</div> <div class="item"> 2162 <a class="" href="https://shop.schoener-wohnen.de/kissen/"> 2163 Kissen </a> 2164</div> <div class="item"> 2165 <a class="" href="https://shop.schoener-wohnen.de/plaids-decken/"> 2166 Plaids & Decken </a> 2167</div> <div class="item"> 2168 <a class="" href="https://shop.schoener-wohnen.de/vorhaenge/"> 2169 Vorhänge </a> 2170</div> <div class="item"> 2171 <a class="" href="https://shop.schoener-wohnen.de/bettwaesche/"> 2172 Bettwäsche </a> 2173</div> </div> 2174 </div></div> <div class="submenu-panel level-1 parent parent"> <div class="item submenu-panel-heading parent"> <span class="xl:hover:underline">Nach Räumen</span> </div> <div class="submenu-container nav-panel" 2175 id="panel-id-16"> 2176 <div class="submenu-level-2 nav-panel"> 2177 <div class="item"> 2178 <a class="" href="https://shop.schoener-wohnen.de/kuechenaccessoires/"> 2179 Küchenaccessoires </a> 2180</div> <div class="item"> 2181 <a class="" href="https://shop.schoener-wohnen.de/badaccessoires/"> 2182 Badaccessoires </a> 2183</div> <div class="item"> 2184 <a class="" href="https://shop.schoener-wohnen.de/kinderaccessoires/"> 2185 Kinder-Accessoires </a> 2186</div> <div class="item"> 2187 <a class="" href="https://shop.schoener-wohnen.de/bueroaccessoires/"> 2188 Büroaccessoires </a> 2189</div> <div class="item submenu-panel-heading-bottom"> <a href="/accessoires/" class="" > <span>Alle Accessoires anzeigen</span> </a> </div> </div> 2190 </div></div> <div class="submenu-panel level-1 col-span-2 col-start-5"><div class="cms-block col-span-2 col-start-5"> 2191 <style>#html-body [data-pb-style=LE1QLUT]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="LE1QLUT"><div data-content-type="text" data-appearance="default" data-element="main"><p> <div class="dbs-menu-teaser cursor-pointer" onclick="location.assign('https://shop.schoener-wohnen.de/kissen/')" ><div class="background"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Menu-Navigation/menu-accessoires-hay-dot-cushion.jpg?auto=format&w=480" class="h-full w-full object-cover" alt="Kissen" width="372" height="259" loading="lazy" /></div><div class="content p-4 text-center"> <p class="text-2xl text-white" ><span>Kissen</span></p> <div><button type="button" class="mt-4 mx-auto cursor-pointer button button-fit button-primary-b"><span>Jetzt entdecken</span></button></div></div></div></p></div></div></div></div> </div></div> <div class="topic-bar
2191"><div class="container mx-auto"><div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6"> 2192 <div style="max-width: 150px;"> 2193 <a class="hover:underline" 2194 href="/schoener-wohnen-kollektion/"> 2195 SCHÃNER WOHNEN-Kollektion </a> 2196 </div> 2197 <div style="max-width: 150px;"> 2198 <a class="hover:underline" 2199 href="/neu/"> 2200 Neuheiten </a> 2201 </div> 2202 <div style="max-width: 150px;"> 2203 <a class="hover:underline" 2204 href="/flur-stilvoll-nutzen/"> 2205 Möbel & Accessoires für den Flur </a> 2206 </div> 2207 <div style="max-width: 150px;"> 2208 <a class="hover:underline" 2209 href="/klassiker/"> 2210 Klassiker </a> 2211 </div> 2212 <div style="max-width: 150px;"> 2213 <a class="hover:underline" 2214 href="/geschenke/"> 2215 Geschenke </a> 2216 </div> 2217 <div style="max-width: 150px;"> 2218 <a class="hover:underline" 2219 href="/geschenke-geschenkgutscheine/"> 2220 Geschenkgutscheine </a> 2221 </div> 2222 </div></div></div> </div></template></div> </div> 2223 <div class="nav-panel  parent xl:hidden level-0 "> 2224 <div class="item parent" id="parent-id-22"><a class="xl:hidden" href="https://shop.schoener-wohnen.de/accessoires/" data-node-id="22" 2225 data-node-name="Wohnaccessoires" 2226 data-node-url="https://shop.schoener-wohnen.de/accessoires/" 2227 x-on:click.prevent="interactByNode($event)" 2228 x-on:mouseover.prevent.stop="interactByNode($event)" 2229 >Wohnaccessoires<span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 2230</span></a></div> <div class="submenu-container nav-panel" 2231 id="panel-id-22"> 2232 <template x-if="nodeRenderingHistory.has('22')"> 2233 <div> 2234 <div class="submenu-level-1 nav-panel"> 2235 <div class="submenu-container " 2236 id="panel-id-11046"> 2237 <div class="submenu-level-2 nav-panel"> 2238 <div class="item"> 2239 <a href="https://shop.schoener-wohnen.de/vasen-schalen/"> 2240 Vasen & Schalen </a> 2241 </div> 2242 <div class="item"> 2243 <a href="https://shop.schoener-wohnen.de/kissen/"> 2244 Kissen </a> 2245 </div> 2246 <div class="item"> 2247 <a href="https://shop.schoener-wohnen.de/kuechenaccessoires/"> 2248 Küchenaccessoires </a> 2249 </div> 2250 <div class="item"> 2251 <a href="https://shop.schoener-wohnen.de/spiegel/"> 2252 Spiegel </a> 2253 </div> 2254 <div class="item"> 2255 <a href="https://shop.schoener-wohnen.de/dekoobjekte/"> 2256 Moderne Deko </a> 2257 </div> 2258 <div class="item"> 2259 <a href="https://shop.schoener-wohnen.de/aufbewahrungsboxen/"> 2260 Aufbewahrungsboxen </a> 2261 </div> 2262 <div class="item"> 2263 <a href="https://shop.schoener-wohnen.de/bettwaesche/"> 2264 Bettwäsche </a> 2265 </div> 2266 <div class="item"> 2267 <a href="https://shop.schoener-wohnen.de/plaids-decken/"> 2268 Plaids & Decken </a> 2269 </div> 2270 <div class="item"> 2271 <a href="https://shop.schoener-wohnen.de/teppiche/"> 2272 Teppiche </a> 2273 </div> 2274 <div class="item"> 2275 <a href="https://shop.schoener-wohnen.de/blumentoepfe/"> 2276 Blumentöpfe </a> 2277 </div> 2278 <div class="item"> 2279 <a href="https://shop.schoener-wohnen.de/kerzenhalter/"> 2280 Kerzenhalter </a> 2281 </div> 2282 <div class="item"> 2283 <a href="https://shop.schoener-wohnen.de/uhren/"> 2284 Uhren </a> 2285 </div> 2286 <div class="item"> 2287 <a href="https://shop.schoener-wohnen.de/badaccessoires/"> 2288 Badaccessoires </a> 2289 </div> 2290 <div class="item"> 2291 <a href="https://shop.schoener-wohnen.de/wanddekoration/"> 2292 Wanddekoration </a> 2293 </div> 2294 <div class="item"> 2295 <a href="https://shop.schoener-wohnen.de/weihnachtsdekoration/"> 2296 Weihnachtsdekoration </a> 2297 </div> 2298 <div class="item"> 2299 <a href="https://shop.schoener-wohnen.de/bueroaccessoires/"> 2300 Büroaccessoires </a> 2301 </div> 2302 <div class="item"> 2303 <a href="https://shop.schoener-wohnen.de/vorhaenge/"> 2304 Vorhänge </a> 2305 </div> 2306 <div class="item"> 2307 <a href="https://shop.schoener-wohnen.de/serviertabletts/"> 2308 Serviertablett </a> 2309 </div> 2310 <div class="item"> 2311 <a href="https://shop.schoener-wohnen.de/geschirr-modern/"> 2312 Modernes Geschirr </a> 2313 </div> 2314 <div class="item"> 2315 <a href="https://shop.schoener-wohnen.de/dekofiguren/"> 2316 Dekofiguren </a> 2317 </div> 2318 <div class="item"> 2319 <a href="https://shop.schoener-wohnen.de/kinderaccessoires/"> 2320 Kinder-Accessoires </a> 2321 </div> 2322 <div class="item"> 2323 <a href="https://shop.schoener-wohnen.de/technik/"> 2324 Technik-Gadgets </a> 2325 </div> 2326 <div class="item"> 2327 <a href="https://shop.schoener-wohnen.de/accessoires-tierbedarf/"> 2328 Tierbedarf </a> 2329 </div> 2330 <div class="item show-all mt-1.5"> 2331 <a href="https://shop.schoener-wohnen.de/accessoires/" class="italic"> 2332 Alle anzeigen </a> 2333 </div> 2334 </div> 2335 </div> 2336 </div> 2337 <div class="topic-bar"> 2338 <div class="container mx-auto"> 2339 <div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6"> 2340 <div style="max-width: 150px;"> 2341 <a class="hover:underline" 2342 href="/schoener-wohnen-kollektion/"> 2343 SCHÃNER WOHNEN-Kollektion </a> 2344 </div> 2345 <div style="max-width: 150px;"> 2346 <a class="hover:underline" 2347 href="/neu/"> 2348 Neuheiten </a> 2349 </div> 2350 <div style="max-width: 150px;"> 2351 <a class="hover:underline" 2352 href="/flur-stilvoll-nutzen/"> 2353 Möbel & Accessoires für den Flur </a> 2354 </div> 2355 <div style="max-width: 150px;"> 2356 <a class="hover:underline" 2357 href="/klassiker/"> 2358 Klassiker </a> 2359 </div> 2360 <div style="max-width: 150px;"> 2361 <a class="hover:underline" 2362 href="/geschenke/"> 2363 Geschenke </a> 2364 </div> 2365 <div style="max-width: 150px;"> 2366 <a class="hover:underline" 2367 href="/geschenke-geschenkgutscheine/"> 2368 Geschenkgutscheine </a> 2369 </div> 2370 </div> </div> 2371 </div> 2372 </div> 2373 </template> 2374 </div> </div> 2375 <div class="nav-panel  parent  level-0 "> 2376 <div class="item parent" id="parent-id-24"><a class="" href="https://shop.schoener-wohnen.de/gartenmoebel/" data-node-id="24" 2377 data-node-name="Gartenmöbel" 2378 data-node-url="https://shop.schoener-wohnen.de/gartenmoebel/" 2379 x-on:click.prevent="interactByNode($event)" 2380 x-on:mouseover.prevent.stop="interactByNode($event)" 2381 >Gartenmöbel<span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 2382</span></a></div> <div class="submenu-container nav-panel level-1" id="panel-id-24" > <template x-if="nodeRenderingHistory.has('24') || isMobileMode()"><div> <div class="submenu-level-1 nav-panel"> <div class="submenu-panel level-1 parent"> <div class="item parent" id="parent-id-151582"><a href="https://shop.schoener-wohnen.de/gartensitzmoebel/" class="submenu-panel-heading hover:underline" data-node-id="151582" 2383 data-node-name="Gartensitzmöbel" 2384 data-node-url="https://shop.schoener-wohnen.de/gartensitzmoebel/" 2385 x-on:click.prevent="interactByNode($event)" 2386 x-on:mouseover.prevent.stop="interactByNode($event)" 2387 > <span class="xl:hover:underline">Gartensitzmöbel</span> <span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 2388</span> </a> <div class="submenu-container " 2389 id="panel-id-151582"> 2390 <template x-if="nodeRenderingHistory.has('151582') 2391 || !isMobileMode()" 2392 > 2393 <div class="submenu-level-2 nav-panel"> 2394 <div class="item"> 2395 <a href="https://shop.schoener-wohnen.de/gartenstuehle/"> 2396 Gartenstühle </a> 2397 </div> 2398 <div class="item"> 2399 <a href="https://shop.schoener-wohnen.de/gartenschaukelstuehle/"> 2400 Gartenschaukelstühle </a> 2401 </div> 2402 <div class="item"> 2403 <a href="https://shop.schoener-wohnen.de/gartenbaenke/"> 2404 Gartenbänke </a> 2405 </div> 2406 <div class="item"> 2407 <a href="https://shop.schoener-wohnen.de/gartenhocker/"> 2408 Gartenhocker </a> 2409 </div> 2410 <div class="item"> 2411 <a href="https://shop.schoener-wohnen.de/gartenbarhocker/"> 2412 Gartenbarhocker </a> 2413 </div> 2414 <div class="item"> 2415 <a href="https://shop.schoener-wohnen.de/gartenliegen/"> 2416 Gartenliegen </a> 2417 </div> 2418 <div class="item show-all mt-1.5"> 2419 <a href="https://shop.schoener-wohnen.de/gartensitzmoebel/" class="italic"> 2420 Alle anzeigen </a> 2421 </div> 2422 </div> 2423 </template> 2424 </div> 2425</div> </div> <div class="submenu-panel level-1 parent"> <div class="item parent" id="parent-id-11065"><a href="https://shop.schoener-wohnen.de/gartentische/" class="submenu-panel-heading hover:underline" data-node-id="11065" 2426 data-node-name="Gartentische" 2427 data-node-url="https://shop.schoener-wohnen.de/gartentische/" 2428 x-on:click.prevent="interactByNode($event)" 2429 x-on:mouseover.prevent.stop="interactByNode($event)" 2430 > <span class="xl:hover:underline">Gartentische</span> <span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 2431</span> </a> <div class="submenu-container " 2432 id="panel-id-11065"> 2433 <template x-if="nodeRenderingHistory.has('11065') 2434 || !isMobileMode()" 2435 > 2436 <div class="submenu-level-2 nav-panel"> 2437 <div class="item"> 2438 <a href="https://shop.schoener-wohnen.de/gartenesstische/"> 2439 Gartenesstische </a> 2440 </div> 2441 <div class="item"> 2442 <a href="https://shop.schoener-wohnen.de/gartenbistrotische/"> 2443 Gartenbistrotische </a> 2444 </div> 2445 <div class="item"> 2446 <a href="https://shop.schoener-wohnen.de/gartenbeistelltische/"> 2447 Gartenbeistelltische </a> 2448 </div> 2449 <div class="item show-all mt-1.5"> 2450 <a href="https://shop.schoener-wohnen.de/gartentische/" class="italic"> 2451
2451 Alle anzeigen </a> 2452 </div> 2453 </div> 2454 </template> 2455 </div> 2456</div> </div> <div class="submenu-panel level-1 parent"> <div class="item parent" id="parent-id-11067"><a href="https://shop.schoener-wohnen.de/loungemoebel/" class="submenu-panel-heading hover:underline" data-node-id="11067" 2457 data-node-name="Outdoor-Loungemöbel" 2458 data-node-url="https://shop.schoener-wohnen.de/loungemoebel/" 2459 x-on:click.prevent="interactByNode($event)" 2460 x-on:mouseover.prevent.stop="interactByNode($event)" 2461 > <span class="xl:hover:underline">Outdoor-Loungemöbel</span> <span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 2462</span> </a> <div class="submenu-container " 2463 id="panel-id-11067"> 2464 <template x-if="nodeRenderingHistory.has('11067') 2465 || !isMobileMode()" 2466 > 2467 <div class="submenu-level-2 nav-panel"> 2468 <div class="item"> 2469 <a href="https://shop.schoener-wohnen.de/loungesofas/"> 2470 Outdoor-Loungesofas </a> 2471 </div> 2472 <div class="item"> 2473 <a href="https://shop.schoener-wohnen.de/loungesessel/"> 2474 Outdoor-Loungesessel </a> 2475 </div> 2476 <div class="item"> 2477 <a href="https://shop.schoener-wohnen.de/loungetische/"> 2478 Outdoor-Loungetische </a> 2479 </div> 2480 <div class="item show-all mt-1.5"> 2481 <a href="https://shop.schoener-wohnen.de/loungemoebel/" class="italic"> 2482 Alle anzeigen </a> 2483 </div> 2484 </div> 2485 </template> 2486 </div> 2487</div> </div> <div class="submenu-panel level-1 parent"> <div class="item parent" id="parent-id-11070"><a href="https://shop.schoener-wohnen.de/gartenbeleuchtung/" class="submenu-panel-heading hover:underline" data-node-id="11070" 2488 data-node-name="Gartenbeleuchtung" 2489 data-node-url="https://shop.schoener-wohnen.de/gartenbeleuchtung/" 2490 x-on:click.prevent="interactByNode($event)" 2491 x-on:mouseover.prevent.stop="interactByNode($event)" 2492 > <span class="xl:hover:underline">Gartenbeleuchtung</span> <span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 2493</span> </a> <div class="submenu-container " 2494 id="panel-id-11070"> 2495 <template x-if="nodeRenderingHistory.has('11070') 2496 || !isMobileMode()" 2497 > 2498 <div class="submenu-level-2 nav-panel"> 2499 <div class="item"> 2500 <a href="https://shop.schoener-wohnen.de/outdoor-akkuleuchten/"> 2501 Outdoor-Akkuleuchten </a> 2502 </div> 2503 <div class="item"> 2504 <a href="https://shop.schoener-wohnen.de/gartensteh-und-bodenleuchten/"> 2505 Gartensteh- und Bodenleuchten </a> 2506 </div> 2507 <div class="item"> 2508 <a href="https://shop.schoener-wohnen.de/gartenwand-und-deckenleuchten/"> 2509 Gartenwand- und Deckenleuchten </a> 2510 </div> 2511 <div class="item"> 2512 <a href="https://shop.schoener-wohnen.de/gartenhaengeleuchten/"> 2513 Gartenhängeleuchten </a> 2514 </div> 2515 <div class="item show-all mt-1.5"> 2516 <a href="https://shop.schoener-wohnen.de/gartenbeleuchtung/" class="italic"> 2517 Alle anzeigen </a> 2518 </div> 2519 </div> 2520 </template> 2521 </div> 2522</div> </div> <div class="submenu-panel level-1 parent parent"> <div class="item parent" id="parent-id-11069"><a href="https://shop.schoener-wohnen.de/gartenaccessoires/" class="submenu-panel-heading hover:underline" data-node-id="11069" 2523 data-node-name="Gartenaccessoires" 2524 data-node-url="https://shop.schoener-wohnen.de/gartenaccessoires/" 2525 x-on:click.prevent="interactByNode($event)" 2526 x-on:mouseover.prevent.stop="interactByNode($event)" 2527 > <span class="xl:hover:underline">Gartenaccessoires</span> <span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 2528</span> </a> <div class="submenu-container " 2529 id="panel-id-11069"> 2530 <template x-if="nodeRenderingHistory.has('11069') 2531 || !isMobileMode()" 2532 > 2533 <div class="submenu-level-2 nav-panel"> 2534 <div class="item"> 2535 <a href="https://shop.schoener-wohnen.de/sonnenschirme/"> 2536 Sonnenschirme </a> 2537 </div> 2538 <div class="item"> 2539 <a href="https://shop.schoener-wohnen.de/feuerstellen-grills/"> 2540 Grillzubehör </a> 2541 </div> 2542 <div class="item"> 2543 <a href="https://shop.schoener-wohnen.de/haengematten/"> 2544 Hängematten </a> 2545 </div> 2546 <div class="item"> 2547 <a href="https://shop.schoener-wohnen.de/outdoor-textilien/"> 2548 Outdoor-Textilien </a> 2549 </div> 2550 <div class="item"> 2551 <a href="https://shop.schoener-wohnen.de/gartendeko/"> 2552 Moderne Gartendeko </a> 2553 </div> 2554 <div class="item"> 2555 <a href="https://shop.schoener-wohnen.de/pflanzgefaesse/"> 2556 PflanzgefäÃe </a> 2557 </div> 2558 <div class="item"> 2559 <a href="https://shop.schoener-wohnen.de/gartenzubehoer/"> 2560 Gartenzubehör </a> 2561 </div> 2562 <div class="item show-all mt-1.5"> 2563 <a href="https://shop.schoener-wohnen.de/gartenaccessoires/" class="italic"> 2564 Alle anzeigen </a> 2565 </div> 2566 </div> 2567 </template> 2568 </div> 2569</div> <div class="submenu-container nav-panel" 2570 id="panel-id-1361"> 2571 <div class="submenu-level-2 nav-panel"> 2572 </div> 2573 </div></div></div> <div class="topic-bar"><div class="container mx-auto"><div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6"> 2574 <div style="max-width: 150px;"> 2575 <a class="hover:underline" 2576 href="/schoener-wohnen-kollektion/"> 2577 SCHÃNER WOHNEN-Kollektion </a> 2578 </div> 2579 <div style="max-width: 150px;"> 2580 <a class="hover:underline" 2581 href="/neu/"> 2582 Neuheiten </a> 2583 </div> 2584 <div style="max-width: 150px;"> 2585 <a class="hover:underline" 2586 href="/flur-stilvoll-nutzen/"> 2587 Möbel & Accessoires für den Flur </a> 2588 </div> 2589 <div style="max-width: 150px;"> 2590 <a class="hover:underline" 2591 href="/klassiker/"> 2592 Klassiker </a> 2593 </div> 2594 <div style="max-width: 150px;"> 2595 <a class="hover:underline" 2596 href="/geschenke/"> 2597 Geschenke </a> 2598 </div> 2599 <div style="max-width: 150px;"> 2600 <a class="hover:underline" 2601 href="/geschenke-geschenkgutscheine/"> 2602 Geschenkgutscheine </a> 2603 </div> 2604 </div></div></div> </div></template></div> </div> 2605 <div class="nav-panel  parent  level-0 "> 2606 <div class="item parent" id="parent-id-28"><a class="" href="https://shop.schoener-wohnen.de/marken/" data-node-id="28" 2607 data-node-name="Marken" 2608 data-node-url="https://shop.schoener-wohnen.de/marken/" 2609 x-on:click.prevent="interactByNode($event)" 2610 x-on:mouseover.prevent.stop="interactByNode($event)" 2611 >Marken<span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 2612</span></a></div> <div class="submenu-container nav-panel level-1" id="panel-id-28" > <template x-if="nodeRenderingHistory.has('28') || isMobileMode()"><div> <div class="submenu-level-1 nav-panel"> <div class="submenu-panel level-1 parent"> <div class="item parent" id="parent-id-29"><a class="submenu-panel-heading " href="https://shop.schoener-wohnen.de/marken/" data-node-id="29" 2613 data-node-name="Marken" 2614 data-node-url="https://shop.schoener-wohnen.de/marken/" 2615 x-on:click.prevent="interactByNode($event)" 2616 x-on:mouseover.prevent.stop="interactByNode($event)" 2617 > <span class="xl:hover:underline">Marken</span> <span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 2618</span></a></div> <div class="submenu-container nav-panel" 2619 id="panel-id-29"> 2620 <div class="submenu-level-2 nav-panel"> 2621 <div class="item"><a class="" href="https://shop.schoener-wohnen.de/marken/">Alle anzeigen</a></div> <div class="cms-block manufacturer-logos manufacturers-mobile"><style>#html-body [data-pb-style=OEJISC1],#html-body [data-pb-style=RFNGCAG]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=RFNGCAG]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=OEJISC1]{align-self:stretch}#html-body [data-pb-style=I75Y6NE]{display:flex;width:100%}#html-body [data-pb-style=CMQ451N],#html-body [data-pb-style=MJW46JW],#html-body [data-pb-style=YTRCEXD]{justify-content:flex-start;display:flex;flex-direction:column;width:33.3333%;align-self:stretch}#html-body [data-pb-style=CMQ451N],#html-body [data-pb-style=MJW46JW],#html-body [data-pb-style=NRAX48N],#html-body [data-pb-style=U65QTY3],#html-body [data-pb-style=YTRCEXD]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=U65QTY3]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=NRAX48N]{align-self:stretch}#html-body [data-pb-style=PE1O7PY]{display:flex;width:100%}#html-body [data-pb-style=F7XWON6],#html-body [data-pb-style=P4KA0O0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=LWY3YF8]{border-style:none}#html-body [data-pb-style=E6UU7O6],#html-body [data-pb-style=L68DAPT]{max-width:100%;height:auto}#html-body [data-pb-style=UMSTEPC]{justify-content:flex-start;display:flex;flex-direction:column;width:33.3333%;align-self:stretch}#html-body [data-pb-style=CYHMDTA],#html-body [data-pb-style=QLMD3SU],#html-body [data-pb-style=UMSTEPC]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=QLMD3SU]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=CYHMDTA]{align-self:stretch}#html-body [data-pb-style=T0OD82X]{display:flex;width:100%}#html-body [data-pb-style=J8MA6U7],#html-body [data-pb-style=U61N6HW],#html-body [data-pb-style=WH3O7GA]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}@media only screen and (max-width: 767px) { #html-body [data-pb-style=LWY3YF8]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="RFNGCAG"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="OEJISC1"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="I75Y6NE"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="YTRCEXD"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/fermob/" title="Fermob"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/249.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="Fermob"> <span class="manufacturer-label">Fermob</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MJW46JW"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/ferm-living/" title="Ferm Living"><img loading="lazy" width="60" height="40" src="data:image/png;base64,iVBORw0KGgoA
2621AAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media//attribute/swatch/svg/manufacturer/ferm-living-5162.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-8" alt="Ferm Living"> <span class="manufacturer-label">Ferm Living</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CMQ451N"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/vitra/" title="Vitra"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/33.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="Vitra"> <span class="manufacturer-label">Vitra</span></a></span></p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="U65QTY3"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="NRAX48N"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="PE1O7PY"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="P4KA0O0"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/serax/" title="Serax"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/307.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="Serax"> <span class="manufacturer-label">Serax</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="F7XWON6"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="LWY3YF8"><a href="https://shop.schoener-wohnen.de/schoener-wohnen-kollektion/" target="" data-link-type="default" title="" data-element="link"><img width="1000" height="527" class="pagebuilder-mobile-hidden" loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Logospng/SchoenerWohnen-Kollektion-schwarz.png?auto=format" alt="" title="" data-element="desktop_image" data-pb-style="E6UU7O6"><img width="1000" height="527" class="pagebuilder-mobile-only" loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Logospng/SchoenerWohnen-Kollektion-schwarz.png?auto=format" alt="" title="" data-element="mobile_image" data-pb-style="L68DAPT"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UMSTEPC"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/string-furniture/" title="Str
2621ing Furniture"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/28641.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-8" alt="String Furniture"> <span class="manufacturer-label">String Furniture</span></a></span></p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="QLMD3SU"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="CYHMDTA"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T0OD82X"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="WH3O7GA"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/artemide/" title="Artemide"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/116.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="Artemide"> <span class="manufacturer-label">Artemide</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="U61N6HW"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/hay/" title="HAY"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/60.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-8" alt="HAY"> <span class="manufacturer-label">HAY</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="J8MA6U7"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/houe/" title="HOUE"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/170.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="HOUE"> <span class="manufacturer-label">HOUE</span></a></span></p></div></div></div></div></div></div></div> <div class="item"> 2622 <a class="" href="https://shop.schoener-wohnen.de/andtradition/"> 2623 &Tradition </a> 2624</div> <div class="item"> 2625 <a class="" href="https://shop.schoener-wohnen.de/broste-copenhagen/"> 2626 Broste Copenhagen </a> 2627</div> <div class="item"> 2628 <a class="" href="https://shop.schoener-wohnen.de/muuto/"> 2629 Muuto </a> 2630</div> <div class="item"> 2631 <a class="" href="https://shop.schoener-wohnen.de/carl-hansen-son/"> 2632 Carl Hansen & Søn </a> 2633</div> <div class="item"> 2634 <a class="" href="https://shop.schoener-wohnen.de/jan-kurtz/"> 2635 Jan Kurtz </a> 2636</div> <div class="item"> 2637 <a class="" href="https://shop.schoener-wohnen.de/kartell/"> 2638 Kartell </a> 2639</div> <div class="item"> 2640 <a class="" href="https://shop.schoener-wohnen.de/normann-copenhagen/"> 2641 Normann Copenhagen </a> 2642</div> <div class="item"> 2643 <a class="" href="https://shop.schoener-wohnen.de/gubi/"> 2644 Gubi </a> 2645</div> <div class="item"> 2646 <a class="" href="https://shop.schoener-wohnen.de/nardi/"> 2647 Nardi </a> 2648</div> <div class="item"> 2649 <a class="" href="https://shop.schoener-wohnen.de/audo/"> 2650 Audo </a> 2651</div> </div> 2652 </div></div> <div class="submenu-panel level-1 parent"> <div class="item parent" id="parent-id-33"><a class="submenu-panel-heading " href="https://shop.schoener-wohnen.de/designer/" data-node-id="33" 2653 data-node-name="Designer" 2654 data-node-url="https://shop.schoener-wohnen.de/designer/" 2655 x-on:click.prevent="interactByNode($event)" 2656 x-on:mouseover.prevent.stop="interactByNode($event)" 2657 > <span class="xl:hover:underline">Designer</span> <span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 2658</span></a></div> <div class="submenu-container nav-panel" 2659 id="panel-id-33"> 2660 <div class="submenu-level-2 nav-panel"> 2661 <div class="item"><a class="" href="https://shop.schoener-wohnen.de/designer/">Alle anzeigen</a></div> <div class="item"> 2662 <a class="" href="https://shop.schoener-wohnen.de/designer-alexander-girard/"> 2663 Alexander Girard </a> 2664</div> <div class="item"> 2665 <a class="" href="https://shop.schoener-wohnen.de/designer-mies-van-der-rohe/"> 2666 Mies van der Rohe </a> 2667</div> <div class="item"> 2668 <a class="" href="https://shop.schoener-wohnen.de/designer-hella-jongerius/"> 2669 Hella Jongerius </a> 2670</div> <div class="item"> 2671 <a class="" href="https://shop.schoener-wohnen.de/designer-egon-eiermann/"> 2672 Egon Eiermann </a> 2673</div> </div> 2674 </div></div> <div class="submenu-panel level-1 col-span-3"> <div class="cms-block manufacturer-logos col-span-3"><style>#html-body [data-pb-style=OEJISC1],#html-body [data-pb-style=RFNGCAG]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=RFNGCAG]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=OEJISC1]{align-self:stretch}#html-body [data-pb-style=I75Y6NE]{display:flex;width:100%}#html-body [data-pb-style=CMQ451N],#html-body [data-pb-style=MJW46JW],#html-body [data-pb-style=YTRCEXD]{justify-content:flex-start;display:flex;flex-direction:column;width:33.3333%;align-self:stretch}#html-body [data-pb-style=CMQ451N],#html-body [data-pb-style=MJW46JW],#html-body [data-pb-style=NRAX48N],#html-body [data-pb-style=U65QTY3],#html-body [data-pb-style=YTRCEXD]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=U65QTY3]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=NRAX48N]{align-self:stretch}#html-body [data-pb-style=PE1O7PY]{display:flex;width:100%}#html-body [data-pb-style=F7XWON6],#html-body [data-pb-style=P4KA0O0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=LWY3YF8]{border-style:none}#html-body [data-pb-style=E6UU7O6],#html-body [data-pb-style=L68DAPT]{max-width:100%;height:auto}#html-body [data-pb-style=UMSTEPC]{justify-content:flex-start;display:flex;flex-direction:column;width:33.3333%;align-self:stretch}#html-body [data-pb-style=CYHMDTA],#html-body [data-pb-style=QLMD3SU],#html-body [data-pb-style=UMSTEPC]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=QLMD3SU]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=CYHMDTA]{align-self:stretch}#html-body [data-pb-style=T0OD82X]{display:flex;width:100%}#html-body [data-pb-style=J8MA6U7],#html-body [data-pb-style=U61N6HW],#html-body [data-pb-style=WH3O7GA]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}@media only screen and (max-width: 767px) { #html-body [data-pb-style=LWY3YF8]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="RFNGCAG"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="OEJISC1"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="I75Y6NE"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="YTRCEXD"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/fermob/" title="Fermob"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/249.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="Fermob"> <span class="manufacturer-label">Fermob</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MJW46JW"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/ferm-living/" title="Ferm Living"><img loading="lazy" width="60" height="40" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media//attribute/swatch/svg/manufacturer/ferm-living-5162.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-8" alt="Ferm Living"> <span class="manufacturer-label">Ferm Living</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CMQ451N"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/vitra/" title="Vitra"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/33.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="Vitra"> <span class="manufacturer-label">Vitra</span></a></span></p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="U65QTY3"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="NRAX48N"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="PE1O7PY"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="P4KA0O0"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/serax/" title="Serax"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/307.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="Serax"> <span class="manufacturer-label">Serax</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="F7XWON6"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="LWY3YF8"><a href="https://shop.schoener-wohnen.de/schoener-wohnen-kollektion/" target="" data-link-type="default" title="" data-element="link"><img width="1000" height="527" class="pagebuilder-mobile-hidden" loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="http
2674s://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Logospng/SchoenerWohnen-Kollektion-schwarz.png?auto=format" alt="" title="" data-element="desktop_image" data-pb-style="E6UU7O6"><img width="1000" height="527" class="pagebuilder-mobile-only" loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Logospng/SchoenerWohnen-Kollektion-schwarz.png?auto=format" alt="" title="" data-element="mobile_image" data-pb-style="L68DAPT"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UMSTEPC"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/string-furniture/" title="String Furniture"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/28641.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-8" alt="String Furniture"> <span class="manufacturer-label">String Furniture</span></a></span></p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="QLMD3SU"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="CYHMDTA"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T0OD82X"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="WH3O7GA"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/artemide/" title="Artemide"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/116.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="Artemide"> <span class="manufacturer-label">Artemide</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="U61N6HW"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/hay/" title="HAY"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/60.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-8" alt="HAY"> <span class="manufacturer-label">HAY</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="J8MA6U7"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/houe/" title="HOUE"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/170.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="HOUE"> <span class="manufacturer-label">HOUE</span></a></span></p></div></div></div></div></div></div></div> </div></div> <div class="topic-bar"><div class="container mx-auto"><div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6"> 2675 <div style="max-width: 150px;"> 2676 <a class="hover:underline" 2677 href="/schoener-wohnen-kollektion/"> 2678 SCHÃNER WOHNEN-Kollektion </a> 2679 </div> 2680 <div style="max-width: 150px;"> 2681 <a class="hover:underline" 2682 href="/neu/"> 2683 Neuheiten </a> 2684 </div> 2685 <div style="max-width: 150px;"> 2686 <a class="hover:underline" 2687 href="/flur-stilvoll-nutzen/"> 2688 Möbel & Accessoires für den Flur </a> 2689 </div> 2690 <div style="max-width: 150px;"> 2691 <a class="hover:underline" 2692 href="/klassiker/"> 2693 Klassiker </a> 2694 </div> 2695 <div style="max-width: 150px;"> 2696 <a class="hover:underline" 2697 href="/geschenke/"> 2698 Geschenke </a> 2699 </div> 2700 <div style="max-width: 150px;"> 2701 <a class="hover:underline" 2702 href="/geschenke-geschenkgutscheine/"> 2703 Geschenkgutscheine </a> 2704 </div> 2705 </div></div></div> </div></template></div> </div> 2706 <div class="nav-panel  parent  level-0 "> 2707 <div class="item parent" id="parent-id-77"><a class="" href="https://shop.schoener-wohnen.de/raeume/" data-node-id="77" 2708 data-node-name="Räume" 2709 data-node-url="https://shop.schoener-wohnen.de/raeume/" 2710 x-on:click.prevent="interactByNode($event)" 2711 x-on:mouseover.prevent.stop="interactByNode($event)" 2712 >Räume<span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 2713</span></a></div> <div class="submenu-container nav-panel" 2714 id="panel-id-77"> 2715 <template x-if="nodeRenderingHistory.has('77')"> 2716 <div> 2717 <div class="submenu-level-1 nav-panel"> 2718 <div class="submenu-container xl:columns-2 col-span-2" 2719 id="panel-id-15113"> 2720 <div class="submenu-level-2 nav-panel"> 2721 <div class="item"> 2722 <a href="https://shop.schoener-wohnen.de/wohnzimmer/"> 2723 Wohnzimmermöbel </a> 2724 </div> 2725 <div class="item"> 2726 <a href="https://shop.schoener-wohnen.de/esszimmer/"> 2727 Esszimmermöbel </a> 2728 </div> 2729 <div class="item"> 2730 <a href="https://shop.schoener-wohnen.de/kueche/"> 2731 Küchenmöbel </a> 2732 </div> 2733 <div class="item"> 2734 <a href="https://shop.schoener-wohnen.de/buero/"> 2735 Büromöbel </a> 2736 </div> 2737 <div class="item"> 2738 <a href="https://shop.schoener-wohnen.de/schlafzimmer/"> 2739 Schlafzimmermöbel </a> 2740 </div> 2741 <div class="item"> 2742 <a href="https://shop.schoener-wohnen.de/kinderzimmer/">
2743 Kinderzimmermöbel </a> 2744 </div> 2745 <div class="item"> 2746 <a href="https://shop.schoener-wohnen.de/badezimmer/"> 2747 Badezimmermöbel </a> 2748 </div> 2749 <div class="item"> 2750 <a href="https://shop.schoener-wohnen.de/flur/"> 2751 Flurmöbel </a> 2752 </div> 2753 <div class="item show-all mt-1.5"> 2754 <a href="https://shop.schoener-wohnen.de/raeume/" class="italic"> 2755 Alle anzeigen </a> 2756 </div> 2757 </div> 2758 </div> 2759 <div class="cms-block col-span-2"> 2760 <style>#html-body [data-pb-style=QU5XM38]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="QU5XM38"><div data-content-type="text" data-appearance="default" data-element="main"><p> <div class="dbs-menu-teaser cursor-pointer" onclick="location.assign('https://shop.schoener-wohnen.de//schlafzimmer/')" ><div class="background"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Menu-Navigation/menu-raeume-usm-schlafzimmer-2.jpg?auto=format&w=480" class="h-full w-full object-cover" alt="Schlafzimmer" width="372" height="259" loading="lazy" /></div><div class="content p-4 text-center"> <p class="text-2xl text-white" ><span>Schlafzimmer</span></p> <div><button type="button" class="mt-4 mx-auto cursor-pointer button button-fit button-primary-b"><span>Jetzt entdecken</span></button></div></div></div></p></div></div></div></div> <div class="cms-block col-span-2"> 2761 <style>#html-body [data-pb-style=R2RIRR0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="R2RIRR0"><div data-content-type="text" data-appearance="default" data-element="main"><p> <div class="dbs-menu-teaser cursor-pointer" onclick="location.assign('https://shop.schoener-wohnen.de//wohnzimmer/')" ><div class="background"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Menu-Navigation/menu-raeume-hay-mags-wohnzimmer.jpg?auto=format&w=480" class="h-full w-full object-cover" alt="Wohnzimmer" width="372" height="259" loading="lazy" /></div><div class="content p-4 text-center"> <p class="text-2xl text-white" ><span>Wohnzimmer</span></p> <div><button type="button" class="mt-4 mx-auto cursor-pointer button button-fit button-primary-b"><span>Jetzt entdecken</span></button></div></div></div></p></div></div></div></div> </div> 2762 <div class="topic-bar"> 2763 <div class="container mx-auto"> 2764 <div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6"> 2765 <div style="max-width: 150px;"> 2766 <a class="hover:underline" 2767 href="/schoener-wohnen-kollektion/"> 2768 SCHÃNER WOHNEN-Kollektion </a> 2769 </div> 2770 <div style="max-width: 150px;"> 2771 <a class="hover:underline" 2772 href="/neu/"> 2773 Neuheiten </a> 2774 </div> 2775 <div style="max-width: 150px;"> 2776 <a class="hover:underline" 2777 href="/flur-stilvoll-nutzen/"> 2778 Möbel & Accessoires für den Flur </a> 2779 </div> 2780 <div style="max-width: 150px;"> 2781 <a class="hover:underline" 2782 href="/klassiker/"> 2783 Klassiker </a> 2784 </div> 2785 <div style="max-width: 150px;"> 2786 <a class="hover:underline" 2787 href="/geschenke/"> 2788 Geschenke </a> 2789 </div> 2790 <div style="max-width: 150px;"> 2791 <a class="hover:underline" 2792 href="/geschenke-geschenkgutscheine/"> 2793 Geschenkgutscheine </a> 2794 </div> 2795 </div> </div> 2796 </div> 2797 </div> 2798 </template> 2799 </div> </div> 2800 <div class="nav-panel  parent forbidden-badgered level-0 "> 2801 <div class="item parent" id="parent-id-39"><a class="text-badgered" href="https://shop.schoener-wohnen.de/sale/" data-node-id="39" 2802 data-node-name="Sale" 2803 data-node-url="https://shop.schoener-wohnen.de/sale/" 2804 x-on:click.prevent="interactByNode($event)" 2805 x-on:mouseover.prevent.stop="interactByNode($event)" 2806 >Sale<span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 2807</span></a></div> <div class="submenu-container nav-panel" 2808 id="panel-id-39"> 2809 <template x-if="nodeRenderingHistory.has('39')"> 2810 <div> 2811 <div class="submenu-level-1 nav-panel"> 2812 <div class="submenu-container " 2813 id="panel-id-11079"> 2814 <div class="submenu-level-2 nav-panel"> 2815 <div class="item"> 2816 <a href="https://shop.schoener-wohnen.de/sale-accessoires/"> 2817 Wohnaccessoires im Sale </a> 2818 </div> 2819 <div class="item"> 2820 <a href="https://shop.schoener-wohnen.de/sale-aufbewahrungsmoebel/"> 2821 Aufbewahrungsmöbel </a> 2822 </div> 2823 <div class="item"> 2824 <a href="https://shop.schoener-wohnen.de/sale-gartenmoebel/"> 2825 Gartenmöbel </a> 2826 </div> 2827 <div class="item"> 2828 <a href="https://shop.schoener-wohnen.de/sale-leuchten/"> 2829 Leuchten </a> 2830 </div> 2831 <div class="item"> 2832 <a href="https://shop.schoener-wohnen.de/sale-schlafzimmermoebel/"> 2833 Schlafzimmermöbel </a> 2834 </div> 2835 <div class="item"> 2836 <a href="https://shop.schoener-wohnen.de/sale-sitzmoebel/"> 2837 Sitzmöbel </a> 2838 </div> 2839 <div class="item"> 2840 <a href="https://shop.schoener-wohnen.de/sale-tische/"> 2841 Tische </a> 2842 </div> 2843 <div class="item show-all mt-1.5"> 2844 <a href="https://shop.schoener-wohnen.de/sale/" class="italic"> 2845 Alle anzeigen </a> 2846 </div> 2847 </div> 2848 </div> 2849 <div class="cms-block col-span-5"> 2850 <style>#html-body [data-pb-style=M7KIXS6],#html-body [data-pb-style=RIP6OXA]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=RIP6OXA]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=M7KIXS6]{align-self:stretch}#html-body [data-pb-style=K4TIRRY]{display:flex;width:100%}#html-body [data-pb-style=KREEQ8F],#html-body [data-pb-style=MYD8TNL],#html-body [data-pb-style=XDK37EQ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="dbs-scheduled-tile grid-3-cols" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="RIP6OXA"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="M7KIXS6"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="K4TIRRY"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="XDK37EQ"><div data-content-type="text" data-appearance="default" data-element="main"><p> </p><div class="dbs-menu-teaser cursor-pointer" onclick="location.assign('https://shop.schoener-wohnen.de/sale-sitzmoebel/')"><div class="background"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Menu-Navigation/sale-accessoires-menu.jpg?auto=format&w=480" class="h-full w-full object-cover" alt="Sale: Sitzmöbel" width="372" height="259" loading="lazy"></div><div class="content p-4 text-center"> <p class="text-2xl text-white"><span>Sale: Sitzmöbel</span></p> <div><button type="button" class="mt-4 mx-auto cursor-pointer button button-fit button-primary-b"><span>Jetzt entdecken</span></button></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KREEQ8F"><div data-content-type="text" data-appearance="default" data-element="main"><p> </p><div class="dbs-menu-teaser cursor-pointer" onclick="location.assign('https://shop.schoener-wohnen.de/sale-leuchten/')"><div class="background"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Menu-Navigation/sale-accessoires-3-menu.jpg?auto=format&w=480" class="h-full w-full object-cover" alt="Sale: Leuchten" width="372" height="259" loading="lazy"></div><div class="content p-4 text-center"> <p class="text-2xl text-white"><span>Sale: Leuchten</span></p> <div><button type="button" class="mt-4 mx-auto cursor-pointer button button-fit button-primary-b"><span>Jetzt entdecken</span></button></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MYD8TNL"><div data-content-type="text" data-appearance="default" data-element="main"><p> </p><div class="dbs-menu-teaser cursor-pointer" onclick="location.assign('https://shop.schoener-wohnen.de/sale-accessoires/')"><div class="background"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Menu-Navigation/sale-accessoires-2-menu.jpg?auto=format&w=480" class="h-full w-full object-cover" alt="Sale: Accessoires" width="372" height="259" loading="lazy"></div><div class="content p-4 text-center"> <p class="text-2xl text-white"><span>Sale: Accessoires</span></p> <div><button type="button" class="mt-4 mx-auto cursor-pointer button button-fit button-primary-b"><span>Jetzt entdecken</span></button></div></div></div></div></div></div></div></div></div></div> </div> 2851 <div class="topic-bar"> 2852 <div class="container mx-auto"> 2853 <div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6"> 2854 <div style="max-width: 150px;"> 2855 <a class="hover:underline" 2856 href="/schoener-wohnen-kollektion/"> 2857 SCHÃNER WOHNEN-Kollektion </a> 2858 </div> 2859 <div style="max-width: 150px;"> 2860 <a class="hover:underline" 2861 href="/neu/"> 2862 Neuheiten </a> 2863 </div> 2864 <div style="max-width: 150px;"> 2865 <a class="hover:underline" 2866 href="/flur-stilvoll-nutzen/"> 2867 Möbel & Accessoires für den Flur </a> 2868 </div> 2869 <div style="max-width: 150px;"> 2870 <a class="hover:underline" 2871 href="/klassiker/"> 2872 Klassiker </a> 2873 </div> 2874 <div style="max-width: 150px;"> 2875 <a class="hover:underline" 2876 href="/geschenke/"> 2877 Geschenke </a> 2878 </div> 2879 <div style="max-width: 150px;"> 2880 <a class="hover:underline" 2881 href="/geschenke-geschenkgutscheine/"> 2882 Geschenkgutscheine </a> 2883 </div> 2884 </div> </div> 2885 </div> 2886 </div> 2887 </template> 2888 </div> </div> 2889 <div class="nav-panel  parent xl:hidden level-0 "> 2890 <div class="item parent" id="parent-id-110"><a class="xl:hidden" href="https://shop.schoener-wohnen.de/geschenke/" data-node-id="110" 2891 data-node-name="Geschenke" 2892 data-node-url="https://shop.schoener-wohnen.de/geschenke/" 2893 x-on:click.prevent="interactByNode($event)" 2894 x-on:mouseover.prevent.stop="interactByNode($event)" 2895 >Geschenke<span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-wid
2895th="2" stroke-linecap="round"/></svg> 2896</span></a></div> <div class="submenu-container nav-panel" 2897 id="panel-id-110"> 2898 <template x-if="nodeRenderingHistory.has('110')"> 2899 <div> 2900 <div class="submenu-level-1 nav-panel"> 2901 <div class="submenu-container " 2902 id="panel-id-27214"> 2903 <div class="submenu-level-2 nav-panel"> 2904 <div class="item"> 2905 <a href="https://shop.schoener-wohnen.de/geschenke-mann/"> 2906 Die schönsten Geschenke für IHN </a> 2907 </div> 2908 <div class="item"> 2909 <a href="https://shop.schoener-wohnen.de/geschenke-designliebhaber/"> 2910 Design-Geschenke </a> 2911 </div> 2912 <div class="item"> 2913 <a href="https://shop.schoener-wohnen.de/bis-50/"> 2914 bis 50 ⬠</a> 2915 </div> 2916 <div class="item"> 2917 <a href="https://shop.schoener-wohnen.de/bis-100/"> 2918 bis 100 ⬠</a> 2919 </div> 2920 <div class="item"> 2921 <a href="https://shop.schoener-wohnen.de/bis-250/"> 2922 bis 250 ⬠</a> 2923 </div> 2924 <div class="item"> 2925 <a href="https://shop.schoener-wohnen.de/bis-500/"> 2926 bis 500 ⬠</a> 2927 </div> 2928 <div class="item"> 2929 <a href="https://shop.schoener-wohnen.de/klassiker/"> 2930 Designklassiker </a> 2931 </div> 2932 <div class="item"> 2933 <a href="https://shop.schoener-wohnen.de/geschenke-geschenkgutscheine/"> 2934 Gutscheine </a> 2935 </div> 2936 <div class="item show-all mt-1.5"> 2937 <a href="https://shop.schoener-wohnen.de/geschenke/" class="italic"> 2938 Alle anzeigen </a> 2939 </div> 2940 </div> 2941 </div> 2942 </div> 2943 <div class="topic-bar"> 2944 <div class="container mx-auto"> 2945 <div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6"> 2946 <div style="max-width: 150px;"> 2947 <a class="hover:underline" 2948 href="/schoener-wohnen-kollektion/"> 2949 SCHÃNER WOHNEN-Kollektion </a> 2950 </div> 2951 <div style="max-width: 150px;"> 2952 <a class="hover:underline" 2953 href="/neu/"> 2954 Neuheiten </a> 2955 </div> 2956 <div style="max-width: 150px;"> 2957 <a class="hover:underline" 2958 href="/flur-stilvoll-nutzen/"> 2959 Möbel & Accessoires für den Flur </a> 2960 </div> 2961 <div style="max-width: 150px;"> 2962 <a class="hover:underline" 2963 href="/klassiker/"> 2964 Klassiker </a> 2965 </div> 2966 <div style="max-width: 150px;"> 2967 <a class="hover:underline" 2968 href="/geschenke/"> 2969 Geschenke </a> 2970 </div> 2971 <div style="max-width: 150px;"> 2972 <a class="hover:underline" 2973 href="/geschenke-geschenkgutscheine/"> 2974 Geschenkgutscheine </a> 2975 </div> 2976 </div> </div> 2977 </div> 2978 </div> 2979 </template> 2980 </div> </div> 2981 <div class="nav-panel   level-0 xl:hidden"> 2982 <div class="mobile-only-toplevel-entry item "> <a href="/service/kontakt/" data-node-id="40" 2983 data-node-name="Kundenservice" 2984 data-node-url="/service/kontakt/" 2985 x-on:click.prevent="interactByNode($event)" 2986 x-on:mouseover.prevent.stop="interactByNode($event)" 2987 > Kundenservice </a> </div> </div> 2988 <div class="nav-panel   level-0 xl:hidden"> 2989 <div class="mobile-only-toplevel-entry item "> <a href="https://r.shop.schoener-wohnen.de/" data-node-id="42" 2990 data-node-name="Artikel zurücksenden" 2991 data-node-url="https://r.shop.schoener-wohnen.de/" 2992 x-on:click.prevent="interactByNode($event)" 2993 x-on:mouseover.prevent.stop="interactByNode($event)" 2994 > Artikel zurücksenden </a> </div> </div> 2995 </div> 2996 </div> 2997 </div> 2998 </div> 2999 </nav> 3000 </div>
3001<script> 3002 const MainNavigation = () => { 3003 const ITEM_ACTIVE_CLASS = 'item-active'; 3004 const POINTER_TOUCH_CLASS = 'touch'; 3005 const HOVER_ACTION_DELAY = 350; 3006 const $mainNavigation = document.querySelector('.main-navigation'); 3007 const $mainPanel = document.querySelector('.main-panel'); 3008 const $mobileMenuToggle = document.querySelector('#mobileMenuToggle'); 3009 3010 const stopListeners = () => { 3011 if ($mainNavigation) { 3012 $mainNavigation.removeEventListener('mouseenter', eventsHandler); 3013 } 3014 if ($mobileMenuToggle) { 3015 $mobileMenuToggle.removeEventListener('click', eventsHandler); 3016 } 3017 } 3018 3019 const eventsHandler = () => { 3020 stopListeners(); 3021 } 3022 3023 if ($mainNavigation) { 3024 $mainNavigation.addEventListener('mouseenter', eventsHandler); 3025 } 3026 3027 if ($mobileMenuToggle) { 3028 $mobileMenuToggle.addEventListener('click', eventsHandler) 3029 } 3030 3031 return { 3032 isUserLoggedIn: null, 3033 activePanelId: null, 3034 activePanelHeading: null, 3035 isActiveOnMobile: null, 3036 nodeHistory: [], 3037 nodeRenderingHistory: new Set(), 3038 panelHeadingHistory: [], 3039 activePanelTimeout: null, 3040 setUserLoggedInStatus(data) { 3041 this.isUserLoggedIn = data.customer && data.customer.firstname; 3042 }, 3043 init() { 3044 this.initMainNavigation() 3045 }, 3046 initMainNavigation() { 3047 this.bindSubmenuHover(); 3048 }, 3049 bindSubmenuHover() { 3050 this.$root.querySelectorAll('.submenu-container').forEach((submenu) => { 3051 submenu.addEventListener('mouseenter', (event) => { 3052 if (this.isMobileMode()) { 3053 return; 3054 } 3055 3056 const topLevelLink = event.target.closest('.level-0').querySelector(':scope > .parent > a'); 3057 3058 if (topLevelLink) { 3059 const targetData = topLevelLink.dataset; 3060 this.interact( 3061 targetData.nodeId, 3062 targetData.nodeName, 3063 targetData.nodeUrl, 3064 true, 3065 true, 3066 true, 3067 false 3068 ) 3069 } 3070 }) 3071 }) 3072 }, 3073 closeMainNavigation() { 3074 if (this.isActiveOnMobile) { 3075 this.$dispatch('disable-backdrop'); 3076 this.$dispatch('disable-bodylock'); 3077 } 3078 this.isActiveOnMobile = false 3079 this.hideSubPanels() 3080 $mainNavigation.classList.remove(POINTER_TOUCH_CLASS) 3081 }, 3082 openMainNavigation() { 3083 this.isActiveOnMobile = true 3084 this.hideSubPanels() 3085 this.$dispatch('enable-backdrop'); 3086 this.$dispatch('enable-bodylock'); 3087 this.$nextTick(() => this.setMobileNavigationHeight()); 3088 }, 3089 isMobileMode() { 3090 return window.matchMedia('(max-width: 1279px)').matches 3091 }, 3092 interactByNode(event) { 3093 event.preventDefault(); 3094 event.stopImmediatePropagation(); 3095 event.stopPropagation(); 3096 3097 const isHover = event.type === 'mouseover' 3098 const isClick = event.type === 'click' 3099 3100 let target = event.target 3101 3102 if (target.nodeName !== 'A') { 3103 target = target.closest('a') || target 3104 3105 if (target.nodeName !== 'A') { 3106 return false 3107 } 3108 } 3109 3110 const isParentNode = target.parentElement.classList.contains('parent') 3111 const isRootNode = target.parentElement.parentElement.classList.contains('level-0') 3112 3113 const targetData = target.dataset 3114 if (targetData.length < 1) return false 3115 3116 return this.interact(targetData.nodeId, targetData.nodeName, targetData.nodeUrl, isParentNode, isRootNode, isHover, isClick) 3117 }, 3118 interact(nodeIdentifier = null, panelHeading = '', nodeUrl = null, isParentNode = false, isRootNode = false, isHover = false, isClick = false) { 3119 3120 const isTouchMode = $mainNavigation.classList.contains(POINTER_TOUCH_CLASS) 3121 3122 if (isHover && isTouchMode || isHover && this.isMobileMode() && !isTouchMode) { 3123 return false 3124 } 3125 3126 // ignore tapping on root level items in desktop mode 3127 const suppressRootLevelNodeClickTrigger = isRootNode && !this.isMobileMode() && isTouchMode 3128 3129 if ((!isParentNode && !isHover || !this.isMobileMode() && isClick) && !suppressRootLevelNodeClickTrigger) { 3130 location.assign(nodeUrl) 3131 return false 3132 } 3133 3134 if (this.isMobileMode()) { 3135 const subPanel = document.getElementById('panel-id-' + nodeIdentifier) || null 3136 if (subPanel) { 3137 $mainPanel.scrollTo(0, 0); 3138 this.hideToplevelPanels() 3139 3140 if (subPanel.classList.contains(ITEM_ACTIVE_CLASS)) { 3141 this.hideSubPanels() 3142 } else { 3143 this.setActiveData(nodeIdentifier, panelHeading) 3144 this.showActiveSubPanel() 3145 } 3146 } else { 3147 location.assign(nodeUrl) 3148 return false 3149 } 3150 3151 } 3152 if (!this.isMobileMode()) { 3153 const desktopModeHandler = () => { 3154 if (this.activePanelId && this.activePanelId !== nodeIdentifier) { 3155 if (isRootNode) { 3156 this.hideSubPanels() 3157 } 3158 this.activePanelId = null 3159 } 3160 3161 this.setActiveData(nodeIdentifier, panelHeading); 3162 this.showActiveSubPanel(); 3163 } 3164 3165 if (this.activePanelTimeout) { 3166 clearTimeout(this.activePanelTimeout); 3167 } 3168 this.activePanelTimeout = setTimeout(desktopModeHandler.bind(this), HOVER_ACTION_DELAY) 3169 } 3170 },
3171 setActiveData(nodeIdentifier, panelHeading) { 3172 if (nodeIdentifier) { 3173 this.nodeHistory.push(nodeIdentifier) 3174 this.nodeRenderingHistory.add(nodeIdentifier) 3175 } 3176 if (panelHeading) { 3177 this.panelHeadingHistory.push(panelHeading) 3178 } 3179 3180 this.activePanelId = nodeIdentifier 3181 this.activePanelHeading = panelHeading 3182 this.$nextTick(this.loadActivePanelImages.bind(this)) 3183 }, 3184 showActiveSubPanel() { 3185 const parentItem = document.getElementById('parent-id-' + this.activePanelId) || null 3186 if (parentItem) parentItem.classList.add(ITEM_ACTIVE_CLASS) 3187 3188 const panel = document.getElementById('panel-id-' + this.activePanelId) || null 3189 if (panel) panel.classList.remove('hidden') 3190 if (panel) panel.classList.add(ITEM_ACTIVE_CLASS) 3191 }, 3192 hideActiveSubPanel() { 3193 const parentItem = document.getElementById('parent-id-' + this.activePanelId) || null 3194 if (parentItem) parentItem.classList.remove(ITEM_ACTIVE_CLASS) 3195 3196 const panel = document.getElementById('panel-id-' + this.activePanelId) || null 3197 if (panel) panel.classList.remove(ITEM_ACTIVE_CLASS) 3198 if (panel) panel.classList.add('hidden') 3199 }, 3200 hideToplevelPanels() { 3201 document.querySelectorAll('.nav-panels > .nav-panel > .item, .level-0.skip-mobile-display>.submenu-container>div>.nav-panel>.item>a').forEach(element => element.classList.add('disabled')) 3202 }, 3203 showToplevelPanels() { 3204 document.querySelectorAll('.nav-panels > .nav-panel > .item, .level-0.skip-mobile-display>.submenu-container>div>.nav-panel>.item>a').forEach(element => element.classList.remove('disabled')) 3205 }, 3206 hideSubPanels() { 3207 this.resetAllParents() 3208 this.resetAllPanels() 3209 3210 this.nodeHistory = [] 3211 this.panelHeadingHistory = [] 3212 this.activePanelId = null 3213 this.activePanelHeading = null 3214 }, 3215 resetAllParents() { 3216 document.querySelectorAll('.item.parent, .item.skip-mobile-display, .level-0 .item').forEach(element => element.classList.remove(ITEM_ACTIVE_CLASS)) 3217 this.showToplevelPanels() 3218 }, 3219 resetAllPanels() { 3220 document.querySelectorAll('.submenu-container').forEach(element => element.classList.remove(ITEM_ACTIVE_CLASS)) 3221 }, 3222 showPreviousPanel() { 3223 if (this.nodeHistory.length) { 3224 this.nodeHistory.pop() 3225 } 3226 3227 if (this.panelHeadingHistory.length) { 3228 this.panelHeadingHistory.pop() 3229 } 3230 3231 const nodeIdentifier = this.nodeHistory.length ? this.nodeHistory.pop() : null 3232 const panelHeading = this.panelHeadingHistory.length ? this.panelHeadingHistory.pop() : null 3233 3234 if (nodeIdentifier && panelHeading) { 3235 this.hideActiveSubPanel() 3236 this.setActiveData(nodeIdentifier, panelHeading) 3237 } else { 3238 this.hideSubPanels() 3239 } 3240 3241 this.setMobileNavigationHeight() 3242 }, 3243 setMobileNavigationHeight() { 3244 $mainPanel.style.height = this.isMobileMode() ? $mainNavigation.getBoundingClientRect().height + 'px' : '' 3245 }, 3246 registerIsTouch() { 3247 $mainNavigation.classList.toggle(POINTER_TOUCH_CLASS, true) 3248 }, 3249 loadActivePanelImages() { 3250 if (this.isMobileMode()) { 3251 return; 3252 } 3253 3254 const panel = document.getElementById('panel-id-' + this.activePanelId) || null; 3255 3256 if (!panel) { 3257 return; 3258 } 3259 3260 Array.from(panel.querySelectorAll('img[data-src]') || []).forEac
3260h( 3261 element => { 3262 const imageSrc = element.dataset.src; 3263 const panelTemplates = panel.querySelectorAll('template'); 3264 fetch(imageSrc).then((response) => response.blob()).then(blob => { 3265 const objectUrl = URL.createObjectURL(blob); 3266 element.src = objectUrl; 3267 element.removeAttribute('data-src'); 3268 Array.from(panelTemplates).forEach(panelTemplate => { 3269 const bufferPanel = document.createElement('div'); 3270 bufferPanel.innerHTML = panelTemplate.innerHTML; 3271 const templateImages = bufferPanel.querySelectorAll(`img[data-src="${imageSrc}"]`); 3272 if (templateImages) { 3273 Array.from(templateImages).forEach(image => { 3274 image.src = objectUrl; 3275 image.removeAttribute('data-src'); 3276 }) 3277 } 3278 panelTemplate.innerHTML = bufferPanel.innerHTML; 3279 bufferPanel.remove(); 3280 }) 3281 }) 3282 } 3283 ) 3284 }, 3285 interactOnMouseLeave() { 3286 if (!this.isMobileMode()) { 3287 if (this.activePanelTimeout) { 3288 clearTimeout(this.activePanelTimeout); 3289 } 3290 this.activePanelTimeout = setTimeout(this.closeMainNavigation.bind(this), HOVER_ACTION_DELAY); 3291 } 3292 }, 3293 eventListeners: { 3294 ['x-on:private-content-loaded.window'](event) { 3295 this.setUserLoggedInStatus(event.detail.data) 3296 }, 3297 ['x-on:show-navigation.window']() { 3298 this.openMainNavigation() 3299 }, 3300 ['x-on:hide-navigation.window']() { 3301 this.closeMainNavigation() 3302 }, 3303 ['x-on:window-resize-horizontal.window.debounce']() { 3304 this.closeMainNavigation() 3305 this.setMobileNavigationHeight() 3306 }, 3307 ['x-on:close-navigation.window']() { 3308 this.closeMainNavigation() 3309 }, 3310 ['x-on:touchstart']() { 3311 this.registerIsTouch() 3312 }, 3313 ['x-on:mouseleave']() { 3314 this.interactOnMouseLeave() 3315 }, 3316 ['x-on:click.outside']() { 3317 this.closeMainNavigation() 3318 }, 3319 } 3320 } 3321 } 3322</script>
3322</div> </header><div class="top-container"><nav class="breadcrumbs pt-1 md:pt-4 lg:pt-6 pb-8 lg:pb-6" aria-label="Breadcrumb"> 3323 <div class="container text-[10px] lg:text-xs text-neutralgray"> 3324 <ol class="items list-reset flex flex-wrap text-13px lg:text-sm"> 3325 <li class="item flex 0"> 3326 <a href="https://shop.schoener-wohnen.de/" 3327 class="no-underline text-neutralgray" 3328 title="Startseite" 3329 > 3330 Startseite </a> 3331 </li> 3332 <li class="item flex 1"> 3333 <span aria-hidden="true" class="separator text-neutralgray px-2">></span> 3334 <a href="/marken/" 3335 class="no-underline text-neutralgray" 3336 title="Marken" 3337 > 3338 Marken </a> 3339 </li> 3340 <li class="item flex 2"> 3341 <span aria-hidden="true" class="separator text-neutralgray px-2">></span> 3342 <a href="/hay/" 3343 class="no-underline text-neutralgray" 3344 title="HAY" 3345 > 3346 HAY </a> 3347 </li> 3348 <li class="item flex 3"> 3349 <span aria-hidden="true" class="separator text-neutralgray px-2">></span> 3350 <a href="/hay-kollektionen/" 3351 class="no-underline text-neutralgray" 3352 title="Kollektionen" 3353 > 3354 Kollektionen </a> 3355 </li> 3356 <li class="item flex 4"> 3357 <span aria-hidden="true" class="separator text-neutralgray px-2">></span> 3358 <a href="/hay-about-a-chair/" 3359 class="no-underline text-neutralgray" 3360 title="About a Chair" 3361 > 3362 About a Chair </a> 3363 </li> 3364 <li class="item flex 5"> 3365 <span aria-hidden="true" class="separator text-neutralgray px-2">></span> 3366 <span class="text-secondary" 3367 aria-current="page" 3368 > 3369 About a Chair AAC 22 </span> 3370 </li> 3371 </ol> 3372 </div> 3373</nav> 3374
3374<script type="application/ld+json"> 3375 { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/shop.schoener-wohnen.de\/","name":"Startseite"}},{"@type":"ListItem","position":2,"item":{"@id":"\/marken\/","name":"Marken"}},{"@type":"ListItem","position":3,"item":{"@id":"\/hay\/","name":"HAY"}},{"@type":"ListItem","position":4,"item":{"@id":"\/hay-kollektionen\/","name":"Kollektionen"}},{"@type":"ListItem","position":5,"item":{"@id":"\/hay-about-a-chair\/","name":"About a Chair"}},{"@type":"ListItem","position":6,"item":{"@id":"https:\/\/shop.schoener-wohnen.de\/hay-about-a-chair-aac-22.html?sku=903180222","name":"About a Chair AAC 22"}}] } 3376 </script>
3376 3377</div><main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div><div class="page messages">
3377<script> 3378 function initMessages() { 3379 'use strict'; 3380 3381 const PERSISTENT_MESSAGE_TYPES = ['info', 'warning', 'notice']; 3382 const TRACKING_CLASS_LIST = {"success":["gtm-tracking-success"],"error":["gtm-tracking-error"],"info":["gtm-tracking-info"],"warning":["gtm-tracking-info"],"notice":["gtm-tracking-info"]}; 3383 3384 return { 3385 messages: window.mageMessages || [], 3386 isEmpty() { 3387 return this.messages.reduce( 3388 function (isEmpty, message) { 3389 return isEmpty && message === undefined 3390 }, true 3391 ) 3392 }, 3393 getMessageAdditionalClasses({ type: messageType }) { 3394 let trackingMessages = []; 3395 if (Array.isArray(TRACKING_CLASS_LIST[messageType])) { 3396 trackingMessages = TRACKING_CLASS_LIST[messageType]; 3397 } 3398 3399 return [ 3400 messageType, 3401 ...trackingMessages 3402 ].join(' '); 3403 }, 3404 hasMessages() { 3405 return !this.isEmpty(); 3406 }, 3407 hasMessage() { 3408 return !!this.message; 3409 }, 3410 removeMessage() { 3411 this.messages[this.index] = undefined; 3412 }, 3413 addMessages(messages, hideAfter) { 3414 messages.map((message) => { 3415 this.messages = this.messages.concat(message); 3416 3417 if (!PERSISTENT_MESSAGE_TYPES.includes(message.type)) { 3418 this.setHideTimeOut(this.messages.length -1, 15000); 3419 } 3420 }); 3421 }, 3422 setHideTimeOut(messageIndex, hideAfter) { 3423 setTimeout((messageIndex) => { 3424 this.messages[messageIndex] = undefined; 3425 }, hideAfter, messageIndex); 3426 }, 3427 eventListeners: { 3428 ['x-on:messages-loaded.window'](event) { 3429 this.addMessages(event.detail.messages, event.detail.hideAfter) 3430 }, 3431 ['x-on:private-content-loaded.window'](event) { 3432 const data = event.detail.data; 3433 if ( 3434 data.messages && 3435 data.messages.messages && 3436 data.messages.messages.length 3437 ) { 3438 this.addMessages(data.messages.messages); 3439 } 3440 }, 3441 ['x-on:clear-messages.window']() { 3442 this.messages = []; 3443 } 3444 }, 3445 getMessageUiId() { 3446 return 'message-' + this.message.type; 3447 } 3448 } 3449 } 3450 3451 window.addEventListener('alpine:init', () => Alpine.data('initMessages', initMessages), {once: true}) 3452</script>
3452 3453<section id="messages" x-data="initMessages" x-bind="eventListeners" role="alert"> 3454 <template x-if="hasMessages"> 3455 <div class="w-full"> 3456 <div class="messages container mx-auto py-3"> 3457 <template x-for="(message, index) in messages" :key="index"> 3458 <div> 3459 <template x-if="hasMessage"> 3460 <div class="message" 3461 :class="getMessageAdditionalClasses(message)" 3462 :ui-id="getMessageUiId" 3463 > 3464 <template x-if="message.type === 'success'"> 3465 <span class="icon text-happygreen-darker"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 18 13" fill="currentColor" class="h-4 w-auto" role="img"> 3466<path d="M6.51889 10.2767L6.69747 10.4589L6.87606 10.2767L16.0365 0.926309C16.3316 0.625068 16.7996 0.625068 17.0947 0.926309C17.3926 1.23041 17.3926 1.71699 17.0947 2.02109L7.22657 12.0938C7.08794 12.2353 6.88358 12.2997 6.69747 12.2997C6.53754 12.2997 6.32207 12.2136 6.15812 12.0833L1.21466 7.03738C0.916729 6.73327 0.916729 6.2467 1.21466 5.94259C1.50978 5.64135 1.97772 5.64135 2.27285 5.94259L6.51889 10.2767Z"/> 3467</svg> 3468</span> 3469 </template> 3470 <template x-if="message.type === 'warning'"> 3471 <span class="icon fill">i</span> 3472 </template> 3473 <template x-if="message.type === 'error'"> 3474 <span class="icon fill">i</span> 3475 </template> 3476 <span class="pr-4 w-full" x-html="message.text"></span> 3477 <button type="button" class="close cursor-pointer text-black" title="Close" 3478 x-on:click.prevent="removeMessage(index)" 3479 > 3480 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="h-4 w-auto" width="24" height="24" role="img"> 3481 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 3482</svg> 3483 </button> 3484 </div> 3485 </template> 3486 </div> 3487 </template> 3488 </div> 3489 </div> 3490 </template> 3491</section></div><div class="columns"><div class="column main"><div class="product-info-main"><section class="grid grid-cols-1 lg:grid-cols-3 container lg:mb-12"> 3492 <div class="col-span-full lg:hidden"> 3493 <div class="grid relative grid-cols-6 sm:grid-cols-4 col-span-full"> 3494 <div class="col-span-5 xl:grid-cols-4"> 3495 <div class="mb-2.5 h-[20px]"> 3496 <a href="https://shop.schoener-wohnen.de/hay/" 3497 title="HAY" class="block"> 3498 <span class="w-full underline text-base block h-[20px]"> 3499 <img loading="lazy" width="60" height="20" src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/60.svg?auto=format" 3500 class="w-auto h-[20px]" 3501 alt="HAY" /> </span> 3502 </a> 3503</div> <h1 class="text-2xl leading-tight"> 3504 HAY - About a Chair AAC 22 </h1> 3505 <p class="text-xs leading-normal"> 3506 Design von <a href="https://shop.schoener-wohnen.de/designer-hee-welling/" class="underline"> Hee Welling </a> </p> 3507 </div> 3508 <div class="flex justify-end absolute top-0 right-0"> 3509 <div> 3510
3510<script> 3511 function WishlistButton() { 3512 return { 3513 isLoading: false, 3514 addItemToWishlistQuery: `mutation 3515 addProductToWishlist( 3516 $wishlistId: ID! 3517 $wishlistItems: [WishlistItemInput!]! 3518 ) { 3519 addProductsToWishlist( 3520 wishlistId: $wishlistId 3521 wishlistItems: $wishlistItems 3522 ) { 3523 wishlist { 3524 id 3525 items_count 3526 items_v2 (currentPage: 1, pageSize: 100 ) { 3527 items { 3528 id 3529 quantity 3530 ... on ConfigurableWishlistItem { 3531 configured_variant { 3532 name 3533 sku 3534 attributeValueLabels(fields: ["manufacturer"]) 3535 small_image { 3536 url 3537 } 3538 price_range { 3539 minimum_price { 3540 regular_price { 3541 currency 3542 value 3543 } 3544 final_price { 3545 currency 3546 value 3547 } 3548 } 3549 maximum_price { 3550 regular_price { 3551 currency 3552 value 3553 } 3554 final_price { 3555 currency 3556 value 3557 } 3558 } 3559 } 3560 } 3561 configurable_options { 3562 id 3563 option_label 3564 configurable_product_option_value_uid 3565 value_label 3566 } 3567 } 3568 product { 3569 uid 3570 name 3571 sku 3572 attributeValueLabels(fields: ["manufacturer"]) 3573 small_image { 3574 url 3575 } 3576 price_range { 3577 minimum_price { 3578 regular_price { 3579 currency 3580 value 3581 } 3582 final_price { 3583 currency 3584 value 3585 } 3586 } 3587 maximum_price { 3588 regular_price { 3589 currency 3590 value 3591 } 3592 final_price { 3593 currency 3594 value 3595 } 3596 } 3597 } 3598 } 3599 } 3600 } 3601 } 3602 user_errors { 3603 code 3604 message 3605 } 3606 } 3607 }`, 3608 removeItemFromWishlistQuery: `mutation 3609 removeProductFromWishlist( 3610 $wishlistId: ID! 3611 $wishlistItemsIds: [ID!]! 3612 ) { 3613 removeProductsFromWishlist( 3614 wishlistId: $wishlistId 3615 wishlistItemsIds: $wishlistItemsIds 3616 ){ 3617 wishlist { 3618 id 3619 items_count 3620 } 3621 user_errors { 3622 code 3623 message 3624 } 3625 } 3626 }`, 3627 qty: 1, 3628 mainProductSku: '90318001', 3629 customerLoggedIn: null, 3630 selectedOptions: null, 3631 wishlistId: 0, 3632 wishlistItems: null, 3633 currentVariantSku: null, 3634 isCurrentVariantOnWishlist: false, 3635 displayLoginPrompt: false, 3636 getAddItemDataStructure() { 3637 return [{ 3638 sku: this.mainProductSku, 3639 quantity: parseFloat(this.qty),
3640 selected_options: this.getSelectedValuesAsBase64() 3641 }] 3642 }, 3643 getRemoveItemDataStructure() { 3644 let itemIds = []; 3645 3646 if (Array.isArray(this.wishlistItems)) { 3647 this.wishlistItems.forEach((wishlistItem) => { 3648 if (wishlistItem.product_sku === this.currentVariantSku) { 3649 itemIds.push(wishlistItem.item_id) 3650 } 3651 }); 3652 } 3653 3654 return itemIds; 3655 }, 3656 getSelectedValuesAsBase64() { 3657 const selectedOptions = [] 3658 3659 if (this.selectedOptions) { 3660 for (const attributeId in this.selectedOptions) { 3661 if (this.selectedOptions.hasOwnProperty(attributeId) && Number(attributeId)) { 3662 selectedOptions.push('"' + btoa('configurable/' + attributeId + '/' + this.selectedOptions[attributeId]) + '"') 3663 } 3664 } 3665 } 3666 3667 return selectedOptions 3668 }, 3669 wishlistAction() { 3670 if (!this.customerLoggedIn) { 3671 this.displayLoginPrompt = true 3672 3673 return false 3674 } 3675 3676 if (!this.selectedOptions || !this.qty) { 3677 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 3678 [{ 3679 type: "error", 3680 text: "Bitte\u0020w\u00E4hlen\u0020Sie\u0020alle\u0020ben\u00F6tigten\u0020Optionen\u0020aus." 3681 }], 10000 3682 ) 3683 3684 return false 3685 } 3686 3687 this.mutateWishlist() 3688 }, 3689 mutateWishlist() { 3690 this.isLoading = true 3691 3692 let variables = {"wishlistId": this.wishlistId}; 3693 if (this.isCurrentVariantOnWishlist) { 3694 variables["wishlistItemsIds"] = this.getRemoveItemDataStructure(); 3695 } else { 3696 variables["wishlistItems"] = this.getAddItemDataStructure(); 3697 } 3698 3699 fetch(`${BASE_URL}graphql`, { 3700 method: 'POST', 3701 headers: { 3702 'Content-Type': 'application/json', 3703 'Store': CURRENT_STORE_CODE, 3704 credentials: 'include' 3705 }, 3706 body: JSON.stringify({ 3707 query: this.isCurrentVariantOnWishlist ? this.removeItemFromWishlistQuery : this.addItemToWishlistQuery, 3708 variables: variables 3709 }) 3710 }) 3711 .then((response) => { 3712 return response.json() 3713 }) 3714 .then((data) => { 3715 const wishlistItems = data?.data?.addProductsToWishlist?.wishlist?.items_v2?.items || []; 3716 3717 let wishlistItem = wishlistItems.find((item) => { 3718 if (item?.configured_variant?.sku === this.currentVariantSku) { 3719 return true; 3720 } 3721 3722 if (parseInt(item?.product?.sku) === this.currentVariantSku) { 3723 return true; 3724 } 3725 3726 return false; 3727 }); 3728 3729 if (wishlistItem) { 3730 wishlistItem = wishlistItem.configured_variant ? 3731 { 3732 ...wishlistItem.configured_variant, 3733 configurable_options: wishlistItem?.configurable_options 3734 } : 3735 wishlistItem.product; 3736 3737 this.dispatchWishlistConfirmationPopupEvent(wishlistItem); 3738 } 3739 3740 this.reloadCustomerData(); 3741 }) 3742 .catch(error => { 3743 console.error(error) 3744 3745 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 3746 [{ 3747 type: "error", 3748 text: "Item\u0020could\u0020not\u0020be\u0020added\u0020to\u0020Wishlist." 3749 }], 10000 3750 ) 3751 }) 3752 }, 3753 dispatchWishlistConfirmationPopupEvent(wishlistItem) { 3754 const showConfirmationPopupEvent = new CustomEvent(
3755 "add-to-wishlist-confirmation-popup-call", { 3756 detail: { 3757 wishlistItem 3758 } 3759 }); 3760 3761 window.dispatchEvent(showConfirmationPopupEvent); 3762 }, 3763 setIsCurrentVariantOnWishlist() { 3764 this.isCurrentVariantOnWishlist = this.currentVariantSku && this.wishlistItems && this.wishlistItems.find(item => item.product_sku === this.currentVariantSku) || false 3765 }, 3766 reloadCustomerData() { 3767 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data") 3768 window.dispatchEvent(reloadCustomerDataEvent) 3769 }, 3770 initSimpleProduct() { 3771 this.currentVariantSku = `90318001` 3772 this.setIsCurrentVariantOnWishlist() 3773 }, 3774 eventListeners: { 3775 ['x-on:private-content-loaded.window'](event) { 3776 this.customerLoggedIn = event.detail.data.customer && event.detail.data.customer.firstname || null 3777 this.wishlistItems = event.detail.data.wishlist && event.detail.data.wishlist.items || null 3778 this.wishlistId = event.detail.data.wishlist && event.detail.data.wishlist.wishlist_id || null 3779 3780 if (this.customerLoggedIn) { 3781 this.setIsCurrentVariantOnWishlist() 3782 } 3783 3784 this.isLoading = false 3785 }, 3786 ['x-on:update-variant-sku.window'](event) { 3787 this.currentVariantSku = event.detail 3788 this.setIsCurrentVariantOnWishlist() 3789 }, 3790 ['x-on:update-currentSelection-17572.window'](event) { 3791 this.selectedOptions = event.detail 3792 }, 3793 } 3794 } 3795 } 3796</script>
3796 <div x-data="WishlistButton()" x-bind="eventListeners" x-on:click.outside="displayLoginPrompt = false" 3797 class="" 3798 > 3799 <button x-on:click.prevent="wishlistAction()" 3800 :title="!isCurrentVariantOnWishlist ? 'Zur\u0020Wunschliste\u0020hinzuf\u00FCgen' : 'Von\u0020der\u0020Wunschliste\u0020entfernen'" 3801 :aria-label="!isCurrentVariantOnWishlist ? 'Zur\u0020Wunschliste\u0020hinzuf\u00FCgen' : 'Von\u0020der\u0020Wunschliste\u0020entfernen'" 3802 class="p-0 border-0 inline-flex text-black hover:text-primary items-center justify-center ml-4 w-6 h-6" 3803 type="button" 3804 > 3805 <span :class="{'hidden' : isCurrentVariantOnWishlist || isLoading}"> 3806 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6" aria-hidden="true"> 3807 <path d="M12 21C12 21 2.25 15.75 2.25 9.5625C2.25 8.21984 2.78337 6.93217 3.73277 5.98277C4.68217 5.03337 5.96984 4.5 7.3125 4.5C9.43031 4.5 11.2444 5.65406 12 7.5C12.7556 5.65406 14.5697 4.5 16.6875 4.5C18.0302 4.5 19.3178 5.03337 20.2672 5.98277C21.2166 6.93217 21.75 8.21984 21.75 9.5625C21.75 15.75 12 21 12 21Z" fill="#ffffff" stroke="#000000" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 3808</svg> 3809 </span> 3810 <span class="hidden" :class="{'hidden' : !isCurrentVariantOnWishlist || isLoading}"> 3811 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18.643" version="1.1" id="svg4" width="24" height="24" class="w-6 h-6" aria-hidden="true"><path d="M14.28.523c-2.14 0-3.65 1.11-4.28 2.675C9.37 1.633 7.86.523 5.72.523 2.85.523.523 2.833.523 5.68.523 12.356 10 18.12 10 18.12s9.477-5.764 9.477-12.44c0-2.849-2.326-5.157-5.197-5.157z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" id="path2" style="stroke-width:1.04515;fill:#000000;fill-opacity:1"/></svg> 3812 </span> 3813 <span class="hidden" :class="{'hidden' : !isLoading}"> 3814 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 57 57" stroke="currentColor" class="w-auto h-6" aria-hidden="true"> 3815 <g fill="none" fill-rule="evenodd" stroke-width="2" transform="translate(1 1)"> 3816 <circle cx="5" cy="50" r="5"> 3817 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;5;50;50"/> 3818 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="5;27;49;5"/> 3819 </circle> 3820 <circle cx="27" cy="5" r="5"> 3821 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" from="5" repeatCount="indefinite" to="5" values="5;50;50;5"/> 3822 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="27" repeatCount="indefinite" to="27" values="27;49;5;27"/> 3823 </circle> 3824 <circle cx="49" cy="50" r="5"> 3825 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;50;5;50"/> 3826 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="49" repeatCount="indefinite" to="49" values="49;5;27;49"/> 3827 </circle> 3828 </g> 3829</svg> 3830 </span> 3831 </button> 3832 <div class="relative hidden" :class="{'block' : displayLoginPrompt, 'hidden' : !displayLoginPrompt}"> 3833 <span class="absolute right-0 bottom-0 transform translate-y-full rotate-45 bg-anthracite z-10 -mr-4 w-[30px] h-[30px] -mb-5 -mr-[3px]"></span> 3834 <div class="absolute right-0 bottom-0 transform translate-y-full bg-anthracite text-white p-7 w-[250px] z-20 -mr-4 -mb-[27px] gtm-tracking-error"> 3835 <p class="font-medium mb-3">Wunschliste</p> 3836 <p class=""><a href="https://shop.schoener-wohnen.de/customer/account/index/referer/aHR0cHM6Ly9zaG9wLnNjaG9lbmVyLXdvaG5lbi5kZS93aXNobGlzdC8~/" class="underline">Melden Sie sich in Ihrem Konto an</a>, um Produkte in die Wunschliste zu legen.</p> 3837 </div> 3838 </div> 3839 </div> 3840</div> </div> 3841 3842 <div class="block cursor-pointer pt-3 col-span-full" 3843 onclick="window.dispatchEvent(new CustomEvent('scroll-to-and-open-review-tab'))" 3844 role="button" 3845 > 3846 3847 3848 <div class="rating-summary flex items-center" 3849 >
3850 <span class="mr-1"> 3851 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 3852 style="color: #333"> 3853 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 3854 stroke-miterlimit="10" stroke-width="3" 3855 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 3856 </svg> 3857 </span> 3858 <span class="mr-1"> 3859 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 3860 style="color: #333"> 3861 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 3862 stroke-miterlimit="10" stroke-width="3" 3863 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
386351.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 3864 </svg> 3865 </span> 3866 <span class="mr-1"> 3867 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 3868 style="color: #333"> 3869 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 3870 stroke-miterlimit="10" stroke-width="3" 3871 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 3872 </svg> 3873 </span> 3874 <span class="mr-1"> 3875 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 3876 style="color: #333"> 3877 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 3878 stroke-miterlimit="10" stroke-width="3" 3879 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
387951.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 3880 </svg> 3881 </span> 3882 <span class="mr-1"> 3883 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 3884 style="color: #333"> 3885 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 3886 stroke-miterlimit="10" stroke-width="3" 3887 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 3888 </svg> 3889 </span> 3890 3891 <span class="mt-px"> 3892 (<span class="underline">2</span>) 3893 </span> 3894 </div> 3895 </div> 3896 </div> </div> 3897 <div class="gallery-wrapper relative lg:col-span-2 w-full lg:pr-8 xl:pr-12 col-start-1"> 3898 <div class="overflow-hidden w-full h-[370px] md:h-[29.5rem] absolute inset-0 z-10 lg:pr-8 xl:pr-12 transition-all" id="prefetch-gallery-image"> 3899 <div class="flex items-center justify-center w-full h-full cursor-zoom-in bg-white"> 3900 <picture> 3901 <source media="(min-width:1536px)" srcset="https://dbs-product.imgix.net/a/a/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format,compress&q=85&bg=ffffff&fit=fillmax&fill=solid&fill-color=ffffff&trim=color&trim-color=ffffff&trim-tol=15&sharp=25&w=944&h=350"> 3902 <source media="(min-width:1280px)" srcset="https://dbs-product.imgix.net/a/a/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format,compress&q=85&bg=ffffff&fit=fillmax&fill=solid&fill-color=ffffff&trim=color&trim-color=ffffff&trim-tol=15&sharp=25&w=770&h=350"> 3903 <source media="(min-width:1024px)" srcset="https://dbs-product.imgix.net/a/a/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format,compress&q=85&bg=ffffff&fit=fillmax&fill=solid&fill-color=ffffff&trim=color&trim-color=ffffff&trim-tol=15&sharp=25&w=619&h=350"> 3904 <source media="(min-width:768px)" srcset="https://dbs-product.imgix.net/a/a/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format,compress&q=85&bg=ffffff&fit=fillmax&fill=solid&fill-color=ffffff&trim=color&trim-color=ffffff&trim-tol=15&sharp=25&w=720&h=350"> 3905 <source media="(min-width:480px)" srcset="https://dbs-product.imgix.net/a/a/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format,compress&q=85&bg=ffffff&fit=fillmax&fill=solid&fill-color=ffffff&trim=color&trim-color=ffffff&trim-tol=15&sharp=25&w=432&h=350"> 3906 <img 3907 class="m-auto max-h-full max-w-full w-auto h-auto" 3908 src="https://dbs-product.imgix.net/a/a/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format,compress&q=85&bg=ffffff&fit=fillmax&fill=solid&fill-color=ffffff&trim=color&trim-color=ffffff&trim-tol=15&sharp=25&h=350" 3909 alt="HAY - About a Chair AAC 22 - 1" 3910 title="HAY - About a Chair AAC 22 - 1" 3911 width="700" 3912 height="350" 3913 /> 3914 </picture> 3915 </div> 3916</div><div class="overflow-hidden w-full h-[370px] md:h-[29.5rem] relative" 3917 x-data="MainImageSwiper()" x-init="loadJs();" 3918 x-bind="eventListeners" 3919> 3920 <div class="swiper-container h-full"> 3921 <div class="swiper-wrapper items-center"> 3922 <template x-for="(image, index) in slides"> 3923 <div class="swiper-slide flex items-center justify-center w-full h-full cursor-zoom-in bg-white" 3924 @click.debounce="$dispatch('fancybox-show')" 3925 > 3926 <template x-if="image.type === 'image'"> 3927 <picture> 3928 <source media="(min-width:1536px)" :srcset="image.img + 'auto=format,compress&q=85&bg=ffffff&fit=fillmax&fill=solid&fill-color=ffffff&trim=color&trim-color=ffffff&trim-tol=15&sharp=25&w=944&h=350'"> 3929 <source media="(min-width:1280px)" :srcset="image.img + 'auto=format,compress&q=85&bg=ffffff&fit=fillmax&fill=solid&fill-color=ffffff&trim=color&trim-color=ffffff&trim-tol=15&sharp=25&w=770&h=350'"> 3930 <source media="(min-width:1024px)" :srcset="image.img + 'auto=format,compress&q=85&bg=ffffff&fit=fillmax&fill=solid&fill-color=ffffff&trim=color&trim-color=ffffff&trim-tol=15&sharp=25&w=619&h=350'"> 3931 <source media="(min-width:768px)" :srcset="image.img + 'auto=format,compress&q=85&bg=ffffff&fit=fillmax&fill=solid&fill-color=ffffff&trim=color&trim-color=ffffff&trim-tol=15&sharp=25&w=720&h=350'"> 3932 <source media="(min-width:480px)" :srcset="image.img + 'auto=format,compress&q=85&bg=ffffff&fit=fillmax&fill=solid&fill-color=ffffff&trim=color&trim-color=ffffff&trim-tol=15&sharp=25&w=432&h=350'"> 3933 <img class="m-auto max-h-full max-w-full w-auto h-auto" 3934 :src="image.img + 'auto=format,compress&q=85&bg=ffffff&fit=fillmax&fill=solid&fill-color=ffffff&trim=color&trim-color=ffffff&trim-tol=15&sharp=25&h=350'" 3935 :alt="`HAY - About a Chair AAC 22 - ${index + 1}`" 3936 :title="`HAY - About a Chair AAC 22 - ${index + 1}`" 3937 width="700" 3938 height="350" 3939 :loading="index === 0 || mainImageIndex > 0 ? 'eager' : 'lazy'" 3940 onload="document.getElementById('prefetch-gallery-image').classList.add('hidden')" 3941 /> 3942 </picture> 3943 </template> 3944 <template x-if="image.type === 'video'">
3945 <div :id="'youtube-player-gallery' + index" 3946 class="h-full w-full flex flex-col relative z-20 overflow-hidden"> 3947 <iframe :src="youtubeService && youtubeService.getYoutubeEmbedSrc(image.videoUrl)" 3948 class="yt_player_iframe youtube-player-' + index + ' w-full h-full" 3949 type="text/html" 3950 ></iframe> 3951 </div> 3952 </template> 3953 </div> 3954 </template> 3955 </div> 3956 </div> 3957 <div 3958 class="product-badges absolute bottom-0 left-0 flex flex-row lg:pr-8 xl:pr-12 transform -translate-y-1/2 z-20" 3959 x-data="ProductBadge()" x-bind="eventListeners" 3960> 3961 <template x-if="badges && badges[currentVariantId] && badges[currentVariantId].length"> 3962 <span class="flex flex-row"> 3963 <template x-for="(item, index, collection) in badges[currentVariantId]"> 3964 <span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span> 3965 </template> 3966 </span> 3967 </template> 3968</div>
3969<script> 3970 function ProductBadge() { 3971 return { 3972 badges: {}, 3973 currentVariantId: null, 3974 parentProduct: { 3975 id: 17572, 3976 product_banner_type_promotion: '', 3977 product_banner_type_pos: '', 3978 product_banner_type_selected: '', 3979 product_banner_type_editorial: '', 3980 product_banner_type_marketing: '', 3981 product_banner_type_sustainability: '', 3982 product_banner_type_exclusive: '', 3983 }, 3984 initSimpleProduct() { 3985 }, 3986 eventListeners: { 3987 ['x-on:init-badge-data.window'](event) { 3988 event.detail.forEach((product) => { 3989 if(!(this.badges[product.id])) { 3990 product.parentProduct = this.parentProduct; 3991 this.badges[product.id] = themeServiceBadges.getBadges(product) 3992 } 3993 }) 3994 }, 3995 ['x-on:update-variant-id.window'](event) { 3996 this.currentVariantId = event.detail 3997 } 3998 } 3999 } 4000 } 4001</script>
4001
4001<script> 4002 const MainImageSwiper = function () { 4003 const containerSelector = '.swiper-container'; 4004 const loopOffset = 1; 4005 const isDocumentVisible = () => document.visibilityState === 'visible'; 4006 4007 return { 4008 swiperInstance: null, 4009 slides: [], 4010 mainImageIndex: 0, 4011 youtubeService: null, 4012 updateSlides(slides) { 4013 this.slides = slides 4014 if (this.swiperInstance) { 4015 this.swiperInstance.destroy(); 4016 if (isDocumentVisible()) { 4017 this.initSwiper(); 4018 } 4019 } 4020 }, 4021 loadJs() { 4022 if (document.getElementById('loadSwiper')) { 4023 return true; 4024 } 4025 const loadSwiper = document.createElement('script'); 4026 loadSwiper.src = 'https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/js/swiper/swiper-bundle.min.js'; 4027 loadSwiper.id = 'loadSwiper'; 4028 if (isDocumentVisible()) { 4029 loadSwiper.onload = this.initSwiper.bind(this) 4030 } else { 4031 const documentVisibilityListener = () => { 4032 if (isDocumentVisible()) { 4033 requestAnimationFrame(this.initSwiper.bind(this)); 4034 document.removeEventListener('visibilitychange', documentVisibilityListener); 4035 } 4036 } 4037 document.addEventListener('visibilitychange', documentVisibilityListener) 4038 } 4039 const firstScriptTag = document.getElementsByTagName('script')[0]; 4040 firstScriptTag.parentNode.insertBefore(loadSwiper, firstScriptTag); 4041 }, 4042 initSwiper() { 4043 this.swiperInstance = new Swiper(containerSelector, { 4044 init: false, 4045 direction: 'horizontal', 4046 loop: true, 4047 slidesPerView: 1, 4048 preloadImages: false, 4049 spaceBetween: 16, 4050 lazy: false, 4051 }); 4052 4053 this.swiperInstance.on('slideChangeTransitionStart init', () => { 4054 this.mainImageIndex = this.swiperInstance.realIndex; 4055 4056 window.dispatchEvent(new CustomEvent('gallery-image-active', {detail: this.mainImageIndex})) 4057 }); 4058 4059 requestAnimationFrame(() => { 4060 Alpine.stopObservingMutations(); 4061 4062 this.swiperInstance.init(); 4063 this.swiperInstance.update(); 4064 this.setActiveSlide(0); 4065 4066 queueMicrotask(() => { 4067 Alpine.startObservingMutations(); 4068 }); 4069 }); 4070 },
4071 setActiveSlide(mainImageIndex) { 4072 if(this.mainImageIndex !== mainImageIndex) { 4073 this.mainImageIndex = mainImageIndex 4074 this.$nextTick(() => { 4075 this.swiperInstance.slideTo(mainImageIndex + loopOffset) 4076 this.youtubeService && this.youtubeService.stopVideo() 4077 }); 4078 } 4079 }, 4080 eventListeners: { 4081 ['x-on:gallery-images.window.debounce'](event) { 4082 this.updateSlides(event.detail) 4083 }, 4084 ['x-on:gallery-image-active.window'](event) { 4085 this.setActiveSlide(event.detail) 4086 }, 4087 ['x-on:youtube-service-loaded.window']() { 4088 this.youtubeService = YoutubeServices() 4089 }, 4090 }, 4091 } 4092 } 4093</script>
4093</div><div x-data="GalleryNote()" x-bind="eventListeners" > 4094 <div class="flex flex-row justify-center items-center text-xs pr-20 lg:pr-0" x-html="galleryNote"></div> 4095</div> 4096
4097<script> 4098 function GalleryNote() { 4099 return { 4100 galleryNote: '', 4101 eventListeners: { 4102 ['x-on:update-gallerynote.window'](event) { 4103 this.galleryNote = event.detail 4104 }, 4105 }, 4106 } 4107 } 4108</script>
4108<div class="flex flex-col-reverse lg:flex-col"> 4109 <div class="relative lg:min-h-[150px]"> 4110 <div x-data="Thumbnails()" x-bind="eventListeners" class="w-full" id="gallery-thumbnails"> 4111 <div class="flex items-center justify-center text-neutralgray lg:p-2 lg:pb-4"> 4112 <span class="w-12 justify-start cursor-pointer text-neutralgray-darker hidden lg:flex" 4113 x-on:click="dispatchNavigationToPreviousThumbnail()" 4114 > 4115 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-5 h-5" aria-label="Navigate to previous image" role="img"><path d="M12 1L2 11L12 21" stroke-width="2" stroke-linecap="round"/></svg> 4116 </span> 4117 <span class="block p-1 bg-white absolute right-3 bottom-1 lg:static z-10" 4118 x-text="`${mainImageIndex + 1} / ${images.length}`"></span> 4119 <span class="w-12 justify-end cursor-pointer text-neutralgray-darker hidden lg:flex" 4120 x-on:click="dispatchNavigationToNextThumbnail()" 4121 > 4122 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-5 h-5" aria-label="Navigate to next image" role="img"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 4123 </span> 4124 </div> 4125 <div class="-mx-3.5 lg:h-[92px]" style="width: calc(100% + 1.75rem)"> 4126 <div id="thumbs" class="hidden lg:flex flex-wrap overflow-hidden"> 4127 <div class="lg:h-[92px] scrollbar flex flex-row flex-nowrap transition transition-transform ease-in-out pb-px" 4128 :style="'transform: translateX(' + scrollOffset + 'px)'" 4129 > 4130 <div class="px-3.5 h-[92px]" :class="'!hidden'"> 4131 <span class="block lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px] border border-foggray-lighter"></span> 4132 </div> 4133 <div class="px-3.5 h-[92px]" :class="'!hidden'"> 4134 <span class="block lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px] border border-foggray-lighter"></span> 4135 </div> 4136 <div class="px-3.5 h-[92px]" :class="'!hidden'"> 4137 <span class="block lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px] border border-foggray-lighter"></span> 4138 </div> 4139 <div class="px-3.5 h-[92px]" :class="'!hidden'"> 4140 <span class="block lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px] border border-foggray-lighter"></span> 4141 </div> 4142 <div class="px-3.5 h-[92px]" :class="'!hidden'"> 4143 <span class="block lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px] border border-foggray-lighter"></span> 4144 </div> 4145 <div class="px-3.5 h-[92px]" :class="'!hidden'"> 4146 <span class="block lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px] border border-foggray-lighter"></span> 4147 </div> 4148 <template x-for="(image, index) in images" :key="index"> 4149 <div class="px-3.5 lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px]"> 4150 <a href="#" x-on:click.prevent="interactWithThumbnails(index);" 4151 class="inline-flex h-full w-full justify-center items-center border border-foggray-lighter p-2" 4152 :class="{'border-primary': mainImageIndex === index, 'border-foggray-lighter': mainImageIndex !== index}"> 4153 <template x-if="image.type === 'image'"> 4154 <img :src="image.thumb + 'auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff&h=74'" 4155 :alt="`HAY - About a Chair AAC 22 - ` + (index + 1) + ` - Vorschau`" 4156 :title="`HAY - About a Chair AAC 22 - ` + (index + 1) + ` - Vorschau`" 4157 :loading="index > 6 ? 'lazy' : ''" 4158 class="max-w-full max-h-full w-auto h-auto" 4159 width="150" 4160 height="74" 4161 /> 4162 </template> 4163 <template x-if="image.type === 'video'"> 4164 <img :src="youtubeService && youtubeService.getYoutubeThumbn
4164ailStillSrc(image.videoUrl)" 4165 :alt="`HAY - About a Chair AAC 22 - ` + (index + 1) + ` - Vorschau`" 4166 :title="`HAY - About a Chair AAC 22 - ` + (index + 1) + ` - Vorschau`" 4167 :loading="index > 6 ? 'lazy' : ''" 4168 class="max-w-full max-h-full w-auto h-auto" 4169 width="150" 4170 height="74" 4171 /> 4172 </template> 4173 </a> 4174 </div> 4175 </template> 4176 </div> 4177 </div> 4178 </div> 4179 </div> 4180
4180<script> 4181 const Thumbnails = function () { 4182 return { 4183 mainImageIndex: null, 4184 images: [], 4185 itemWidth: 0, 4186 scrollAmount: 1, 4187 currentPage: 0, 4188 pageSize: 0, 4189 pageSizePerResolution: { 4190 'lg': 4, 4191 'xl': 5, 4192 '2xl': 6, 4193 }, 4194 containerWidth: 0, 4195 scrollOffset: 0, 4196 maxScrollOffset: 0, 4197 youtubeService: null, 4198 initThumbnails() { 4199 this.getPageSizeForCurrentResolution() 4200 this.setContainerWidth() 4201 this.setThumbnailItemWidth() 4202 this.setMaxScrollOffset() 4203 this.setCanScrollThumbnailsPrev() 4204 this.setCanScrollThumbnailsNext() 4205 }, 4206 receiveImages(event) { 4207 this.images = event || [] 4208 this.resetThumbnailAttributes() 4209 this.setCanScrollThumbnailsPrev() 4210 this.setCanScrollThumbnailsNext() 4211 }, 4212 resetThumbnailAttributes() { 4213 this.currentPage = 0 4214 this.scrollOffset = 0 4215 }, 4216 getPageSizeForCurrentResolution() { 4217 const screenSize = themeServiceScreen.getScreen() 4218 this.pageSize = screenSize && this.pageSizePerResolution[themeServiceScreen.getScreen()] || this.pageSizePerResolution.lg 4219 }, 4220 setThumbnailItemWidth() { 4221 this.itemWidth = (this.containerWidth) / this.pageSize 4222 }, 4223 setCanScrollThumbnailsPrev() { 4224 const prevThumbnailScrollPage = this.mainImageIndex - this.scrollAmount 4225 }, 4226 setCanScrollThumbnailsNext() { 4227 const nextThumbnailScrollPage = this.mainImageIndex + this.scrollAmount 4228 }, 4229 setMaxScrollOffset() { 4230 this.maxScrollOffset = this.containerWidth / (this.scrollAmount * this.itemWidth) 4231 }, 4232 setContainerWidth() { 4233 this.containerWidth = document.querySelector('#thumbs').clientWidth 4234 }, 4235 scrollThumbnailsCalculation() { 4236 if (this.mainImageIndex < this.currentPage && this.currentPage % this.pageSize === 0) { 4237 this.currentPage = this.currentPage > this.pageSize ? this.currentPage - this.pageSize : 0 4238 this.scrollOffset = this.itemWidth * this.scrollAmount * this.currentPage * -1 4239 } 4240 else if (this.mainImageIndex % this.pageSize === 0 || this.mainImageIndex === 0 || this.mainImageIndex === Object.keys(this.images).length) { 4241 this.currentPage = this.mainImageIndex 4242 this.scrollOffset = this.itemWidth * this.scrollAmount * this.currentPage * -1 4243 } 4244 this.setCanScrollThumbnailsPrev() 4245 this.setCanScrollThumbnailsNext() 4246 }, 4247 dispatchNavigationToPreviousThumbnail() { 4248 const prevImageIndex = this.mainImageIndex - this.scrollAmount >= 0 4249 ? this.mainImageIndex - this.scrollAmount 4250 : this.images.length - 1; 4251 this.setMainImageIndex(prevImageIndex) 4252 this.scrollThumbnailsCalculation() 4253 }, 4254 dispatchNavigationToNextThumbnail() { 4255 const nextImageIndex = this.mainImageIndex + this.scrollAmount >= this.images.length 4256 ? 0 4257 : this.mainImageIndex + this.scrollAmount; 4258 this.setMainImageIndex(nextImageIndex) 4259 this.scrollThumbnailsCalculation() 4260 }, 4261 interactWithThumbnails(newMainImageIndex) { 4262 this.setMainImageIndex(newMainImageIndex) 4263 this.scrollThumbnails() 4264 this.setCanScrollThumbnailsPrev() 4265 this.setCanScrollThumbnailsNext() 4266 }, 4267 scrollThumbnails() { 4268 this.currentPage = Math.floor((this.mainImageIndex) / this.pageSize) + 1 4269 this.scrollOffset = -1 * (this.currentPage * this.containerWidth - this.containerWidth)
4270 this.scrollThumbnailsCalculation() 4271 }, 4272 setMainImageIndex(newMainImageIndex) { 4273 this.mainImageIndex = newMainImageIndex 4274 window.dispatchEvent(new CustomEvent('gallery-image-active', {detail: this.mainImageIndex})) 4275 }, 4276 eventListeners: { 4277 ['x-on:window-resize-horizontal.window.debounce']() { 4278 this.resetThumbnailAttributes() 4279 this.initThumbnails() 4280 this.setCanScrollThumbnailsPrev() 4281 this.setCanScrollThumbnailsNext() 4282 this.scrollThumbnails() 4283 }, 4284 ['x-on:gallery-images.window'](event) { 4285 this.images = event.detail || [] 4286 this.resetThumbnailAttributes() 4287 this.initThumbnails() 4288 this.setCanScrollThumbnailsPrev() 4289 this.setCanScrollThumbnailsNext() 4290 }, 4291 ['x-on:gallery-image-active.window'](event) { 4292 this.mainImageIndex = event.detail 4293 this.scrollThumbnails() 4294 }, 4295 ['x-on:youtube-service-loaded.window']() { 4296 this.youtubeService = YoutubeServices() 4297 }, 4298 }, 4299 } 4300 } 4301</script>
4301</div></div> 4302<div id="gallery" x-data="Gallery()" x-bind="eventListeners" 4303 > 4304 <div x-data="FancyboxComponent()" 4305 @fancybox-show.window="showFancybox()" 4306 @gallery-image-active.window="activeSlideIndex = $event.detail"></div>
4307<script> 4308 const FancyboxComponent = function FancyboxComponent() { 4309 const loadFancyboxLibrary = () => { 4310 if (document.getElementById('fancybox-lib')) { 4311 return Promise.resolve(true); 4312 } 4313 4314 return new Promise(resolve => { 4315 const loadFancybox = document.createElement('script'); 4316 loadFancybox.src = 'https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/js/fancybox/fancybox.umd.js'; 4317 loadFancybox.defer = true; 4318 loadFancybox.id = 'fancybox-lib'; 4319 loadFancybox.onload = () => { 4320 resolve(true); 4321 } 4322 document.body.appendChild(loadFancybox); 4323 }) 4324 } 4325 4326 const loadFancyboxStyles = () => { 4327 if (document.getElementById('fancybox-styles')) { 4328 return Promise.resolve(true); 4329 } 4330 4331 return new Promise(resolve => { 4332 const loadFancyboxStyles = document.createElement('link'); 4333 loadFancyboxStyles.href = 'https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/js/fancybox/fancybox.min.css'; 4334 loadFancyboxStyles.rel = 'stylesheet'; 4335 loadFancyboxStyles.id = 'fancybox-styles'; 4336 loadFancyboxStyles.onload = () => { 4337 resolve(true); 4338 } 4339 document.head.appendChild(loadFancyboxStyles); 4340 }); 4341 } 4342 4343 const prepareImages = (galleryImages) => { 4344 return galleryImages.filter(item => item.type === 'image').map((image) => { 4345 const url = new URLSearchParams(image.full); 4346 4347 url.set('auto', 'format,compress'); 4348 url.set('q', '100'); 4349 url.set('bg', 'ffffff'); 4350 url.set('fit', 'fillmax'); 4351 url.set('fill', 'solid'); 4352 url.set('fill-color', 'ffffff'); 4353 url.set('trim', 'color'); 4354 url.set('trim-color', 'ffffff'); 4355 url.set('trim-tol', '10'); 4356 url.set('pad', '60'); 4357 4358 return { 4359 src: decodeURIComponent(url.toString()), 4360 caption: image.caption, 4361 }; 4362 }); 4363 } 4364 4365 return { 4366 activeSlideIndex: 0, 4367 async showFancybox() { 4368 await loadFancyboxLibrary(); 4369 await loadFancyboxStyles(); 4370 4371 const images = prepareImages(this.images); 4372 const options = { 4373 Hash: false, 4374 Thumbs: false, 4375 Carousel: { 4376 Navigation: false, 4377 }, 4378 Autoplay: false, 4379 startIndex: this.activeSlideIndex, 4380 loop: true, 4381 Toolbar: { 4382 absolute: false, 4383 display: { 4384 left: [], 4385 middle: [], 4386 right: ["toggleZoom", 'fullscreen', "close"], 4387 } 4388 }, 4389 tpl: { 4390 main: `<div class="fancybox__container" role="dialog" aria-modal="true" aria-label="{{MODAL}}" tabindex="-1"> 4391 <div class="fancybox__toolbar bg-black bg-opacity-25"></div> 4392 <div class="fancybox__backdrop"></div> 4393 <div class="fancybox__carousel"></div> 4394 <div class="fancybox__footer z-20 bg-black bg-opacity-25"> 4395 <div class="flex flex-row items-center justify-center flex-1 w-full"> 4396 <button data-fancybox-prev class="f-button is-prev" title="{{PREV}}" aria-label="{{PREV}}"> 4397 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 18 17" stroke="currentColor" class="w-5 h-5" aria-label="Navigate to previous image" role="img"> 4398 <path d="M8.33825 15.8675S1.39607 8.73859 1.39607 8.63981c0-.08232 6.94218-7.2277 6.94218-7.2277M1.39607 8.64014H16.6074" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" fill="none"/> 4399</svg> 4400 </button> 4401 <div class="fancybox__infobar">
4402 <span data-fancybox-current-index></span>/<span data-fancybox-count></span> 4403 </div> 4404 <button data-fancybox-next class="f-button is-next" title="{{NEXT}}" aria-label="{{NEXT}}"> 4405 <svg xmlns="http://www.w3.org/2000/svg" stroke="currentColor" viewBox="0 0 18 17" height="24" width="24" class="w-5 h-5" aria-label="Navigate to next image" role="img"> 4406 <path d="M9.66522 15.8675s6.94218-7.12891 6.94218-7.22769c0-.08232-6.94218-7.2277-6.94218-7.2277m6.94218 7.22803H1.39607" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.2" fill="none"/> 4407</svg> 4408 </button> 4409 </div> 4410 </div> 4411</div>`, 4412 } 4413 }; 4414 4415 new Fancybox(images, options); 4416 }, 4417 }; 4418 } 4419</script>
4419</div>
4420<script> 4421 function Gallery() { 4422 return { 4423 images: [], 4424 originalImages: [{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_concrete_grey_2.0_shell_wb_lacquer_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_concrete_grey_2.0_shell_wb_lacquer_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_concrete_grey_2.0_shell_wb_lacquer_oak_base_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/c\/p\/cph20_round_dia120_black_linoleum_wb_lacquered_oak_aac22_black_2.0_shell_wb_lacquered_oak_nelson_ball_bubble_pendant_m_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/c\/p\/cph20_round_dia120_black_linoleum_wb_lacquered_oak_aac22_black_2.0_shell_wb_lacquered_oak_nelson_ball_bubble_pendant_m_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/c\/p\/cph20_round_dia120_black_linoleum_wb_lacquered_oak_aac22_black_2.0_shell_wb_lacquered_oak_nelson_ball_bubble_pendant_m_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_w_hite_2.0_shell_wb_lacquer_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_w_hite_2.0_shell_wb_lacquer_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_w_hite_2.0_shell_wb_lacquer_oak_base_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_black_2.0_shell_wb_lacquer_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_black_2.0_shell_wb_lacquer_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_black_2.0_shell_wb_lacquer_oak_base_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_concrete_grey_2.0_shell_wb_lacquer_oak_pao_steel_pendant_230_soft_black_arcs_vase_red_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_concrete_grey_2.0_shell_wb_lacquer_oak_pao_steel_pendant_230_soft_black_arcs_vase_red_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_concrete_grey_2.0_shell_wb_lacquer_oak_pao_steel_pendant_230_soft_black_arcs_vase_red_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_khaki_2.0_shell_wb_lacquer_oak_base_cph_25_off_white_lino_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_khaki_2.0_shell_wb_lacquer_oak_base_cph_25_off_white_lino_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_khaki_2.0_shell_wb_lacquer_oak_base_cph_25_off_white_lino_oak_base_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_pastel_green_2.0_shell_black_wb_lacquer_oak_base_loop_stand_table_white.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_pastel_green_2.0_shell_black_wb_lacquer_oak_base_loop_stand_table_white.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_pastel_green_2.0_shell_black_wb_lacquer_oak_base_loop_stand_table_white.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_white_2.0_shell_wb_lacquer_walnut_base_cph_90_charcoal_lino_wb_lacquer_walnut_base_pao_glass_table_lamp_350_white_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_white_2.0_shell_wb_lacquer_walnut_base_cph_90_charcoal_lino_wb_lacquer_walnut_base_pao_glass_table_lamp_350_white_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_white_2.0_shell_wb_lacquer_walnut_base_cph_90_charcoal_lino_wb_lacquer_walnut_base_pao_glass_table_lamp_350_white_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/l\/o\/loop_stand_round_white_laminate_aac_22_khaki_2.0_shell_wb_lacquer_base_new_order_combination_401_army_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/l\/o\/loop_stand_round_white_laminate_aac_22_khaki_2.0_shell_wb_lacquer_base_new_order_combination_401_army_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/l\/o\/loop_stand_round_white_laminate_aac_22_khaki_2.0_shell_wb_lacquer_base_new_order_combination_401_army_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_25_off_white_lino_wb_lacquer_walnut_base_aac_22_dusty_blue_2.0_shell_wb_lacquer_walnut_base_pao_steel_pendant_cool_grey_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_25_off_white_lino_wb_lacquer_walnut_base_aac_22_dusty_blue_2.0_shell_wb_lacquer_walnut_base_pao_steel_pendant_cool_grey_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_25_off_white_lino_wb_lacquer_walnut_base_aac_22_dusty_blue_2.0_shell_wb_lacquer_walnut_base_pao_steel_pendant_cool_grey_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_90_desk_off_white_linoleum_aac_22_black_2.0_shell_wb_lacquer_oak_base_colour_vase_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_90_desk_off_white_linoleum_aac_22_black_2.0_shell_wb_lacquer_oak_base_colour_vase_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_90_desk_off_white_linoleum_aac_22_black_2.0_shell_wb_lacquer_oak_base_colour_vase_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/c\/p\/cph90_desk_off_white_aac_22_wb_lacquer_black_wb_lacquer_oak_pc_table_lamp_black_shade_bin_grey_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/c\/p\/cph90_desk_off_white_aac_22_wb_lacquer_black_wb_lacquer_oak_pc_table_lamp_black_shade_bin_grey_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/c\/p\/cph90_desk_off_white_aac_22_wb_lacquer_black_wb_lacquer_oak_pc_table_lamp_black_shade_bin_grey_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_30_l250xw90xh74_wb_lacquer_walnut_aac_22_black_2.0_shell_wb_lacquer_walnut_base_tint_glass_light_yellow_with_white_rim_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_30_l250xw90xh74_wb_lacquer_walnut_aac_22_black_2.0_shell_wb_lacquer_walnut_base_tint_glass_light_yellow_with_white_rim_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_30_l250xw90xh74_wb_lacquer_walnut_aac_22_black_2.0_shell_wb_lacquer_walnut_base_tint_glass_light_yellow_with_white_rim_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/h\/o\/hover.jpg?","img":"https:\/\/dbs-product.imgix.net\/h\/o\/hover.jpg?","full":"https:\/\/dbs-product.imgix.net\/h\/o\/hover.jpg?","type":"image","videoUrl":null,"__disableTmpl":true}], 4425 receiveImages(images) { 4426 if (images && Object.keys(images).length) { 4427 images = [].concat(images, this.originalImages) 4428 } 4429 this.init(images) 4430 }, 4431 init(images) { 4432 this.images = (images || this.originalImages) 4433 .filter(image => ['image', 'video'].indexOf(image.type) > -1) || [] 4434 this.checkForVideoGalleryElement() 4435 this.dispatchSwiperAndThumbnailImages() 4436 }, 4437 dispatchSwiperAndThumbnailImages() { 4438 window.dispatchEvent(new CustomEvent('gallery-images', {detail: this.images})) 4439 }, 4440 checkForVideoGalleryElement() { 4441 if (typeof YoutubeServices !== 'function') {
4442 this.images.forEach((image) => { 4443 if (image.type === 'video') { 4444 this.initLoadYoutubeScript() 4445 return false; // exit from forEach 4446 } 4447 }) 4448 } 4449 }, 4450 initLoadYoutubeScript() { 4451 if (!document.getElementById('youtube-scriptloader')) { 4452 const youtubeScriptNode = document.createElement("script"); 4453 youtubeScriptNode.id = 'youtube-scriptloader'; 4454 youtubeScriptNode.setAttribute("src", 'https\u003A\u002F\u002Fshop.schoener\u002Dwohnen.de\u002Fstatic\u002Fversion1790784317\u002Ffrontend\u002FDesignBestseller\u002Fschoener_wohnen\u002Fde_DE\u002Fjs\u002Ftheme\u002Dscripts\u002Fcomponents\u002Fyoutube.js'); 4455 document.head.appendChild(youtubeScriptNode); 4456 } 4457 }, 4458 eventListeners: { 4459 ['x-on:update-gallery.window'](event) { 4460 this.receiveImages(event.detail) 4461 }, 4462 }, 4463 } 4464 } 4465</script>
4465 <div x-data="ProductBanner()" x-init="showBanners()" x-bind="eventListeners" class="mt-3 lg:pr-8 xl:mt-5 xl:pr-12"> 4466 <template x-if="productBannerData"> 4467 <div> 4468 <template x-for="productBanner in Object.values(productBannerData)"> 4469 <div :style="productBanner.styles" 4470 class="product-banner px-6 py-3" 4471 :class="{'cursor-pointer' : productBanner.banner_link}" 4472 x-on:click="handleClick(productBanner.banner_link)" 4473 x-show="productBanner.banner_text" 4474 x-html="productBanner.banner_text"></div> 4475 </template> 4476 </div> 4477 </template> 4478</div>
4479<script> 4480 function ProductBanner() { 4481 return { 4482 parentProductId: '17572', 4483 currentProductId: '217606', 4484 productBannerDataList: "", 4485 productBannerData: [], 4486 showBanners() { 4487 this.productBannerData = this.productBannerDataList[this.currentProductId] ?? 4488 this.productBannerDataList[this.parentProductId] ?? 4489 []; 4490 }, 4491 handleClick(bannerLink) { 4492 if (bannerLink) { 4493 location.assign(bannerLink) 4494 } 4495 }, 4496 eventListeners: { 4497 ['x-on:update-banner-data.window'](event) { 4498 this.productBannerData = event.detail 4499 }, 4500 ['x-on:update-variant-id.window'](event) { 4501 this.currentProductId = event.detail; 4502 this.showBanners(); 4503 } 4504 } 4505 } 4506 } 4507</script>
4507 </div> 4508 <div class="lg:row-span-3 lg:col-start-3"> 4509 <div class="relative w-full mx-auto mt-2 lg:mt-0 md:mb-5 lg:mb-0 lg:sticky z-20 sticky-buybox"> 4510 <div class="hidden lg:block"> 4511 <div class="grid relative grid-cols-6 sm:grid-cols-4 col-span-full"> 4512 <div class="col-span-5 xl:grid-cols-4"> 4513 <div class="mb-2.5 h-[20px]"> 4514 <a href="https://shop.schoener-wohnen.de/hay/" 4515 title="HAY" class="block"> 4516 <span class="w-full underline text-base block h-[20px]"> 4517 <img loading="lazy" width="60" height="20" src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/60.svg?auto=format" 4518 class="w-auto h-[20px]" 4519 alt="HAY" /> </span> 4520 </a> 4521</div> <h1 class="text-2xl leading-tight"> 4522 HAY - About a Chair AAC 22 </h1> 4523 <p class="text-xs leading-normal"> 4524 Design von <a href="https://shop.schoener-wohnen.de/designer-hee-welling/" class="underline"> Hee Welling </a> </p> 4525 </div> 4526 <div class="flex justify-end absolute top-0 right-0"> 4527 <div> 4528
4528<script> 4529 function WishlistButton() { 4530 return { 4531 isLoading: false, 4532 addItemToWishlistQuery: `mutation 4533 addProductToWishlist( 4534 $wishlistId: ID! 4535 $wishlistItems: [WishlistItemInput!]! 4536 ) { 4537 addProductsToWishlist( 4538 wishlistId: $wishlistId 4539 wishlistItems: $wishlistItems 4540 ) { 4541 wishlist { 4542 id 4543 items_count 4544 items_v2 (currentPage: 1, pageSize: 100 ) { 4545 items { 4546 id 4547 quantity 4548 ... on ConfigurableWishlistItem { 4549 configured_variant { 4550 name 4551 sku 4552 attributeValueLabels(fields: ["manufacturer"]) 4553 small_image { 4554 url 4555 } 4556 price_range { 4557 minimum_price { 4558 regular_price { 4559 currency 4560 value 4561 } 4562 final_price { 4563 currency 4564 value 4565 } 4566 } 4567 maximum_price { 4568 regular_price { 4569 currency 4570 value 4571 } 4572 final_price { 4573 currency 4574 value 4575 } 4576 } 4577 } 4578 } 4579 configurable_options { 4580 id 4581 option_label 4582 configurable_product_option_value_uid 4583 value_label 4584 } 4585 } 4586 product { 4587 uid 4588 name 4589 sku 4590 attributeValueLabels(fields: ["manufacturer"]) 4591 small_image { 4592 url 4593 } 4594 price_range { 4595 minimum_price { 4596 regular_price { 4597 currency 4598 value 4599 } 4600 final_price { 4601 currency 4602 value 4603 } 4604 } 4605 maximum_price { 4606 regular_price { 4607 currency 4608 value 4609 } 4610 final_price { 4611 currency 4612 value 4613 } 4614 } 4615 } 4616 } 4617 } 4618 } 4619 } 4620 user_errors { 4621 code 4622 message 4623 } 4624 } 4625 }`, 4626 removeItemFromWishlistQuery: `mutation 4627 removeProductFromWishlist( 4628 $wishlistId: ID! 4629 $wishlistItemsIds: [ID!]! 4630 ) { 4631 removeProductsFromWishlist( 4632 wishlistId: $wishlistId 4633 wishlistItemsIds: $wishlistItemsIds 4634 ){ 4635 wishlist { 4636 id 4637 items_count 4638 } 4639 user_errors { 4640 code 4641 message 4642 } 4643 } 4644 }`, 4645 qty: 1, 4646 mainProductSku: '90318001', 4647 customerLoggedIn: null, 4648 selectedOptions: null, 4649 wishlistId: 0, 4650 wishlistItems: null, 4651 currentVariantSku: null, 4652 isCurrentVariantOnWishlist: false, 4653 displayLoginPrompt: false, 4654 getAddItemDataStructure() { 4655 return [{ 4656 sku: this.mainProductSku, 4657 quantity: parseFloat(this.qty),
4658 selected_options: this.getSelectedValuesAsBase64() 4659 }] 4660 }, 4661 getRemoveItemDataStructure() { 4662 let itemIds = []; 4663 4664 if (Array.isArray(this.wishlistItems)) { 4665 this.wishlistItems.forEach((wishlistItem) => { 4666 if (wishlistItem.product_sku === this.currentVariantSku) { 4667 itemIds.push(wishlistItem.item_id) 4668 } 4669 }); 4670 } 4671 4672 return itemIds; 4673 }, 4674 getSelectedValuesAsBase64() { 4675 const selectedOptions = [] 4676 4677 if (this.selectedOptions) { 4678 for (const attributeId in this.selectedOptions) { 4679 if (this.selectedOptions.hasOwnProperty(attributeId) && Number(attributeId)) { 4680 selectedOptions.push('"' + btoa('configurable/' + attributeId + '/' + this.selectedOptions[attributeId]) + '"') 4681 } 4682 } 4683 } 4684 4685 return selectedOptions 4686 }, 4687 wishlistAction() { 4688 if (!this.customerLoggedIn) { 4689 this.displayLoginPrompt = true 4690 4691 return false 4692 } 4693 4694 if (!this.selectedOptions || !this.qty) { 4695 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 4696 [{ 4697 type: "error", 4698 text: "Bitte\u0020w\u00E4hlen\u0020Sie\u0020alle\u0020ben\u00F6tigten\u0020Optionen\u0020aus." 4699 }], 10000 4700 ) 4701 4702 return false 4703 } 4704 4705 this.mutateWishlist() 4706 }, 4707 mutateWishlist() { 4708 this.isLoading = true 4709 4710 let variables = {"wishlistId": this.wishlistId}; 4711 if (this.isCurrentVariantOnWishlist) { 4712 variables["wishlistItemsIds"] = this.getRemoveItemDataStructure(); 4713 } else { 4714 variables["wishlistItems"] = this.getAddItemDataStructure(); 4715 } 4716 4717 fetch(`${BASE_URL}graphql`, { 4718 method: 'POST', 4719 headers: { 4720 'Content-Type': 'application/json', 4721 'Store': CURRENT_STORE_CODE, 4722 credentials: 'include' 4723 }, 4724 body: JSON.stringify({ 4725 query: this.isCurrentVariantOnWishlist ? this.removeItemFromWishlistQuery : this.addItemToWishlistQuery, 4726 variables: variables 4727 }) 4728 }) 4729 .then((response) => { 4730 return response.json() 4731 }) 4732 .then((data) => { 4733 const wishlistItems = data?.data?.addProductsToWishlist?.wishlist?.items_v2?.items || []; 4734 4735 let wishlistItem = wishlistItems.find((item) => { 4736 if (item?.configured_variant?.sku === this.currentVariantSku) { 4737 return true; 4738 } 4739 4740 if (parseInt(item?.product?.sku) === this.currentVariantSku) { 4741 return true; 4742 } 4743 4744 return false; 4745 }); 4746 4747 if (wishlistItem) { 4748 wishlistItem = wishlistItem.configured_variant ? 4749 { 4750 ...wishlistItem.configured_variant, 4751 configurable_options: wishlistItem?.configurable_options 4752 } : 4753 wishlistItem.product; 4754 4755 this.dispatchWishlistConfirmationPopupEvent(wishlistItem); 4756 } 4757 4758 this.reloadCustomerData(); 4759 }) 4760 .catch(error => { 4761 console.error(error) 4762 4763 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 4764 [{ 4765 type: "error", 4766 text: "Item\u0020could\u0020not\u0020be\u0020added\u0020to\u0020Wishlist." 4767 }], 10000 4768 ) 4769 }) 4770 }, 4771 dispatchWishlistConfirmationPopupEvent(wishlistItem) { 4772 const showConfirmationPopupEvent = new CustomEvent(
4773 "add-to-wishlist-confirmation-popup-call", { 4774 detail: { 4775 wishlistItem 4776 } 4777 }); 4778 4779 window.dispatchEvent(showConfirmationPopupEvent); 4780 }, 4781 setIsCurrentVariantOnWishlist() { 4782 this.isCurrentVariantOnWishlist = this.currentVariantSku && this.wishlistItems && this.wishlistItems.find(item => item.product_sku === this.currentVariantSku) || false 4783 }, 4784 reloadCustomerData() { 4785 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data") 4786 window.dispatchEvent(reloadCustomerDataEvent) 4787 }, 4788 initSimpleProduct() { 4789 this.currentVariantSku = `90318001` 4790 this.setIsCurrentVariantOnWishlist() 4791 }, 4792 eventListeners: { 4793 ['x-on:private-content-loaded.window'](event) { 4794 this.customerLoggedIn = event.detail.data.customer && event.detail.data.customer.firstname || null 4795 this.wishlistItems = event.detail.data.wishlist && event.detail.data.wishlist.items || null 4796 this.wishlistId = event.detail.data.wishlist && event.detail.data.wishlist.wishlist_id || null 4797 4798 if (this.customerLoggedIn) { 4799 this.setIsCurrentVariantOnWishlist() 4800 } 4801 4802 this.isLoading = false 4803 }, 4804 ['x-on:update-variant-sku.window'](event) { 4805 this.currentVariantSku = event.detail 4806 this.setIsCurrentVariantOnWishlist() 4807 }, 4808 ['x-on:update-currentSelection-17572.window'](event) { 4809 this.selectedOptions = event.detail 4810 }, 4811 } 4812 } 4813 } 4814</script>
4814 <div x-data="WishlistButton()" x-bind="eventListeners" x-on:click.outside="displayLoginPrompt = false" 4815 class="" 4816 > 4817 <button x-on:click.prevent="wishlistAction()" 4818 :title="!isCurrentVariantOnWishlist ? 'Zur\u0020Wunschliste\u0020hinzuf\u00FCgen' : 'Von\u0020der\u0020Wunschliste\u0020entfernen'" 4819 :aria-label="!isCurrentVariantOnWishlist ? 'Zur\u0020Wunschliste\u0020hinzuf\u00FCgen' : 'Von\u0020der\u0020Wunschliste\u0020entfernen'" 4820 class="p-0 border-0 inline-flex text-black hover:text-primary items-center justify-center ml-4 w-6 h-6" 4821 type="button" 4822 > 4823 <span :class="{'hidden' : isCurrentVariantOnWishlist || isLoading}"> 4824 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6" aria-hidden="true"> 4825 <path d="M12 21C12 21 2.25 15.75 2.25 9.5625C2.25 8.21984 2.78337 6.93217 3.73277 5.98277C4.68217 5.03337 5.96984 4.5 7.3125 4.5C9.43031 4.5 11.2444 5.65406 12 7.5C12.7556 5.65406 14.5697 4.5 16.6875 4.5C18.0302 4.5 19.3178 5.03337 20.2672 5.98277C21.2166 6.93217 21.75 8.21984 21.75 9.5625C21.75 15.75 12 21 12 21Z" fill="#ffffff" stroke="#000000" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 4826</svg> 4827 </span> 4828 <span class="hidden" :class="{'hidden' : !isCurrentVariantOnWishlist || isLoading}"> 4829 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18.643" version="1.1" id="svg4" width="24" height="24" class="w-6 h-6" aria-hidden="true"><path d="M14.28.523c-2.14 0-3.65 1.11-4.28 2.675C9.37 1.633 7.86.523 5.72.523 2.85.523.523 2.833.523 5.68.523 12.356 10 18.12 10 18.12s9.477-5.764 9.477-12.44c0-2.849-2.326-5.157-5.197-5.157z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" id="path2" style="stroke-width:1.04515;fill:#000000;fill-opacity:1"/></svg> 4830 </span> 4831 <span class="hidden" :class="{'hidden' : !isLoading}"> 4832 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 57 57" stroke="currentColor" class="w-auto h-6" aria-hidden="true"> 4833 <g fill="none" fill-rule="evenodd" stroke-width="2" transform="translate(1 1)"> 4834 <circle cx="5" cy="50" r="5"> 4835 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;5;50;50"/> 4836 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="5;27;49;5"/> 4837 </circle> 4838 <circle cx="27" cy="5" r="5"> 4839 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" from="5" repeatCount="indefinite" to="5" values="5;50;50;5"/> 4840 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="27" repeatCount="indefinite" to="27" values="27;49;5;27"/> 4841 </circle> 4842 <circle cx="49" cy="50" r="5"> 4843 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;50;5;50"/> 4844 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="49" repeatCount="indefinite" to="49" values="49;5;27;49"/> 4845 </circle> 4846 </g> 4847</svg> 4848 </span> 4849 </button> 4850 <div class="relative hidden" :class="{'block' : displayLoginPrompt, 'hidden' : !displayLoginPrompt}"> 4851 <span class="absolute right-0 bottom-0 transform translate-y-full rotate-45 bg-anthracite z-10 -mr-4 w-[30px] h-[30px] -mb-5 -mr-[3px]"></span> 4852 <div class="absolute right-0 bottom-0 transform translate-y-full bg-anthracite text-white p-7 w-[250px] z-20 -mr-4 -mb-[27px] gtm-tracking-error"> 4853 <p class="font-medium mb-3">Wunschliste</p> 4854 <p class=""><a href="https://shop.schoener-wohnen.de/customer/account/index/referer/aHR0cHM6Ly9zaG9wLnNjaG9lbmVyLXdvaG5lbi5kZS93aXNobGlzdC8~/" class="underline">Melden Sie sich in Ihrem Konto an</a>, um Produkte in die Wunschliste zu legen.</p> 4855 </div> 4856 </div> 4857 </div> 4858</div> </div> 4859 4860 <div class="block cursor-pointer pt-3 col-span-full" 4861 onclick="window.dispatchEvent(new CustomEvent('scroll-to-and-open-review-tab'))" 4862 role="button" 4863 > 4864 4865 4866 <div class="rating-summary flex items-center" 4867 >
4868 <span class="mr-1"> 4869 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 4870 style="color: #333"> 4871 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 4872 stroke-miterlimit="10" stroke-width="3" 4873 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 4874 </svg> 4875 </span> 4876 <span class="mr-1"> 4877 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 4878 style="color: #333"> 4879 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 4880 stroke-miterlimit="10" stroke-width="3" 4881 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
488151.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 4882 </svg> 4883 </span> 4884 <span class="mr-1"> 4885 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 4886 style="color: #333"> 4887 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 4888 stroke-miterlimit="10" stroke-width="3" 4889 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 4890 </svg> 4891 </span> 4892 <span class="mr-1"> 4893 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 4894 style="color: #333"> 4895 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 4896 stroke-miterlimit="10" stroke-width="3" 4897 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
489751.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 4898 </svg> 4899 </span> 4900 <span class="mr-1"> 4901 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 4902 style="color: #333"> 4903 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 4904 stroke-miterlimit="10" stroke-width="3" 4905 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 4906 </svg> 4907 </span> 4908 4909 <span class="mt-px"> 4910 (<span class="underline">2</span>) 4911 </span> 4912 </div> 4913 </div> 4914 </div> </div> 4915 <div class="grid grid-cols-[110px_auto] lg:grid-cols-3 w-full pt-2 lg:pt-8 text-black"> 4916 <div class="detail-price"> 4917
4917<script> 4918 function initPrice17572() { 4919 4920 const regularPriceInclTaxKey = 'oldPrice', 4921 regularPriceExclTaxKey = 'baseOldPrice', 4922 finalPriceInclTaxKey = 'finalPrice', 4923 finalPriceExclTaxKey = 'basePrice'; 4924 4925 function calculateCustomOptionPrices(activeCustomOptions, customOptionPrices) { 4926 return activeCustomOptions.reduce((priceAccumulator, activeCustomOptionId) => { 4927 const customOptionPrice = customOptionPrices[activeCustomOptionId]; 4928 if (customOptionPrice) { 4929 return Number.parseFloat(priceAccumulator) + Number.parseFloat(customOptionPrice); 4930 } 4931 return priceAccumulator; 4932 }, 0); 4933 } 4934 4935 return { 4936 regularPriceKey: regularPriceInclTaxKey, 4937 finalPriceKey: finalPriceInclTaxKey, 4938 activeProductsPriceData: false, 4939 initialFinalPrice: 287, 4940 calculatedFinalPrice: false, 4941 calculatedFinalPriceWithCustomOptions: false, 4942 initialTierPrices: [], 4943 showRegularPriceLabel: true, 4944 customOptionPrices: [], 4945 activeCustomOptions: [], 4946 savings: null, 4947 qty: 1, 4948 updateCustomOptionActive(data) { 4949 let activeCustomOptions = this.activeCustomOptions; 4950 const customOptionId = data.customOptionId; 4951 4952 if (data.active) { 4953 if (!activeCustomOptions.includes(customOptionId)) { 4954 activeCustomOptions.push(data.customOptionId); 4955 } 4956 } else { 4957 if (customOptionId && activeCustomOptions.includes(customOptionId)) { 4958 let index = activeCustomOptions.indexOf(customOptionId); 4959 activeCustomOptions.splice(index, 1); 4960 } 4961 } 4962 this.calculateFinalPriceWithCustomOptions() 4963 }, 4964 updateCustomOptionPrices(prices, basePrices) { 4965 if (prices) { 4966 this.customOptionPrices = prices; 4967 } 4968 4969 4970 this.calculateFinalPriceWithCustomOptions(); 4971 }, 4972 calculateFinalPrice() { 4973 const getOptionTierPrice = (tierPrice, withTax) => { 4974 return tierPrice[withTax ? 'price' : 'basePrice']; 4975 } 4976 4977 const findApplicableTierPrice = (initialPrice, withTax) => { 4978 if (this.activeProductsPriceData && this.activeProductsPriceData.tierPrices) { 4979 return this.activeProductsPriceData.tierPrices.reduce((acc, tierPrice) => { 4980 const tierPriceCandidate = getOptionTierPrice(tierPrice, withTax); 4981 if (this.qty >= tierPrice.qty && tierPriceCandidate < acc) { 4982 return tierPriceCandidate; 4983 } 4984 return acc; 4985 }, this.activeProductsPriceData[withTax ? finalPriceInclTaxKey : finalPriceExclTaxKey].amount); 4986 4987 } else { 4988 const key = withTax ? 'price_incl_tax' : 'price_excl_tax'; 4989 return Object.values(this.initialTierPrices).reduce((acc, tierPrice) => { 4990 if (this.qty >= tierPrice.price_qty && tierPrice[key] < acc) { 4991 return tierPrice[key]; 4992 } 4993 return acc; 4994 }, initialPrice); 4995 4996 } 4997 } 4998 4999 this.calculatedFinalPrice = findApplicableTierPrice(this.initialFinalPrice, true); 5000 window.dispatchEvent(new CustomEvent("update-product-final-price", {detail: this.calculatedFinalPrice})); 5001 5002
5003 this.getSavings(); 5004 }, 5005 calculatePriceLabelVisibility() { 5006 this.showRegularPriceLabel = 5007 (this.calculatedFinalPrice === this.activeProductsPriceData[this.regularPriceKey].amount) && 5008 this.activeProductsPriceData.isMinimalPrice; 5009 }, 5010 calculateFinalPriceWithCustomOptions() { 5011 const finalPrice = this.calculatedFinalPrice || this.initialFinalPrice; 5012 this.calculatedFinalPriceWithCustomOptions = finalPrice + this.getCustomOptionPrice(); 5013 }, 5014 getCustomOptionPrice() { 5015 return calculateCustomOptionPrices(this.activeCustomOptions, this.customOptionPrices); 5016 }, 5017 getFormattedFinalPrice() { 5018 return hyva.formatPrice( 5019 this.calculatedFinalPriceWithCustomOptions || 5020 this.calculatedFinalPrice || 5021 this.initialFinalPrice 5022 ) 5023 }, 5024 isPriceHidden() { 5025 const finalPrice = this.calculatedFinalPriceWithCustomOptions || 5026 this.calculatedFinalPrice || 5027 this.initialFinalPrice; 5028 return false && finalPrice === 0; 5029 }, 5030 initSimpleProduct() { 5031 this.activeProductsPriceData = { 5032 oldPrice: {amount: 339}, 5033 tierPrices: this.initialTierPrices, 5034 finalPrice: {amount: this.initialFinalPrice} 5035 }
5036 this.getSavings(); 5037 }, 5038 getSavings() { 5039 let savings = null 5040 5041 if (this.activeProductsPriceData[this.regularPriceKey]) { 5042 if (this.activeProductsPriceData[this.finalPriceKey].amount < this.activeProductsPriceData[this.regularPriceKey].amount) { 5043 savings = window.hyva.getProductSavingsOutput(this.activeProductsPriceData[this.regularPriceKey].amount, this.activeProductsPriceData[this.finalPriceKey].amount, '\u0025s\u0020sparen') 5044 } 5045 } 5046 5047 this.savings = savings 5048 }, 5049 eventListeners: { 5050 ['x-on:update-prices-17572.window'](event) { 5051 this.activeProductsPriceData = event.detail; 5052 5053 this.calculateFinalPrice(); 5054 this.calculateFinalPriceWithCustomOptions(); 5055 this.calculatePriceLabelVisibility(); 5056 this.getSavings(); 5057 }, 5058 ['x-on:update-qty-17572.window'](event) { 5059 this.qty = event.detail; 5060 this.calculateFinalPrice(); 5061 this.calculateFinalPriceWithCustomOptions(); 5062 }, 5063 ['x-on:update-custom-option-active.window'](event) { 5064 this.updateCustomOptionActive(event.detail); 5065 }, 5066 ['x-on:update-custom-option-prices.window'](event) { 5067 this.updateCustomOptionPrices(event.detail); 5068 }, 5069 } 5070 } 5071 } 5072</script>
5072 5073<div x-data="initPrice17572()" 5074 x-bind="eventListeners" 5075 class="price-box price-final_price flex flex-col" 5076> 5077 <div class="old-price flex mr-2" :class="{'invisible order-first' : !savings, 'sale' : savings}"> 5078 <span id="product-price-17572" 5079 class="price-wrapper title-font font-regular text-sm line-through"> 5080 <span class="price-label">UVP</span> 5081 <span class="price" 5082 x-html="activeProductsPriceData && activeProductsPriceData[regularPriceKey]&& activeProductsPriceData[regularPriceKey].amount && hyva.formatPrice(activeProductsPriceData[regularPriceKey].amount) || ' '" 5083 > 5084 5085 </span> 5086 </span> 5087 </div> 5088 <div class="final-price inline-block"> 5089 <span id="product-price-17572" 5090 class="price-wrapper title-font font-bold text-2xl leading-extra-tight" :class="{'text-salered' : savings}" 5091 > 5092 <span class="price" x-html="activeProductsPriceData ? getFormattedFinalPrice() : ' '"> </span> 5093 </span> 5094 </div> 5095 <span class="order-last block text-black text-xxs leading-[21px]">inkl. 19% MwSt.</span> <div class="savings pdp-default-savings invisible" 5096 :class="{'invisible order-last' : !savings}" 5097 id="varify-pdp-default-savings"> 5098 <span class="price text-salered" x-html="savings.output || ' '"> </span> 5099 </div> 5100 <template x-if="savings && savings.percent && savings.value"> 5101 <div 5102 id="varify-pdp-savings" 5103 class="savings pdp-savings invisible" 5104 :class="{'invisible order-last' : !savings}" 5105 > 5106 <span 5107 class="price bg-salered text-white text-xs font-bold my-3 p-1" 5108 x-html="`-${savings.percent}%`" 5109 ></span> 5110 <span 5111 class="text-[11px]" 5112 x-text="hyva.strf('%0 sparen', savings.value)" 5113 ></span> 5114 </div> 5115 </template> 5116 <div x-data="EnergyLabelBadge()" 5117 class="order-last" 5118 x-bind="eventListeners" 5119 > 5120 <template x-if="variantEnergyLabelBadge"> 5121 <div class="w-10"> 5122 <p class="energy-label cursor-pointer" 5123 @click="showLightbox()"> 5124 <img class="w-full h-full object-contain" :src="variantEnergyLabelBadge.small_label_image_url" /> 5125 </p> 5126 </div> 5127 </template> 5128</div>
5129<script> 5130 function EnergyLabelBadge() { 5131 return { 5132 variantEnergyLabelBadge: null, 5133 showLightbox() { 5134 window.dispatchEvent(new CustomEvent('show-lightbox-energylabel', {detail: this.variantEnergyLabelBadge})); 5135 window.dispatchEvent(new CustomEvent('enable-backdrop')); 5136 window.dispatchEvent(new CustomEvent('enable-bodylock')); 5137 }, 5138 eventListeners: { 5139 ['x-on:update-energylabelbadge.window'](event) { 5140 this.variantEnergyLabelBadge = event.detail 5141 } 5142 } 5143 } 5144 } 5145</script>
5145</div> </div> 5146 <div class="lg:col-span-2 flex items-end"> 5147 <div class="flex flex-col gap-1.5"> 5148 <div x-data="DeliveryTimeDisplay()" 5149 x-bind="eventListeners" 5150 class="" 5151> 5152 <div class="flex flex-row justify-start items-start text-xs leading-4" 5153 :class="{'flex' : !deliveryTimesLoaded, 'hidden' : deliveryTimesLoaded}"> 5154 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="rounded-full mt-0.5 mr-2 shrink-0 h-[11px] w-[11px] animate-spin" width="12" height="12" aria-hidden="true"> 5155 <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-2 0c0 .993-.241 1.929-.668 2.754l-1.524-1.525a3.997 3.997 0 00.078-2.183l1.562-1.562C15.802 8.249 16 9.1 16 10zm-5.165 3.913l1.58 1.58A5.98 5.98 0 0110 16a5.976 5.976 0 01-2.516-.552l1.562-1.562a4.006 4.006 0 001.789.027zm-4.677-2.796a4.002 4.002 0 01-.041-2.08l-.08.08-1.53-1.533A5.98 5.98 0 004 10c0 .954.223 1.856.619 2.657l1.54-1.54zm1.088-6.45A5.974 5.974 0 0110 4c.954 0 1.856.223 2.657.619l-1.54 1.54a4.002 4.002 0 00-2.346.033L7.246 4.668zM12 10a2 2 0 11-4 0 2 2 0 014 0z" clip-rule="evenodd"/> 5156</svg> 5157 <span class="shrink"> 5158 Laden... </span> 5159 </div> 5160 <template x-if="deliveryTimesLoaded"> 5161 <div class="flex flex-row justify-start items-start text-xs leading-4"> 5162 <div class="rounded-full mt-0.5 mr-2 shrink-0 h-[11px] w-[11px]" :class="getDeliveryTimeBgClass(currentVariantId) || ''"></div> 5163 <span class="shrink" x-text="getDeliveryTimeLabel(currentVariantId) || ' '"></span> 5164 </div> 5165 </template> 5166</div>
5167<script> 5168 function DeliveryTimeDisplay() { 5169 return { 5170 currentVariantId: null, 5171 allVariantIds: [], 5172 deliveryTimesLoaded: false, 5173 deliveryTimeServiceOriginIdentifier: 'detailpage-buybox', 5174 init() { 5175 }, 5176 initSimpleProduct() { 5177 this.currentVariantId = 17572; 5178 this.allVariantIds.push(17572); 5179 5180 themeServiceDeliveryTime.fetchProductsDeliveryTimes(this.allVariantIds, 'product_view', true) 5181 }, 5182 getDeliveryTimeBgClass(productId) { 5183 const productDeliveryTimeData = themeServiceDeliveryTime.deliveryTimes.find(element => parseInt(element.id) === parseInt(productId)) 5184 return productDeliveryTimeData && themeServiceDeliveryTime.getCSSBgClass(productDeliveryTimeData.instantly_available) || '' 5185 }, 5186 getDeliveryTimeLabel(productId) { 5187 const productDeliveryTimeData = themeServiceDeliveryTime.deliveryTimes.find(element => parseInt(element.id) === parseInt(productId)) 5188 return productDeliveryTimeData && productDeliveryTimeData.qty_label || '' 5189 }, 5190 eventListeners: { 5191 ['x-on:update-variant-id.window'](event) { 5192 this.currentVariantId = event.detail; 5193 }, 5194 ['x-on:set-variant-ids.window'](event) { 5195 this.allVariantIds = event.detail; 5196 themeServiceDeliveryTime.fetchProductsDeliveryTimes(this.allVariantIds, 'product_view', true) 5197 }, 5198 ['x-on:delivery-times-loaded.window'](event) { 5199 if (event.detail.origin === 'product_view') { 5200 this.deliveryTimesLoaded = true; 5201 } 5202 } 5203 } 5204 } 5205 } 5206</script>
5206 <div x-data="PrepaymentPrice()" 5207 x-bind="eventListeners" 5208 x-show="variantPrepaymentPricePercent > 0" 5209 class="" 5210> 5211 <div class="flex flex-row justify-start items-start text-xs leading-4"> 5212 <div class="rounded-full mt-0.5 mr-2 shrink-0 h-[11px] w-[11px] bg-happygreen"> 5213 <span x-show="variantPrepaymentPricePercent === -1"> 5214 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="rounded-full mt-0.5 mr-2 shrink-0 h-[11px] w-[11px] animate-spin" width="12" height="12" aria-hidden="true"> 5215 <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-2 0c0 .993-.241 1.929-.668 2.754l-1.524-1.525a3.997 3.997 0 00.078-2.183l1.562-1.562C15.802 8.249 16 9.1 16 10zm-5.165 3.913l1.58 1.58A5.98 5.98 0 0110 16a5.976 5.976 0 01-2.516-.552l1.562-1.562a4.006 4.006 0 001.789.027zm-4.677-2.796a4.002 4.002 0 01-.041-2.08l-.08.08-1.53-1.533A5.98 5.98 0 004 10c0 .954.223 1.856.619 2.657l1.54-1.54zm1.088-6.45A5.974 5.974 0 0110 4c.954 0 1.856.223 2.657.619l-1.54 1.54a4.002 4.002 0 00-2.346.033L7.246 4.668zM12 10a2 2 0 11-4 0 2 2 0 014 0z" clip-rule="evenodd"/> 5216</svg> 5217 </span> 5218 </div> 5219 <span class="shrink" 5220 :class="{'!hidden' : variantPrepaymentPricePercent !== -1}" 5221 > 5222 Laden... </span> 5223 <span class="shrink" 5224 x-show="variantPrepaymentPricePercent !== -1 && isSalePrice" 5225 x-text="hyva.strf('bei Vorkasse zzgl. %0% sichern', variantPrepaymentPricePercent)" 5226 ></span> 5227 <span class="shrink" 5228 x-show="variantPrepaymentPricePercent !== -1 && !isSalePrice" 5229 x-text="hyva.strf('bei Vorkasse %0% Skonto sichern', variantPrepaymentPricePercent)" 5230 ></span> 5231 </div> 5232</div> 5233
5234<script> 5235 function PrepaymentPrice() { 5236 return { 5237 isSalePrice: false, 5238 variantPrepaymentPricePercent: -1, 5239 eventListeners: { 5240 ['x-on:update-prepayment-price.window'](event) { 5241 this.isSalePrice = event.detail.isSalePrice; 5242 this.variantPrepaymentPricePercent = event.detail.promo_prepayment_percentage_discount; 5243 }, 5244 }, 5245 } 5246 } 5247</script>
5247 <div class="" 5248 x-data="FreeShipping()" x-bind="eventListeners" 5249> 5250 <div class="flex flex-row justify-start items-start text-xs leading-4" 5251 :class="{'!hidden' : variantFreeShipping !== -1}" 5252 > 5253 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="rounded-full mt-0.5 mr-2 shrink-0 h-[11px] w-[11px] animate-spin" width="12" height="12" aria-hidden="true"> 5254 <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-2 0c0 .993-.241 1.929-.668 2.754l-1.524-1.525a3.997 3.997 0 00.078-2.183l1.562-1.562C15.802 8.249 16 9.1 16 10zm-5.165 3.913l1.58 1.58A5.98 5.98 0 0110 16a5.976 5.976 0 01-2.516-.552l1.562-1.562a4.006 4.006 0 001.789.027zm-4.677-2.796a4.002 4.002 0 01-.041-2.08l-.08.08-1.53-1.533A5.98 5.98 0 004 10c0 .954.223 1.856.619 2.657l1.54-1.54zm1.088-6.45A5.974 5.974 0 0110 4c.954 0 1.856.223 2.657.619l-1.54 1.54a4.002 4.002 0 00-2.346.033L7.246 4.668zM12 10a2 2 0 11-4 0 2 2 0 014 0z" clip-rule="evenodd"/> 5255</svg> 5256 <span class="shrink">Laden...</span> 5257 </div> 5258 <template x-if="variantFreeShipping !== -1"> 5259 <div class="flex flex-row justify-start items-start text-xs leading-4"> 5260 <div class="rounded-full mt-0.5 mr-2 shrink-0 h-[11px] w-[11px] bg-happygreen"></div> 5261 <a href="https://shop.schoener-wohnen.de/service/versand/" target="_blank" rel="noopener noreferrer"> 5262 <span class="shrink" x-show="variantFreeShipping === true"> 5263 Versandkostenfrei </span> 5264 <span class="shrink" x-show="variantFreeShipping !== true"> 5265 zzgl. Versandkosten </span> 5266 </a> 5267 </div> 5268 </template> 5269</div> 5270
5271<script> 5272 function FreeShipping() { 5273 return { 5274 variantFreeShipping: -1, 5275 eventListeners: { 5276 ['x-on:update-freeshipping.window'](event) { 5277 this.variantFreeShipping = event.detail 5278 }, 5279 }, 5280 } 5281 } 5282</script>
5282 </div> 5283 </div> 5284 </div> 5285 5286 <form method="post" 5287 action="https://shop.schoener-wohnen.de/checkout/cart/add/uenc/aHR0cHM6Ly9zaG9wLnNjaG9lbmVyLXdvaG5lbi5kZS9oYXktYWJvdXQtYS1jaGFpci1hYWMtMjIuaHRtbD9za3U9OTAzMTgwMjIy/product/17572/" 5288 class="" 5289 id="product_addtocart_form" 5290 data-sku="90318001" 5291 > 5292 <input type="hidden" name="product" value="17572" /> 5293 <input type="hidden" name="selected_configurable_option" value="" /> 5294 <input type="hidden" name="related_product" id="related-products-field" value="" /> 5295 <input type="hidden" name="item" value="17572"/> 5296 <input name="form_key" type="hidden" value="oAHETVsI3fjhp8b4" />
5296<script> 5297 function initConfigurableSwatchOptions_17572() { 5298 const configurableOptionsComponent = initConfigurableOptions('17572', {"attributes":{"160":{"id":"160","label":"Farbe","options":[{"id":"38507","label":"azure blue 2.0"},{"id":"38518","label":"black 2.0"},{"id":"38505","label":"clay 2.0"},{"id":"38517","label":"concrete grey 2.0"},{"id":"38516","label":"dusty blue 2.0"},{"id":"38509","label":"dusty mint 2.0"},{"id":"38510","label":"fall green 2.0"},{"id":"38513","label":"khaki 2.0"},{"id":"38514","label":"melange cream 2.0"},{"id":"38504","label":"pale peach 2.0"},{"id":"38512","label":"pastel green 2.0"},{"id":"38503","label":"slate blue 2.0"},{"id":"38511","label":"soft brick 2.0"},{"id":"38515","label":"white 2.0"}]},"161":{"id":"161","label":"Gestell","options":[{"id":"31029","label":"Eiche lackiert"},{"id":"31030","label":"Eiche schwarz lackiert"},{"id":"31117","label":"Walnuss lackiert"}]},"166":{"id":"166","label":"Ausstattung","options":[{"id":"21227","label":"Filzgleiter"},{"id":"38059","label":"Standardgleiter Kunststoff"}]}},"attribute_selections":{"160":{"38503":{"161":{"31029":{"166":{"38059":"217594"}}}},"38504":{"161":{"31029":{"166":{"38059":"217595"}}}},"38505":{"161":{"31029":{"166":{"38059":"217596"}}}},"38507":{"161":{"31029":{"166":{"38059":"217598"}}}},"38509":{"161":{"31029":{"166":{"38059":"217600"}}}},"38510":{"161":{"31029":{"166":{"38059":"217601"}}}},"38511":{"161":{"31029":{"166":{"38059":"217602"}}}},"38512":{"161":{"31029":{"166":{"38059":"217603"}}}},"38513":{"161":{"31029":{"166":{"38059":"217604"}}}},"38514":{"161":{"31029":{"166":{"21227":"217621","38059":"217605"}},"31030":{"166":{"38059":"217573"}},"31117":{"166":{"38059":"217669"}}}},"38515":{"161":{"31029":{"166":{"38059":"217606"}},"31117":{"166":{"38059":"217670"}}}},"38516":{"161":{"31029":{"166":{"38059":"217607"}},"31117":{"166":{"38059":"217671"}}}},"38517":{"161":{"31029":{"166":{"38059":"217608"}},"31117":{"166":{"38059":"217672"}}}},"38518":{"161":{"31029":{"166":{"38059":"217609"}},"31030":{"166":{"38059":"217577"}},"31117":{"166":{"38059":"217673"}}}}}},"attribute_sequence":["160","161","166"],"optionLabels":{"1703":"wei\u00df","1761":"schwarz","1817":"grau","2034":"senfgelb","5924":"orange","5925":"pastellgr\u00fcn","5928":"warm rot","5929":"ziegelfarben","5930":"cremewei\u00df","5931":"betongrau","5932":"khaki","5933":"nebelgr\u00fcn","5934":"graublau","5935":"gr\u00fcn","6538":"soft black","38503":"slate blue 2.0","38504":"pale peach 2.0","38505":"clay 2.0","38506":"raisin 2.0","38507":"azure blue 2.0","38508":"teal green 2.0","38509":"dusty mint 2.0","38510":"fall green 2.0","38511":"soft brick 2.0","38512":"pastel green 2.0","38513":"khaki 2.0","38514":"melange cream 2.0","38515":"white 2.0","38516":"dusty blue 2.0","38517":"concrete grey 2.0","38518":"black 2.0","17548":"Eiche geseift","31029":"Eiche lackiert","31030":"Eiche schwarz lackiert","31117":"Walnuss lackiert","21227":"Filzgleiter","38059":"Standardgleiter Kunststoff"},"optionPrices":{"217573":{"oldPrice":{"amount":339},"basePrice":{"amount":241.17646958824},"finalPrice":{"amount":287},"tierPrices":[]},"217577":{"oldPrice":{"amount":339},"basePrice":{"amount":259.66386454622},"finalPrice":{"amount":309},"tierPrices":[]},"217594":{"oldPrice":{"amount":339},"basePrice":{"amount":241.17646958824},"finalPrice":{"amount":287},"tierPrices":[]},"217595":{"oldPrice":{"amount":339},"basePrice":{"amount":284.87394857983},"finalPrice":{"amount":339},"tierPrices":[]},"217596":{"oldPrice":{"amount":339},"basePrice":{"amount":241.17646958824},"finalPrice":{"amount":287},"tierPrices":[]},"217598":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217600":{"oldPrice":{"amount":339},"basePrice":{"amount":284.87394857983},"finalPrice":{"amount":339},"tierPrices":[]},"217601":{"oldPrice":{"amount":339},"basePrice":{"amount":284.87394857983},"finalPrice":{"amount":339},"tierPrices":[]},"217602":{"oldPrice":{"amount":339},"basePrice":{"amount":284.87394857983},"finalPrice":{"amount":339},"tierPrices":[]},"217603":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217604":{"oldPrice":{"amount":339},"basePrice":{"amount":260.50420068067},"finalPrice":{"amount":310},"tierPrices":[]},"217605":{"oldPrice":{"amount":339},"basePrice":{"amount":259.66386454622},"finalPrice":{"amount":309},"tierPrices":[]},"217606":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217607":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217608":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217609":{"oldPrice":{"amount":339},"basePrice":{"amount":259.66386454622},"finalPrice":{"amount":309},"tierPrices":[]},"217621":{"oldPrice":{"amount":350},"basePrice":{"amount":294.11764605882},"finalPrice":{"amount":350},"tierPrices":[]},"217669":{"oldPrice":{"amount":369},"basePrice":{"amount":279.83193177311},"finalPrice":{"amount":333},"tierPrices":[]},"217670":{"oldPrice":{"amount":369},"basePrice":{"amount":310.08403261345}
5298,"finalPrice":{"amount":369},"tierPrices":[]},"217671":{"oldPrice":{"amount":369},"basePrice":{"amount":310.08403261345},"finalPrice":{"amount":369},"tierPrices":[]},"217672":{"oldPrice":{"amount":369},"basePrice":{"amount":310.08403261345},"finalPrice":{"amount":369},"tierPrices":[]},"217673":{"oldPrice":{"amount":369},"basePrice":{"amount":310.08403261345},"finalPrice":{"amount":369},"tierPrices":[]}},"images":{"217573":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa205-d156-aa51_aac_22_melange_cream_2.0_shell_black_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa205-d156-aa51_aac_22_melange_cream_2.0_shell_black_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa205-d156-aa51_aac_22_melange_cream_2.0_shell_black_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217577":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa205-d168-aa51_aac_22_black_2.0_shell_black_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa205-d168-aa51_aac_22_black_2.0_shell_black_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa205-d168-aa51_aac_22_black_2.0_shell_black_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217594":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d123-aa51_aac_22_slate_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d123-aa51_aac_22_slate_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d123-aa51_aac_22_slate_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217595":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217596":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d129-aa51_aac_22_clay_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d129-aa51_aac_22_clay_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d129-aa51_aac_22_clay_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217598":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d135-aa51_aac_22_azure_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d135-aa51_aac_22_azure_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d135-aa51_aac_22_azure_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217600":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d141-aa51_aac_22_dusty_mint_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d141-aa51_aac_22_dusty_mint_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d141-aa51_aac_22_dusty_mint_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217601":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d144-aa51_aac_22_fall_green_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d144-aa51_aac_22_fall_green_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d144-aa51_aac_22_fall_green_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217602":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d147-aa51_aac_22_soft_brick_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d147-aa51_aac_22_soft_brick_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d147-aa51_aac_22_soft_brick_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217603":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d150-aa51_aac_22_pastel_green_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d150-aa51_aac_22_pastel_green_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d150-aa51_aac_22_pastel_green_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217604":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d153-aa51_aac_22_khaki_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d153-aa51_aac_22_khaki_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d153-aa51_aac_22_khaki_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_khaki_2.0_shell_wb_lacquer_oak_base_cph_25_off_white_lino_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_khaki_2.0_shell_wb_lacquer_oak_base_cph_25_off_white_lino_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_khaki_2.0_shell_wb_lacquer_oak_base_cph_25_off_white_lino_oak_base_new.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/l\/o\/loop_stand_round_white_laminate_aac_22_khaki_2.0_shell_wb_lacquer_base_new_order_combination_401_army_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/l\/o\/loop_stand_round_white_laminate_aac_22_khaki_2.0_shell_wb_lacquer_base_new_order_combination_401_army_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/l\/o\/loop_stand_round_white_laminate_aac_22_khaki_2.0_shell_wb_lacquer_base_new_order_combination_401_army_new.jpg?","type":"image","videoUrl":null}],"217605":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217606":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d159-aa51_aac_22_white_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d159-aa51_aac_22_white_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d159-aa51_aac_22_white_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_01.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_01.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_01.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_02.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_02.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_02.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_03.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_03.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_03.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_05.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_05.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_05.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/c\/p\/cph30_extendable_grey_lino_wb_lacquered_oak_aac22_white_2.0_shell_wb_lacquered_oak_pao_steel_pendant_350_cream_white_glass_jug.jpg?","img":"https:\/\/dbs-product.imgix.net\/c\/p\/cph30_extendable_grey_lino_wb_lacquered_oak_aac22_white_2.0_shell_wb_lacquered_oak_pao_steel_pendant_350_cream_white_glass_jug.jpg?","full":"https:\/\/dbs-product.imgix.net\/c\/p\/cph30_extendable_grey_lino_wb_lacquered_oak_aac22_white_2.0_shell_wb_lacquered_oak_pao_steel_pendant_350_cream_white_glass_jug.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/c\/p\/cph30_extendable_grey_lino_wb_lacquered_oak_aac22_white_2.0_shell_wb_lacquered_oak_pao_steel_pendant_350_cream_white_new_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/c\/p\/cph30_extendable_grey_lino_wb_lacquered_oak_aac22_white_2.0_shell_wb_lacquered_oak_pao_steel_pendant_350_cream_white_new_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/c\/p\/cph30_extendable_grey_lino_wb_lacquered_oak_aac22_white_2.0_shell_wb_lacquered_oak_pao_steel_pendant_350_cream_white_new_new.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/h\/a\/hay_shelving_unit_dusty_blue_jug_amber_pc_portable_cream_white_aac_22_white_2.0_shell_wb_lacquer_oak_
5298new.jpg?","img":"https:\/\/dbs-product.imgix.net\/h\/a\/hay_shelving_unit_dusty_blue_jug_amber_pc_portable_cream_white_aac_22_white_2.0_shell_wb_lacquer_oak_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/h\/a\/hay_shelving_unit_dusty_blue_jug_amber_pc_portable_cream_white_aac_22_white_2.0_shell_wb_lacquer_oak_new.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_white_2.0_shell_wb_lacquer_oak_cph_20_white_top_wb_lacquer_oak_bottoms_up_vase_navy_blue_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_white_2.0_shell_wb_lacquer_oak_cph_20_white_top_wb_lacquer_oak_bottoms_up_vase_navy_blue_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_white_2.0_shell_wb_lacquer_oak_cph_20_white_top_wb_lacquer_oak_bottoms_up_vase_navy_blue_new.jpg?","type":"image","videoUrl":null}],"217607":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d162-aa51_aac_22_dusty_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d162-aa51_aac_22_dusty_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d162-aa51_aac_22_dusty_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217608":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d165-aa51_aac_22_concrete_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d165-aa51_aac_22_concrete_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d165-aa51_aac_22_concrete_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217609":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa206-d168-aa51_aac_22_black_2.0_shell_soaped_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa206-d168-aa51_aac_22_black_2.0_shell_soaped_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa206-d168-aa51_aac_22_black_2.0_shell_soaped_oak_base_new.jpg?","type":"image","videoUrl":null}],"217621":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217669":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_walnut_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_walnut_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_walnut_base_new.jpg?","type":"image","videoUrl":null}],"217670":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d159-aa51_aac_22_white_2.0_shell_wb_lacquered_walnut_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d159-aa51_aac_22_white_2.0_shell_wb_lacquered_walnut_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d159-aa51_aac_22_white_2.0_shell_wb_lacquered_walnut_base_new.jpg?","type":"image","videoUrl":null}],"217671":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d162-aa51_aac_22_dusty_blue_2.0_shell_wb_lacquered_walnut_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d162-aa51_aac_22_dusty_blue_2.0_shell_wb_lacquered_walnut_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d162-aa51_aac_22_dusty_blue_2.0_shell_wb_lacquered_walnut_base_new.jpg?","type":"image","videoUrl":null}],"217672":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d165-aa51_aac_22_concrete_2.0_shell_wb_lacquered_walnut_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d165-aa51_aac_22_concrete_2.0_shell_wb_lacquered_walnut_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d165-aa51_aac_22_concrete_2.0_shell_wb_lacquered_walnut_base_new.jpg?","type":"image","videoUrl":null}],"217673":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d168-aa51_aac_22_black_2.0_shell_wb_lacquered_walnut_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d168-aa51_aac_22_black_2.0_shell_wb_lacquered_walnut_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d168-aa51_aac_22_black_2.0_shell_wb_lacquered_walnut_base_new.jpg?","type":"image","videoUrl":null}]},"index":{"217573":{"160":"38514","161":"31030","166":"38059"},"217577":{"160":"38518","161":"31030","166":"38059"},"217594":{"160":"38503","161":"31029","166":"38059"},"217595":{"160":"38504","161":"31029","166":"38059"}
5298,"217596":{"160":"38505","161":"31029","166":"38059"},"217598":{"160":"38507","161":"31029","166":"38059"},"217600":{"160":"38509","161":"31029","166":"38059"},"217601":{"160":"38510","161":"31029","166":"38059"},"217602":{"160":"38511","161":"31029","166":"38059"},"217603":{"160":"38512","161":"31029","166":"38059"},"217604":{"160":"38513","161":"31029","166":"38059"},"217605":{"160":"38514","161":"31029","166":"38059"},"217606":{"160":"38515","161":"31029","166":"38059"},"217607":{"160":"38516","161":"31029","166":"38059"},"217608":{"160":"38517","161":"31029","166":"38059"},"217609":{"160":"38518","161":"31029","166":"38059"},"217621":{"160":"38514","161":"31029","166":"21227"},"217669":{"160":"38514","161":"31117","166":"38059"},"217670":{"160":"38515","161":"31117","166":"38059"},"217671":{"160":"38516","161":"31117","166":"38059"},"217672":{"160":"38517","161":"31117","166":"38059"},"217673":{"160":"38518","161":"31117","166":"38059"}},"deliveryTimes":{"217573":{"id":217573,"min_date":"2026-11-13","max_date":"2026-11-27","instantly_available":false,"label":"Versand in ca. 6 - 8 Wochen","qty_label":"Versand in ca. 6 - 8 Wochen","stock_data":{"product_id":"217573","stock_amount":"-9.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":"2026-03-02 00:00:00","procurement_time":"6-8w","requested_qty":1}},"217577":{"id":217577,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"noch 4 sofort lieferbar","stock_data":{"product_id":"217577","stock_amount":"4.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-26 00:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217594":{"id":217594,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217594","stock_amount":"21.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-26 00:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217595":{"id":217595,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"noch 1 sofort lieferbar","stock_data":{"product_id":"217595","stock_amount":"1.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-26 00:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217596":{"id":217596,"min_date":"2026-11-13","max_date":"2026-11-27","instantly_available":false,"label":"Versand in ca. 6 - 8 Wochen","qty_label":"Versand in ca. 6 - 8 Wochen","stock_data":{"product_id":"217596","stock_amount":"0.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217598":{"id":217598,"min_date":"2026-11-13","max_date":"2026-11-27","instantly_available":false,"label":"Versand in ca. 6 - 8 Wochen","qty_label":"Versand in ca. 6 - 8 Wochen","stock_data":{"product_id":"217598","stock_amount":"-8.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":"2026-04-27 00:00:00","procurement_time":"6-8w","requested_qty":1}},"217600":{"id":217600,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217600","stock_amount":"14.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-09-28 00:00:00","available_from":null,"procurement_time":"4-6w","requested_qty":1}},"217601":{"id":217601,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217601","stock_amount":"42.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-09-28 00:00:00","available_from":null,"procurement_time":"4-6w","requested_qty":1}},"217602":{"id":217602,"min_date":"2026-11-13","max_date":"2026-11-27","instantly_available":false,"label":"Versand in ca. 6 - 8 Wochen","qty_label":"Versand in ca. 6 - 8 Wochen","stock_data":{"product_id":"217602","stock_amount":"-5.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217603":{"id":217603,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"noch 4 sofort lieferbar","stock_data":{"product_id":"217603","stock_amount":"4.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-19
529800:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217604":{"id":217604,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"noch 3 sofort lieferbar","stock_data":{"product_id":"217604","stock_amount":"3.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-12-03 00:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217605":{"id":217605,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217605","stock_amount":"15.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-26 00:00:00","available_from":null,"procurement_time":"2-4w","requested_qty":1}},"217606":{"id":217606,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217606","stock_amount":"118.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-26 00:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217607":{"id":217607,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217607","stock_amount":"32.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-19 00:00:00","available_from":"2026-03-30 00:00:00","procurement_time":"6-8w","requested_qty":1}},"217608":{"id":217608,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217608","stock_amount":"61.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-09-28 00:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217609":{"id":217609,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217609","stock_amount":"16.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-09-28 00:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217621":{"id":217621,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217621","stock_amount":"17.0000","is_in_stock":"1","backorders":"0","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217669":{"id":217669,"min_date":"2026-11-13","max_date":"2026-11-27","instantly_available":false,"label":"Versand in ca. 6 - 8 Wochen","qty_label":"Versand in ca. 6 - 8 Wochen","stock_data":{"product_id":"217669","stock_amount":"-6.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217670":{"id":217670,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"noch 3 sofort lieferbar","stock_data":{"product_id":"217670","stock_amount":"3.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217671":{"id":217671,"min_date":"2026-11-13","max_date":"2026-11-27","instantly_available":false,"label":"Versand in ca. 6 - 8 Wochen","qty_label":"Versand in ca. 6 - 8 Wochen","stock_data":{"product_id":"217671","stock_amount":"0.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217672":{"id":217672,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"noch 4 sofort lieferbar","stock_data":{"product_id":"217672","stock_amount":"4.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217673":{"id":217673,"min_date":"2026-11-13","max_date":"2026-11-27","instantly_available":false,"label":"Versand in ca. 6 - 8 Wochen","qty_label":"Versand in ca. 6 - 8 Wochen","stock_data":{"product_id":"217673","stock_amount":"-9.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}}},"additional":{"217573":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - melange cream 2.0 - Eiche schwarz lackiert - Standardgleiter","sku":"903180200","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-15%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217577":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - black 2.0 - Eiche schwarz lackiert - Standardgleiter","sku":"903180204","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-9%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217594":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - slate blue 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180221","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-15%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217595":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - pale peach 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180222","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217596":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - clay 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180223","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-15%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217598":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - azure blue 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180225","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-10%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217600":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - dusty mint 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180227","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217601":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - fall green 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180228","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217602":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - soft brick 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180229","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217603":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - pastel green 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180230","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-10%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217604":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - khaki 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180231","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-9%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217605":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - melange cream 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180232","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-9%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217606":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - white 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180233","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-10%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217607":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - dusty blue 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180234","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-10%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217608":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - concrete grey 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180235","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-10%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217609":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - black 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180236","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-9%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217621":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - melange cream 2.0 - Eiche wasserbasiert lackiert - Filzgleiter","sku":"903180248","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217669":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - melange cream 2.0 - Walnuss wasserbasiert lackiert - Standardgleiter","sku":"92142543","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Walnuss ","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm<br>Sitzh\u00f6he 46 cm","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-10%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217670":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - white 2.0 - Walnuss wasserbasiert lackiert - Standardgleiter","sku":"92142544","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Walnuss ","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm<br>Sitzh\u00f6he 46 cm","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217671":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - dusty blue 2.0 - Walnuss wasserbasiert lackiert - Standardgleiter","sku":"92142545","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Walnuss ","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm<br>Sitzh\u00f6he 46 cm","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217672":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - concrete grey 2.0 - Walnuss wasserbasiert lackiert - Standardgleiter","sku":"92142546","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Walnuss ","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm<br>Sitzh\u00f6he 46 cm","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217673":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - black 2.0 - Walnuss wasserbasiert lackiert - Standardgleiter","sku":"92142547","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Walnuss ","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm<br>Sitzh\u00f6he 46 cm","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]}}}); 5299 5300 return Object.assign( 5301 configurableOptionsComponent, 5302 { 5303 swatchCollapse: { 5304 160: { 5305 open: false, 5306 swatchesRemaining: null 5307 }, 5308 161: { 5309 open: false, 5310 swatchesRemaining: null 5311 }, 5312 166: { 5313 open: false, 5314 swatchesRemaining: null 5315 }, 5316 }, 5317 isSwatchDisplayCalculated: false, 5318 toggleSwatchCollapse(attributeId) { 5319 this.swatchCollapse[attributeId].open = !this.swatchCollapse[attributeId].open 5320 5321 if (this.swatchCollapse[attributeId].open) { 5322 this.showRemainingSwatches(attributeId) 5323 } 5324 else { 5325 this.hideRemainingSwatches(attributeId) 5326 } 5327 }, 5328 calculateSwatchesCollapse() { 5329 const swatchOptionElement = document.querySelector('.swatch-option') 5330 5331 if (!swatchOptionElement) return 5332 5333 const swatchWidth = 32; 5334 const swatchContainerDimensions = document.querySelector('.swatch-attribute-options').clientWidth 5335 5336 const swatchesPerRow = Math.floor(swatchContainerDimensions / swatchWidth) 5337 const swatchesFittingIntoTwoRows = swatchesPerRow * 2 5338 5339 Object.values(this.optionConfig.attributes).map(item =>
5339 item.id).forEach(attributeId => { 5340 const totalSwatches = Object.keys(this.optionConfig.attributes[attributeId].options).length 5341 const swatchCollapseAttribute = this.swatchCollapse[attributeId]; 5342 5343 if (totalSwatches > swatchesFittingIntoTwoRows) { 5344 swatchCollapseAttribute.swatchesRemaining = totalSwatches - swatchesFittingIntoTwoRows + 1 5345 } else { 5346 swatchCollapseAttribute.swatchesRemaining = null 5347 this.showRemainingSwatches(attributeId) 5348 } 5349 5350 if (swatchCollapseAttribute.swatchesRemaining && !swatchCollapseAttribute.open) { 5351 this.showRemainingSwatches(attributeId) 5352 this.$nextTick(() => this.hideRemainingSwatches(attributeId)) 5353 } 5354 }) 5355 5356 this.isSwatchDisplayCalculated = true 5357 }, 5358 hideRemainingSwatches(attributeId) { 5359 const swatches = document.querySelectorAll('.attribute-'+ attributeId +' .swatch-option') 5360 const startingPoint = swatches.length - this.swatchCollapse[attributeId].swatchesRemaining 5361 for (let i = startingPoint;i < swatches.length;i++) { 5362 const element = swatches[i] 5363 element.classList.add('inactive') 5364 } 5365 }, 5366 showRemainingSwatches(attributeId) { 5367 document.querySelectorAll('.attribute-'+ attributeId +' .swatch-option').forEach(element => element.classList.remove('inactive')) 5368 }, 5369 } 5370 ); 5371 } 5372 </script>
5372 5373 5374 <div x-data="initConfigurableSwatchOptions_17572()" 5375 x-init="initSelectedValues(); $nextTick(() => {calculateSwatchesCollapse();})" 5376 x-bind="eventListeners" 5377 x-on:window-resize-horizontal.window.debounce="calculateSwatchesCollapse()" 5378 class="mt-6 mb-5 relative border-stonegray border-t pt-7" 5379 > 5380 <div class="relative border-stonegray border-b mb-7 pb-7 lg:pb-8 last:mb-0"> 5381 <div class="w-full grid grid-cols-[110px_auto] lg:grid-cols-3 attribute-160"> 5382 <label class="text-black option-label-container text-left w-full flex justify-between mb-0 overflow-x-hidden"> 5383 <span> 5384 <span class="option-label block whitespace-nowrap"> 5385 Farbe: 5386 </span> 5387 <span class="option-value font-medium" x-text="getSelectedLabel(160)"></span> 5388 </span> 5389 </label> 5390 <div class="w-full lg:col-span-2 relative pr-6 xl:pr-20 1xl:pr-10 min-h-6"> 5391 <span class="block w-5 h-5 flex items-center justify-end cursor-pointer absolute top-px right-0 z-10" 5392 :class="{'block' : swatchCollapse[160].swatchesRemaining > 0, 'invisible' : swatchCollapse[160].swatchesRemaining < 1}" 5393 x-on:click="toggleSwatchCollapse(160)"> 5394 <span :class="{'transform rotate-180' : swatchCollapse[160].open}"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="h-auto w-3" width="24" height="24" role="img"> 5395 <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/> 5396</svg> 5397</span> 5398 </span> 5399 <div class="swatch-attribute-options mobile-collapsed initial-state" 5400 :class="{ 5401 'mobile-collapsed': !swatchCollapse[160].open && swatchCollapse[160].swatchesRemaining > 0, 5402 'initial-state' : !isSwatchDisplayCalculated 5403 }" 5404 > 5405 <div class="flex flex-row flex-wrap w-full"> 5406 <span 5407 x-on:click="isOptionAvailable(160, '38507') ? changeOption(160, '38507') : false" 5408 class="swatch-option relative cursor-pointer select-none" 5409 :class="{ 5410 'active': (selectedValues[160] === '38507'), 5411 'cursor-default disabled': isOptionAvailable(160, '38507') === false 5412 }"> 5413 <span class="swatch"> 5414 <span class="w-full h-full overflow-hidden block border border-white"> 5415 <span class="h-full w-full block" 5416 style="background-color: #1E3B5B" 5417 > 5418 </span> 5419 </span> 5420 </span> 5421 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20">
5422 <span class="h-full w-full block border bg-auto" id="magnified-option-38507" 5423 style="background-color: #1E3B5B" 5424 ></span> 5425 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">azure blue 2.0</span> 5426 </span> 5427 </span> 5428 <span 5429 x-on:click="isOptionAvailable(160, '38518') ? changeOption(160, '38518') : false" 5430 class="swatch-option relative cursor-pointer select-none" 5431 :class="{ 5432 'active': (selectedValues[160] === '38518'), 5433 'cursor-default disabled': isOptionAvailable(160, '38518') === false 5434 }"> 5435 <span class="swatch"> 5436 <span class="w-full h-full overflow-hidden block border border-white"> 5437 <span class="h-full w-full block" 5438 style="background-color: #18191B" 5439 > 5440 </span> 5441 </span> 5442 </span> 5443 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5444 <span class="h-full w-full block border bg-auto" id="magnified-option-38518" 5445 style="background-color: #18191B" 5446 ></span> 5447 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">black 2.0</span> 5448 </span> 5449 </span> 5450 <span 5451 x-on:click="isOptionAvailable(160, '38505') ? changeOption(160, '38505') : false" 5452 class="swatch-option relative cursor-pointer select-none" 5453 :class="{ 5454 'active': (selectedValues[160] === '38505'), 5455 'cursor-default disabled': isOptionAvailable(160, '38505') === false 5456 }"> 5457 <span class="swatch"> 5458 <span class="w-full h-full overflow-hidden block border border-white"> 5459 <span class="h-full w-full block" 5460 style="background-color: #807059" 5461 > 5462 </span> 5463 </span> 5464 </span> 5465 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20">
5466 <span class="h-full w-full block border bg-auto" id="magnified-option-38505" 5467 style="background-color: #807059" 5468 ></span> 5469 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">clay 2.0</span> 5470 </span> 5471 </span> 5472 <span 5473 x-on:click="isOptionAvailable(160, '38517') ? changeOption(160, '38517') : false" 5474 class="swatch-option relative cursor-pointer select-none" 5475 :class="{ 5476 'active': (selectedValues[160] === '38517'), 5477 'cursor-default disabled': isOptionAvailable(160, '38517') === false 5478 }"> 5479 <span class="swatch"> 5480 <span class="w-full h-full overflow-hidden block border border-foggray"> 5481 <span class="h-full w-full block" 5482 style="background-color: #A5AAAD" 5483 > 5484 </span> 5485 </span> 5486 </span> 5487 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5488 <span class="h-full w-full block border bg-auto" id="magnified-option-38517" 5489 style="background-color: #A5AAAD" 5490 ></span> 5491 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">concrete grey 2.0</span> 5492 </span> 5493 </span> 5494 <span 5495 x-on:click="isOptionAvailable(160, '38516') ? changeOption(160, '38516') : false" 5496 class="swatch-option relative cursor-pointer select-none" 5497 :class="{ 5498 'active': (selectedValues[160] === '38516'), 5499 'cursor-default disabled': isOptionAvailable(160, '38516') === false 5500 }"> 5501 <span class="swatch"> 5502 <span class="w-full h-full overflow-hidden block border border-white"> 5503 <span class="h-full w-full block" 5504 style="background-color: #7C959A" 5505 > 5506 </span> 5507 </span> 5508 </span>
5509 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5510 <span class="h-full w-full block border bg-auto" id="magnified-option-38516" 5511 style="background-color: #7C959A" 5512 ></span> 5513 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">dusty blue 2.0</span> 5514 </span> 5515 </span> 5516 <span 5517 x-on:click="isOptionAvailable(160, '38509') ? changeOption(160, '38509') : false" 5518 class="swatch-option relative cursor-pointer select-none" 5519 :class="{ 5520 'active': (selectedValues[160] === '38509'), 5521 'cursor-default disabled': isOptionAvailable(160, '38509') === false 5522 }"> 5523 <span class="swatch"> 5524 <span class="w-full h-full overflow-hidden block border border-foggray"> 5525 <span class="h-full w-full block" 5526 style="background-color: #B3C6C0" 5527 > 5528 </span> 5529 </span> 5530 </span> 5531 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5532 <span class="h-full w-full block border bg-auto" id="magnified-option-38509" 5533 style="background-color: #B3C6C0" 5534 ></span> 5535 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">dusty mint 2.0</span> 5536 </span> 5537 </span> 5538 <span 5539 x-on:click="isOptionAvailable(160, '38510') ? changeOption(160, '38510') : false" 5540 class="swatch-option relative cursor-pointer select-none" 5541 :class="{ 5542 'active': (selectedValues[160] === '38510'), 5543 'cursor-default disabled': isOptionAvailable(160, '38510') === false 5544 }"> 5545 <span class="swatch"> 5546 <span class="w-full h-full overflow-hidden block border border-white"> 5547 <span class="h-full w-full block" 5548 style="background-color: #6B8480" 5549 > 5550 </span> 5551 </span> 5552 </span>
5553 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5554 <span class="h-full w-full block border bg-auto" id="magnified-option-38510" 5555 style="background-color: #6B8480" 5556 ></span> 5557 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">fall green 2.0</span> 5558 </span> 5559 </span> 5560 <span 5561 x-on:click="isOptionAvailable(160, '38513') ? changeOption(160, '38513') : false" 5562 class="swatch-option relative cursor-pointer select-none" 5563 :class="{ 5564 'active': (selectedValues[160] === '38513'), 5565 'cursor-default disabled': isOptionAvailable(160, '38513') === false 5566 }"> 5567 <span class="swatch"> 5568 <span class="w-full h-full overflow-hidden block border border-white"> 5569 <span class="h-full w-full block" 5570 style="background-color: #7F7868" 5571 > 5572 </span> 5573 </span> 5574 </span> 5575 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5576 <span class="h-full w-full block border bg-auto" id="magnified-option-38513" 5577 style="background-color: #7F7868" 5578 ></span> 5579 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">khaki 2.0</span> 5580 </span> 5581 </span> 5582 <span 5583 x-on:click="isOptionAvailable(160, '38514') ? changeOption(160, '38514') : false" 5584 class="swatch-option relative cursor-pointer select-none" 5585 :class="{ 5586 'active': (selectedValues[160] === '38514'), 5587 'cursor-default disabled': isOptionAvailable(160, '38514') === false 5588 }"> 5589 <span class="swatch"> 5590 <span class="w-full h-full overflow-hidden block border border-foggray"> 5591 <span class="h-full w-full block" 5592 style="background-color: #C3C0B1" 5593 > 5594 </span> 5595 </span> 5596 </span>
5597 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5598 <span class="h-full w-full block border bg-auto" id="magnified-option-38514" 5599 style="background-color: #C3C0B1" 5600 ></span> 5601 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">melange cream 2.0</span> 5602 </span> 5603 </span> 5604 <span 5605 x-on:click="isOptionAvailable(160, '38504') ? changeOption(160, '38504') : false" 5606 class="swatch-option relative cursor-pointer select-none" 5607 :class="{ 5608 'active': (selectedValues[160] === '38504'), 5609 'cursor-default disabled': isOptionAvailable(160, '38504') === false 5610 }"> 5611 <span class="swatch"> 5612 <span class="w-full h-full overflow-hidden block border border-foggray"> 5613 <span class="h-full w-full block" 5614 style="background-color: #D4BFA2" 5615 > 5616 </span> 5617 </span> 5618 </span> 5619 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5620 <span class="h-full w-full block border bg-auto" id="magnified-option-38504" 5621 style="background-color: #D4BFA2" 5622 ></span> 5623 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">pale peach 2.0</span> 5624 </span> 5625 </span> 5626 <span 5627 x-on:click="isOptionAvailable(160, '38512') ? changeOption(160, '38512') : false" 5628 class="swatch-option relative cursor-pointer select-none" 5629 :class="{ 5630 'active': (selectedValues[160] === '38512'), 5631 'cursor-default disabled': isOptionAvailable(160, '38512') === false 5632 }"> 5633 <span class="swatch"> 5634 <span class="w-full h-full overflow-hidden block border border-foggray"> 5635 <span class="h-full w-full block" 5636 style="background-color: #A6AA9B" 5637 > 5638 </span> 5639 </span> 5640 </span>
5641 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5642 <span class="h-full w-full block border bg-auto" id="magnified-option-38512" 5643 style="background-color: #A6AA9B" 5644 ></span> 5645 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">pastel green 2.0</span> 5646 </span> 5647 </span> 5648 <span 5649 x-on:click="isOptionAvailable(160, '38503') ? changeOption(160, '38503') : false" 5650 class="swatch-option relative cursor-pointer select-none" 5651 :class="{ 5652 'active': (selectedValues[160] === '38503'), 5653 'cursor-default disabled': isOptionAvailable(160, '38503') === false 5654 }"> 5655 <span class="swatch"> 5656 <span class="w-full h-full overflow-hidden block border border-foggray"> 5657 <span class="h-full w-full block" 5658 style="background-color: #9CA5B6" 5659 > 5660 </span> 5661 </span> 5662 </span> 5663 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5664 <span class="h-full w-full block border bg-auto" id="magnified-option-38503" 5665 style="background-color: #9CA5B6" 5666 ></span> 5667 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">slate blue 2.0</span> 5668 </span> 5669 </span> 5670 <span 5671 x-on:click="isOptionAvailable(160, '38511') ? changeOption(160, '38511') : false" 5672 class="swatch-option relative cursor-pointer select-none" 5673 :class="{ 5674 'active': (selectedValues[160] === '38511'), 5675 'cursor-default disabled': isOptionAvailable(160, '38511') === false 5676 }"> 5677 <span class="swatch"> 5678 <span class="w-full h-full overflow-hidden block border border-white"> 5679 <span class="h-full w-full block" 5680 style="background-color: #7A544B" 5681 > 5682 </span> 5683 </span> 5684 </span>
5685 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5686 <span class="h-full w-full block border bg-auto" id="magnified-option-38511" 5687 style="background-color: #7A544B" 5688 ></span> 5689 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">soft brick 2.0</span> 5690 </span> 5691 </span> 5692 <span 5693 x-on:click="isOptionAvailable(160, '38515') ? changeOption(160, '38515') : false" 5694 class="swatch-option relative cursor-pointer select-none" 5695 :class="{ 5696 'active': (selectedValues[160] === '38515'), 5697 'cursor-default disabled': isOptionAvailable(160, '38515') === false 5698 }"> 5699 <span class="swatch"> 5700 <span class="w-full h-full overflow-hidden block border border-foggray"> 5701 <span class="h-full w-full block" 5702 style="background-color: #FFFFFF" 5703 > 5704 </span> 5705 </span> 5706 </span> 5707 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5708 <span class="h-full w-full block border bg-auto" id="magnified-option-38515" 5709 style="background-color: #FFFFFF" 5710 ></span> 5711 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">white 2.0</span> 5712 </span> 5713 </span> 5714 <span 5715 class="remaining-swatches-overlay flex bg-cover hidden" 5716 :class="{'flex' : swatchCollapse[160].swatchesRemaining > 0, 'hidden' : swatchCollapse[160].swatchesRemaining < 1 || swatchCollapse[160].open}" 5717 x-on:click="toggleSwatchCollapse(160)" 5718 > 5719 <span class="cursor-pointer select-none"> 5720 <span x-text="'+' + swatchCollapse[160].swatchesRemaining"></span> 5721 </span> 5722 </span> 5723 </div> 5724 <input 5725 name="super_attribute[160]" 5726 type="hidden" 5727 id="attribute160" 5728 :value="selectedValues[160]" 5729 /> 5730 </div> 5731 </div> 5732 </div> 5733 </div> 5734 <div class="relative border-stonegray border-b mb-7 pb-7 lg:pb-8 last:mb-0"> 5735 <div class="w-full grid grid-cols-[110px_auto] lg:grid-cols-3 attribute-161"> 5736 <label class="text-black option-label-container text-left w-full flex justify-between mb-0 overflow-x-hidden">
5737 <span> 5738 <span class="option-label block whitespace-nowrap"> 5739 Gestell: 5740 </span> 5741 <span class="option-value font-medium" x-text="getSelectedLabel(161)"></span> 5742 </span> 5743 </label> 5744 <div class="w-full lg:col-span-2 relative pr-6 xl:pr-20 1xl:pr-10 min-h-6"> 5745 <span class="block w-5 h-5 flex items-center justify-end cursor-pointer absolute top-px right-0 z-10" 5746 :class="{'block' : swatchCollapse[161].swatchesRemaining > 0, 'invisible' : swatchCollapse[161].swatchesRemaining < 1}" 5747 x-on:click="toggleSwatchCollapse(161)"> 5748 <span :class="{'transform rotate-180' : swatchCollapse[161].open}"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="h-auto w-3" width="24" height="24" role="img"> 5749 <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/> 5750</svg> 5751</span> 5752 </span> 5753 <div class="swatch-attribute-options mobile-collapsed initial-state" 5754 :class="{ 5755 'mobile-collapsed': !swatchCollapse[161].open && swatchCollapse[161].swatchesRemaining > 0, 5756 'initial-state' : !isSwatchDisplayCalculated 5757 }" 5758 > 5759 <div class="flex flex-row flex-wrap w-full"> 5760 <span 5761 x-on:click="isOptionAvailable(161, '31029') ? changeOption(161, '31029') : false" 5762 class="swatch-option relative cursor-pointer select-none" 5763 :class="{ 5764 'active': (selectedValues[161] === '31029'), 5765 'cursor-default disabled': isOptionAvailable(161, '31029') === false 5766 }"> 5767 <span class="swatch"> 5768 <span class="w-full h-full overflow-hidden block border border-white"> 5769 <span class="h-full w-full block" 5770 style="background-color: #ffffff; background-image: url('https://dbs-base.imgix.net/media/attribute/swatch/9/2/31029.jpg?w=28&h=28&crop=entropy'); background-repeat: no-repeat; background-position: center" 5771 > 5772 </span> 5773 </span> 5774 </span> 5775 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5776 <span class="h-full w-full block border bg-auto" id="magnified-option-31029" 5777 style="background-color: #ffffff; background-image: url('https://dbs-base.imgix.net/media/attribute/swatch/9/2/31029.jpg?w=208&h=160'); background-repeat: no-repeat; background-position: center" 5778 ></span>
5779 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">Eiche lackiert</span> 5780 </span> 5781 </span> 5782 <span 5783 x-on:click="isOptionAvailable(161, '31030') ? changeOption(161, '31030') : false" 5784 class="swatch-option relative cursor-pointer select-none" 5785 :class="{ 5786 'active': (selectedValues[161] === '31030'), 5787 'cursor-default disabled': isOptionAvailable(161, '31030') === false 5788 }"> 5789 <span class="swatch"> 5790 <span class="w-full h-full overflow-hidden block border border-white"> 5791 <span class="h-full w-full block" 5792 style="background-color: #ffffff; background-image: url('https://dbs-base.imgix.net/media/attribute/swatch/0/3/31030.jpg?w=28&h=28&crop=entropy'); background-repeat: no-repeat; background-position: center" 5793 > 5794 </span> 5795 </span> 5796 </span> 5797 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5798 <span class="h-full w-full block border bg-auto" id="magnified-option-31030" 5799 style="background-color: #ffffff; background-image: url('https://dbs-base.imgix.net/media/attribute/swatch/0/3/31030.jpg?w=208&h=160'); background-repeat: no-repeat; background-position: center" 5800 ></span> 5801 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">Eiche schwarz lackiert</span> 5802 </span> 5803 </span> 5804 <span 5805 x-on:click="isOptionAvailable(161, '31117') ? changeOption(161, '31117') : false" 5806 class="swatch-option relative cursor-pointer select-none" 5807 :class="{ 5808 'active': (selectedValues[161] === '31117'), 5809 'cursor-default disabled': isOptionAvailable(161, '31117') === false 5810 }"> 5811 <span class="swatch"> 5812 <span class="w-full h-full overflow-hidden block border border-white"> 5813 <span class="h-full w-full block" 5814 style="background-color: #ffffff; background-image: url('https://dbs-base.imgix.net/media/attribute/swatch/7/1/31117.jpg?w=28&h=28&crop=entropy'); background-repeat: no-repeat; background-position: center" 5815 > 5816 </span> 5817 </span> 5818 </span>
5819 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5820 <span class="h-full w-full block border bg-auto" id="magnified-option-31117" 5821 style="background-color: #ffffff; background-image: url('https://dbs-base.imgix.net/media/attribute/swatch/7/1/31117.jpg?w=208&h=160'); background-repeat: no-repeat; background-position: center" 5822 ></span> 5823 <span class="text-black bg-opacity-40 bg-white text-sm absolute block text-center w-full py-1 bottom-5 px-3">Walnuss lackiert</span> 5824 </span> 5825 </span> 5826 <span 5827 class="remaining-swatches-overlay flex bg-cover hidden" 5828 :class="{'flex' : swatchCollapse[161].swatchesRemaining > 0, 'hidden' : swatchCollapse[161].swatchesRemaining < 1 || swatchCollapse[161].open}" 5829 x-on:click="toggleSwatchCollapse(161)" 5830 > 5831 <span class="cursor-pointer select-none"> 5832 <span x-text="'+' + swatchCollapse[161].swatchesRemaining"></span> 5833 </span> 5834 </span> 5835 </div> 5836 <input 5837 name="super_attribute[161]" 5838 type="hidden" 5839 id="attribute161" 5840 :value="selectedValues[161]" 5841 /> 5842 </div> 5843 </div> 5844 </div> 5845 </div> 5846 <div class="relative border-stonegray border-b mb-7 pb-7 lg:pb-8 last:mb-0"> 5847 <div class="w-full grid grid-cols-[110px_auto] lg:grid-cols-3 attribute-166"> 5848 <label class="text-black option-label-container text-left w-full flex justify-between mb-0 overflow-x-hidden" 5849 for="attribute166"> 5850 <span> 5851 <span class="option-label block whitespace-nowrap"> 5852 Ausstattung: 5853 </span> 5854 </span> 5855 </label> 5856 <div class="w-full lg:col-span-2 relative pr-6 xl:pr-20 1xl:pr-10 min-h-6"> 5857 <select name="super_attribute[166]" 5858 id="attribute166" 5859 class="form-select super-attribute-select w-full" 5860 x-on:change="setCurrentSelection()" 5861 x-model="selectedValues[166]" 5862 required="required"> 5863 <option 5864 value="21227" 5865 :selected="selectedValues[166] === '21227'" 5866 :disabled="isOptionAvailable('166', '21227') === false ? 'disabled' : false"> 5867 Filzgleiter </option> 5868 <option 5869 value="38059" 5870 :selected="selectedValues[166] === '38059'" 5871 :disabled="isOptionAvailable('166', '38059') === false ? 'disabled' : false"> 5872 Standardgleiter Kunststoff </option> 5873 </select> 5874 </div> 5875 </div> 5876 </div> 5877 </div> 5878 </form> 5879 5880 5881 <div class="flex mx-auto md:w-7/12 lg:w-full mt-4"> 5882
5882<script> 5883 function initQtyField() { 5884 5885 function findPathParam(key) { 5886 // get all path pairs after BASE_URL/front_name/action_path/action 5887 const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL; 5888 const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); 5889 const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); 5890 for (let i = 0; i < pathParts.length; i += 2) { 5891 if (pathParts[i] === key && pathParts.length > i) { 5892 return pathParts[i + 1]; 5893 } 5894 } 5895 } 5896 5897 return { 5898 qty: 1, 5899 itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), 5900 productId: '17572', 5901 onGetCartData: function onGetCartData(data, $dispatch) { 5902 const cart = data && data.data && data.data.cart; 5903 if (this.itemId && cart && cart.items) { 5904 const cartItem = cart.items.find((item) => { 5905 return item.item_id === this.itemId && item.product_id === this.productId; 5906 }); 5907 if (cartItem && cartItem.qty) { 5908 this.qty = cartItem.qty; 5909 $dispatch('update-qty-' + this.productId, this.qty); 5910 } 5911 } 5912 } 5913 }; 5914 } 5915 </script>
5915 5916 <div x-data="initQtyField()" 5917 x-init="$dispatch('update-qty-17572', qty)" 5918 class="" 5919 > 5920 <div class=""> 5921 <label for="qty[17572]" 5922 class="sr-only" 5923 > 5924 Menge </label> 5925 <input name="qty" 5926 @private-content-loaded.window="onGetCartData($event.detail, $dispatch)" 5927 id="qty[17572]" 5928 form="product_addtocart_form" 5929 type="number" 5930 pattern="[0-9]{0,3}" 5931 inputmode="numeric" 5932 min="1" max="500" :value="qty" 5933 value="1" 5934 class="sr-only" 5935 x-model.number="qty" 5936 @input="$dispatch('update-qty-17572', qty)" 5937 /> 5938 </div> 5939 </div> 5940 <div class="add-to-cart w-full" 5941 x-data="AddToCartBuybox()" x-bind="eventListeners" 5942 > 5943 <button class="button button-addtocart w-full" 5944 :class="{'busy' : isLoading, 'done' : isLoadingSuccess}" 5945 :disabled="isLoading" 5946 x-on:click="addToCart()" 5947 title="In den Warenkorb" 5948 > 5949 <span class="relative"> 5950 <span class="done absolute left-0 -ml-4 top-1/2 transform -translate-x-full -translate-y-1/2 w-4 h-4"> 5951 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 17 13" fill="none" class="w-4 h-4" aria-hidden="true"> 5952 <path d="M5.9085 12.0993C6.1425 12.0993 6.4155 12.019 6.6105 11.8184L16.3995 1.74567C16.7895 1.34437 16.7895 0.70228 16.3995 0.300977C16.0095 -0.100326 15.3855 -0.100326 14.9955 0.300977L5.9085 9.65133L1.6965 5.31726C1.3065 4.91596 0.6825 4.91596 0.2925 5.31726C-0.0975 5.71856 -0.0975 6.36065 0.2925 6.76195L5.2065 11.8184C5.4015 11.9789 5.6745 12.0993 5.9085 12.0993Z" fill="white"/> 5953</svg> 5954 </span> 5955 In den Warenkorb </span> 5956 </button> 5957</div> 5958
5958<script> 5959 function AddToCartBuybox() { 5960 return { 5961 defaultQty: 1, 5962 qty: 1, 5963 isLoading: false, 5964 isLoadingSuccess: false, 5965 sku: '90318001', 5966 currentVariantSku: null, 5967 selectedOptions: null, 5968 smallImage: null, 5969 5970 addToCart() { 5971 if (!this.isLoading) { 5972 if (!this.selectedOptions) { 5973 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 5974 [{ 5975 type: "error", 5976 text: "Bitte\u0020w\u00E4hlen\u0020Sie\u0020alle\u0020ben\u00F6tigten\u0020Optionen\u0020aus." 5977 }], 10000 5978 ) 5979 return false 5980 } 5981 5982 this.isLoading = true 5983 5984 window.dispatchEvent( 5985 new CustomEvent("addtocart", { 5986 detail: { 5987 sku: this.sku, 5988 currentVariantSku: this.currentVariantSku, 5989 qty: parseFloat(this.qty), 5990 selectedOptions: this.selectedOptions, 5991 smallImage: this.smallImage, 5992 updateLoaderStatus: (status) => { 5993 this.isLoading = status; 5994 } 5995 } 5996 } 5997 )) 5998 } 5999 }, 6000 6001 eventListeners: { 6002 ['x-on:update-currentSelection-17572.window'](event) { 6003 this.selectedOptions = event.detail 6004 }, 6005 ['x-on:update-qty-17572.window'](event) { 6006 this.qty = event.detail 6007 }, 6008 ['x-on:update-variant-sku.window'](event) { 6009 this.currentVariantSku = event.detail 6010 }, 6011 ['x-on:update-gallery.window'](event) { 6012 this.smallImage = event.detail && event.detail[0] && event.detail[0]['thumb'] || null 6013 }, 6014 ['x-on:is-add-to-cart-success.window'](event) { 6015 if (event.detail.sku === this.sku) { 6016 this.isLoading = false 6017 this.isLoadingSuccess = true 6018 setTimeout(() => { 6019 this.isLoadingSuccess = false 6020 }, 1000) 6021 } 6022 }, 6023 ['x-on:is-add-to-cart-error.window'](event) { 6024 if (event.detail.sku === this.sku) { 6025 this.isLoading = false 6026 } 6027 } 6028 }, 6029 } 6030 } 6031 </script>
6031 6032 </div> 6033 6034 <div x-data="ProductViewShippingUsp()" x-bind="eventListeners" class="cart-usp"><template x-if="usp && usp.length"><div class="text-xs py-8 px-4 border-b border-stonegray lg:border-0"><div class="grid grid-cols-1 lg:grid-cols-2 gap-4 items-center mx-auto md:w-7/12 lg:w-full"><template x-for="point in usp" :key="point.text"><div class="flex items-center gap-2"><span x-html="point.icon" class="block w-6 h-6 min-w-[24px]"></span> <span x-text="point.text"></span></div></template></div></div></template></div>
6034<script async> 6035 const ProductViewShippingUsp = function () { 6036 return { 6037 usp: JSON.parse( 6038 `\u005B\u005D` 6039 ), 6040 eventListeners: { 6041 ['x-on:update-variant-usp.window'](event) { 6042 this.usp = event.detail || []; 6043 } 6044 } 6045 } 6046 }</script>
6046 </div> </div> 6047 <div class="collapse-boxes col-start-1 lg:col-span-2 pt-4 lg:pt-2 lg:pr-8 xl:pr-12"> 6048 <div 6049 class="properties xl:pl-10" 6050 :class="{'invisible' : isRendering, 'hidden' : !hasContent}" 6051 id="collapse-box-6abf0828ee0fe" 6052 x-data="collapseBox6abf0828ee0fe()" 6053 x-bind="eventListeners" 6054 x-init="isCollapsed = isCollapsedByDefault" 6055 x-cloak 6056> 6057 <div class="grid grid-cols-1 py-6"> 6058 <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)"> 6059 <div class="flex justify-between items-center text-lg"> 6060 Beschreibung <div class="md:pr-10 lg:pr-18"> 6061 <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}"> 6062 <span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-3 h-auto" width="24" height="24" role="img"> 6063 <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/> 6064</svg> 6065</span> 6066 </span> 6067 </div> 6068 </div> 6069 </div> 6070 <div x-show="!isCollapsed" class="pt-8 md:pr-12 lg:pr-56"> 6071 <div class="grid grid-cols-1 gap-y-4"> 6072 <div> 6073 <div class="relative flex items-center gap-2"> 6074 <p>Marke HAY</p> 6075 <div x-data="{isOpen: false}" 6076 x-on:click.outside="isOpen = false" 6077 x-on:mouseleave="isOpen = false" 6078 > 6079 <button type="button" 6080 x-on:mouseenter="isOpen = true" 6081 aria-label="Info" 6082 class="flex items-center justify-center text-center" 6083 > 6084 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 101.2" class="w-4 h-4" width="24" height="24" role="img"> 6085 <circle cx="50" cy="50.6" r="44.6" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="3"/> 6086 <circle cx="50.1" cy="33.8" r="4.5"/> 6087 <path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M50 47.4v22.5m-5.7 0h11.4m-8.4-22.5h5.4"/> 6088</svg> 6089 </button> 6090 <div class="absolute z-20 left-0 bg-white max-w-[412px] border border-foggray p-3 pl-6" 6091 x-show="isOpen" 6092 x-cloak 6093 > 6094 <button class="absolute xl:hidden top-4 right-4" type="button" 6095 title="Schließen" 6096 x-on:click="isOpen = false" 6097 > 6098 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="w-4 h-4" width="16" height="16" role="img"> 6099 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 6100</svg> 6101 </button> 6102 <div class="w-full"> 6103 <div> 6104 <p>Hersteller:</p> 6105 <p class="whitespace-nowrap">Hay - BS Studio A/S</p> 6106 6107 Havnen 3<br> 61088700 Horsens<br> 6109Denmark<br> 6110 +45 3164 6000 </div> 6111 </div> </div> 6112 </div> 6113 </div> 6114 <div x-data="Sku()" 6115 x-bind="eventListeners" > 6116 <span x-text="getLabel()"></span> 6117</div>
6118<script> 6119 function Sku() { 6120 return { 6121 sku: null, 6122 getLabel() { 6123 if (this.sku) { 6124 return `Artikelnummer ${this.sku}`; 6125 } 6126 }, 6127 initSimpleProduct() { 6128 this.sku = '90318001' 6129 }, 6130 eventListeners: { 6131 ['x-on:update-variant-sku.window'](event) { 6132 if (event.detail) { 6133 this.sku = event.detail 6134 } 6135 }, 6136 } 6137 } 6138 } 6139</script>
6139 <div x-data="Ean()" x-bind="eventListeners"> 6140 <template x-if="eanManufacturer"> 6141 <div> 6142 <span>EAN</span> 6143 <span x-text="eanManufacturer"></span> 6144 </div> 6145 </template> 6146</div>
6147<script> 6148 const Ean = function () { 6149 return { 6150 eanManufacturer: '', 6151 eventListeners: { 6152 ['x-on:update-ean-manufacturer.window'](event) { 6153 this.eanManufacturer = event.detail 6154 if(this.eanManufacturer) { 6155 window.dispatchEvent(new CustomEvent("update-collapsebox-product-information.properties-hascontent", {detail: true})) 6156 } 6157 }, 6158 }, 6159 initSimpleProduct() { 6160 this.eanManufacturer = '' 6161 if(this.eanManufacturer) { 6162 window.dispatchEvent(new CustomEvent("update-collapsebox-product-information.properties-hascontent", {detail: true})) 6163 } 6164 } 6165 } 6166 } 6167</script>
6167 </div> 6168 <div x-data="BulletPoints(`|solide Sitzschale aus Polypropylen|Gestell aus Eiche|klassisch, stilvolles Design|kombinierbar mit allen AAC/AAS/AAT Kollektionen`)" x-bind="eventListeners"> 6169 <template x-if="bulletPoints && Array.isArray(bulletPoints)"> 6170 <ul class="list-dash"> 6171 <template x-for="(item, index) in bulletPoints" :key="index"> 6172 <li x-html="item"></li> 6173 </template> 6174 </ul> 6175 </template> 6176</div>
6177<script> 6178 const BulletPoints = function (fallbackValue) { 6179 return { 6180 bulletPoints: null, 6181 init() { 6182 }, 6183 prepareOutput(output) { 6184 if (output) { 6185 let bulletPoints = output.includes('|') 6186 ? output.split('|').filter(Boolean) 6187 : output.split('-').map(item => item.trim()).filter(Boolean); 6188 6189 if(!Array.isArray(bulletPoints)) { 6190 bulletPoints = [bulletPoints] 6191 } 6192 6193 this.bulletPoints = bulletPoints 6194 } 6195 }, 6196 eventListeners: { 6197 ['x-on:update-bullet-points.window'](event) { 6198 this.prepareOutput(event.detail || fallbackValue) 6199 }, 6200 } 6201 } 6202 } 6203</script>
6203 <div x-data="Model(`Das unvergängliche Design und der phänomenale Komfort machen den von Top Label HAY angebotenen About a Chair AAC 22 zu einem optimalen Stuhl. Hee Welling hat mit diesem formschönen Modell einen eindrucksvollen Hingucker erschaffen, der sich problemlos in jeden Essbereich einfindet. Mit dieser Kreation erhält die About a Chair Serie ein weiteres beeindruckendes Mitglied. Produziert wird dieses besondere Design Möbel in Dänemark. Wählen Sie anhand Ihrer räumlichen Begebenheiten die für Sie optimale GröÃe des Objekts aus. Durch den Mix aus Eiche und Esche und Kunststoff wird das Erscheinungsbild des Esszimmerstuhls besonders auÃergewöhnlich. Dieses Design kann in zahlreichen Farbvarianten bestellt werden. Es stehen unterschiedliche Gestellvarianten zur Verfügung.`)" 6204 x-bind="eventListeners" 6205 x-on:update-model.window="updateContent($event.detail)" 6206 > 6207 <div class="model-wrap w-full relative"> 6208 <div class="model-text" id="model"> 6209 <div class="model-text-content" x-ref="content" x-html="modelText" 6210 :class="{ 6211 'expanded' : isExpanded, 6212 'processing' : isProcessing 6213 }" 6214 > 6215 Das unvergängliche Design und der phänomenale Komfort machen den von Top Label HAY angebotenen About a Chair AAC 22 zu einem optimalen Stuhl. Hee Welling hat mit diesem formschönen Modell einen eindrucksvollen Hingucker erschaffen, der sich problemlos in jeden Essbereich einfindet. Mit dieser Kreation erhält die About a Chair Serie ein weiteres beeindruckendes Mitglied. Produziert wird dieses besondere Design Möbel in Dänemark. Wählen Sie anhand Ihrer räumlichen Begebenheiten die für Sie optimale GröÃe des Objekts aus. Durch den Mix aus Eiche und Esche und Kunststoff wird das Erscheinungsbild des Esszimmerstuhls besonders auÃergewöhnlich. Dieses Design kann in zahlreichen Farbvarianten bestellt werden. Es stehen unterschiedliche Gestellvarianten zur Verfügung. </div> 6216 <button class="text-truncation-toggle text-expand" 6217 x-cloak 6218 x-show="isRequiresToggleButton && !isExpanded" 6219 x-on:click="isExpanded = !isExpanded" 6220 > 6221 <span class="underline">... mehr anzeigen</span> 6222 </button> 6223 </div> 6224 <button class="text-truncation-toggle text-collapse" 6225 x-cloak 6226 x-show="isRequiresToggleButton && isExpanded" 6227 x-on:click="isExpanded = !isExpanded" 6228 > 6229 <span class="underline">weniger anzeigen</span> 6230 </button> 6231 </div> 6232</div>
6233<script> 6234 function Model(modelTextFallback) { 6235 return { 6236 ...ClampElementContent(), 6237 modelText: modelTextFallback, 6238 updateContent(modelText) { 6239 this.modelText = modelText || modelTextFallback; 6240 6241 this.$nextTick(() => this.getIsRequiredToggleButton()) 6242 } 6243 } 6244 } 6245</script>
6245 </div> </div> 6246 </div> 6247
6247<script> 6248 function collapseBox6abf0828ee0fe() { 6249 return { 6250 isRendering: false, 6251 hasContent: true, 6252 numberOfChildBlocksActive: 0, 6253 isCollapsed: true, 6254 isCollapsedByDefault: Boolean(), 6255 handleCollapseInteraction($dispatch) { 6256 this.isCollapsed = !this.isCollapsed 6257 }, 6258 checkHasContent() { 6259 this.hasContent = this.numberOfChildBlocksActive 6260 }, 6261 eventListeners: { 6262 ['x-on:update-variant-id.window']() { 6263 this.numberOfChildBlocksActive = 0 6264 }, 6265 ['x-on:update-collapsebox-properties-hascontent.window'](event) { 6266 this.numberOfChildBlocksActive += event.detail 6267 this.checkHasContent() 6268 }, 6269 } 6270 } 6271 } 6272 </script>
6272 6273</div><div 6274 class="deliveryscope xl:pl-10" 6275 :class="{'invisible' : isRendering, 'hidden' : !hasContent}" 6276 id="collapse-box-6abf0829036f8" 6277 x-data="collapseBox6abf0829036f8()" 6278 x-bind="eventListeners" 6279 x-init="isCollapsed = isCollapsedByDefault" 6280 x-cloak 6281> 6282 <div class="grid grid-cols-1 py-6"> 6283 <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)"> 6284 <div class="flex justify-between items-center text-lg"> 6285 Lieferumfang <div class="md:pr-10 lg:pr-18"> 6286 <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}"> 6287 <span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-3 h-auto" width="24" height="24" role="img"> 6288 <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/> 6289</svg> 6290</span> 6291 </span> 6292 </div> 6293 </div> 6294 </div> 6295 <div x-show="!isCollapsed" class="pt-8 md:pr-12 lg:pr-20"> 6296 <div class="grid grid-cols-1 gap-y-4"> 6297 <div x-data="DeliveryScope()" x-bind="eventListeners"> 6298 <div x-show="deliveryScope" class="mb-6" x-html="deliveryScope"></div> 6299 <div x-html="galleryNote"></div> 6300 </div> 6301
6301<script> 6302 const DeliveryScope = function () { 6303 return { 6304 deliveryScope: null, 6305 galleryNote: null, 6306 initSimpleProduct() { 6307 }, 6308 dispatchHasContent() { 6309 window.dispatchEvent(new CustomEvent("update-collapsebox-deliveryscope-hascontent", 6310 {detail: this.deliveryScope || this.galleryNote})) 6311 }, 6312 eventListeners: { 6313 ['x-on:update-delivery-scope.window'](event) { 6314 this.deliveryScope = event.detail 6315 this.dispatchHasContent() 6316 }, 6317 ['x-on:update-gallerynote.window'](event) { 6318 this.galleryNote = event.detail 6319 this.dispatchHasContent() 6320 }, 6321 } 6322 } 6323 } 6324 </script>
6324 6325</div> </div> 6326 </div> 6327
6327<script> 6328 function collapseBox6abf0829036f8() { 6329 return { 6330 isRendering: false, 6331 hasContent: false, 6332 numberOfChildBlocksActive: 0, 6333 isCollapsed: true, 6334 isCollapsedByDefault: Boolean(), 6335 handleCollapseInteraction($dispatch) { 6336 this.isCollapsed = !this.isCollapsed 6337 }, 6338 checkHasContent() { 6339 this.hasContent = this.numberOfChildBlocksActive 6340 }, 6341 eventListeners: { 6342 ['x-on:update-variant-id.window']() { 6343 this.numberOfChildBlocksActive = 0 6344 }, 6345 ['x-on:update-collapsebox-deliveryscope-hascontent.window'](event) { 6346 this.numberOfChildBlocksActive += event.detail 6347 this.checkHasContent() 6348 }, 6349 } 6350 } 6351 } 6352 </script>
6352 6353</div><div 6354 class="material xl:pl-10" 6355 :class="{'invisible' : isRendering, 'hidden' : !hasContent}" 6356 id="collapse-box-6abf08290428b" 6357 x-data="collapseBox6abf08290428b()" 6358 x-bind="eventListeners" 6359 x-init="isCollapsed = isCollapsedByDefault" 6360 x-cloak 6361> 6362 <div class="grid grid-cols-1 py-6"> 6363 <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)"> 6364 <div class="flex justify-between items-center text-lg"> 6365 Material <div class="md:pr-10 lg:pr-18"> 6366 <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}"> 6367 <span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-3 h-auto" width="24" height="24" role="img"> 6368 <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/> 6369</svg> 6370</span> 6371 </span> 6372 </div> 6373 </div> 6374 </div> 6375 <div x-show="!isCollapsed" class="pt-8 md:pr-12 lg:pr-20"> 6376 <div class="grid grid-cols-1 gap-y-4"> 6377 <div x-data="MaterialDescription()" x-bind="eventListeners"> 6378 <div x-html="materialDescription"></div> 6379 </div> 6380
6380<script> 6381 const MaterialDescription = function () { 6382 return { 6383 materialDescription: null, 6384 initSimpleProduct() { 6385 this.materialDescription = 'Beine\u0020Eiche,\u0020Schale\u0020Polypropylen' 6386 this.dispatchHasContent() 6387 }, 6388 dispatchHasContent() { 6389 if (this.materialDescription) { 6390 window.dispatchEvent(new CustomEvent("update-collapsebox-material-hascontent", {detail: true})) 6391 } 6392 }, 6393 eventListeners: { 6394 ['x-on:update-material-description.window'](event) { 6395 this.materialDescription = event.detail 6396 this.dispatchHasContent() 6397 }, 6398 } 6399 } 6400 } 6401 </script>
6401 6402</div> </div> 6403 </div> 6404
6404<script> 6405 function collapseBox6abf08290428b() { 6406 return { 6407 isRendering: false, 6408 hasContent: false, 6409 numberOfChildBlocksActive: 0, 6410 isCollapsed: true, 6411 isCollapsedByDefault: Boolean(1), 6412 handleCollapseInteraction($dispatch) { 6413 this.isCollapsed = !this.isCollapsed 6414 }, 6415 checkHasContent() { 6416 this.hasContent = this.numberOfChildBlocksActive 6417 }, 6418 eventListeners: { 6419 ['x-on:update-variant-id.window']() { 6420 this.numberOfChildBlocksActive = 0 6421 }, 6422 ['x-on:update-collapsebox-material-hascontent.window'](event) { 6423 this.numberOfChildBlocksActive += event.detail 6424 this.checkHasContent() 6425 }, 6426 } 6427 } 6428 } 6429 </script>
6429 6430</div><div 6431 class="dimensions xl:pl-10" 6432 :class="{'invisible' : isRendering, 'hidden' : !hasContent}" 6433 id="collapse-box-6abf082906abb" 6434 x-data="collapseBox6abf082906abb()" 6435 x-bind="eventListeners" 6436 x-init="isCollapsed = isCollapsedByDefault" 6437 x-cloak 6438> 6439 <div class="grid grid-cols-1 py-6"> 6440 <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)"> 6441 <div class="flex justify-between items-center text-lg"> 6442 MaÃe <div class="md:pr-10 lg:pr-18"> 6443 <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}"> 6444 <span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-3 h-auto" width="24" height="24" role="img"> 6445 <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/> 6446</svg> 6447</span> 6448 </span> 6449 </div> 6450 </div> 6451 </div> 6452 <div x-show="!isCollapsed" class="pt-8 md:pr-12 lg:pr-20"> 6453 <div class="grid grid-cols-1 gap-y-4"> 6454 <div x-data="SizeDescription()" x-bind="eventListeners"> 6455 <template x-if="sizeDescription"> 6456 <div x-html="sizeDescription"></div> 6457 </template> 6458 </div> 6459
6459<script> 6460 const SizeDescription = function () { 6461 return { 6462 sizeDescription: null, 6463 initSimpleProduct() { 6464 }, 6465 dispatchHasContent() { 6466 if(this.sizeDescription) { 6467 window.dispatchEvent(new CustomEvent("update-collapsebox-dimensions-hascontent", {detail: true})) 6468 } 6469 }, 6470 eventListeners: { 6471 ['x-on:update-size-description.window'](event) { 6472 this.sizeDescription = event.detail 6473 this.dispatchHasContent() 6474 }, 6475 } 6476 } 6477 } 6478 </script>
6478 6479</div> </div> 6480 </div> 6481
6481<script> 6482 function collapseBox6abf082906abb() { 6483 return { 6484 isRendering: false, 6485 hasContent: false, 6486 numberOfChildBlocksActive: 0, 6487 isCollapsed: true, 6488 isCollapsedByDefault: Boolean(1), 6489 handleCollapseInteraction($dispatch) { 6490 this.isCollapsed = !this.isCollapsed 6491 }, 6492 checkHasContent() { 6493 this.hasContent = this.numberOfChildBlocksActive 6494 }, 6495 eventListeners: { 6496 ['x-on:update-variant-id.window']() { 6497 this.numberOfChildBlocksActive = 0 6498 }, 6499 ['x-on:update-collapsebox-dimensions-hascontent.window'](event) { 6500 this.numberOfChildBlocksActive += event.detail 6501 this.checkHasContent() 6502 }, 6503 } 6504 } 6505 } 6506 </script>
6506 6507</div><div 6508 class="details xl:pl-10" 6509 :class="{'invisible' : isRendering, 'hidden' : !hasContent}" 6510 id="collapse-box-6abf0829082fb" 6511 x-data="collapseBox6abf0829082fb()" 6512 x-bind="eventListeners" 6513 x-init="isCollapsed = isCollapsedByDefault" 6514 x-cloak 6515> 6516 <div class="grid grid-cols-1 py-6"> 6517 <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)"> 6518 <div class="flex justify-between items-center text-lg"> 6519 Technische Details <div class="md:pr-10 lg:pr-18"> 6520 <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}"> 6521 <span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-3 h-auto" width="24" height="24" role="img"> 6522 <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/> 6523</svg> 6524</span> 6525 </span> 6526 </div> 6527 </div> 6528 </div> 6529 <div x-show="!isCollapsed" class="pt-8 md:pr-12 lg:pr-20"> 6530 <div> 6531 <div x-data="LightAttributes()" x-bind="eventListeners" 6532 class="md:w-3/4 xl:w-3/5 1xl:w-1/2 mb-6"> 6533 <template x-if="lightAttributes && Object.keys(lightAttributes).length"> 6534 <div> 6535 <template x-for="(lightAttribute, index) in lightAttributes"> 6536 <p class="grid grid-cols-2 relative"> 6537 <span x-text="getAttributeTitle(lightAttribute.attribute_code)"></span> 6538 <span class="flex flex-row justify-end items-start"> 6539 <span x-text="lightAttribute.value"></span> 6540 <span class="info-popup mt-0.5 ml-2"> 6541 <span class="p-1 -mt-1 inline-block cursor-pointer" 6542 x-on:mouseenter="enableActivePopup(index)" 6543 x-on:mouseleave="disableActivePopup()" 6544 x-on:touchstart="toggleActivePopupForTouch(index)" 6545 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 101.2" class="w-4 h-4" width="24" height="24" role="img"> 6546 <circle cx="50" cy="50.6" r="44.6" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="3"/> 6547 <circle cx="50.1" cy="33.8" r="4.5"/> 6548 <path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M50 47.4v22.5m-5.7 0h11.4m-8.4-22.5h5.4"/> 6549</svg> 6550</span> 6551 <span class="absolute bottom-0 transform translate-y-full right-0 bg-white p-3 border border-t-0 border-foggray z-20" 6552 x-show="activePopup === index" 6553 x-html="getAttributePopupText(lightAttribute.attribute_code)" 6554 ></span> 6555 </span> 6556 </span> 6557 </p> 6558 </template> 6559 </div> 6560 </template> 6561</div>
6562<script> 6563 const LightAttributes = function () { 6564 return { 6565 lightAttributes: null, 6566 lightAttributeData: [{"attribute_code":"light_luminous_intensity","title":"Lichtstrom in Lumen","popup_text":"Er beschreibt die Helligkeit einer Leuchte und umfasst die in alle Richtungen abgegebene Lichtleistung, welche das Auge wahrnimmt. Die Ma\u00dfeinheit des Lichtstromes wird in Lumen gemessen. Lumen gibt demnach an, wie hell eine Lichtquelle ist. Zu Zeiten von LED und Energisparlampen, welche mit einer vergleichsweise geringen Leistung viel Licht erzeugen, hat die Lumenzahl die Wattzahl als Ma\u00dfstab f\u00fcr die Helligkeit ersetzt."},{"attribute_code":"light_power","title":"Leistung in Watt","popup_text":"Sie wird in Watt angegeben und beschreibt im groben Sinne den <strong>Energieverbrauch<\/strong> der Leuchte (physikalisch: Energieumsatz pro Zeitspanne).<br>Fr\u00fcher wurde die Wattanzahl in der Lichttechnik gerne dazu verwendet, um die Leuchtkraft zu beschreiben. Da inzwischen je nach Lichttechnik, z.B. LED versus Halogen, von der Wattzahl unabh\u00e4ngige Helligkeitsstufen erreicht werden, ist die Wattzahl nicht mehr aussagekr\u00e4ftig genug. Heute verwendet man daher den Leuchtstrom in Lumen um die St\u00e4rke der Helligkeit einer Leuchte beziffern zu k\u00f6nnen.<br>Gleichzeitig wird mit Angabe einer maximalen Wattzahl darauf hingewiesen, dass die Leuchte nicht dazu geeignet ist, mit einem Leuchtmittel mit h\u00f6herer Wattzahl betrieben zu werden."},{"attribute_code":"light_color_reproduction","title":"Farbwiedergabe","popup_text":"Sie beschreibt wie nat\u00fcrlich die Farbwiedergabe (in CRI: colour rendering index ) im Vergleich zum Sonnenlicht ist. Je h\u00f6her der CRI umso nat\u00fcrlicher die Farbwiedergabe, wobei die Skala bei 100 ihr Maximum erreicht.<br>Zum Vergleich:<br><strong>CRI 100<\/strong> Sonnenlicht, Gl\u00fchlampe<br><strong>CRI 80-90<\/strong> Energiesparlampen<br><strong>CRI 70 bis 90<\/strong> wei\u00dfe LED<br><strong>CRI 60-90 <\/strong>Halogenmetalldampflampen"},{"attribute_code":"light_protection","title":"IP Kennzahl","popup_text":"Sie gibt an wie gut die Leuchte gegen\u00fcber ihrer Umgegbung in Form von Staub und Wasser gesch\u00fctzt ist. Die Schutzart wird mit der IP Nummer gekennzeichnet (IP= Ingress Protection) und besteht immer aus zwei Ziffern.<br>die <strong>erste Stelle<\/strong> bezeichnet den Schutz gegen <strong>Fremdk\u00f6rper<\/strong> und Ber\u00fchrung (0=nicht gesch\u00fctzt bis 6= vollst\u00e4ndig gesch\u00fctzt) und<br>die<strong> zweite Stelle<\/strong> den Schutz gegen<strong> Wasser<\/strong> (0=nicht gesch\u00fctzt bis 8=gesch\u00fctzt gegen Untertauchen)."},{"attribute_code":"light_control","title":"Regelung","popup_text":"Hier wird keine Aussage dar\u00fcber getroffen, ob die Leuchte an einen externen Dimmer angeschlossen werden kann, sondern nur ob ein Dimmer oder eine einfache Schaltung vorhanden ist."},{"attribute_code":"light_color_temperatur","title":"Farbtemperatur","popup_text":"Sie ist ein Ma\u00df, um den jeweiligen Farbeindruck einer Lichtquelle zu bestimmen. Es wird nach DIN 5035 u.a. in drei charakteristischen Lichtfarben unterschieden:<br><strong> warmweiss (< 3300 Kelvin) <\/strong><strong><\/strong>Sie wird als wohnlich\/behaglich beschrieben und wird in Wohnr\u00e4umen wie K\u00fcche, Wohnzimmer, Schlafzimmer und Kinderzimmer genutzt.<br><strong>neutralweiss (3300 - 5000 Kelvin) <\/strong>Sie wird als anregend beschrieben und eignet sich vor allem f\u00fcr B\u00fcror\u00e4ume und Hobbykeller.<br><strong> tageslichtweiss (> 5000 Kelvin)<\/strong> Sie wird vorwiegend in der Industrie oder in speziellen R\u00e4umen z.B. bei der Fotografie genutzt."},{"attribute_code":"light_fixture","title":"Fassung","popup_text":"Hier finden Sie die Art bzw. Gr\u00f6\u00dfe des passenden Lampensockels, der in die Fassung der Leuchte geschraubt oder gesteckt wird."},{"attribute_code":"light_scattering","title":"Lichtverteilung","popup_text":"Sie gibt an in welche Richtung das Licht haupts\u00e4chlich durch die Ablenkung am Leuchtenk\u00f6rper gestreut wird."},{"attribute_code":"light_protection_class","title":"Schutzklasse","popup_text":"umschreibt, inwieweit insbesondere der Mensch davor gesch\u00fctzt ist einen sogenannten elektrischen Schlag zu bekommen. Es gibt drei Schutzklassen:<br><strong>Schutzklasse I (=Erdung)<\/strong>
6566 ist der h\u00f6chste Schutz eines Ger\u00e4tes. Sie bedeutet, dass die leitf\u00e4higen Bauteile der Leuchte mit einem geerdeten Schutzleitersystem verbunden sind und dass im Fehlerfall eine Sicherung den Stromkreis spannungsfrei schalten kann. Zudem muss gew\u00e4hrleistet sein, dass im Notfall die Erdung als letztes abrei\u00dft, z.B. indem das gr\u00fcn-gelbe Kabel bei der Installation l\u00e4nger gelassen wird als die aktiven Leiter.<br><strong>Schutzklasse II<\/strong> bedeutet, dass die Leuchte eine doppelte oder <strong>verst\u00e4rkte Isolierung<\/strong> zwischen den aktiven und den ber\u00fchrbaren Teilen besitzt. Dadurch ist sie so gut gesch\u00fctzt, dass sie nicht zus\u00e4tzlich eine Erdung ben\u00f6tigt.<br><strong>Schutzklasse III<\/strong> ist der geringste Schutz gegen elektrische Durchschl\u00e4ge, da in diesem Fall die Leuchte mit <strong>Akku oder Batterie<\/strong>, maximal mit einer Wechselspannung von 50 Volt bzw. einer Gleichspannung von 120 Volt, betrieben wird. Ansonsten muss ein Sicherheitstransformator angeschlossen sein."},{"attribute_code":"light_lightsource","title":"Leuchtmittel","popup_text":"Sie ist die Bezeichnung f\u00fcr die Lichtquelle (umgangsprachlich fr\u00fcher die sogenannte Gl\u00fchbirne). Dahinter verbirgt sich die Technik mittels der der Strom in Licht umgewandelt wird. Am gel\u00e4ufigsten sind Gl\u00fchlampen, LED-Lampen, Gasentladungslampen, Induktionslampen und Leuchtdioden."}], 6567 activePopup: null, 6568 isTouchInteraction: null, 6569 initSimpleProduct() { 6570 }, 6571 dispatchHasContent() { 6572 if (this.lightAttributes) { 6573 window.dispatchEvent(new CustomEvent("update-collapsebox-details-hascontent", {detail: true})) 6574 } 6575 }, 6576 getAttributeTitle(attributeCode) { 6577 const attributeData = this.lightAttributeData.find(item => item.attribute_code === attributeCode) 6578 return attributeData && attributeData.title || attributeCode 6579 }, 6580 getAttributePopupText(attributeCode) { 6581 const attributeData = this.lightAttributeData.find(item => item.attribute_code === attributeCode) 6582 return attributeData && attributeData.popup_text || '' 6583 }, 6584 enableActivePopup(index) { 6585 if (!this.isTouchInteraction) { 6586 this.activePopup = index 6587 } 6588 }, 6589 disableActivePopup() { 6590 this.activePopup = null 6591 this.isTouchInteraction = null 6592 }, 6593 toggleActivePopupForTouch(index) { 6594 this.isTouchInteraction = true 6595 this.activePopup = this.activePopup === index ? this.disableActivePopup() : this.activePopup = index 6596 }, 6597 eventListeners: { 6598 ['x-on:update-light-attributes.window'](event) { 6599 this.lightAttributes = event.detail 6600 this.dispatchHasContent() 6601 }, 6602 } 6603 } 6604 } 6605</script>
6605 <div x-data="Attachments()" x-bind="eventListeners"> 6606 <template x-if="attachments"> 6607 <div> 6608 <template x-for="attachmentType in Object.keys(attachments)"> 6609 <p class="my-2.5 leading-extra-tight"><a :href="'https://shop.schoener-wohnen.de/media/pdf/' + attachments[attachmentType]" target="_blank" rel="noopener noreferrer" class="underline" x-text="viewText.replace('%s', attachmentType)"></a></p> 6610 </template> 6611 </div> 6612 </template> 6613</div>
6614<script> 6615 const Attachments = function () { 6616 return { 6617 attachments: {}, 6618 viewText: '%s ansehen', 6619 init() { 6620 }, 6621 dispatchHasContent() { 6622 window.dispatchEvent(new CustomEvent("update-collapsebox-details-hascontent", {detail: this.attachments && Object.keys(this.attachments).length || null})) 6623 }, 6624 eventListeners: { 6625 ['x-on:update-attachments.window'](event) { 6626 this.attachments = event.detail 6627 this.dispatchHasContent() 6628 }, 6629 } 6630 } 6631 } 6632</script>
6632</div> </div> 6633 </div> 6634
6634<script> 6635 function collapseBox6abf0829082fb() { 6636 return { 6637 isRendering: false, 6638 hasContent: false, 6639 numberOfChildBlocksActive: 0, 6640 isCollapsed: true, 6641 isCollapsedByDefault: Boolean(1), 6642 handleCollapseInteraction($dispatch) { 6643 this.isCollapsed = !this.isCollapsed 6644 }, 6645 checkHasContent() { 6646 this.hasContent = this.numberOfChildBlocksActive 6647 }, 6648 eventListeners: { 6649 ['x-on:update-variant-id.window']() { 6650 this.numberOfChildBlocksActive = 0 6651 }, 6652 ['x-on:update-collapsebox-details-hascontent.window'](event) { 6653 this.numberOfChildBlocksActive += event.detail 6654 this.checkHasContent() 6655 }, 6656 } 6657 } 6658 } 6659 </script>
6659 6660</div><div 6661 class="reviews xl:pl-10" 6662 :class="{'invisible' : isRendering, 'hidden' : !hasContent}" 6663 id="collapse-box-6abf082909d50" 6664 x-data="collapseBox6abf082909d50()" 6665 x-bind="eventListeners" 6666 x-init="isCollapsed = isCollapsedByDefault" 6667 x-cloak 6668> 6669 <div class="grid grid-cols-1 py-6"> 6670 <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)"> 6671 <div class="flex justify-between items-center text-lg"> 6672 <div> 6673 Kundenbewertung (2)</div> 6674<div> 6675 6676 6677 <div class="rating-summary flex items-center" 6678 > 6679 <span class="mr-1"> 6680 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 6681 style="color: #333"> 6682 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 6683 stroke-miterlimit="10" stroke-width="3" 6684 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
668451.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 6685 </svg> 6686 </span> 6687 <span class="mr-1"> 6688 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 6689 style="color: #333"> 6690 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 6691 stroke-miterlimit="10" stroke-width="3" 6692 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 6693 </svg> 6694 </span> 6695 <span class="mr-1"> 6696 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 6697 style="color: #333"> 6698 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 6699 stroke-miterlimit="10" stroke-width="3" 6700 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
670051.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 6701 </svg> 6702 </span> 6703 <span class="mr-1"> 6704 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 6705 style="color: #333"> 6706 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 6707 stroke-miterlimit="10" stroke-width="3" 6708 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 6709 </svg> 6710 </span> 6711 <span class="mr-1"> 6712 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 6713 style="color: #333"> 6714 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 6715 stroke-miterlimit="10" stroke-width="3" 6716 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
671651.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 6717 </svg> 6718 </span> 6719 6720 </div> 6721</div> 6722<div class="hidden md:block"> 6723 <button aria-label="Bewertung abgeben" title="Bewertung abgeben" type="button" class="underline text-sm font-normal" x-on:click.stop="$dispatch('open-write-review-modal')" > <span class="">Bewertung abgeben</span> </button></div> <div class="md:pr-10 lg:pr-18"> 6724 <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}"> 6725 <span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-3 h-auto" width="24" height="24" role="img"> 6726 <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/> 6727</svg> 6728</span> 6729 </span> 6730 </div> 6731 </div> 6732 </div> 6733 <div class="text-sm"> 6734 <div x-data="hyva.modal()" 6735 x-on:open-write-review-modal.window="window.hyva.modal.pop(); show('dialog')" 6736 x-on:close-write-review-modal.window="hide()" 6737 x-defer="intersect" 6738> 6739 <div x-cloak data-dialog-ref-name="dialog" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50"><div class="fixed flex justify-center items-center text-left z-40 inset-0"><div x-ref="dialog" role="dialog" aria-modal="true" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain z-50 lightbox bg-stonegray-lighter !p-0 !rounded-none"><div class="text-right border-b border-lightboxline text-black"> 6740 <button aria-label="Suchen" title="Suchen" type="button" class="inline-flex ml-auto justify-end py-2 px-4 mr-4 focus:outline-none cursor-pointer" x-on:click.stop="$dispatch('close-write-review-modal'); $dispatch('resume-global-banner-rotation')" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="h-4 w-auto" width="16" height="16" aria-hidden="true"> 6741 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 6742</svg> 6743 </button></div> 6744<div class="mx-auto py-6 px-2" x-data="ReviewForm()"> 6745 <div class="lightbox-main leading-normal overflow-y-auto transition-max-height mb-6 px-6"> 6746 <form class="review-form" 6747 id="review_form" 6748 x-on:submit.prevent="submitForm()" 6749 action="" 6750 > 6751 <div class="mb-6"> 6752 <span class="text-xl">Wie gefällt Ihnen das Produkt?</span> 6753 </div> 6754 <fieldset> 6755 <div class="mb-18 -mt-6"> 6756 <fieldset> 6757 <legend class="relative -bottom-14"> 6758 Bitte bewerten Sie das Produkt </legend> 6759 <div> 6760 <div id="product-review-table"> 6761 <div> 6762 <label class="sr-only" 6763 id="Quality_rating_label"> 6764 <span>Quality</span> 6765 </label> 6766 <div class="flex flex-row flex-grow-0 gap-x-2" x-data="{ clickedRatingId: 0 }"> 6767 <div class="relative" @click="clickedRatingId = 1 || 0"> 6768 <input 6769 class="absolute opacity-0 bottom-0 left-0 cursor-pointer" 6770 type="radio" 6771 required 6772 required name="ratings[1]" 6773 id="Quality_1" 6774 value="1" 6775 /> 6776 <label 6777 class="rating-1 m-0 cursor-pointer no-required-indicator" 6778 for="Quality_1" 6779 title="1 Stern" 6780 aria-label="1 Stern" 6781 id="Quality_1_label" 6782 > 6783 <sp
6783an :class="1 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'"> 6784 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-5 w-auto fill-current" width="24" height="24" role="img"> 6785 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 6786</svg> 6787 </span> 6788 </label> 6789 </div> 6790 <div class="relative" @click="clickedRatingId = 2 || 0"> 6791 <input 6792 class="absolute opacity-0 bottom-0 left-0 cursor-pointer" 6793 type="radio" 6794 required 6795 name="ratings[1]" 6796 id="Quality_2" 6797 value="2" 6798 /> 6799 <label 6800 class="rating-2 m-0 cursor-pointer no-required-indicator" 6801 for="Quality_2" 6802 title="2 Sterne" 6803 aria-label="2 Sterne" 6804 id="Quality_2_label" 6805 > 6806 <span :class="2 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'"> 6807 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-5 w-auto fill-current" width="24" height="24" role="img"> 6808 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
680851.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 6809</svg> 6810 </span> 6811 </label> 6812 </div> 6813 <div class="relative" @click="clickedRatingId = 3 || 0"> 6814 <input 6815 class="absolute opacity-0 bottom-0 left-0 cursor-pointer" 6816 type="radio" 6817 required 6818 name="ratings[1]" 6819 id="Quality_3" 6820 value="3" 6821 /> 6822 <label 6823 class="rating-3 m-0 cursor-pointer no-required-indicator" 6824 for="Quality_3" 6825 title="3 Sterne" 6826 aria-label="3 Sterne" 6827 id="Quality_3_label" 6828 > 6829 <span :class="3 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'"> 6830 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-5 w-auto fill-current" width="24" height="24" role="img"> 6831 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
683151.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 6832</svg> 6833 </span> 6834 </label> 6835 </div> 6836 <div class="relative" @click="clickedRatingId = 4 || 0"> 6837 <input 6838 class="absolute opacity-0 bottom-0 left-0 cursor-pointer" 6839 type="radio" 6840 required 6841 name="ratings[1]" 6842 id="Quality_4" 6843 value="4" 6844 /> 6845 <label 6846 class="rating-4 m-0 cursor-pointer no-required-indicator" 6847 for="Quality_4" 6848 title="4 Sterne" 6849 aria-label="4 Sterne" 6850 id="Quality_4_label" 6851 > 6852 <span :class="4 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'"> 6853 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-5 w-auto fill-current" width="24" height="24" role="img"> 6854 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
685451.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 6855</svg> 6856 </span> 6857 </label> 6858 </div> 6859 <div class="relative" @click="clickedRatingId = 5 || 0"> 6860 <input 6861 class="absolute opacity-0 bottom-0 left-0 cursor-pointer" 6862 type="radio" 6863 required 6864 name="ratings[1]" 6865 id="Quality_5" 6866 value="5" 6867 /> 6868 <label 6869 class="rating-5 m-0 cursor-pointer no-required-indicator" 6870 for="Quality_5" 6871 title="5 Sterne" 6872 aria-label="5 Sterne" 6873 id="Quality_5_label" 6874 > 6875 <span :class="5 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'"> 6876 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-5 w-auto fill-current" width="24" height="24" role="img"> 6877 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
687751.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 6878</svg> 6879 </span> 6880 </label> 6881 </div> 6882 </div> 6883 </div> 6884 </div> 6885 <input type="hidden" name="validate_rating" value=""/> 6886 </div> 6887 </fieldset> 6888 </div> 6889 <div> 6890 <div class="mb-9"> 6891 <label for="nickname_field" class="font-bold mb-1"> 6892 <span>Ihr Name</span> 6893 </label> 6894 <div> 6895 <input class="mt-1 block w-full border-black focus:border-black focus:ring-0 px-4 py-2" 6896 required 6897 title="Ihr Name" 6898 type="text" 6899 name="nickname" id="nickname_field" 6900 /> 6901 </div> 6902 </div> 6903 <div class="hidden"> 6904 <label for="summary_field" class="sr-only"> 6905 <span>Zusammenfassung</span> 6906 </label> 6907 <div> 6908 <input class="mt-1 px-4 py-2" 6909 required 6910 title="Zusammenfassung" 6911 placeholder="Zusammenfassung*" type="text" 6912 name="title" 6913 id="summary_field" 6914 value="No Title" 6915 /> 6916 </div> 6917 </div> 6918 <div class="mb-5"> 6919 <label for="review_field" class="font-bold mb-1"> 6920 <span>Ihr Bewertungstext</span> 6921 </label> 6922 <div> 6923 <textarea class="mt-1 p-4 min-h-36" 6924 required 6925 title="Ihr Bewertungstext" 6926 name="detail" 6927 id="review_field" cols="5" 6928 rows="3"></textarea> 6929 </div> 6930 </div> 6931 </div> 6932 </fieldset> 6933 </form> 6934 6935
6935<script> 6936 function ReviewForm() { 6937 6938 return { 6939 isLoading: false, 6940 displaySuccessMessage: false, 6941 displayErrorMessage: false, 6942 errorMessages: [], 6943 errors: 0, 6944 hasCaptchaToken: 0, 6945 nickname: null, 6946 summary: null, 6947 ratings: [], 6948 review: null, 6949 setErrorMessages: function (messages) { 6950 this.errorMessages = [messages] 6951 this.displayErrorMessage = this.errorMessages.length 6952 }, 6953 submitForm: function () { 6954 const $form = document.querySelector('#review_form'); 6955 this.validate(); 6956 6957 6958 if (this.errors === 0) { 6959 this.placeReview(); 6960 } 6961 }, 6962 validate: function () { 6963 this.nickname = document.getElementById('nickname_field').value; 6964 this.summary = document.getElementById('summary_field').value; 6965 this.review = document.getElementById('review_field').value; 6966 6967 let ratingValue; 6968 try { 6969 ratingValue = 6970 document 6971 .querySelector('input[name="ratings[1]"]:checked') 6972 .value; 6973 this.ratings[1] = btoa(ratingValue); 6974 } catch (e) { 6975 console.log(e); 6976 } 6977 6978 if (!(this.nickname && 6979 this.summary && 6980 this.review && 6981 Object.keys(this.ratings).length === 1 )) { 6982 this.setErrorMessages( 6983 ['Please\u0020verify\u0020you\u0027ve\u0020entered\u0020all\u0020required\u0020information'] 6984 ); 6985 this.displayErrorMessage = true; 6986 this.errors = 1; 6987 this.hasCaptchaToken = 0; 6988 } 6989 }, 6990 placeReview: function () { 6991 this.isLoading = true; 6992 this.displayErrorMessage = false; 6993 6994 const query = ` 6995 mutation createProductReview( 6996 $sku:String!, 6997 $nickname:String!, 6998 $summary:String!, 6999 $text:String!, 7000 $ratings:[ProductReviewRatingInput!]!, 7001 ) { 7002 createProductReview( 7003 input: { 7004 sku: $sku, 7005 nickname: $nickname, 7006 summary: $summary, 7007 text: $text, 7008 ratings: $ratings 7009 } 7010 ) { 7011 review { 7012 nickname 7013 } 7014 } 7015 }` 7016 const variables = { 7017 sku: '90318001', 7018 nickname: this.nickname, 7019 summary: this.summary, 7020 text: this.review, 7021 ratings: Object.keys(this.ratings).map(key => { 7022 return {id: btoa(key), value_id: this.ratings[key]} 7023 }) 7024 }; 7025 7026 const form = document.querySelector('#review_form'); 7027 7028 const fieldName = 'g\u002Drecaptcha\u002Dresponse'; 7029 const recaptchaHeader = fieldName && form && form.elements[fieldName] 7030 ? {'X-ReCaptcha': form.elements[fieldName].value} 7031 : {}; 7032 7033 fetch(`${BASE_URL}graphql`, { 7034 method: 'POST', 7035 headers: Object.assign({ 7036 'Content-Type': 'application/json;charset=utf-8', 7037 'Store': 'sws_de_de' 7038 }, recaptchaHeader), 7039 credentials: 'include', 7040 body: JSON.stringify({query: query, variables: variables}) 7041 }) 7042 .then(response => response.json()) 7043 .then(data => { 7044 this.isLoading = false;
7045 if (data.errors) { 7046 this.setErrorMessages(['Submitting\u0020your\u0020review\u0020failed,\u0020please\u0020try\u0020again.']); 7047 this.displayErrorMessage = true; 7048 } else { 7049 this.displaySuccessMessage = true; 7050 } 7051 } 7052 ); 7053 }, 7054 dispatchDisplayErrorMessages() { 7055 const errorMessages = this.errorMessages 7056 window.dispatchEvent(new CustomEvent("review-form-error-messages", {detail: errorMessages})) 7057 }, 7058 dispatchDisplaySuccessMessage() { 7059 const displaySuccessMessage = this.displaySuccessMessage 7060 window.dispatchEvent(new CustomEvent("review-form-success-message", {detail: displaySuccessMessage})) 7061 }, 7062 dispatchIsLoading(isLoading) { 7063 window.dispatchEvent(new CustomEvent("review-form-is-loading", {detail: isLoading})) 7064 } 7065 } 7066 } 7067 </script>
7067 7068 </div> 7069 <div class="lightbox-footer flex-col"> 7070 <button x-show="!displaySuccessMessage" type="submit" form="review_form" 7071 class="button button-fill w-full"> 7072 <span> 7073 Bewertung abschicken </span> 7074 </button> 7075 <div x-show="isLoading"> 7076 <div class="flex items-center space-x-3 mt-4 justify-center"> 7077 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 57 57" stroke="currentColor" class="spinner_svg" role="img"> 7078 <g fill="none" fill-rule="evenodd" stroke-width="2" transform="translate(1 1)"> 7079 <circle cx="5" cy="50" r="5"> 7080 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;5;50;50"/> 7081 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="5;27;49;5"/> 7082 </circle> 7083 <circle cx="27" cy="5" r="5"> 7084 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" from="5" repeatCount="indefinite" to="5" values="5;50;50;5"/> 7085 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="27" repeatCount="indefinite" to="27" values="27;49;5;27"/> 7086 </circle> 7087 <circle cx="49" cy="50" r="5"> 7088 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;50;5;50"/> 7089 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="49" repeatCount="indefinite" to="49" values="49;5;27;49"/> 7090 </circle> 7091 </g> 7092</svg> 7093 <span>Laden...</span> 7094 </div> 7095 </div> 7096 <div x-show="displaySuccessMessage"> 7097 <div class="flex items-center space-x-3 text-green mt-4 justify-center"> 7098 <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24" width="24" height="24" role="img"> 7099 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/> 7100</svg> 7101 <span>Ihre Bewertung wurde zur Moderation übermittelt.</span> 7102 </div> 7103 </div> 7104 <div x-show="displayErrorMessage"> 7105 <div class="flex flex-row items-center space-x-3 text-red mt-4 justify-center"> 7106 <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24" width="24" height="24" role="img"> 7107<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> 7108</svg> 7109 <template x-for="errorMessage in errorMessages"> 7110 <span x-html="errorMessage"></span> 7111 </template> 7112 </div> 7113 </div> 7114 </div> 7115</div></div></div></div></div> 7116 7117 <div x-data="hyva.modal()" 7118 x-on:open-review-list-modal.window="show('dialog6abf0829124b8')" 7119 x-on:close-review-list-modal.window="hide();" 7120 x-defer="intersect" 7121 > 7122 <div x-cloak data-dialog-ref-name="dialog6abf0829124b8" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50"><div class="fixed flex justify-center items-center text-left z-40 inset-0"><div x-ref="dialog6abf0829124b8" role="dialog" aria-modal="true" class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain z-50 lightbox bg-stonegray-lighter !p-0 !rounded-none"><div class="text-right border-b border-lightboxline text-black"> 7123 <button aria-label="Suchen" title="Suchen" type="button" class="inline-flex ml-auto justify-end py-2 px-4 mr-4 focus:outline-none cursor-pointer" x-on:click.stop="$dispatch('close-review-list-modal'); $dispatch('resume-global-banner-rotation')" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="h-4 w-auto" width="16" height="16" aria-hidden="true"> 7124 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 7125</svg> 7126 </button></div> 7127<div class="mx-auto py-6 px-2"> 7128 <div class="lightbox-main leading-normal overflow-y-auto transition-max-height mb-6 px-6"> 7129 <div class="text-xl mb-6">
7130 <span>Kundenbewertungen</span> 7131 </div> 7132 <div class="flex items-center space-x-1"> 7133 7134 7135 <div class="rating-summary flex items-center" 7136 > 7137 <span class="mr-1"> 7138 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5" 7139 style="color: #333"> 7140 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 7141 stroke-miterlimit="10" stroke-width="3" 7142 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 7143 </svg> 7144 </span> 7145 <span class="mr-1"> 7146 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5" 7147 style="color: #333"> 7148 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 7149 stroke-miterlimit="10" stroke-width="3" 7150 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
715051.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 7151 </svg> 7152 </span> 7153 <span class="mr-1"> 7154 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5" 7155 style="color: #333"> 7156 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 7157 stroke-miterlimit="10" stroke-width="3" 7158 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 7159 </svg> 7160 </span> 7161 <span class="mr-1"> 7162 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5" 7163 style="color: #333"> 7164 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 7165 stroke-miterlimit="10" stroke-width="3" 7166 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
716651.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 7167 </svg> 7168 </span> 7169 <span class="mr-1"> 7170 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5" 7171 style="color: #333"> 7172 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 7173 stroke-miterlimit="10" stroke-width="3" 7174 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 7175 </svg> 7176 </span> 7177 7178 </div> 7179 <div> 7180 <span>5</span> 7181 </div> 7182 </div> 7183 <div class="mt-5 mb-2.5"> 7184 Alle Bewertungen erfolgen freiwillig, unvergütet und sind bis zu Entfernung des Artikels sichtbar. </div> 7185 <div x-data="ProductReviews(50)" 7186 x-defer="idle" 7187 class="" 7188 > 7189 <template x-for="(item, index) in items" :key="index"> 7190 <div class="flex flex-col border-t border-lightboxline pt-8 pb-11"> 7191 <div> 7192 <template x-for="(rating, index) in item['ratings_breakdown']" :key="index"> 7193 <div class="flex mb-2"> 7194 <template x-for="i in 5"> 7195 <div class="mr-1 text-anthracite"> 7196 <template x-if="i <= rating.value"> 7197 <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" width="24" height="24" role="img"> 7198 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
719851.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 7199</svg> 7200</span> 7201 </template> 7202 <template x-if="i > rating.value"> 7203 <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-auto h-3.5" width="24" height="24" role="img"> 7204 <path fill="none" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 7205</svg> 7206</span> 7207 </template> 7208 </div> 7209 </template> 7210 </div> 7211 </template> 7212 <div class="mb-3"> 7213 <span class="font-bold text-sm" x-text="item['nickname']"></span>, 7214 <span> 7215 am <time x-text="getFormattedDate(item['created_at'])" :datetime="item['created_at']"></time> 7216 </span> 7217 </div> 7218 <div x-text="item['text']"></div> 7219 </div> 7220 7221 <div class="flex flex-row mt-4 mr-2 items-center"> 7222 <template x-if="item['trusted_shops_review_id']"> 7223 <div class="flex flex-row lg:self-center items-center"> 7224 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 32 32" fill="none" class="w-8 h-8" role="img"> 7225<rect x="0.5" width="31" height="32" fill="url(#pattern0_13969_611)"/> 7226<defs> 7227<pattern id="pattern0_13969_611" patternContentUnits="objectBoundingBox" width="1" height="1"> 7228<use xlink:href="#image0_13969_611" transform="matrix(0.00625 0 0 0.00608553 0 0)"/> 7229</pattern> 7230<image id="image0_13969_611" width="160" height="188" xlink:href="data:image/png;base64,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"/> 7231</defs> 7232</svg> 7233 <span class="ml-3">Verifizierter Käufer</span> 7234 </div> 7235 </template> 7236 <template x-if="!item['trusted_shops_review_id']"> 7237 <span>Verifizierter Besucher</span> 7238 </template> 7239 </div> 7240 </div> 7241 </template> 7242 7243 <template x-if="items.length !== 0"> 7244 <div class="flex justify-center"> 7245 <a class="button button-fill mx-auto mt-2 capitalize" 7246 x-show="isNextPageAvailable()" 7247 href="#" 7248 @click.prevent="getNextPage()" 7249 > 7250 mehr anzeigen </a> 7251 </div> 7252 </template> 7253 </div> 7254 7255 </div> 7256 <div class="lightbox-footer"> 7257 <button aria-label="Bewertung abgeben" title="Bewertung abgeben" type="button" class="button button-fill w-full" x-on:click.stop="$dispatch('open-write-review-modal')" > <span class="">Bewertung abgeben</span> </button> </div> 7258</div> 7259</div></div></div> </div> 7260 </div> 7261 <div x-show="!isCollapsed" class="pt-8 md:pr-12 lg:pr-20"> 7262 <div> 7263 <div x-data="ProductReviews(5)" 7264 x-defer="idle" 7265 class="xl:w-4/5" 7266 > 7267 <template x-for="(item, index) in items" :key="index"> 7268 <div class="flex flex-col lg:flex-row border-t border-lightboxline pt-8 pb-11"> 7269 <div> 7270 <template x-for="(rating, index) in item['ratings_breakdown']" :key="index"> 7271 <div class="flex mb-2"> 7272 <template x-for="i in 5"> 7273 <div class="mr-1 text-anthracite"> 7274 <template x-if="i <= rating.value">
7275 <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" width="24" height="24" role="img"> 7276 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 7277</svg> 7278</span> 7279 </template> 7280 <template x-if="i > rating.value"> 7281 <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-auto h-3.5" width="24" height="24" role="img"> 7282 <path fill="none" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
728251.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/> 7283</svg> 7284</span> 7285 </template> 7286 </div> 7287 </template> 7288 </div> 7289 </template> 7290 <div class="mb-3"> 7291 <span class="font-bold text-sm" x-text="item['nickname']"></span>, 7292 <span> 7293 am <time x-text="getFormattedDate(item['created_at'])" :datetime="item['created_at']"></time> 7294 </span> 7295 </div> 7296 <div x-text="item['text']"></div> 7297 </div> 7298 7299 <div class="flex flex-row lg:ml-5 lg:self-center lg:mt-0 mt-4 mr-2 items-center"> 7300 <template x-if="item['trusted_shops_review_id']"> 7301 <div class="flex flex-row lg:self-center items-center"> 7302 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 32 32" fill="none" class="w-8 h-8" role="img"> 7303<rect x="0.5" width="31" height="32" fill="url(#pattern0_13969_611_2)"/> 7304<defs> 7305<pattern id="pattern0_13969_611_2" patternContentUnits="objectBoundingBox" width="1" height="1"> 7306<use xlink:href="#image0_13969_611_2" transform="matrix(0.00625 0 0 0.00608553 0 0)"/> 7307</pattern> 7308<image id="image0_13969_611_2" width="160" height="188" xlink:href="data:image/png;base64,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"/> 7309</defs> 7310</svg> 7311 <span class="ml-3">Verifizierter Käufer</span> 7312 </div> 7313 </template> 7314 <template x-if="!item['trusted_shops_review_id']"> 7315 <span>Verifizierter Besucher</span> 7316 </template> 7317 </div> 7318 </div> 7319 </template> 7320 7321 </div> 7322 7323 <div class="flex flex-col w-full lg:w-3/5 mx-auto lg:mx-0 gap-2 mt-4"> 7324 <button aria-label="Bewertung abgeben" title="Bewertung abgeben" type="button" class="button button-stroke w-full" x-on:click.stop="$dispatch('open-write-review-modal')" > <span class="">Bewertung abgeben</span> </button> <button aria-label="Alle Rezensionen anschauen" title="Alle Rezensionen anschauen" type="button" class="button button-fill w-full" x-on:click.stop="$dispatch('open-review-list-modal')" > <span class="">Alle Rezensionen anschauen</span> </button> </div> 7325 </div> 7326 </div> 7327 </div> 7328
7328<script> 7329 function collapseBox6abf082909d50() { 7330 return { 7331 isRendering: false, 7332 hasContent: true, 7333 numberOfChildBlocksActive: 0, 7334 isCollapsed: true, 7335 isCollapsedByDefault: Boolean(1), 7336 handleCollapseInteraction($dispatch) { 7337 this.isCollapsed = !this.isCollapsed 7338 }, 7339 eventListeners: { 7340 ['x-on:scroll-to-and-open-review-tab.window']() { 7341 this.isCollapsed = false 7342 const fixedHeaderHeight = document.querySelector('#header').clientHeight 7343 const scrollOffsetY = 75 7344 7345 window.requestAnimationFrame(() => { 7346 const eventTarget = document.getElementById('collapse-box-6abf082909d50') 7347 const positionY = eventTarget.getBoundingClientRect().top + window.scrollY - fixedHeaderHeight - scrollOffsetY 7348 window.scrollTo({left: 0, top: positionY, behavior: 'smooth'}) 7349 }) 7350 }, 7351 } 7352 } 7353 } 7354 </script>
7354 7355</div><div 7356 class="immediately-available-variants" 7357 :class="{'invisible' : isRendering, 'hidden' : !hasContent}" 7358 id="collapse-box-6abf0829161a3" 7359 x-data="collapseBox6abf0829161a3()" 7360 x-bind="eventListeners" 7361 x-init="isCollapsed = isCollapsedByDefault" 7362 x-cloak 7363> 7364 <div class="grid grid-cols-1 py-6"> 7365 <div 7366 class="cursor-pointer xl:ml-10" 7367 x-on:click="handleCollapseInteraction($dispatch)" 7368 > 7369 <div class="flex justify-between items-center text-lg"> 7370 Sofort lieferbare Ausführungen <div class="md:pr-10 lg:pr-18"> 7371 <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}"> 7372 <span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-3 h-auto" width="24" height="24" role="img"> 7373 <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/> 7374</svg> 7375</span> 7376 </span> 7377 </div> 7378 </div> 7379 </div> 7380 <div x-show="!isCollapsed" class="pt-4 md:pr-0"> 7381 <section class="" x-data="ProductSlider_6abf082917048({"":2.4,"sm":2.4,"md":3,"lg":4,"xl":5,"2xl":5})" x-show="productItems && productItems.length" x-cloak x-bind="eventListeners" ><div class="relative slider-container w-full border-element"><div class="flex items-center flex-row justify-between mb-1"> <div data-control-elements class="hidden md:grid grid-flow-col text-neutralgray-darker" :class="{ 'grid' : productsCount > pageSize }" ><button type="button" class="scroll-arrow justify-self-start justify-center md:absolute md:left-0 md:top-1/2 md:-translate-y-1/2 md:-translate-x-1/2 transition-all md:items-center cursor-pointer w-8 h-8 lg:w-12 lg:h-12 md:flex z-20 rounded-full bg-charcoal-darker text-white" :class="{ 'invisible' : isAtStart }" aria-label="Go to previous product slider page" x-on:click="scrollBack()" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M12 1L2 11L12 21" stroke-width="2" stroke-linecap="round"/></svg> 7382</button> <button type="button" class="scroll-arrow justify-self-end justify-center md:absolute md:right-0 md:top-1/2 md:-translate-y-1/2 md:translate-x-1/2 transition-all md:items-center cursor-pointer w-8 h-8 lg:w-12 lg:h-12 md:flex z-20 rounded-full bg-charcoal-darker text-white" :class="{ 'invisible' : isAtEnd }" x-on:click="scrollForward()" aria-label="Go to next product slider page" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 7383</button></div></div><div class="slider-items-container no-scrollbar" x-on:scroll.debounce.100ms="calcActive()" :class="{ 'snap snap-proximity overflow-x-auto pb-7': productsCount > pageSize }"> <template x-if="productItems && productItems.length"> <div class="grid transition-all grid-rows-1 grid-flow-col slider" :style="itemWidth && productsCount && 'grid-template-columns: repeat(' + productsCount + ',' + itemWidth + 'px)' || ''"> <template x-for="product in productItems" :key="product.id"><div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" data-product-item x-on:click.prevent="scrollPageUp(); $dispatch('change-option', product.id)" ><div class="relative"><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2"><div class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply">
7383 <img class="self-center max-h-full max-w-full" :src="getImageUrlByProduct(product)" @mouseenter="debounce(() => hoveredProductId = product.id, 100)" @mouseleave="debounce(() => hoveredProductId = null, 100)" :alt="themeServiceImageDescriptionLabel.getImageDescriptionLabel(product)" :title="themeServiceImageDescriptionLabel.getImageDescriptionLabel(product)" width="280" height="280" loading="lazy"/></div></div><template x-if="badges && badges[product.id] && badges[product.id].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[product.id]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"> <span class="block truncate whitespace-nowrapg" x-text="product.name"></span> </p><template x-if="product.options && Object.keys(product.options).length"><p class="option-pairs"><template x-for="option in Object.keys(product.options)"><span class="option-pair"><span x-text="product.options[option].label"></span> <span x-text="product.options[option].value"></span></span></template></p></template><span class="price-wrapper flex flex-row gap-x-1 mt-1"><template x-if="product.special_price"><span class="old-price inline-block line-through order-last text-sm tracking-narrow" x-text="product.price_range.minimum_price.regular_price.value && hyva.formatPrice(product.price_range.minimum_price.regular_price.value) || ''"></span></template><span class="inline-block final-price text-sm font-semibold" :class="{'discount-price' : product.special_price}" x-text="product.price_range.minimum_price.final_price.value && hyva.formatPrice(product.price_range.minimum_price.final_price.value) || ''"></span></span> <template x-if="product.productlistitem_swatches && Object.keys(product.productlistitem_swatches).length"><span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><template x-for="superAttribute in product.productlistitem_swatches.slice(0, 1)"><span class="flex flex-row flex-wrap"><template x-for="(swatch, index) in superAttribute.values.slice(0, 4)"><span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing(swatch) || ''"></span></template><template x-if="superAttribute.values.length >4"><span class="leading-none flex flex-row text-neutralgray pl-1 h-2.5"><span class="swatch inline-flex items-center text-xs"><span x-text="'+' + (superAttribute.values.length - 4)"></span></span></span></template></span></template></span></template></div></template> </div></template></div></div></section>
7383<script> 7384 const ProductSlider_6abf082917048 = function (sliderBreakpoints) { 7385 return { 7386 uniqueId: 'ProductSlider_6abf082917048', 7387 productsCount: 0, 7388 productIds: [], 7389 pageSize: 1, 7390 itemWidth: null, 7391 hoveredProductId: null, 7392 isImageLoaded: false, 7393 timeout: null, 7394 isAtStart: true, 7395 isAtEnd: false, 7396 active: 0, 7397 pageFillers: 0, 7398 itemsPerPagePerScreenSize: { 7399 '': 2.3, 7400 'sm': 2.3, 7401 'md': 3, 7402 'lg': 4, 7403 'xl': 4, 7404 '2xl': 4, 7405 }, 7406 7407 setItemsPerSlider() { 7408 if (!sliderBreakpoints) return; 7409 7410 this.itemsPerPagePerScreenSize = sliderBreakpoints; 7411 }, 7412 7413 initStaticMode() { 7414 this.productsCount = 0; 7415 this.productIds = 0; 7416 7417 if (this.getSlider()) { 7418 this.getSlider().scrollLeft = 0; 7419 this.calcActive(); 7420 } 7421 }, 7422 7423 initDynamicMode() { 7424 this.productsCount = this.productItems && (this.productItems).length || 0; 7425 this.productIds = this.productItems && this.getProductIds(this.productItems) || []; 7426 7427 if (this.productItems) { 7428 this.$nextTick(() => { 7429 window.requestAnimationFrame(() => { 7430 this.initSlider(); 7431 }) 7432 }) 7433 } 7434 }, 7435 7436 initGraphQlMode() { 7437 this.getProductItemsByGraphQl(); 7438 }, 7439 7440 initSlider() { 7441 this.setItemsPerSlider(); 7442 this.calcPageSize(); 7443 this.executeHooksOnSliderInit(); 7444 }, 7445 7446 reInitSlider() { 7447 if (this.getSlider()) {
7448 this.getSlider().scrollLeft = 0; 7449 } 7450 this.calcPageSize(); 7451 }, 7452 7453 getSlider() { 7454 return this.getSliderContainer(); 7455 }, 7456 7457 getSliderContainer() { 7458 return this.$root.querySelector('.slider-items-container'); 7459 }, 7460 7461 scrollBack() { 7462 if (this.getSliderContainer()) { 7463 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft - (this.getSliderContainer().clientWidth); 7464 this.calcActive(); 7465 } 7466 }, 7467 7468 scrollForward() { 7469 if (this.getSliderContainer()) { 7470 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft + (this.getSliderContainer().clientWidth); 7471 this.calcActive(); 7472 } 7473 }, 7474 7475 calcPageSize() { 7476 const slider = this.getSlider(); 7477 7478 if (slider) { 7479 this.pageSize = this.itemsPerPagePerScreenSize[themeServiceScreen.getScreen()]; 7480 7481 this.itemWidth = Math.round(slider.clientWidth / this.pageSize); 7482 this.pageFillers = ( 7483 this.pageSize * Math.ceil(this.productsCount / this.pageSize) 7484 ) - this.productsCount; 7485 this.$nextTick(() => this.calcActive()); 7486 7487 window.requestAnimationFrame(() => { 7488 if (!this.itemWidth && this.productsCount) this.calcPageSize(); 7489 7490 }); 7491 } 7492 }, 7493 7494 calcActive() { 7495 const slider = this.getSlider(); 7496 7497 if (slider) { 7498 const sliderItems = this.productsCount + this.pageFillers; 7499 const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems); 7500 7501 this.active = Math.round(calculatedActiveSlide); 7502 this.active = Math.max(0, Math.min(this.active, this.productsCount - this.pageSize)); 7503 7504 this.isAtStart = slider.scrollLeft === 0; 7505 this.isAtEnd = slider.scrollLeft + slider.clientWidth >= slider.scrollWidth - 1; 7506 } 7507 }, 7508 7509 getImageUrl(image) { 7510 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 7511 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 7512 7513 if (imageUrl) { 7514 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 7515 } 7516 7517 return ''; 7518 }, 7519 7520 getImageUrlByProduct(product) { 7521 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 7522 return this.getImageUrl(product.hover_image); 7523 } 7524 return this.getImageUrl(product.small_image); 7525 }, 7526 7527 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 7528 if (hoverImageUrl && this.hoveredProductId == productId) { 7529 return hoverImageUrl.split('?')[0] + "?ar=0.85:1&fit=crop"; 7530 } 7531 7532 return this.getImageUrl(imageUrl).replace('trim-tol=15', 'trim-tol=25'); 7533 }, 7534 7535 debounce(func, wait) { 7536 let later = function() { 7537 this.timeout = null; 7538 func.apply(this, []); 7539 }; 7540 clearTimeout(this.timeout); 7541 this.timeout = setTimeout(later, wait); 7542 }, 7543 7544 getImageUrl(image) { 7545 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 7546 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 7547 7548 if (imageUrl) { 7549 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 7550 } 7551 7552 return ''; 7553 }, 7554 7555 getImageUrlByProduct(product) { 7556 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 7557 return this.getImageUrl(product.hover_image); 7558 }
7559 return this.getImageUrl(product.small_image); 7560 }, 7561 7562 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 7563 if (hoverImageUrl && this.hoveredProductId == productId) { 7564 return this.getImageUrl(hoverImageUrl); 7565 } 7566 return this.getImageUrl(imageUrl); 7567 }, 7568 7569 badges: {}, 7570 getBadges() { 7571 if(this.productItems.length) { 7572 this.productItems.forEach((product) => { 7573 if (!(this.badges[product.id])) { 7574 this.badges[product.id] = themeServiceBadges.getBadges(product) 7575 } 7576 }); 7577 } 7578 }, 7579 7580 productItems: {}, 7581 getProductUrl(product) { 7582 if (product.url_rewrites && product.url_rewrites[0] && product.url_rewrites[0].url) { 7583 return `${BASE_URL}${product.url_rewrites[0].url}`; 7584 } 7585 return this.getUrl(product.url_key, product.url_suffix); 7586 }, 7587 getUrl(key, suffix) { 7588 return `${BASE_URL}${key}${suffix || ''}`; 7589 }, 7590 getProductIds(productItems) { 7591 const productIds = []; 7592 if (Array.isArray(productItems)) { 7593 for (let i = 0; i < productItems.length; i++) { 7594 productIds.push(productItems[i].id); 7595 } 7596 } 7597 return productIds; 7598 }, 7599 scrollPageUp() { 7600 document.documentElement.scrollTo({ 7601 top: 0, 7602 behavior: "smooth" 7603 }) 7604 }, 7605 executeHooksOnSliderInit() { 7606 this.getBadges(); 7607 }, 7608 7609 eventListeners: { 7610 ['x-on:window-resize-horizontal.window.debounce']() { 7611 this.reInitSlider(); 7612 }, 7613 ['x-on:re-init-product-sliders.window']() { 7614 this.reInitSlider(); 7615 }, 7616 ['@product-slider-immediately-available-variants.window'](event) { 7617 this.productItems = event.detail || []; 7618 if (this.productItems.length) { 7619 this.initDynamicMode() 7620 } 7621 }, 7622 ['x-on:immediatelyavailable-collapse-interaction.window']() { 7623 if (this.productItems && this.productItems.length) { 7624 this.calcPageSize() 7625 } 7626 }, 7627 }, 7628 } 7629 } 7630 7631 const dispatchEventReInitProductSliders_ProductSlider_6abf082917048 = function() { 7632 window.dispatchEvent(new CustomEvent('re-init-product-sliders')) 7633 } 7634 7635 window.requestIdleCallback 7636 ? window.requestIdleCallback(() => dispatchEventReInitProductSliders_ProductSlider_6abf082917048) 7637 : setTimeout(() => dispatchEventReInitProductSliders_ProductSlider_6abf082917048, 4000);</script>
7637 </div> 7638 </div> 7639
7639<script> 7640 function collapseBox6abf0829161a3() { 7641 return { 7642 isRendering: false, 7643 hasContent: false, 7644 isCollapsed: true, 7645 isCollapsedByDefault: Boolean(), 7646 handleCollapseInteraction($dispatch) { 7647 this.isCollapsed = !this.isCollapsed 7648 if(!this.isCollapsed) { 7649 this.isRendering = true 7650 this.$nextTick(() => { 7651 $dispatch('immediatelyavailable-collapse-interaction') 7652 this.isRendering = false 7653 }) 7654 } 7655 }, 7656 checkHasContent() { 7657 this.hasContent = this.numberOfChildBlocksActive 7658 }, 7659 eventListeners: { 7660 ['x-on:product-slider-immediately-available-variants.window'](event) { 7661 this.hasContent = event.detail && (event.detail).length && true || false 7662 }, 7663 } 7664 } 7665 } 7666 </script>
7666 7667</div> </div> 7668</section> 7669<section class="flex flex-col product-collaterals"> 7670 <div class="order-2 has-bg"> <section class="container -mt-1 mb-6 md:mb-12 lg:mt-0 pt-5 md:pt-7 pb-4 fullpage-bg fullpage-bg-stonegray-lighter" x-data="ProductSlider_6abf08293a21e({"":2.4,"sm":2.4,"md":3,"lg":4,"xl":5,"2xl":5})" x-init="initStaticMode(); initSlider();" x-bind="eventListeners" ><div class="relative slider-container w-full border-element"><div class="flex items-center flex-row justify-between mb-8"> <h2 class="text-lg">Zubehör</h2> <div data-control-elements class="hidden md:grid grid-flow-col text-neutralgray-darker" :class="{ 'grid' : productsCount > pageSize }" ><button type="button" class="scroll-arrow justify-self-start justify-center md:absolute md:left-0 md:top-1/2 md:-translate-y-1/2 md:-translate-x-1/2 transition-all md:items-center cursor-pointer w-8 h-8 lg:w-12 lg:h-12 md:flex z-20 rounded-full bg-charcoal-darker text-white" :class="{ 'invisible' : isAtStart }" aria-label="Go to previous product slider page" x-on:click="scrollBack()" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M12 1L2 11L12 21" stroke-width="2" stroke-linecap="round"/></svg> 7671</button> <button type="button" class="scroll-arrow justify-self-end justify-center md:absolute md:right-0 md:top-1/2 md:-translate-y-1/2 md:translate-x-1/2 transition-all md:items-center cursor-pointer w-8 h-8 lg:w-12 lg:h-12 md:flex z-20 rounded-full bg-charcoal-darker text-white" :class="{ 'invisible' : isAtEnd }" x-on:click="scrollForward()" aria-label="Go to next product slider page" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 7672</button></div></div><div class="slider-items-container no-scrollbar" x-on:scroll.debounce.100ms="calcActive()" :class="{ 'snap snap-proximity overflow-x-auto pb-7': productsCount > pageSize }"> <div class="grid transition-all grid-rows-1 grid-flow-col slider" :style="itemWidth && productsCount && 'grid-template-columns: repeat(' + productsCount + ',' + itemWidth + 'px)' || ''"> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hey-sign-sitzauflage-aac-about-a-chair.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '18172' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 18172" ><a href="https://shop.schoener-wohnen.de/hey-sign-sitzauflage-aac-about-a-chair.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(18172, 'https://dbs-product.imgix.net/a/b/aboutachair_07_1.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="Hey-Sign - Sitzauflage AAC About A Chair" alt="Hey-Sign 
7672- Sitzauflage AAC About A Chair" width="280" height="280" @load="isImageLoaded = hoveredProductId == '18172' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[18119] && badges[18119].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[18119]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">Hey-Sign</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hey-sign-sitzauflage-aac-about-a-chair.html"><span class="block truncate whitespace-nowrapg">Sitzauflage AAC About A Chair</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(50)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/3/0/3403.png'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/5/0/3405.png'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/6/0/3406.png'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/7/0/3407.png'}}) || ''"></span> <span class="swatch-count leading-none flex flex-row text-neutralgray pl-1 h-2.5"><span class="swatch-count swatch inline-flex items-center text-xs"><span>+ 3</span></span></span> </span></span> </div></div> </div></div></div></section>
7672<script> 7673 const ProductSlider_6abf08293a21e = function (sliderBreakpoints) { 7674 return { 7675 uniqueId: 'ProductSlider_6abf08293a21e', 7676 productsCount: 0, 7677 productIds: [], 7678 pageSize: 1, 7679 itemWidth: null, 7680 hoveredProductId: null, 7681 isImageLoaded: false, 7682 timeout: null, 7683 isAtStart: true, 7684 isAtEnd: false, 7685 active: 0, 7686 pageFillers: 0, 7687 itemsPerPagePerScreenSize: { 7688 '': 2.3, 7689 'sm': 2.3, 7690 'md': 3, 7691 'lg': 4, 7692 'xl': 4, 7693 '2xl': 4, 7694 }, 7695 7696 setItemsPerSlider() { 7697 if (!sliderBreakpoints) return; 7698 7699 this.itemsPerPagePerScreenSize = sliderBreakpoints; 7700 }, 7701 7702 initStaticMode() { 7703 this.productsCount = 1; 7704 this.productIds = ["18119"]; 7705 7706 if (this.getSlider()) { 7707 this.getSlider().scrollLeft = 0; 7708 this.calcActive(); 7709 } 7710 }, 7711 7712 initDynamicMode() { 7713 this.productsCount = this.productItems && (this.productItems).length || 0; 7714 this.productIds = this.productItems && this.getProductIds(this.productItems) || []; 7715 7716 if (this.productItems) { 7717 this.$nextTick(() => { 7718 window.requestAnimationFrame(() => { 7719 this.initSlider(); 7720 }) 7721 }) 7722 } 7723 }, 7724 7725 initGraphQlMode() { 7726 this.getProductItemsByGraphQl(); 7727 }, 7728 7729 initSlider() { 7730 this.setItemsPerSlider(); 7731 this.calcPageSize(); 7732 this.executeHooksOnSliderInit(); 7733 }, 7734 7735 reInitSlider() { 7736 if (this.getSlider()) {
7737 this.getSlider().scrollLeft = 0; 7738 } 7739 this.calcPageSize(); 7740 }, 7741 7742 getSlider() { 7743 return this.getSliderContainer(); 7744 }, 7745 7746 getSliderContainer() { 7747 return this.$root.querySelector('.slider-items-container'); 7748 }, 7749 7750 scrollBack() { 7751 if (this.getSliderContainer()) { 7752 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft - (this.getSliderContainer().clientWidth); 7753 this.calcActive(); 7754 } 7755 }, 7756 7757 scrollForward() { 7758 if (this.getSliderContainer()) { 7759 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft + (this.getSliderContainer().clientWidth); 7760 this.calcActive(); 7761 } 7762 }, 7763 7764 calcPageSize() { 7765 const slider = this.getSlider(); 7766 7767 if (slider) { 7768 this.pageSize = this.itemsPerPagePerScreenSize[themeServiceScreen.getScreen()]; 7769 7770 this.itemWidth = Math.round(slider.clientWidth / this.pageSize); 7771 this.pageFillers = ( 7772 this.pageSize * Math.ceil(this.productsCount / this.pageSize) 7773 ) - this.productsCount; 7774 this.$nextTick(() => this.calcActive()); 7775 7776 window.requestAnimationFrame(() => { 7777 if (!this.itemWidth && this.productsCount) this.calcPageSize(); 7778 7779 }); 7780 } 7781 }, 7782 7783 calcActive() { 7784 const slider = this.getSlider(); 7785 7786 if (slider) { 7787 const sliderItems = this.productsCount + this.pageFillers; 7788 const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems); 7789 7790 this.active = Math.round(calculatedActiveSlide); 7791 this.active = Math.max(0, Math.min(this.active, this.productsCount - this.pageSize)); 7792 7793 this.isAtStart = slider.scrollLeft === 0; 7794 this.isAtEnd = slider.scrollLeft + slider.clientWidth >= slider.scrollWidth - 1; 7795 } 7796 }, 7797 7798 getImageUrl(image) { 7799 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 7800 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 7801 7802 if (imageUrl) { 7803 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 7804 } 7805 7806 return ''; 7807 }, 7808 7809 getImageUrlByProduct(product) { 7810 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 7811 return this.getImageUrl(product.hover_image); 7812 } 7813 return this.getImageUrl(product.small_image); 7814 }, 7815 7816 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 7817 if (hoverImageUrl && this.hoveredProductId == productId) { 7818 return hoverImageUrl.split('?')[0] + "?ar=0.85:1&fit=crop"; 7819 } 7820 7821 return this.getImageUrl(imageUrl).replace('trim-tol=15', 'trim-tol=25'); 7822 }, 7823 7824 debounce(func, wait) { 7825 let later = function() { 7826 this.timeout = null; 7827 func.apply(this, []); 7828 }; 7829 clearTimeout(this.timeout); 7830 this.timeout = setTimeout(later, wait); 7831 }, 7832 7833 getImageUrl(image) { 7834 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 7835 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 7836 7837 if (imageUrl) { 7838 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 7839 } 7840 7841 return ''; 7842 }, 7843 7844 getImageUrlByProduct(product) { 7845 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 7846 return this.getImageUrl(product.hover_image); 7847 }
7848 return this.getImageUrl(product.small_image); 7849 }, 7850 7851 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 7852 if (hoverImageUrl && this.hoveredProductId == productId) { 7853 return this.getImageUrl(hoverImageUrl); 7854 } 7855 return this.getImageUrl(imageUrl); 7856 }, 7857 7858 badges: {}, 7859 getBadges() { 7860 this.badges[18119] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":50,"discount":""},"is_new_product":false}); 7861 }, 7862 7863 executeHooksOnSliderInit() { 7864 this.getBadges(); 7865 }, 7866 7867 eventListeners: { 7868 ['x-on:window-resize-horizontal.window.debounce']() { 7869 this.reInitSlider(); 7870 }, 7871 ['x-on:re-init-product-sliders.window']() { 7872 this.reInitSlider(); 7873 }, 7874 }, 7875 } 7876 } 7877 7878 const dispatchEventReInitProductSliders_ProductSlider_6abf08293a21e = function() { 7879 window.dispatchEvent(new CustomEvent('re-init-product-sliders')) 7880 } 7881 7882 window.requestIdleCallback 7883 ? window.requestIdleCallback(() => dispatchEventReInitProductSliders_ProductSlider_6abf08293a21e) 7884 : setTimeout(() => dispatchEventReInitProductSliders_ProductSlider_6abf08293a21e, 4000);</script>
7884</div> 7885 <div class="order-3"> <section class="container pb-6 md:pb-12" x-data="ProductSlider_6abf08297fa45({"":2.4,"sm":2.4,"md":3,"lg":4,"xl":5,"2xl":5})" x-init="initStaticMode(); initSlider();" x-bind="eventListeners" ><div class="relative slider-container w-full border-element"><div class="flex items-center flex-row justify-between mb-8"> <h2 class="text-lg">Kollektion</h2> <div data-control-elements class="hidden md:grid grid-flow-col text-neutralgray-darker" :class="{ 'grid' : productsCount > pageSize }" ><button type="button" class="scroll-arrow justify-self-start justify-center md:absolute md:left-0 md:top-1/2 md:-translate-y-1/2 md:-translate-x-1/2 transition-all md:items-center cursor-pointer w-8 h-8 lg:w-12 lg:h-12 md:flex z-20 rounded-full bg-charcoal-darker text-white" :class="{ 'invisible' : isAtStart }" aria-label="Go to previous product slider page" x-on:click="scrollBack()" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M12 1L2 11L12 21" stroke-width="2" stroke-linecap="round"/></svg> 7886</button> <button type="button" class="scroll-arrow justify-self-end justify-center md:absolute md:right-0 md:top-1/2 md:-translate-y-1/2 md:translate-x-1/2 transition-all md:items-center cursor-pointer w-8 h-8 lg:w-12 lg:h-12 md:flex z-20 rounded-full bg-charcoal-darker text-white" :class="{ 'invisible' : isAtEnd }" x-on:click="scrollForward()" aria-label="Go to next product slider page" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 7887</button></div></div><div class="slider-items-container no-scrollbar" x-on:scroll.debounce.100ms="calcActive()" :class="{ 'snap snap-proximity overflow-x-auto pb-7': productsCount > pageSize }"> <div class="grid transition-all grid-rows-1 grid-flow-col slider" :style="itemWidth && productsCount && 'grid-template-columns: repeat(' + productsCount + ',' + itemWidth + 'px)' || ''"> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-aac-cushion-sitzkissen-fuer-aac-mit-armlehnen.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '219815' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 219815" ><a href="https://shop.schoener-wohnen.de/hay-aac-cushion-sitzkissen-fuer-aac-mit-armlehnen.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(2198
788715, 'https://dbs-product.imgix.net/a/a/aac_220_teal_green_2.0_shell_black_base_seat_pad_for_aac_with_arm_atlas_931.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - AAC Cushion Sitzkissen für AAC mit Armlehnen" alt="HAY - AAC Cushion Sitzkissen für AAC mit Armlehnen" width="280" height="280" @load="isImageLoaded = hoveredProductId == '219815' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[219823] && badges[219823].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[219823]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-aac-cushion-sitzkissen-fuer-aac-mit-armlehnen.html"><span class="block truncate whitespace-nowrapg">AAC Cushion Sitzkissen für AAC mit Armlehnen</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="discount-price start-at-label text-sm font-semibold">ab</span> <span class="old-price inline-block line-through order-last text-sm tracking-narrow" x-text="hyva.formatPrice(39)" ></span> <span class="discount-price inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(33)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#D8DCE0'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/2/0/38602.jpg'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-09.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '162205' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 162205" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-09.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(162205, 'https://dbs-product.imgix.net/2/0/2090011001001_aac_09_steelcut_190_black_base.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 09" alt="HAY - About a Chair AAC 09" width="280" height="280" @load="isImageLoaded = hoveredProductId == '162205' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[162214] && badges[162214].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[162214]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-09.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 09</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(485)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/6/0/1306.jpg'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-10.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '218245' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 218245" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-10.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218245, 'https://dbs-product.imgix.net/a/a/aa109-d153-aa51_aac_10_khaki_2.0_shell_black_powder_coated_steel_base.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 10" alt="HAY - About a Chair AAC 10" width="280" height="280" @load="isImageLoaded = hoveredProductId == '218245' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[17524] && badges[17524].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[17524]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-10.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 10</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(365)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#7F7868'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#18191B'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-12.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '217883' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 217883" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-12.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(217883, 'https://dbs-product.imgix.net/a/a/aa123-d156-aa51_aac_12_melange_cream_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 12" alt="HAY - About a Chair AAC 12" width="280" height="280" @load="isImageLoaded = hoveredProductId == '217883' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[17422] && badges[17422].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[17422]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-12.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 12</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="discount-price start-at-label text-sm font-semibold">ab</span> <span class="old-price inline-block line-through order-last text-sm tracking-narrow" x-text="hyva.formatPrice(309)" ></span> <span class="discount-price inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(261)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#D4BFA2'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#B3C6C0'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#6B8480'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#A6AA9B'}}) || ''"></span> <span class="swatch-count leading-none flex flex-row text-neutralgray pl-1 h-2.5"><span class="swatch-count swatch inline-flex items-center text-xs"><span>+ 6</span></span></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-121.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '128181' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 128181" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-121.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(128181, 'https://dbs-product.imgix.net/9/3/9343121301903_aac121_chair_alu_base_w._upholstery_remix_133.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About A Chair AAC 121" alt="HAY - About A Chair AAC 121" width="280" height="280" @load="isImageLoaded = hoveredProductId == '128181' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[128183] && badges[128183].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[128183]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-121.html"><span class="block truncate whitespace-nowrapg">About A Chair AAC 121</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(919)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/4/1/614.png'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-123.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '248544' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 248544" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-123.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(248544, 'https://dbs-product.imgix.net/a/a/aa289-a001-aa02-02cj_aac_123_linara_499_wb_lacquer_oak_base.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About A Chair AAC 123" alt="HAY - About A Chair AAC 123" width="280" height="280" @load="isImageLoaded = hoveredProductId == '248544' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[128246] && badges[128246].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[128246]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-123.html"><span class="block truncate whitespace-nowrapg">About A Chair AAC 123</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(739)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/4/7/41574.jpg'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/8/1/44118.jpg'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-127.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '128281' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 128281" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-127.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(128281, 'https://dbs-product.imgix.net/9/3/9351596753276_aac127_chair_black_base_dot_1682_03_antracite.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About A Chair AAC 127" alt="HAY - About A Chair AAC 127" width="280" height="280" @load="isImageLoaded = hoveredProductId == '128281' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[128300] && badges[128300].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[128300]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-127.html"><span class="block truncate whitespace-nowrapg">About A Chair AAC 127</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(679)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/9/1/519.png'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/2/9/592.png'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-14.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '218167' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 218167" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-14.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218167, 'https://dbs-product.imgix.net/a/a/aa140-d159-aa51_aac_14_white_2.0_shell_white_powder_coated_aluminium_base.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About A Chair AAC 14" alt="HAY - About A Chair AAC 14" width="280" height="280" @load="isImageLoaded = hoveredProductId == '218167' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[17299] && badges[17299].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[17299]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-14.html"><span class="block truncate whitespace-nowrapg">About A Chair AAC 14</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(449)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#FFFFFF'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#18191B'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-155-soft-drehstuhl.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '184840' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 184840" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-155-soft-drehstuhl.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(184840, 'https://dbs-product.imgix.net/2/6/2637146783090_aac_155_soft_mode_009_alu_tilt_swivel_base.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About A Chair AAC 155 soft Drehstuhl" alt="HAY - About A Chair AAC 155 soft Drehstuhl" width="280" height="280" @load="isImageLoaded = hoveredProductId == '184840' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[184841] && badges[184841].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[184841]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-155-soft-drehstuhl.html"><span class="block truncate whitespace-nowrapg">About A Chair AAC 155 soft Drehstuhl</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(1059)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/3/5/30753.jpg'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/0/7/30770.jpg'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-20.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '218066' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 218066" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-20.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218066, 'https://dbs-product.imgix.net/a/a/aa194-d159-aa51_aac_20_white_2.0_shell_white_powder_coated_aluminium_base_new.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 20" alt="HAY - About a Chair AAC 20" width="280" height="280" @load="isImageLoaded = hoveredProductId == '218066' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[17943] && badges[17943].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[17943]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-20.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 20</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="discount-price start-at-label text-sm font-semibold">ab</span> <span class="old-price inline-block line-through order-last text-sm tracking-narrow" x-text="hyva.formatPrice(439)" ></span> <span class="discount-price inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(396)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#D4BFA2'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#807059'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#1E3B5B'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#B3C6C0'}}) || ''"></span> <span class="swatch-count leading-none flex flex-row text-neutralgray pl-1 h-2.5"><span class="swatch-count swatch inline-flex items-center text-xs"><span>+ 2</span></span></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-21.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '40098' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 40098" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-21.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(40098, 'https://dbs-product.imgix.net/a/a/aac21-steelcut-trio-153-01.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 21" alt="HAY - About a Chair AAC 21" width="280" height="280" @load="isImageLoaded = hoveredProductId == '40098' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[40212] && badges[40212].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[40212]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-21.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 21</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(699)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/2/9/592.png'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-212.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '218768' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 218768" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-212.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218768, 'https://dbs-product.imgix.net/a/c/ac084-d162-aa51_aac_212_dusty_blue_2.0_shell_wb_lacquer_walnut_base_new.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 212" alt="HAY - About a Chair AAC 212" width="280" height="280" @load="isImageLoaded = hoveredProductId == '218768' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[208370] && badges[208370].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[208370]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-212.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 212</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(409)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#7C959A'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-22-spiegelpolsterung.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '16219' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 16219" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-22-spiegelpolsterung.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(16219, 'https://dbs-product.imgix.net/h/a/hay_-_about_a_chair_aac_22_-_spiegelpolsterung_wei_hallingdal130.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 22 - Spiegelpolsterung" alt="HAY - About a Chair AAC 22 - Spiegelpolsterung" width="280" height="280" @load="isImageLoaded = hoveredProductId == '16219' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[17599] && badges[17599].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[17599]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-22-spiegelpolsterung.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 22 - Spiegelpolsterung</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="old-price inline-block line-through order-last text-sm tracking-narrow" x-text="hyva.formatPrice(549)" ></span> <span class="discount-price inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(495)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/7/7/3277.jpg'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-22-white-2-0-eiche-wasserbasiert-lackiert-standardgleiter.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '217606' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 217606" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-22-white-2-0-eiche-wasserbasiert-lackiert-standardgleiter.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(217606, 'https://dbs-product.imgix.net/a/a/aa207-d159-aa51_aac_22_white_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 22 - white 2.0 - Eiche wasserbasiert lackiert - Standardgleiter" alt="HAY - About a Chair AAC 22 - white 2.0 - Eiche wasserbasiert lackiert - Standardgleiter" width="280" height="280" @load="isImageLoaded = hoveredProductId == '217606' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[217606] && badges[217606].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[217606]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-22-white-2-0-eiche-wasserbasiert-lackiert-standardgleiter.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 22 - white 2.0 - Eiche wasserbasiert lackiert - Standardgleiter</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="old-price inline-block line-through order-last text-sm tracking-narrow" x-text="hyva.formatPrice(339)" ></span> <span class="discount-price inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(306)" ></span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-220.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '218467' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 218467" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-220.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218467, 'https://dbs-product.imgix.net/a/c/ac100-d159-aa51-01uf_aac_220_white_2.0_shell_alu_base_new.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 220" alt="HAY - About a Chair AAC 220" width="280" height="280" @load="isImageLoaded = hoveredProductId == '218467' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[208399] && badges[208399].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[208399]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-220.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 220</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(449)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#FFFFFF'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#7C959A'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#18191B'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-221.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '244710' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 244710" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-221.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(244710, 'https://dbs-product.imgix.net/a/c/ac104-a001-aa36-02as_aac_221_sense_cognac_alu_base_1_.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 221" alt="HAY - About a Chair AAC 221" width="280" height="280" @load="isImageLoaded = hoveredProductId == '244710' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[244710] && badges[244710].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[244710]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-221.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 221</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(1069)" ></span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-222.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '218496' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 218496" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-222.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218496, 'https://dbs-product.imgix.net/a/c/ac106-d150-aa51-01uf_aac_222_pastel_green_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 222" alt="HAY - About a Chair AAC 222" width="280" height="280" @load="isImageLoaded = hoveredProductId == '218496' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[208405] && badges[208405].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[208405]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-222.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 222</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="discount-price start-at-label text-sm font-semibold">ab</span> <span class="old-price inline-block line-through order-last text-sm tracking-narrow" x-text="hyva.formatPrice(349)" ></span> <span class="discount-price inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(295)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#9CA5B6'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#D4BFA2'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#807059'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#53464D'}}) || ''"></span> <span class="swatch-count leading-none flex flex-row text-neutralgray pl-1 h-2.5"><span class="swatch-count swatch inline-flex items-center text-xs"><span>+ 11</span></span></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-223.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '238594' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 238594" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-223.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(238594, 'https://dbs-product.imgix.net/a/c/ac114-a001-ag89-02cs_aac223_metaphor_22_wb_lacquer_oak_base.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About A Chair AAC 223" alt="HAY - About A Chair AAC 223" width="280" height="280" @load="isImageLoaded = hoveredProductId == '238594' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[238601] && badges[238601].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[238601]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-223.html"><span class="block truncate whitespace-nowrapg">About A Chair AAC 223</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(589)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/5/7/41575.jpg'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/1/8/41581.jpg'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-226.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '218699' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 218699" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-226.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218699, 'https://dbs-product.imgix.net/a/c/ac122-d165-aa51_aac_226_concrete_grey_2.0_shell_black_powder_coated_steel_base_new.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 226" alt="HAY - About a Chair AAC 226" width="280" height="280" @load="isImageLoaded = hoveredProductId == '218699' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[218701] && badges[218701].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[218701]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-226.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 226</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(310)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#807059'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#A5AAAD'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-23.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '245533' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 245533" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-23.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(245533, 'https://dbs-product.imgix.net/a/a/aa216-a001-aa01-01ck_aac_23_remix_123_wb_lacquer_oak_base.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 23" alt="HAY - About a Chair AAC 23" width="280" height="280" @load="isImageLoaded = hoveredProductId == '245533' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[17519] && badges[17519].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[17519]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-23.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 23</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(579)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/9/1/519.png'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/7/5/1157.jpg'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/4/9/32994.jpg'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-26.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '217784' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 217784" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-26.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(217784, 'https://dbs-product.imgix.net/a/a/aa229-_d123-aa51_aac_26_slate_blue_2.0_shell_black_powder_coated_steel_base_new.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 26" alt="HAY - About a Chair AAC 26" width="280" height="280" @load="isImageLoaded = hoveredProductId == '217784' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[53633] && badges[53633].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[53633]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-26.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 26</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="discount-price start-at-label text-sm font-semibold">ab</span> <span class="old-price inline-block line-through order-last text-sm tracking-narrow" x-text="hyva.formatPrice(289)" ></span> <span class="discount-price inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(245)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#9CA5B6'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#1E3B5B'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#668C73'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#6B8480'}}) || ''"></span> <span class="swatch-count leading-none flex flex-row text-neutralgray pl-1 h-2.5"><span class="swatch-count swatch inline-flex items-center text-xs"><span>+ 8</span></span></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-27.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '128748' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 128748" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-27.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(128748, 'https://dbs-product.imgix.net/2/2/2270511301904_aac27_remix_143_chrome_base.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About A Chair AAC 27" alt="HAY - About A Chair AAC 27" width="280" height="280" @load="isImageLoaded = hoveredProductId == '128748' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[128770] && badges[128770].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[128770]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-27.html"><span class="block truncate whitespace-nowrapg">About A Chair AAC 27</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(529)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/2/9/592.png'}}) || ''"></span> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '/0/7/1170.jpg'}}) || ''"></span> </span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-50.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '245809' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 245809" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-50.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(245809, 'https://dbs-product.imgix.net/a/a/aa272-d159-aa51-01uf_aac_50_white_2.0_shell_white_powder_coated_steel_base.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 50" alt="HAY - About a Chair AAC 50" width="280" height="280" @load="isImageLoaded = hoveredProductId == '245809' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[245809] && badges[245809].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[245809]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-50.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 50</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(579)" ></span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-52.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '245808' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 245808" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-52.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(245808, 'https://dbs-product.imgix.net/a/a/aa278-d159-aa51-01uf_aac_52_white_2.0_shell_white_powder_coated_aluminium_base.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 52" alt="HAY - About a Chair AAC 52" width="280" height="280" @load="isImageLoaded = hoveredProductId == '245808' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[245808] && badges[245808].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[245808]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-52.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 52</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(639)" ></span></span> </div></div> <div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-53.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '144286' && '' && isImageLoaded) }" ><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 144286" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-53.html"><span class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(144286, 'https://dbs-product.imgix.net/h/a/hay-aac-53-remix-123-poliertes-gestell.jpg?auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff', '')" title="HAY - About a Chair AAC 53" alt="HAY - About a Chair AAC 53" width="280" height="280" @load="isImageLoaded = hoveredProductId == '144286' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[144287] && badges[144287].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[144287]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"><span class="manufacturer-label truncate block text-13px font-bold">HAY</span> <a class="product-name truncate block no-underline" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-53.html"><span class="block truncate whitespace-nowrapg">About a Chair AAC 53</span></a></p><span class="price-wrapper flex flex-row gap-x-1 mt-1"> <span class="start-at-label text-sm font-semibold">ab</span> <span class=" inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(879)" ></span></span> <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap"> <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '#A6A8A7'}}) || ''"></span> </span></span> </div></div> </div></div></div></section>
7887<script> 7888 const ProductSlider_6abf08297fa45 = function (sliderBreakpoints) { 7889 return { 7890 uniqueId: 'ProductSlider_6abf08297fa45', 7891 productsCount: 0, 7892 productIds: [], 7893 pageSize: 1, 7894 itemWidth: null, 7895 hoveredProductId: null, 7896 isImageLoaded: false, 7897 timeout: null, 7898 isAtStart: true, 7899 isAtEnd: false, 7900 active: 0, 7901 pageFillers: 0, 7902 itemsPerPagePerScreenSize: { 7903 '': 2.3, 7904 'sm': 2.3, 7905 'md': 3, 7906 'lg': 4, 7907 'xl': 4, 7908 '2xl': 4, 7909 }, 7910 7911 setItemsPerSlider() { 7912 if (!sliderBreakpoints) return; 7913 7914 this.itemsPerPagePerScreenSize = sliderBreakpoints; 7915 }, 7916 7917 initStaticMode() { 7918 this.productsCount = 25; 7919 this.productIds = ["17299","17422","17519","17524","17599","17943","40212","53633","128246","128770","144287","162214","184841","208370","208399","208405","128183","128300","217606","218701","219823","238601","244710","245808","245809"]; 7920 7921 if (this.getSlider()) {
7922 this.getSlider().scrollLeft = 0; 7923 this.calcActive(); 7924 } 7925 }, 7926 7927 initDynamicMode() { 7928 this.productsCount = this.productItems && (this.productItems).length || 0; 7929 this.productIds = this.productItems && this.getProductIds(this.productItems) || []; 7930 7931 if (this.productItems) { 7932 this.$nextTick(() => { 7933 window.requestAnimationFrame(() => { 7934 this.initSlider(); 7935 }) 7936 }) 7937 } 7938 }, 7939 7940 initGraphQlMode() { 7941 this.getProductItemsByGraphQl(); 7942 }, 7943 7944 initSlider() { 7945 this.setItemsPerSlider(); 7946 this.calcPageSize(); 7947 this.executeHooksOnSliderInit(); 7948 }, 7949 7950 reInitSlider() { 7951 if (this.getSlider()) { 7952 this.getSlider().scrollLeft = 0; 7953 } 7954 this.calcPageSize(); 7955 }, 7956 7957 getSlider() { 7958 return this.getSliderContainer(); 7959 }, 7960 7961 getSliderContainer() { 7962 return this.$root.querySelector('.slider-items-container'); 7963 }, 7964 7965 scrollBack() { 7966 if (this.getSliderContainer()) {
7967 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft - (this.getSliderContainer().clientWidth); 7968 this.calcActive(); 7969 } 7970 }, 7971 7972 scrollForward() { 7973 if (this.getSliderContainer()) { 7974 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft + (this.getSliderContainer().clientWidth); 7975 this.calcActive(); 7976 } 7977 }, 7978 7979 calcPageSize() { 7980 const slider = this.getSlider(); 7981 7982 if (slider) { 7983 this.pageSize = this.itemsPerPagePerScreenSize[themeServiceScreen.getScreen()]; 7984 7985 this.itemWidth = Math.round(slider.clientWidth / this.pageSize); 7986 this.pageFillers = ( 7987 this.pageSize * Math.ceil(this.productsCount / this.pageSize) 7988 ) - this.productsCount; 7989 this.$nextTick(() => this.calcActive()); 7990 7991 window.requestAnimationFrame(() => { 7992 if (!this.itemWidth && this.productsCount) this.calcPageSize(); 7993 7994 }); 7995 } 7996 }, 7997 7998 calcActive() { 7999 const slider = this.getSlider(); 8000 8001 if (slider) { 8002 const sliderItems = this.productsCount + this.pageFillers; 8003 const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems); 8004 8005 this.active = Math.round(calculatedActiveSlide); 8006 this.active = Math.max(0, Math.min(this.active, this.productsCount - this.pageSize)); 8007 8008 this.isAtStart = slider.scrollLeft === 0; 8009 this.isAtEnd = slider.scrollLeft + slider.clientWidth >= slider.scrollWidth - 1; 8010 } 8011 }, 8012 8013 getImageUrl(image) { 8014 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 8015 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 8016 8017 if (imageUrl) { 8018 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 8019 } 8020 8021 return ''; 8022 }, 8023 8024 getImageUrlByProduct(product) { 8025 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 8026 return this.getImageUrl(product.hover_image); 8027 } 8028 return this.getImageUrl(product.small_image); 8029 }, 8030 8031 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 8032 if (hoverImageUrl && this.hoveredProductId == productId) { 8033 return hoverImageUrl.split('?')[0] + "?ar=0.85:1&fit=crop"; 8034 } 8035 8036 return this.getImageUrl(imageUrl).replace('trim-tol=15', 'trim-tol=25'); 8037 }, 8038 8039 debounce(func, wait) { 8040 let later = function() { 8041 this.timeout = null; 8042 func.apply(this, []); 8043 }; 8044 clearTimeout(this.timeout); 8045 this.timeout = setTimeout(later, wait); 8046 }, 8047 8048 getImageUrl(image) { 8049 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 8050 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 8051 8052 if (imageUrl) { 8053 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 8054 } 8055 8056 return ''; 8057 }, 8058 8059 getImageUrlByProduct(product) { 8060 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 8061 return this.getImageUrl(product.hover_image); 8062 } 8063 return this.getImageUrl(product.small_image); 8064 }, 8065 8066 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 8067 if (hoverImageUrl && this.hoveredProductId == productId) { 8068 return this.getImageUrl(hoverImageUrl); 8069 } 8070 return this.getImageUrl(imageUrl); 8071 }, 8072 8073 badges: {}, 8074 getBadges() { 8075 this.badges[219823] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":33,"sale_item_regular_price":39,"variants_have_equal_discount":false,"calculated_minimal_price":33,"discount":"bis zu -15%"},"is_new_product":false}); 8076 this.badges[162214] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":485,"discount":""},"is_new_product":false}); 8077 this.badges[17524] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":365,"discount":""},"is_new_product":false}); 8078 this.badges[17422] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":261,"sale_item_regular_price":309,"variants_have_equal_discount":false,"calculated_minimal_price":261,"discount":"bis zu -16%"},"is_new_product":false}); 8079 this.badges[128183] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":919,"discount":""},"is_new_product":false}); 8080 this.badges[128246] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":739,"discount":""},"is_new_product":false}); 8081 this.badges[128300] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":679,"discount":""},"is_new_product":false}); 8082 this.badges[17299] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":449,"discount":""},"is_new_product":false}); 8083 this.badges[184841] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":1059,"discount":""},"is_new_product":false}); 8084 this.badges[17943] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":396,"sale_item_regular_price":439,"variants_have_equal_discount":false,"calculated_minimal_price":396,"discount":"bis zu -10%"},"is_new_product":false}); 8085 this.badges[40212] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":699,"discount":""},"is_new_product":false}); 8086 this.badges[208370] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":409,"discount":""},"is_new_product":false}); 8087 this.badges[17599] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":495,"sale_item_regular_price":549,"variants_have_equal_discount":true,"calculated_minimal_price":495,"discount":"-10%"},"is_new_product":false}); 8088 this.badges[217606] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":306,"sale_item_regular_price":339,"variants_have_equal_discount":true,"calculated_minimal_price":306,"discount":"-10%"},"is_new_product":false}); 8089 this.badges[208399] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":449,"discount":""},"is_new_product":false}); 8090 this.badges[244710] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":1069,"discount":""},"is_new_product":false}); 8091 this.badges[208405] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":295,"sale_item_regular_price":349,"variants_have_equal_discount":false,"calculated_minimal_price":295,"discount":"bis zu -15%"},"is_new_product":false}); 8092 this.badges[238601] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":589,"discount":""},"is_new_product":false}); 8093 this.badges[218701] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":310,"discount":""},"is_new_product":false}); 8094 this.badges[17519] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":579,"discount":""},"is_new_product":false}); 8095 this.badges[53633] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":245,"s
8095ale_item_regular_price":289,"variants_have_equal_discount":false,"calculated_minimal_price":245,"discount":"bis zu -15%"},"is_new_product":false}); 8096 this.badges[128770] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":529,"discount":""},"is_new_product":false}); 8097 this.badges[245809] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":579,"discount":""},"is_new_product":false}); 8098 this.badges[245808] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":639,"discount":""},"is_new_product":false}); 8099 this.badges[144287] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":879,"discount":""},"is_new_product":false}); 8100 }, 8101 8102 executeHooksOnSliderInit() { 8103 this.getBadges(); 8104 }, 8105 8106 eventListeners: { 8107 ['x-on:window-resize-horizontal.window.debounce']() { 8108 this.reInitSlider(); 8109 }, 8110 ['x-on:re-init-product-sliders.window']() { 8111 this.reInitSlider(); 8112 }, 8113 }, 8114 } 8115 } 8116 8117 const dispatchEventReInitProductSliders_ProductSlider_6abf08297fa45 = function() { 8118 window.dispatchEvent(new CustomEvent('re-init-product-sliders')) 8119 } 8120 8121 window.requestIdleCallback 8122 ? window.requestIdleCallback(() => dispatchEventReInitProductSliders_ProductSlider_6abf08297fa45) 8123 : setTimeout(() => dispatchEventReInitProductSliders_ProductSlider_6abf08297fa45, 4000);</script>
8123</div> 8124 <div class="hidden lg:block lg:order-4 has-bg"> <div class="bg-stonegray-lighter pt-10 pb-11 md:pt-8 lg:py-6 mt-10 md:mt-12 lg:mt-0"> 8125 <div class="container grid grid-cols-3 gap-y-3 md:grid-cols-7 lg:grid-cols-8 lg:items-center"> 8126 <div class="mb-4 md:mb-0 col-span-3 md:order-1 lg:order-2 md:col-span-7 lg:col-span-2"> 8127 <h2> 8128 <span class="text-xl md:text-lg font-semibold"> 8129 Haben Sie noch Fragen? </span> 8130 </h2> 8131 </div> 8132 <div class="col-span-1 md:row-span-2 lg:row-span-1 justify-center md:order-2 lg:order-1 md:pb-3 8133 lg:pb-0 md:items-end lg:items-start flex"> 8134 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="questions" x="0" y="0" viewBox="0 0 100 100" xml:space="preserve" class="h-14 w-auto" width="24" height="24" role="img"> 8135 <switch> 8136 <g> 8137 <path class="question-icon-svg" d="M50.1 8.1C24.1 8.1 2.9 25.5 2.9 47c0 8.9 3.7 17.5 10.4 24.4-.5 4.4-4.6 14.9-6.2 18.8-.2.5-.1 1.1.3 1.5.3.3.7.5 1.1.5.1 0 .3 0 .4-.1.8-.2 18.9-5.6 24.6-8.7 5.4 1.7 11 2.5 16.6 2.5 26 0 47.2-17.4 47.2-38.9S76.1 8.1 50.1 8.1zm0 74.9c-5.6 0-11.1-.9-16.4-2.6-.4-.1-.9-.1-1.2.2-3.4 2.2-15.8 6.1-21.5 7.8 1.8-4.6 5.2-13.7 5.3-17.5 0-.4-.1-.8-.4-1.1-6.5-6.4-10-14.5-10-22.8 0-19.8 19.9-36 44.3-36s44.3 16.1 44.3 36c-.1 19.8-20 36-44.4 36z"/> 8138 <path class="question-icon-svg" d="M50.4 74.2c2.6 0 4.6-2 4.6-4.6S53 65 50.4 65c-2.5 0-4.6 2.1-4.6 4.6 0 2.6 2 4.6 4.6 4.6zM48.5 59.6v-9.8c0-1.1.7-1.8 1.9-2 2.3-.5 4.4-1.5 6.3-3 5.4-4 5.2-10.6 2.3-14.5-2.1-2.8-5.2-3.6-8.5-3.6-4.4 0-8.5 2.4-10 6.8-.4 1.2-1.6 1.7-2.6 1.4-1.2-.4-1.7-1.5-1.3-2.8 1.4-4 4.2-6.8 8.1-8.4 4.6-1.9 9.3-1.5 13.6.8 4.1 2.2 6 5.9 6.5 10.5.8 7.1-3.7 12.3-8.9 15-1.1.6-2.4 1-3.7 1.6v8.1l-3.7-.1z"/> 8139 </g> 8140 </switch> 8141</svg> 8142 </div> 8143 <div class="col-span-2 md:col-span-3 lg:col-span-2 md:order-3 md:row-span-2 8144 lg:row-span-1 md:items-end lg:items-start md:flex md:pr-20 md:pb-2"> 8145 <span class="lg:text-sm">Wir helfen Ihnen gerne weiter. Kostenlose Beratung Mo.â Fr. von 10 bis 13 Uhr unter</span> 8146 </div> 8147 <div class="order-4 col-span-2 hidden lg:block"> 8148 <div class="font-semibold text-xl"> 8149 <span> 8150 <a href="tel:+49 241 955 091 97"> 8151 +49 241 955 091 97 </a> 8152 </span> 8153 <span onclick="window.ContactLinkClickHandler(event)"> 8154 oder <br><a class="underline" href="/service/kontakt/">schreiben Sie uns hier</a> </span> 8155 </div> 8156 </div> 8157 <div class="lg:hidden mt-3 md:mt-0 col-span-3 md:order-4"> 8158 <button type="button" class="button button-stroke md:button-mediumheight w-full" 8159 onclick="window.open('tel:+49 241 955 091 97')" 8160 > 8161 Rufen Sie uns an </button> 8162 </div> 8163 <div class="lg:hidden col-span-3 md:order-5""> 8164 <span> 8165 <a class="button button-stroke md:button-mediumheight w-full" 8166 href="/service/kontakt/" 8167 onclick="window.ContactLinkClickHandler(event)" 8168 > 8169 Schreiben Sie uns </a> 8170 </span> 8171 </div> 8172 </div> 8173 </div> 8174</div> 8175 <div class="order-6 has-bg"> <div class="container mt-6 lg:mt-12" x-data="ImgixVideoSlider(`\u005B\u0022https\u003A\u005C\u002F\u005C\u002Fdbs\u002Dvideo.imgix.net\u005C\u002FHAY\u005C\u002FHAY_About_A_Collection_Web.mp4\u003Ffm\u003Dhls\u0022\u005D`)" x-init="initialize()" ><div class="relative lg:px-24 max-w-[962px] mx-auto"><div class=""><div class="relative pt-[56.25%]"> <div class="opacity-0 invisible transition-[opacity,visibility] duration-1000" :class="{ 'opacity-0 invisible': currentVideoIndex !== 0 }" ><video data-id="0" x-ref="imgixVideo0" controls x-show="!errors['0']" class="absolute inset-0 w-full h-full" poster="https://dbs-video.imgix.net/HAY/HAY_About_A_Collection_Web.mp4?video-thumbnail=1&fm=jpg&w=770&auto=format" ></video><template x-if="errors['0']"><p class="absolute inset-0 flex items-center justify-center text-center bg-foggray"><span x-text="errors['0']"></span></p></template></div></div></div></div></div>
8175<script> 8176 const ImgixVideoSlider = function (videoUrls) { 8177 videoUrls = JSON.parse(videoUrls); 8178 const videosCount = videoUrls.length; 8179 8180 return { 8181 currentVideoIndex: 0, 8182 errors: {}, 8183 initialize() { 8184 observer = new IntersectionObserver((entries, observer) => { 8185 entries.forEach(entry => { 8186 if (entry.isIntersecting) { 8187 this.loadAssets(); 8188 observer.disconnect(); 8189 } 8190 }) 8191 }) 8192 8193 observer.observe(this.$root); 8194 }, 8195 loadAssets() { 8196 const firstScriptTag = document.getElementsByTagName('script')[0]; 8197 const hlsScript = document.createElement('script'); 8198 hlsScript.src = 'https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/DesignBestseller_ImgixVideo/js/lib/hls.min.js' 8199 hlsScript.onload = this.onAssetsReady.bind(this); 8200 firstScriptTag.parentNode.insertBefore(hlsScript, firstScriptTag); 8201 }, 8202 onAssetsReady() { 8203 this.attachVideo(this.currentVideoIndex); 8204 }, 8205 attachVideo(index) { 8206 const videoElement = this.$refs[`imgixVideo${index}`]; 8207 const videoUrl = videoUrls[index]; 8208 8209 if (!videoElement || !videoUrl || videoElement.src) { 8210 return this; 8211 } 8212 8213 if (window.Hls.isSupported()) { 8214 const hls = new Hls(); 8215 hls.loadSource(videoUrl); 8216 hls.attachMedia(videoElement); 8217 return this; 8218 } 8219 8220 if (videoElement.canPlayType('application/vnd.apple.mpegurl')) { 8221 videoElement.src = videoUrl; 8222 return this; 8223 } 8224 8225 this.errors[$index] = "Your browser doesn't support this type of media." 8226 }, 8227 showPrevious() { 8228 const prevIndex = this.currentVideoIndex - 1; 8229 this.$refs[`imgixVideo${this.currentVideoIndex}`].pause(); 8230 this.currentVideoIndex = prevIndex < 0 ? videosCount - 1 : prevIndex; 8231 this.attachVideo(this.currentVideoIndex); 8232 }, 8233 showNext() { 8234 const nextIndex = this.currentVideoIndex + 1; 8235 this.$refs[`imgixVideo${this.currentVideoIndex}`].pause(); 8236 this.currentVideoIndex = nextIndex >= videosCount ? 0 : nextIndex; 8237 this.attachVideo(this.currentVideoIndex); 8238 } 8239 } 8240 }</script>
8240</div> 8241 <div class="order-7"> <div class="container mt-12 md:mt-18 pb-2 lg:pb-0"> 8242 <div class="border-element"> 8243 <div class="lg:w-3/4 xl:w-1/2 mx-auto"> 8244 <p class="text-xl md:text-2xl font-semibold mb-12 md:mb-11">Von Hee Welling designt</p> 8245 <div class="grid grid-cols-3 lg:grid-cols-4 gap-4"> 8246 <div> 8247 <img 8248 class="max-h-64 w-auto" loading="lazy" height="40" width="40" 8249 src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/designer/designer-hee-welling.jpg?auto=format" 8250 alt="Hee Welling"/> 8251 </div> 8252 <div class="col-span-2 lg:col-span-3 md:pl-6 flex flex-col justify-between"> 8253 <div><p>Hee Welling (*1974) studierte erst in Finnland und später in Dänemark Design, wo er 2003 seinen Master in Möbeldesign machte. Im gleichen Jahr gründete er sein eigenes Atelier in Kopenhagen und arbeitet seither in den Bereichen Möbel-, Innen- und Industriedesign. Wellings Designs für Kunden wie HAY und &tradition wurden mehrfach preisgekrönt. Seine Designphilosophie drückt sich durch simple geometrische Formen und schwungvollen Konturen seiner Produkte aus.</p></div> 8254 <div> 8255 <button class="button button-stroke mt-11 md:mt-7" 8256 onclick="location.assign('https://shop.schoener-wohnen.de/designer-hee-welling/')">Produkte entdecken</button> 8257 </div> 8258 </div> 8259 </div> 8260 </div> 8261 </div> 8262 </div> 8263</div> 8264 <div class="lg:hidden order-8 has-bg"> <div class="bg-stonegray-lighter pt-10 pb-11 md:pt-8 lg:py-6 mt-10 md:mt-12 lg:mt-0"> 8265 <div class="container grid grid-cols-3 gap-y-3 md:grid-cols-7 lg:grid-cols-8 lg:items-center"> 8266 <div class="mb-4 md:mb-0 col-span-3 md:order-1 lg:order-2 md:col-span-7 lg:col-span-2"> 8267 <h2> 8268 <span class="text-xl md:text-lg font-semibold"> 8269 Haben Sie noch Fragen? </span> 8270 </h2> 8271 </div> 8272 <div class="col-span-1 md:row-span-2 lg:row-span-1 justify-center md:order-2 lg:order-1 md:pb-3 8273 lg:pb-0 md:items-end lg:items-start flex"> 8274 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="questions" x="0" y="0" viewBox="0 0 100 100" xml:space="preserve" class="h-14 w-auto" width="24" height="24" role="img"> 8275 <switch> 8276 <g> 8277 <path class="question-icon-svg" d="M50.1 8.1C24.1 8.1 2.9 25.5 2.9 47c0 8.9 3.7 17.5 10.4 24.4-.5 4.4-4.6 14.9-6.2 18.8-.2.5-.1 1.1.3 1.5.3.3.7.5 1.1.5.1 0 .3 0 .4-.1.8-.2 18.9-5.6 24.6-8.7 5.4 1.7 11 2.5 16.6 2.5 26 0 47.2-17.4 47.2-38.9S76.1 8.1 50.1 8.1zm0 74.9c-5.6 0-11.1-.9-16.4-2.6-.4-.1-.9-.1-1.2.2-3.4 2.2-15.8 6.1-21.5 7.8 1.8-4.6 5.2-13.7 5.3-17.5 0-.4-.1-.8-.4-1.1-6.5-6.4-10-14.5-10-22.8 0-19.8 19.9-36 44.3-36s44.3 16.1 44.3 36c-.1 19.8-20 36-44.4 36z"/> 8278 <path class="question-icon-svg" d="M50.4 74.2c2.6 0 4.6-2 4.6-4.6S53 65 50.4 65c-2.5 0-4.6 2.1-4.6 4.6 0 2.6 2 4.6 4.6 4.6zM48.5 59.6v-9.8c0-1.1.7-1.8 1.9-2 2.3-.5 4.4-1.5 6.3-3 5.4-4 5.2-10.6 2.3-14.5-2.1-2.8-5.2-3.6-8.5-3.6-4.4 0-8.5 2.4-10 6.8-.4 1.2-1.6 1.7-2.6 1.4-1.2-.4-1.7-1.5-1.3-2.8 1.4-4 4.2-6.8 8.1-8.4 4.6-1.9 9.3-1.5 13.6.8 4.1 2.2 6 5.9 6.5 10.5.8 7.1-3.7 12.3-8.9 15-1.1.6-2.4 1-3.7 1.6v8.1l-3.7-.1z"/> 8279 </g> 8280 </switch> 8281</svg> 8282 </div> 8283 <div class="col-span-2 md:col-span-3 lg:col-span-2 md:order-3 md:row-span-2 8284 lg:row-span-1 md:items-end lg:items-start md:flex md:pr-20 md:pb-2"> 8285 <span class="lg:text-sm">Wir helfen Ihnen gerne weiter. Kostenlose Beratung Mo.â Fr. von 10 bis 13 Uhr unter</span> 8286 </div> 8287 <div class="order-4 col-span-2 hidden lg:block"> 8288 <div class="font-semibold text-xl">
8289 <span> 8290 <a href="tel:+49 241 955 091 97"> 8291 +49 241 955 091 97 </a> 8292 </span> 8293 <span onclick="window.ContactLinkClickHandler(event)"> 8294 oder <br><a class="underline" href="/service/kontakt/">schreiben Sie uns hier</a> </span> 8295 </div> 8296 </div> 8297 <div class="lg:hidden mt-3 md:mt-0 col-span-3 md:order-4"> 8298 <button type="button" class="button button-stroke md:button-mediumheight w-full" 8299 onclick="window.open('tel:+49 241 955 091 97')" 8300 > 8301 Rufen Sie uns an </button> 8302 </div> 8303 <div class="lg:hidden col-span-3 md:order-5""> 8304 <span> 8305 <a class="button button-stroke md:button-mediumheight w-full" 8306 href="/service/kontakt/" 8307 onclick="window.ContactLinkClickHandler(event)" 8308 > 8309 Schreiben Sie uns </a> 8310 </span> 8311 </div> 8312 </div> 8313 </div> 8314</div> 8315 <div class="order-9 lg:order-5 pa-content-after-contact"></div> 8316 <div class="order-10"> <div class="container pt-14 xl:pt-12"> 8317 <div class="flex flex-col items-center lg:w-3/4 xl:w-1/2 mx-auto"> 8318 <div> 8319 <a href="https://shop.schoener-wohnen.de/hay/"> 8320 <span class="flex justify-center items-end underline"><img loading="lazy" width="60" height="20" src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/60.svg?auto=format" 8321 class="w-auto h-10" 8322 alt="HAY" /></span> 8323 </a> 8324 </div> 8325 <div class="flex flex-col justify-between"> 8326 <div x-data="ManufacturerText(`<p>Das 2002 von Rolf HAY gegründete Label hat sich zu einem Aushängeschild dänischen Designs entwickelt. HAY ist retro, klassisch und zugleich modern. Dabei geht HAY einen besonderen Weg, denn die für Hay tätigen Designer sorgen gezielt für eine Wiederbelebung des berühmten dänischen Möbeldesigns der 1950er- und 1960er-Jahre. Und damit schaffen sie in der Reminiszenz ihre ganz eigenen, modernen Klassiker. </p><br> 8327<p> </p><br> 8328<p> </p>`)" 8329 x-defer="intersect" 8330 x-bind="eventListeners" 8331 x-init="updateContent()" 8332 class="mt-4.5 mb-6 text-center mx-auto md:w-8/12 relative" 8333 id="manufacturer-text" 8334 > 8335 <div class="manufacturer-text-content" x-ref="content" x-html="manufacturerText" 8336 :class="{ 8337 'expanded' : isExpanded, 8338 'processing' : isProcessing 8339 }" 8340 > 8341 <p>Das 2002 von Rolf HAY gegründete Label hat sich zu einem Aushängeschild dänischen Designs entwickelt. HAY ist retro, klassisch und zugleich modern. Dabei geht HAY einen besonderen Weg, denn die für Hay tätigen Designer sorgen gezielt für eine Wiederbelebung des berühmten dänischen Möbeldesigns der 1950er- und 1960er-Jahre. Und damit schaffen sie in der Reminiszenz ihre ganz eigenen, modernen Klassiker. </p><br> 8342<p> </p><br> 8343<p> </p> </div> 8344 <button class="text-truncation-toggle text-expand" 8345 x-cloak 8346 x-show="isRequiresToggleButton && !isExpanded" 8347 x-on:click="isExpanded = !isExpanded" 8348 > 8349 <span class="underline">... mehr anzeigen</span> 8350 </button> 8351 </div> 8352 <button class="text-truncation-toggle text-collapse" 8353 x-cloak 8354 x-show="isRequiresToggleButton && isExpanded" 8355 x-on:click="isExpanded = !isExpanded" 8356 >
8357 <span class="underline">weniger anzeigen</span> 8358 </button> 8359 </div> 8360 <div class="flex justify-center"> 8361 <button class="button button-stroke w-full sm:w-auto" 8362 onclick="location.assign('https://shop.schoener-wohnen.de/hay/')"> 8363 Alle Artikel von HAY anzeigen </button> 8364 </div> 8365 </div> 8366 </div> 8367
8367<script> 8368 function ManufacturerText(manufacturerTextFallback) { 8369 return { 8370 ...ClampElementContent(), 8371 manufacturerText: null, 8372 updateContent(manufacturerText) { 8373 this.manufacturerText = manufacturerText || manufacturerTextFallback; 8374 8375 this.$nextTick(() => this.getIsRequiredToggleButton()) 8376 } 8377 } 8378 } 8379 </script>
8379 8380</div> 8381 <div class="order-11"> <section class="order-7 container pt-6 md:pt-12" x-data="ProductSlider_6abf0829dc611()" x-init="initGraphQlMode();" x-show="productItems && productItems.length" x-cloak x-bind="eventListeners" ><div class="relative slider-container w-full border-element"><div class="flex items-center flex-row justify-between mb-8"> <h2 class="text-lg">Kürzlich angesehene Produkte</h2> <div data-control-elements class="hidden md:grid grid-flow-col text-neutralgray-darker" :class="{ 'grid' : productsCount > pageSize }" ><button type="button" class="scroll-arrow justify-self-start justify-center md:absolute md:left-0 md:top-1/2 md:-translate-y-1/2 md:-translate-x-1/2 transition-all md:items-center cursor-pointer w-8 h-8 lg:w-12 lg:h-12 md:flex z-20 rounded-full bg-charcoal-darker text-white" :class="{ 'invisible' : isAtStart }" aria-label="Go to previous product slider page" x-on:click="scrollBack()" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M12 1L2 11L12 21" stroke-width="2" stroke-linecap="round"/></svg> 8382</button> <button type="button" class="scroll-arrow justify-self-end justify-center md:absolute md:right-0 md:top-1/2 md:-translate-y-1/2 md:translate-x-1/2 transition-all md:items-center cursor-pointer w-8 h-8 lg:w-12 lg:h-12 md:flex z-20 rounded-full bg-charcoal-darker text-white" :class="{ 'invisible' : isAtEnd }" x-on:click="scrollForward()" aria-label="Go to next product slider page" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg> 8383</button></div></div><div class="slider-items-container no-scrollbar" x-on:scroll.debounce.100ms="calcActive()" :class="{ 'snap snap-proximity overflow-x-auto pb-7': productsCount > pageSize }"> <template x-if="productItems && productItems.length"> <div class="grid transition-all grid-rows-1 grid-flow-col slider" :style="itemWidth && productsCount && 'grid-template-columns: repeat(' + productsCount + ',' + itemWidth + 'px)' || ''"> <template x-for="product in productItems" :key="product.id"><div class="cursor-pointer slider-item snap-start px-1.5 md:px-2.5 lg:px-3.5" data-product-item x-on:click="location.assign(getProductUrl(product))" ><div class="relative"><div class="relative w-full product-image-wrapper flex flex-col justify-end aspect-[4/5] product-image-wrapper mb-2"><div class="flex items-end justify-center w-full bg-white aspect-square product-image relative mix-blend-multiply"> <a :href="getProductUrl(product)" class="flex items-center justify-center w-full h-full" > <img class="self-center max-h-full max-w-full" :src="getImageUrlByProduct(product)" @mouseenter="debounce(() => hoveredProductId = product.id, 100)" @mouseleave="debounce(() => hoveredProductId = null, 100)" :alt="themeServiceImageDescriptionLabel.getImageDescriptionLabel(product)" :title="themeServiceImageDescriptionLabel.getImageDescriptionLabel(product)" width="280" height="280" loading="lazy"/></a> </div></div><template x-if="badges && badges[product.id] && badges[product.id].length"><div class="flex flex-row product-badges my-2"><span class="flex flex-row"><template x-for="(item, index, collection) in badges[product.id]"><span :style="collection[index].styles" class="product-badge mt-0 inline-block p-1 text-[10px] uppercase leading-none font-semibold mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper text-sm"> <span class="manufacturer-label truncate block text-13px font-bold" x-text="product.attributeValueLabels && JSON.parse(product.attributeValueLabels).manufacturer_label || product.manufacturer || ''" ></span> <a :href="getUrl(product.url_key, product.url_suffix)" class="product-name no-underline"> <span class="block truncate whitespace-nowrapg" x-text="product.name"></span> </a> </p><template x-if="product.options && Object.keys(product.options).length">
8383<p class="option-pairs"><template x-for="option in Object.keys(product.options)"><span class="option-pair"><span x-text="product.options[option].label"></span> <span x-text="product.options[option].value"></span></span></template></p></template><span class="price-wrapper flex flex-row gap-x-1 mt-1"><template x-if="product.special_price"><span class="old-price inline-block line-through order-last text-sm tracking-narrow" x-text="product.price_range.minimum_price.regular_price.value && hyva.formatPrice(product.price_range.minimum_price.regular_price.value) || ''"></span></template><span class="inline-block final-price text-sm font-semibold" :class="{'discount-price' : product.special_price}" x-text="product.price_range.minimum_price.final_price.value && hyva.formatPrice(product.price_range.minimum_price.final_price.value) || ''"></span></span> <template x-if="product.productlistitem_swatches && Object.keys(product.productlistitem_swatches).length"><span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><template x-for="superAttribute in product.productlistitem_swatches.slice(0, 1)"><span class="flex flex-row flex-wrap"><template x-for="(swatch, index) in superAttribute.values.slice(0, 4)"><span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing(swatch) || ''"></span></template><template x-if="superAttribute.values.length >4"><span class="leading-none flex flex-row text-neutralgray pl-1 h-2.5"><span class="swatch inline-flex items-center text-xs"><span x-text="'+' + (superAttribute.values.length - 4)"></span></span></span></template></span></template></span></template></div></template> </div></template></div></div></section>
8383<script> 8384 const ProductSlider_6abf0829dc611 = function (sliderBreakpoints) { 8385 return { 8386 uniqueId: 'ProductSlider_6abf0829dc611', 8387 productsCount: 0, 8388 productIds: [], 8389 pageSize: 1, 8390 itemWidth: null, 8391 hoveredProductId: null, 8392 isImageLoaded: false, 8393 timeout: null, 8394 isAtStart: true, 8395 isAtEnd: false, 8396 active: 0, 8397 pageFillers: 0, 8398 itemsPerPagePerScreenSize: { 8399 '': 2.3, 8400 'sm': 2.3, 8401 'md': 3, 8402 'lg': 4, 8403 'xl': 4, 8404 '2xl': 4, 8405 }, 8406 8407 setItemsPerSlider() { 8408 if (!sliderBreakpoints) return; 8409 8410 this.itemsPerPagePerScreenSize = sliderBreakpoints; 8411 }, 8412 8413 initStaticMode() { 8414 this.productsCount = 0; 8415 this.productIds = 0; 8416 8417 if (this.getSlider()) { 8418 this.getSlider().scrollLeft = 0; 8419 this.calcActive(); 8420 } 8421 }, 8422 8423 initDynamicMode() { 8424 this.productsCount = this.productItems && (this.productItems).length || 0; 8425 this.productIds = this.productItems && this.getProductIds(this.productItems) || []; 8426 8427 if (this.productItems) { 8428 this.$nextTick(() => { 8429 window.requestAnimationFrame(() => { 8430 this.initSlider(); 8431 }) 8432 }) 8433 } 8434 }, 8435 8436 initGraphQlMode() { 8437 }, 8438 8439 initSlider() { 8440 this.setItemsPerSlider(); 8441 this.calcPageSize(); 8442 this.executeHooksOnSliderInit(); 8443 }, 8444 8445 reInitSlider() { 8446 if (this.getSlider()) {
8447 this.getSlider().scrollLeft = 0; 8448 } 8449 this.calcPageSize(); 8450 }, 8451 8452 getSlider() { 8453 return this.getSliderContainer(); 8454 }, 8455 8456 getSliderContainer() { 8457 return this.$root.querySelector('.slider-items-container'); 8458 }, 8459 8460 scrollBack() { 8461 if (this.getSliderContainer()) { 8462 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft - (this.getSliderContainer().clientWidth); 8463 this.calcActive(); 8464 } 8465 }, 8466 8467 scrollForward() { 8468 if (this.getSliderContainer()) { 8469 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft + (this.getSliderContainer().clientWidth); 8470 this.calcActive(); 8471 } 8472 }, 8473 8474 calcPageSize() { 8475 const slider = this.getSlider(); 8476 8477 if (slider) { 8478 this.pageSize = this.itemsPerPagePerScreenSize[themeServiceScreen.getScreen()]; 8479 8480 this.itemWidth = Math.round(slider.clientWidth / this.pageSize); 8481 this.pageFillers = ( 8482 this.pageSize * Math.ceil(this.productsCount / this.pageSize) 8483 ) - this.productsCount; 8484 this.$nextTick(() => this.calcActive()); 8485 8486 window.requestAnimationFrame(() => { 8487 if (!this.itemWidth && this.productsCount) this.calcPageSize(); 8488 8489 }); 8490 } 8491 }, 8492 8493 calcActive() { 8494 const slider = this.getSlider(); 8495 8496 if (slider) { 8497 const sliderItems = this.productsCount + this.pageFillers; 8498 const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems); 8499 8500 this.active = Math.round(calculatedActiveSlide); 8501 this.active = Math.max(0, Math.min(this.active, this.productsCount - this.pageSize)); 8502 8503 this.isAtStart = slider.scrollLeft === 0; 8504 this.isAtEnd = slider.scrollLeft + slider.clientWidth >= slider.scrollWidth - 1; 8505 } 8506 }, 8507 8508 getImageUrl(image) { 8509 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 8510 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 8511 8512 if (imageUrl) { 8513 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 8514 } 8515 8516 return ''; 8517 }, 8518 8519 getImageUrlByProduct(product) { 8520 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 8521 return this.getImageUrl(product.hover_image); 8522 } 8523 return this.getImageUrl(product.small_image); 8524 }, 8525 8526 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 8527 if (hoverImageUrl && this.hoveredProductId == productId) { 8528 return hoverImageUrl.split('?')[0] + "?ar=0.85:1&fit=crop"; 8529 } 8530 8531 return this.getImageUrl(imageUrl).replace('trim-tol=15', 'trim-tol=25'); 8532 }, 8533 8534 debounce(func, wait) { 8535 let later = function() { 8536 this.timeout = null; 8537 func.apply(this, []); 8538 }; 8539 clearTimeout(this.timeout); 8540 this.timeout = setTimeout(later, wait); 8541 }, 8542 8543 getImageUrl(image) { 8544 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 8545 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 8546 8547 if (imageUrl) { 8548 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 8549 } 8550 8551 return ''; 8552 }, 8553 8554 getImageUrlByProduct(product) { 8555 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 8556 return this.getImageUrl(product.hover_image); 8557 }
8558 return this.getImageUrl(product.small_image); 8559 }, 8560 8561 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 8562 if (hoverImageUrl && this.hoveredProductId == productId) { 8563 return this.getImageUrl(hoverImageUrl); 8564 } 8565 return this.getImageUrl(imageUrl); 8566 }, 8567 8568 badges: {}, 8569 getBadges() { 8570 if(this.productItems.length) { 8571 this.productItems.forEach((product) => { 8572 if (!(this.badges[product.id])) { 8573 this.badges[product.id] = themeServiceBadges.getBadges(product) 8574 } 8575 }); 8576 } 8577 }, 8578 8579 productItems: {}, 8580 getProductUrl(product) { 8581 if (product.url_rewrites && product.url_rewrites[0] && product.url_rewrites[0].url) { 8582 return `${BASE_URL}${product.url_rewrites[0].url}`; 8583 } 8584 return this.getUrl(product.url_key, product.url_suffix); 8585 }, 8586 getUrl(key, suffix) { 8587 return `${BASE_URL}${key}${suffix || ''}`; 8588 }, 8589 getProductIds(productItems) { 8590 const productIds = []; 8591 if (Array.isArray(productItems)) { 8592 for (let i = 0; i < productItems.length; i++) { 8593 productIds.push(productItems[i].id); 8594 } 8595 } 8596 return productIds; 8597 }, 8598 scrollPageUp() { 8599 document.documentElement.scrollTo({ 8600 top: 0, 8601 behavior: "smooth" 8602 }) 8603 }, 8604 async getProductItemsByGraphQl(variables) { 8605 const graphQlFetch = await themeServiceGraphQl.postData(`query RecentlyViewedProducts ($skus: [String!]!) { 8606 products(filter: {sku: {in: $skus}}, pageSize: 20, sort: {position: ASC}) { 8607 items 8608 { 8609 sku 8610 id 8611 name 8612 small_image { 8613 label 8614 url 8615 } 8616 hover_image { 8617 url 8618 isEmpty 8619 } 8620 url_key 8621 url_suffix 8622 url_rewrites { 8623 url 8624 } 8625 price_range { 8626 minimum_price { 8627 regular_price { 8628 value 8629 } 8630 final_price { 8631 value 8632 } 8633 discount { 8634 amount_off 8635 percent_off 8636 } 8637 } 8638 maximum_price { 8639 regular_price { 8640 value 8641 currency 8642 } 8643 final_price { 8644 value 8645 currency 8646 } 8647 discount { 8648 amount_off 8649 percent_off 8650 } 8651 } 8652 } 8653 is_new_product 8654 price_information { 8655 has_sale_price 8656 sale_item_regular_price 8657 sale_item_final_price 8658 variants_have_equal_discount 8659 } 8660 stock_status 8661 special_price 8662 manufacturer 8663 attributeValueLabels(fields: ["manufacturer"]) 8664 ... on ConfigurableProduct { 8665 initial_child { 8666 sku 8667 } 8668 productlistitem_swatches { 8669 values { 8670 swatch_data { 8671 value 8672 } 8673 } 8674 } 8675 } 8676 } 8677 8678 } 8679 }`, variables); 8680 const graphQlResponse = await graphQlFetch.json() 8681 if (graphQlResponse) { 8682 this.productItems = graphQlResponse.data && graphQlResponse.data.products && graphQlResponse.data.products.items || []; 8683 this.initDynamicMode() 8684 } 8685 }, 8686 executeHooksOnSliderInit() { 8687 this.getBadges(); 8688 }, 8689 8690 eventListeners: { 8691 ['x-on:window-resize-horizontal.window.debounce']() { 8692 this.reInitSlider(); 8693 }, 8694 ['x-on:re-init-product-sliders.window']() { 8695 this.reInitSlider(); 8696 }, 8697 ['@product-slider-recently-viewed.window'](event) { 8698 this.getProductItemsByGraphQl(event.detail && event.detail.variables) 8699 }, 8700 }, 8701 } 8702 } 8703 8704 const dispatchEventReInitProductSliders_ProductSlider_6abf0829dc611 = function() { 8705 window.dispatchEvent(new CustomEvent('re-init-product-sliders')) 8706 } 8707 8708 window.requestIdleCallback 8709 ? window.requestIdleCallback(() => dispatchEventReInitProductSliders_ProductSlider_6abf0829dc611) 8710 : setTimeout(() => dispatchEventReInitProductSliders_ProductSlider_6abf0829dc611, 4000);</script>
8710</div> 8711 <div class="order-last last-collateral container pt-14 xl:pt-12"> 8712 <div class="border-element"></div> 8713 </div> 8714</section> 8715 8716</div><div x-data="RecentlyViewedProductsComponent_6abf0829e0bf1()" 8717 x-defer="intersect" 8718></div>
8719<script> 8720 function RecentlyViewedProductsComponent_6abf0829e0bf1() { 8721 return { 8722 readRecentlyViewedFromStorage() { 8723 const data = hyva.getBrowserStorage().getItem('recently_viewed_products'); 8724 return data ? JSON.parse(data).filter(product => { 8725 return product.sku; 8726 }) : []; 8727 }, 8728 init() { 8729 const recentlyViewedProductsArray = this.readRecentlyViewedFromStorage(); 8730 8731 let itemsToShow = []; 8732 if (recentlyViewedProductsArray.length > 0) { 8733 const start = '90318001' === '' ? 0 : 1; 8734 itemsToShow = recentlyViewedProductsArray.slice(start) 8735 } 8736 8737 if (itemsToShow.length > 0) { 8738 this.$dispatch('product-slider-recently-viewed', { 8739 variables: { 8740 skus: itemsToShow.map(item => item.sku) 8741 } 8742 }) 8743 } 8744 } 8745 } 8746 } 8747</script>
8747</div></div></main><div class="page-bottom"><div id="particular-audience-container"></div></div><footer class="page-footer bg-white"><div class="footer content"> <div><div class="container"><div class="pre-footer-grid"> <div> <div class="prefooter-top-listing"><div class="pt-1">
8747<script> 8748 function collapseBox6abf0829f1c03() { 8749 return { 8750 isCollapsed: true, 8751 init() { 8752 this.setCollapseState() 8753 }, 8754 setCollapseState() { 8755 this.isCollapsed = true 8756 }, 8757 eventListeners: { 8758 ['x-on:window-resize-horizontal.window.debounce']() { 8759 this.setCollapseState() 8760 } 8761 } 8762 } 8763 }</script>
8763<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf0829f1c03()" x-defer="intersect" x-bind="eventListeners" > <div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer" x-on:click="isCollapsed = !isCollapsed"><div class="flex justify-between items-center"><div class="font-semibold">Top Marken</div><div class="arrow"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img"> 8764 <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/> 8765</svg> 8766</span></div></div></div></div></div> <div class="prefooter-content my-3" :class="{'partial-listing' : isCollapsed}"><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/hay/">HAY</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/houe/">HOUE</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/louis-poulsen/">Louis Poulsen</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/ferm-living/">Ferm Living</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/fermob/">Fermob</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/string-furniture/">String Furniture</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/nardi/">Nardi</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/umage/">UMAGE</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/carl-hansen-son/">Carl Hansen & Søn</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/gubi/">Gubi</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/serax/">Serax</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/broste-copenhagen/">Broste Copenhagen</a></div></div></div></div></div> <div> <div class="prefooter-top-listing"><div class="pt-1">
8766<script> 8767 function collapseBox6abf0829f1fab() { 8768 return { 8769 isCollapsed: true, 8770 init() { 8771 this.setCollapseState() 8772 }, 8773 setCollapseState() { 8774 this.isCollapsed = true 8775 }, 8776 eventListeners: { 8777 ['x-on:window-resize-horizontal.window.debounce']() { 8778 this.setCollapseState() 8779 } 8780 } 8781 } 8782 }</script>
8782<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf0829f1fab()" x-defer="intersect" x-bind="eventListeners" > <div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer" x-on:click="isCollapsed = !isCollapsed"><div class="flex justify-between items-center"><div class="font-semibold">Top Kategorien</div><div class="arrow"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img"> 8783 <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/> 8784</svg> 8785</span></div></div></div></div></div> <div class="prefooter-content my-3" :class="{'partial-listing' : isCollapsed}"><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/catalog/category/view/s/esszimmerstuehle/id/10824/">Esszimmerstühle</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/esszimmerstuehle/">Esszimmerstühle</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/gartenstuehle/">Gartenstühle</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/teppiche/">Teppiche</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/stehleuchten/">Stehleuchten</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/tischleuchten/">Tischleuchten</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/beistelltische/">Beistelltische</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/esstische/">Esstische</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/gartentische/">Gartentische</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/regale/">Regale</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/vasen-schalen/">Vasen & Schalen</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/kissen/">Kissen</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/kuechenaccessoires/">Küchenaccessoires</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/garderoben/">Garderoben</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/wanddekoration/">Wanddekoration</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/sessel/">Sessel</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/sideboards-kommoden/">Sideboards & Kommoden</a></div></div></div></div></div> <div> <div class="prefooter-top-listing"><div class="pt-1">
8785<script> 8786 function collapseBox6abf0829f2372() { 8787 return { 8788 isCollapsed: true, 8789 init() { 8790 this.setCollapseState() 8791 }, 8792 setCollapseState() { 8793 this.isCollapsed = true 8794 }, 8795 eventListeners: { 8796 ['x-on:window-resize-horizontal.window.debounce']() { 8797 this.setCollapseState() 8798 } 8799 } 8800 } 8801 }</script>
8801<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf0829f2372()" x-defer="intersect" x-bind="eventListeners" > <div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer" x-on:click="isCollapsed = !isCollapsed"><div class="flex justify-between items-center"><div class="font-semibold">Top Designer</div><div class="arrow"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img"> 8802 <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/> 8803</svg> 8804</span></div></div></div></div></div> <div class="prefooter-content my-3" :class="{'partial-listing' : isCollapsed}"><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/designer-charles-ray-eames/">Charles & Ray Eames</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/designer-alexander-girard/">Alexander Girard</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/designer-mies-van-der-rohe/">Mies van der Rohe</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/designer-hella-jongerius/">Hella Jongerius</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/designer-egon-eiermann/">Egon Eiermann</a></div></div></div></div></div></div></div></div> <div class="main-footer w-full overflow-x-hidden bg-sand-darker"><div class="container py-4"><div class="footer-grid"> <div> <div class="footer-linklist"> <div class=""><div class="pt-1">
8804<script> 8805 function collapseBox6abf082a02896() { 8806 return { 8807 isCollapsed: null, 8808 isLargeResolution: null, 8809 init() { 8810 this.setIsLargeResolution() 8811 this.setCollapseStateByResolution() 8812 }, 8813 setIsLargeResolution() { 8814 this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg')) 8815 }, 8816 setCollapseStateByResolution() { 8817 this.isCollapsed = this.isLargeResolution === false 8818 }, 8819 eventListeners: { 8820 ['x-on:window-resize-horizontal.window.debounce']() { 8821 this.setIsLargeResolution() 8822 this.setCollapseStateByResolution() 8823 } 8824 } 8825 } 8826 }</script>
8826<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf082a02896()" x-defer="intersect" x-bind="eventListeners"><div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer lg:cursor-auto" x-on:click="if (!isLargeResolution) {isCollapsed = !isCollapsed}" ><div class="flex justify-between items-center"><div class="font-semibold">Hilfe & Kontakt</div><div class="arrow lg:hidden"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img"> 8827 <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/> 8828</svg> 8829</span></div></div></div></div></div><div class="sm:flex flex-row flex-wrap items-top lg:block mt-1 my-3" x-show="!isLargeResolution && !isCollapsed || isLargeResolution" ><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://shop.schoener-wohnen.de/service/faq/" >FAQ</a> 8830<a href="https://shop.schoener-wohnen.de/service/artikel-retournieren/" target="_blank">Artikel retournieren</a> 8831<a href="https://shop.schoener-wohnen.de/service/sendungsverfolgung/" >Sendungsverfolgung</a> 8832<a href="https://shop.schoener-wohnen.de/service/kontakt/" >Kontakt</a> 8833<a href="https://shop.schoener-wohnen.de/service/versand/" >Versand</a> 8834<a href="https://shop.schoener-wohnen.de/service/bezahlung/" >Bezahlung</a> 8835<a href="https://shop.schoener-wohnen.de/service/garantie/" >Garantie</a> 8836<a href="https://shop.schoener-wohnen.de/service/entsorgung/" >Entsorgung</a> 8837<a href="https://shop.schoener-wohnen.de/service/widerrufsrecht/" >Widerrufsrecht</a> 8838<a href="https://shop.schoener-wohnen.de/service/widerruf-beantragen/" class=underline >Widerruf beantragen</a> 8839</div></div></div></div></div></div> <div class="footer-linklist"> <div class=""><div class="pt-1">
8839<script> 8840 function collapseBox6abf082a033f3() { 8841 return { 8842 isCollapsed: null, 8843 isLargeResolution: null, 8844 init() { 8845 this.setIsLargeResolution() 8846 this.setCollapseStateByResolution() 8847 }, 8848 setIsLargeResolution() { 8849 this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg')) 8850 }, 8851 setCollapseStateByResolution() { 8852 this.isCollapsed = this.isLargeResolution === false 8853 }, 8854 eventListeners: { 8855 ['x-on:window-resize-horizontal.window.debounce']() { 8856 this.setIsLargeResolution() 8857 this.setCollapseStateByResolution() 8858 } 8859 } 8860 } 8861 }</script>
8861<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf082a033f3()" x-defer="intersect" x-bind="eventListeners"><div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer lg:cursor-auto" x-on:click="if (!isLargeResolution) {isCollapsed = !isCollapsed}" ><div class="flex justify-between items-center"><div class="font-semibold">Gutscheine</div><div class="arrow lg:hidden"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img"> 8862 <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/> 8863</svg> 8864</span></div></div></div></div></div><div class="sm:flex flex-row flex-wrap items-top lg:block mt-1 my-3" x-show="!isLargeResolution && !isCollapsed || isLargeResolution" ><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!--<a href="https://shop.schoener-wohnen.de/placeholder-for-url-key/">Geschenkgutscheine kaufen</a>--> 8865<a href="https://shop.schoener-wohnen.de/geschenkgutschein-und-rabattcodebedingungen/">Allgemeine Geschenkgutschein- und Rabattbedingungen</a></div></div></div></div></div></div></div> <div> <div class="footer-linklist"> <div class=""><div class="pt-1">
8865<script> 8866 function collapseBox6abf082a04d60() { 8867 return { 8868 isCollapsed: null, 8869 isLargeResolution: null, 8870 init() { 8871 this.setIsLargeResolution() 8872 this.setCollapseStateByResolution() 8873 }, 8874 setIsLargeResolution() { 8875 this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg')) 8876 }, 8877 setCollapseStateByResolution() { 8878 this.isCollapsed = this.isLargeResolution === false 8879 }, 8880 eventListeners: { 8881 ['x-on:window-resize-horizontal.window.debounce']() { 8882 this.setIsLargeResolution() 8883 this.setCollapseStateByResolution() 8884 } 8885 } 8886 } 8887 }</script>
8887<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf082a04d60()" x-defer="intersect" x-bind="eventListeners"><div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer lg:cursor-auto" x-on:click="if (!isLargeResolution) {isCollapsed = !isCollapsed}" ><div class="flex justify-between items-center"><div class="font-semibold">Ãber uns</div><div class="arrow lg:hidden"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img"> 8888 <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/> 8889</svg> 8890</span></div></div></div></div></div><div class="sm:flex flex-row flex-wrap items-top lg:block mt-1 my-3" x-show="!isLargeResolution && !isCollapsed || isLargeResolution" ><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://shop.schoener-wohnen.de/unternehmen/unser-unternehmen/">Ãber uns</a> 8891<a href="https://shop.schoener-wohnen.de/unternehmen/gute-gruende/">Gute Gründe für uns</a> 8892</div></div></div></div></div></div> </div> <div><div class="footer-linklist"> <div class=""><div class="pt-1">
8892<script> 8893 function collapseBox6abf082a068ea() { 8894 return { 8895 isCollapsed: null, 8896 isLargeResolution: null, 8897 init() { 8898 this.setIsLargeResolution() 8899 this.setCollapseStateByResolution() 8900 }, 8901 setIsLargeResolution() { 8902 this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg')) 8903 }, 8904 setCollapseStateByResolution() { 8905 this.isCollapsed = this.isLargeResolution === false 8906 }, 8907 eventListeners: { 8908 ['x-on:window-resize-horizontal.window.debounce']() { 8909 this.setIsLargeResolution() 8910 this.setCollapseStateByResolution() 8911 } 8912 } 8913 } 8914 }</script>
8914<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf082a068ea()" x-defer="intersect" x-bind="eventListeners"><div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer lg:cursor-auto" x-on:click="if (!isLargeResolution) {isCollapsed = !isCollapsed}" ><div class="flex justify-between items-center"><div class="font-semibold">Inspiration</div><div class="arrow lg:hidden"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img"> 8915 <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/> 8916</svg> 8917</span></div></div></div></div></div><div class="flex flex-row gap-x-10 md:w-1/2 lg:w-full my-3" x-show="!isLargeResolution && !isCollapsed || isLargeResolution" > <div><a href="https://www.facebook.com/schoenerwohnen/" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-auto h-8" width="24" height="24" role="img"> 8918 <path fill="#333" d="M49.6 5C24.3 5 3.8 25.5 3.8 50.8s20.5 45.8 45.8 45.8 45.8-20.5 45.8-45.8S74.9 5 49.6 5zm10.9 31.6h-6.9c-.8 0-1.7 1.1-1.7 2.5v5h8.6l-1.3 7.1h-7.3v21.3h-8.1V51.2h-7.4v-7.1h7.4v-4.2c0-6 4.2-10.8 9.8-10.8h6.9v7.5z"/> 8919</svg> 8920</a></div> <div><a href="https://www.instagram.com/schoenerwohnenmagazin/" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-auto h-8" width="24" height="24" role="img"> 8921 <path fill="none" d="M4.1 49.7c0 6.4-.1 12.7 0 19.1.2 15.4 11.5 26.8 26.9 26.9 12.5.1 25 .1 37.4 0 15.8-.1 27.2-11.4 27.3-27.3.1-12.2 0-24.5 0-36.7 0-16.3-11.3-27.6-27.6-27.6H31.4c-16 .1-27 11.1-27.2 27.2-.1 6.1-.1 12.2-.1 18.4z"/> 8922 <path fill="currentColor" d="M95.7 31.7c0-16.3-11.3-27.6-27.6-27.6H31.4c-16 .1-27 11.1-27.2 27.2-.1 6.1 0 12.2 0 18.4v19.1C4.3 84.2 15.6 95.6 31 95.7c12.5.1 25 .1 37.4 0 15.8-.1 27.2-11.4 27.3-27.3.1-12.2 0-24.4 0-36.7zm-8.5 18.7v18.7C87 80 79.9 87.3 69.1 87.3c-12.8.1-25.7.1-38.5 0-10.5-.1-18-7.3-18.1-17.8-.1-13-.2-25.9 0-38.9.2-10.6 7.5-17.7 18.1-17.7 12.8-.1 25.7-.1 38.5 0 10.7.1 18 7.4 18 18.2.1 6.4.1 12.9.1 19.3z"/> 8923 <path fill="currentColor" d="M74.5 20c3.1.1 5.4 2.5 5.4 5.5 0 3.1-2.7 5.7-5.8 5.5-3-.2-5.3-2.7-5.2-5.7.1-3.1 2.6-5.4 5.6-5.3zm-24.7 6.4C36.7 26.4 26 37.1 26 50.2c0 13 10.7 23.6 23.9 23.7C63 73.9 73.6 63.3 73.6 50c0-13.2-10.5-23.6-23.8-23.6zm.4 39.1c-8.6.1-15.6-6.8-15.6-15.4 0-8.6 7-15.5 15.6-15.4 8.1.1 15 6.9 15.1 15.2.1 8.3-6.8 15.5-15.1 15.6z"/> 8924</svg> 8925</a></div> <div><a href="https://www.pinterest.de/schoenerwohnenm/_created/" target="_blank" rel="noopener noreferrer" aria-label="Pinterest" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-auto h-8" width="24" height="24" role="img"> 8926 <path fill="#333" d="M43.6 65.1C41 77 38.3 88.4 28.8 97.3c-.2-4.6-1.1-9.2-.5-13.7 1.1-8 3-15.9 4.7-23.8.4-2.1.9-4.1 1.5-6.2 1-3.7 1.7-7.3.5-11.3-1.4-4.8-.6-9.6 2.2-13.9 2.6-3.9 7-5.5 10.7-4 3.2 1.3 5.1 4.9 4.2 9.5-1 5.2-2.6 10.2-4 15.3-1.4 5.2-.7 8.4 2.6 10.8 3.2 2.3 8.2 2.5 11.9-.4 2.4-1.9 4.7-4.4 6.2-7C72.9 45.3 74 37.3 73 29c-1.1-8.7-7.1-14.5-16.5-16.4-18.7-3.7-35.3 11.2-32.3 29 .4 2.1 1.1 4.5 2.5 6.1 2.7 3.1 1.1 6 .1 8.8-.2.6-2.5 1-3.5.6-4.9-2.3-7.7-6.5-9-11.6-3.3-13.5.6-25 11.1-33.5C38.3 1.5 53.1 0 68.2 6.5c14.6 6.3 20.8 20.8 17.2 38-1.8 8.6-5.5 16.2-12.8 21.7-9.3 7-19.8 6.7-29-1.1z"/> 8927</svg> 8928</a></div> <div><a href="https://www.schoener-wohnen.de/" target="_blank" rel="noopener noreferrer" aria-label="Schöner Wohnen Magazin"><?xml version="1.0" encoding="UTF-8"?> 8929<svg xmlns="http://www.w3.org/2000/svg" id="Logos" version="1.1" viewBox="195 140 1310 490" class="w-full max-w-full h-8" role="img"> 8930 <!-- Generator: Adobe Illustrator 29.4.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 152) --> 8931 <defs> 8932 <style> 8933 .st0 { 8934 fill: #340622; 8935 } 8936 </style> 8937 </defs> 8938 <path class="st0" d="M506.5,425.61l-115.17,199.07h-15.57l-19.35-148.35-85.46,148.35h-17.5l-25.64-199.07h42.41c-.64,6.04.44,13.75,1.28,21.16l14.72,125.41,80.23-138.99c3.47-6.02,5.1-7.58,5.1-7.58h18.12c-.65,5.04-.89,8.14.27,17.97l15.73,130.98,76.93-133.53c4.15-7.2,5.53-11.06,6.39-15.41h17.52ZM398.75,393.25c12,5.67,24.98,8.54,38.58,8.54,19.09,0,36.44-5.75,51.57-17.1,15.07-11.3,29.5-28.83,40.96-52.87l.54-1.13-11.31-4.67-.49,1c-9.98,20.14-20.86,34.36-32.34,42.26-11.45,7.88-24.04,11.87-37.4,11.87-14.61,0-27.1-4.76-37.12-14.15-10-9.36-15.08-25.19-15.08-47.04,0-18.33,2.91-36.36,8.65-53.57,5.72-17.16,14.03-31.37,24.73-42.25,10.58-10.76,23.15-16.22,37.36-16.22,13.05,0,22.9,3.97,29.29,11.79,6.44,7.9,9.71,19.13,9.71,33.39,0,3.88-.28,8.27-.84,13.07l-.17,1.44,35.62-3.02.07-1.02c.95-13.66-1.51-25.79-7.31-36.07-5.81-10.28-14.49-18.29-25.8-23.8-11.26-5.49-24.63-8.27-39.72-8.27-20.94,0-40.07,5.74-56.86,17.06-16.76,11.3-30.04,26.67-39.46,45.7-9.4,18.99-14.17,39.78-14.17,61.78,0,18.5,3.84,34.07,11.42,46.29,7.58,12.22,17.53,21.31,29.58,27ZM585.9,214.87c0,.26-.07.97-.52,2.77l-45.22,161.23c-1.01,3.01-2.94,5.58-5.75,7.64l-20.17,1.17-2.94,10.46h83.13l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17,0-.26.07-.98.52-2.77l21.95-77.81h82.67l-21.76,77.11c-1,3.01-2.94,5.58-5.75,7.64l-20.18,1.17-2.94,10.46h83.13l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17,0-.26.07-.97.52-2.77l45.24-161.29c.83-2.99,2.75-5.53,5.71-7.58l19.91-1.17,2.94-10.46h-82.85l-2.94,10.45,20.26,1.17c1.18.9,1.75,2.27,1.75,4.17,0,.26-.07.97-.52,2.77l-19.99,71.62h-82.67l19.79-70.93c1.
893801-3.02,2.94-5.59,5.75-7.64l19.84-1.15,2.95-10.48h-82.8l-2.94,10.45,20.26,1.17c1.18.9,1.75,2.27,1.75,4.17ZM756.44,259.44c9.32-18.92,22.78-34.48,40.01-46.26,17.27-11.79,37.39-17.77,59.82-17.77,15.1,0,29.13,3.21,41.7,9.54,12.6,6.35,22.78,15.86,30.27,28.27,7.48,12.41,11.27,27.41,11.27,44.59,0,20.88-4.77,41.05-14.17,59.96-9.42,18.93-22.93,34.49-40.15,46.25-17.26,11.79-37.38,17.77-59.82,17.77-14.92,0-28.86-3.26-41.43-9.68-12.6-6.44-22.78-15.94-30.26-28.26-7.48-12.3-11.27-27.26-11.27-44.45,0-20.88,4.72-41.05,14.03-59.95ZM814.76,228.83c-11.46,14.04-20.22,31.25-26.05,51.14-5.84,19.93-8.8,38.49-8.8,55.16,0,18.69,4.46,32.49,13.26,41.01,8.81,8.54,19.83,12.87,32.75,12.87,16.03,0,29.9-7.04,41.23-20.92,11.46-14.05,20.23-31.26,26.05-51.14,5.84-19.93,8.8-38.49,8.8-55.16,0-18.68-4.42-32.48-13.13-41.02-8.72-8.54-19.79-12.87-32.89-12.87-16.03,0-29.9,7.04-41.23,20.92ZM841.42,183.94c5.95,0,11.18-2.26,15.55-6.71,4.36-4.45,6.56-9.9,6.56-16.19,0-4.9-1.64-8.93-4.87-11.98-3.22-3.02-7.5-4.55-12.72-4.55-5.95,0-11.18,2.21-15.54,6.57-4.36,4.36-6.57,9.77-6.57,16.07,0,4.72,1.63,8.74,4.85,11.95,3.21,3.21,7.5,4.85,12.75,4.85ZM896.7,183.94c5.95,0,11.18-2.26,15.55-6.71,4.35-4.45,6.56-9.9,6.56-16.19,0-4.9-1.64-8.93-4.87-11.98-3.22-3.02-7.5-4.55-12.73-4.55-5.95,0-11.18,2.21-15.54,6.57-4.36,4.36-6.57,9.77-6.57,16.07,0,4.72,1.63,8.74,4.85,11.95,3.21,3.21,7.5,4.85,12.75,4.85ZM936.88,380.03c-1.79,2.9-3.71,5.07-5.71,6.48l-18.73,1.15-2.95,10.48h62.32l2.94-10.44-20.43-1.18c-1.25-1.49-1.89-3.93-1.89-7.27,0-2.52.46-5.64,1.36-9.23l38.46-136.27,76.48,165.11.32.69h11.21l48.86-171.98c1.09-3.81,2.6-7.3,4.5-10.38,1.8-2.9,3.72-5.08,5.72-6.48l18.72-1.15,2.95-10.48h-62.32l-2.94,10.44,20.43,1.18c1.25,1.47,1.89,3.72,1.89,6.71s-.55,6.15-1.64,9.79l-33.4,118.83-67.21-146.26-.32-.69h-54.77l-2.94,10.44,21.07,1.2c2.39.68,4.12,2.37,5.31,5.25l.64,1.27-43.43,152.14c-1.09,3.99-2.6,7.58-4.5,10.65ZM1317.78,386.51c2.81-2.06,4.74-4.63,5.75-7.64l45.5-161.23c.45-1.81.52-2.51.52-2.77,0-1.9-.57-3.27-1.75-4.17l-20.27-1.17,2.94-10.45h73.37c21.68,0,38.34,3.75,49.54,11.16,11.36,7.51,17.11,18.71,17.11,33.31,0,16.03-6.19,29.38-18.4,39.68-11.77,9.93-27.2,16.54-45.89,19.67l36.34,71.03c2.55,4.92,4.93,8.45,7.07,10.51,2.08,1.99,4.52,3.13,7.47,3.47l13.69.65-2.7,9.58h-84.63l2.95-10.48,19.92-1.15c1.69-.95,2.51-2.77,2.51-5.57,0-1.51-.25-2.87-.75-4.03l-35.33-72.33h-12.41l-21.11,75c-.45,1.78-.52,2.5-.52,2.77,0,1.9.57,3.27,1.75,4.17l20.26,1.17-2.94,10.45h-83.13l2.94-10.46,20.17-1.17ZM1454.13,242.69c0-10.28-2.8-18.12-8.33-23.3-5.56-5.19-13.41-7.83-23.35-7.83h-15.68l-22.93,80.51h16.41c11.73,0,21.8-2.27,29.91-6.74,8.09-4.45,14.17-10.48,18.07-17.92,3.92-7.48,5.9-15.8,5.9-24.74ZM662.72,564.31c-9.42,18.93-22.93,34.49-40.15,46.25-17.26,11.79-37.38,17.77-59.82,17.77-14.92,0-28.86-3.26-41.43-9.68-12.6-6.44-22.78-15.94-30.26-28.26-7.48-12.3-11.27-27.26-11.27-44.45,0-20.88,4.72-41.05,14.03-59.95,9.32-18.92,22.78-34.48,40.01-46.26,17.27-11.79,37.39-17.77,59.82-17.77,15.1,0,29.13,3.21,41.7,9.54,12.6,6.35,22.78,15.86,30.27,28.26,7.48,12.41,11.27,27.41,11.27,44.59,0,20.88-4.77,41.05-14.17,59.96ZM604.54,594.63c11.46-14.05,20.23-31.25,26.05-51.14,5.84-19.93,8.8-38.49,8.8-55.16,0-18.68-4.42-32.48-13.13-41.02-8.72-8.54-19.79-12.86-32.89-12.86-16.03,0-29.9,7.04-41.23,20.92-11.46,14.04-20.22,31.25-26.05,51.14-5.84,19.93-8.8,38.49-8.8,55.16,0,18.69,4.46,32.49,13.26,41.01,8.81,8.54,19.83,12.87,32.75,12.87,16.03,0,29.9-7.04,41.23-20.92ZM1172.05,199.07l-2.94,10.45,20.27,1.17c1.18.9,1.75,2.27,1.75,4.17,0,.26-.07.96-.52,2.77l-45.52,161.29c-.84,3.03-2.71,5.51-5.72,7.58l-19.91,1.17-2.94,10.46h164.53l.19-.66c2.58-8.57,5.16-16.52,7.66-23.64,2.48-7.07,5.06-13.88,7.65-20.2l.37-.92v-.02l-6.47-1.96-31.22,34.91h-80.24l23.77-83.6h33.38c2.22,0,4.1.42,5.6,1.25,1.27.71,1.98,1.55,2.18,2.57l-6.74,29.61h10.54l22.88-79.65h-10.57l-10.05,28.72c-2.59,3.36-6.2,5-11.02,5h-32.71l22.09-77.98h68.22l11.85,30.68,6.88-.79.04-.73c.42-7.01.99-14.14,1.68-21.17.69-7.08,1.55-13.64,2.52-19.46l.17-1.02h-147.64ZM297.67,394.37c10.36-4.94,18.65-11.93,24.64-20.78,6.01-8.87,9.05-19.16,9.05-30.59,0-8.37-1.64-16.2-4.89-23.26-3.22-7.01-7.21-13.2-11.85-18.42-4.6-5.16-10.82-11.47-18.47-18.76-6.88-6.5-12.34-11.96-16.24-16.24-3.84-4.21-7.09-8.94-9.65-14.06-2.53-5.04-3.81-10.63-3.81-16.61,0-8.25,2.53-15.02,7.53-20.1,4.99-5.08,12.17-7.65,21.35-7.65s16.38,2.88,20.99,8.55c4.67,5.76,7.04,13.73,7.04,23.7,0,6.13
8938-1.44,14.99-1.44,14.99l36.13-6.75c.95-17.38-4.35-30.73-15.77-39.66-11.31-8.84-26.35-13.32-44.71-13.32-11.73,0-22.62,2.21-32.37,6.57-9.81,4.38-17.63,10.66-23.25,18.67-5.64,8.03-8.51,17.53-8.51,28.22,0,8.2,1.6,15.79,4.75,22.56,3.13,6.73,7.07,12.79,11.71,17.99,4.57,5.13,10.6,11.16,17.92,17.91,6.89,6.52,12.39,12.12,16.36,16.64,3.94,4.5,7.34,9.57,10.09,15.06,2.71,5.43,4.09,11.49,4.09,18.01,0,9.39-2.78,17.2-8.26,23.22-5.45,5.99-13.43,9.02-23.71,9.02s-18.73-3.35-24.08-9.96c-5.42-6.68-8.16-15.78-8.16-27.07,0-10.41,2.37-20.53,2.37-20.53l-37.44,7s-.46,4.52-.46,7.92c0,16.96,5.91,30.55,17.56,40.39,11.59,9.79,27.44,14.75,47.13,14.75,12.48,0,24.04-2.5,34.37-7.42ZM727.05,441.41c0,.26-.07.97-.52,2.77l-45.22,161.23c-1.01,3.01-2.94,5.58-5.75,7.64l-20.17,1.17-2.94,10.46h83.13l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17,0-.26.07-.98.52-2.77l21.95-77.81h82.67l-21.76,77.11c-1,3.01-2.94,5.58-5.75,7.64l-20.18,1.17-2.94,10.46h83.13l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17,0-.26.07-.97.52-2.77l45.24-161.29c.83-2.99,2.75-5.53,5.71-7.58l19.91-1.17,2.94-10.46h-82.85l-2.94,10.45,20.26,1.17c1.18.9,1.75,2.27,1.75,4.17,0,.26-.07.97-.52,2.77l-19.99,71.62h-82.67l19.79-70.93c1.01-3.02,2.94-5.59,5.75-7.64l19.84-1.15,2.95-10.48h-82.8l-2.94,10.45,20.26,1.17c1.18.9,1.75,2.27,1.75,4.17ZM897.09,606.56c-1.79,2.9-3.71,5.07-5.71,6.48l-18.73,1.15-2.95,10.48h62.32l2.94-10.44-20.43-1.18c-1.25-1.49-1.89-3.93-1.89-7.27,0-2.52.46-5.64,1.36-9.23l38.46-136.27,76.48,165.11.32.69h11.21l48.86-171.98c1.09-3.81,2.6-7.3,4.5-10.38,1.8-2.9,3.72-5.08,5.72-6.48l18.72-1.15,2.95-10.48h-62.32l-2.94,10.44,20.43,1.18c1.25,1.47,1.89,3.72,1.89,6.71s-.55,6.15-1.64,9.79l-33.4,118.83-67.21-146.26-.32-.69h-54.77l-2.94,10.44,21.07,1.2c2.39.68,4.12,2.37,5.31,5.25l.64,1.27-43.43,152.14c-1.09,3.99-2.6,7.58-4.5,10.65ZM1279.22,606.56c-1.79,2.9-3.71,5.07-5.71,6.48l-18.73,1.15-2.95,10.48h62.32l2.94-10.44-20.43-1.18c-1.25-1.49-1.89-3.93-1.89-7.27,0-2.52.46-5.64,1.36-9.23l38.46-136.27,76.48,165.11.32.69h11.21l48.86-171.98c1.09-3.81,2.6-7.3,4.5-10.38,1.8-2.9,3.72-5.08,5.72-6.48l18.72-1.15,2.95-10.48h-62.32l-2.94,10.44,20.43,1.18c1.25,1.47,1.89,3.72,1.89,6.71s-.55,6.15-1.64,9.79l-33.4,118.83-67.21-146.26-.32-.69h-54.77l-2.94,10.44,21.07,1.2c2.39.68,4.12,2.37,5.31,5.25l.64,1.27-43.43,152.14c-1.09,3.99-2.6,7.58-4.5,10.65ZM1130.85,425.61l-2.94,10.45,20.27,1.17c1.18.9,1.75,2.27,1.75,4.17,0,.26-.07.96-.52,2.77l-45.52,161.29c-.84,3.03-2.71,5.51-5.72,7.58l-19.91,1.17-2.94,10.46h164.53l.19-.66c2.58-8.57,5.16-16.52,7.66-23.64,2.48-7.07,5.06-13.88,7.65-20.2l.37-.92v-.02l-6.47-1.96-31.22,34.91h-80.24l23.77-83.6h33.38c2.22,0,4.1.42,5.6,1.25,1.27.71,1.98,1.55,2.18,2.57l-6.74,29.61h10.54l22.88-79.65h-10.57l-10.05,28.72c-2.59,3.36-6.2,5-11.02,5h-32.71l22.09-77.98h68.22l11.85,30.68,6.88-.79.04-.73c.42-7.01.99-14.14,1.68-21.17.69-7.08,1.55-13.64,2.52-19.46l.17-1.02h-147.64Z"/> 8939</svg> 8940</a></div> </div></div></div></div> <div class=""><div class="pt-1">
8940<script> 8941 function collapseBox6abf082a06bf0() { 8942 return { 8943 isCollapsed: null, 8944 isLargeResolution: null, 8945 init() { 8946 this.setIsLargeResolution() 8947 this.setCollapseStateByResolution() 8948 }, 8949 setIsLargeResolution() { 8950 this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg')) 8951 }, 8952 setCollapseStateByResolution() { 8953 this.isCollapsed = this.isLargeResolution === false 8954 }, 8955 eventListeners: { 8956 ['x-on:window-resize-horizontal.window.debounce']() { 8957 this.setIsLargeResolution() 8958 this.setCollapseStateByResolution() 8959 } 8960 } 8961 } 8962 }</script>
8962<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf082a06bf0()" x-defer="intersect" x-bind="eventListeners"><div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer lg:cursor-auto" x-on:click="if (!isLargeResolution) {isCollapsed = !isCollapsed}" ><div class="flex justify-between items-center"><div class="font-semibold">Unsere Partner</div><div class="arrow lg:hidden"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img"> 8963 <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/> 8964</svg> 8965</span></div></div></div></div></div><div class="space-y-1 my-3" x-show="!isLargeResolution && !isCollapsed || isLargeResolution" > <div class="flex flex-row gap-x-8 items-center mt-1"> <span class="flex items-center w-full"> <svg xmlns="http://www.w3.org/2000/svg" id="dhl-logo_svg__logo" viewBox="0 0 196 43.25" width="50" height="11" role="img"> 8966 <defs> 8967 <style> 8968 .dhl-logo_svg__cls-2{fill:#d40511} 8969 </style> 8970 </defs> 8971 <path fill="#fc0" d="M0 0h196v43.25H0z"/> 8972 <path d="M0 29.9h26.51l-1.45 1.97H0V29.9zM0 26.25h29.2l-1.45 1.96H0v-1.96zM0 33.56h23.82l-1.45 1.96H0v-1.96zM196 31.87h-26.4l1.44-1.97H196v1.97zM196 35.52h-29.09l1.44-1.96H196v1.96zM173.74 26.25H196v1.96l-23.71.01 1.45-1.97zM25.67 35.52l12.58-17.09h15.61c1.72 0 1.7.65.86 1.79s-2.31 3.16-3.19 4.34c-.44.6-1.24 1.69 1.41 1.69h20.91c-1.74 2.38-7.38 9.27-17.51 9.27zM97.71 26.24l-6.82 9.28h-18s6.82-9.27 6.83-9.27zM123.72 26.25l-6.82 9.27h-18s6.82-9.27 6.83-9.27zM129.57 26.25s-1.31 1.79-1.95 2.66c-2.26 3.05-.26 6.61 7.11 6.61h28.89l6.82-9.28z" class="dhl-logo_svg__cls-2"/> 8973 <path d="M34.47 7.8l-6.26 8.51h34.13c1.72 0 1.7.65.85 1.8s-2.28 3.17-3.19 4.35c-.44.6-1.24 1.69 1.41 1.69h14l4.13-5.62c2.57-3.49.23-10.73-9-10.73zM125.27 24.15H81.26L93.3 7.8h17.98l-6.89 9.37h8.02l6.9-9.37h17.99l-12.03 16.35zM162.21 7.8l-12 16.35h-19.09l12-16.35z" class="dhl-logo_svg__cls-2"/> 8974</svg> 8975 <span class="lg:hidden ml-3">Paketversand</span> </span> </div></div></div></div></div> <div class=""><div class="pt-1">
8975<script> 8976 function collapseBox6abf082a07f0c() { 8977 return { 8978 isCollapsed: null, 8979 isLargeResolution: null, 8980 init() { 8981 this.setIsLargeResolution() 8982 this.setCollapseStateByResolution() 8983 }, 8984 setIsLargeResolution() { 8985 this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg')) 8986 }, 8987 setCollapseStateByResolution() { 8988 this.isCollapsed = this.isLargeResolution === false 8989 }, 8990 eventListeners: { 8991 ['x-on:window-resize-horizontal.window.debounce']() { 8992 this.setIsLargeResolution() 8993 this.setCollapseStateByResolution() 8994 } 8995 } 8996 } 8997 }</script>
8997<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf082a07f0c()" x-defer="intersect" x-bind="eventListeners"><div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer lg:cursor-auto" x-on:click="if (!isLargeResolution) {isCollapsed = !isCollapsed}" ><div class="flex justify-between items-center"><div class="font-semibold">Bezahlarten</div><div class="arrow lg:hidden"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img"> 8998 <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/> 8999</svg> 9000</span></div></div></div></div></div><div class="grid grid-cols-2 grid-flow-row gap-y-2 my-3" x-show="!isLargeResolution && !isCollapsed || isLargeResolution" > <div class="grid grid-flow-col auto-cols-max gap-x-3 items-center"><span> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" class="w-8 h-auto" width="24" height="24" aria-hidden="true" focusable="false"> 9001 <path d="M111.1 160.8c.4-1.1.8-2.1 1.2-3.2.1-.3.2-.6.3-1 .1-.2.2-.3.4-.3h10.3c.4 0 .7 0 1.1-.1.5-.1.8-.5.9-.9.1-.5-.1-.9-.6-1.1l-1.8-.6c-.7-.2-1.4-.5-1.9-1-.7-.7-1-1.5-.8-2.4.4-1.7 1-3.4 2.2-4.7 1-1.1 2.3-1.7 3.8-1.8.8-.1 1.7-.1 2.5-.1h9.5l-1.2.9c-1.1.8-2 1.9-2.8 3-.1.2-.2.2-.4.2h-5.9c-.4 0-.7 0-1 .1-.5.2-.9.6-.9 1.1 0 .5.3.8.9 1 .6.2 1.3.4 1.9.6 1.8.7 2.5 1.8 2.2 3.7-.3 1.9-1.1 3.6-2.7 4.9-1.1.9-2.4 1.4-3.9 1.6-.8.1-1.6.1-2.5.1h-10.8zm76-7.4c1 1.9 1.5 4 2.1 6.1.1.3.2.7.3 1 .1.2 0 .3-.2.3h-5.1c-.2 0-.3-.1-.3-.2-.4-1.7-.8-3.5-1.2-5.2 0-.2-.1-.3-.1-.5-.1.1-.1.2-.2.3-.7 1.8-1.4 3.6-2 5.4-.1.2-.2.3-.4.3h-4.7c-.2 0-.3 0-.2-.3 2-5.6 4.1-11.1 6.1-16.7.1-.2.2-.3.4-.3h5.9c.9 0 1.7.1 2.6.4 2 .6 2.8 2.1 2.4 4.1-.6 2.5-2.2 4.1-4.5 5.2-.5 0-.7.1-.9.1zm-3.2-2.1c2 .1 3.1-1.1 3.4-2.9.1-.6-.2-1-.8-1.1-.6-.1-1.2-.1-1.8-.1-.1 0-.1 0-.2.1-.5 1.3-.9 2.6-1.4 3.9-.1.1 0 .2.1.2.2-.1.5-.1.7-.1zm-23.2 4.9c0-1.7.5-3.3 1.2-4.9 1-2.4 2.5-4.5 4.6-6.1 1.8-1.3 3.9-2 6.1-1.9.8 0 1.6.2 2.4.6 1.4.7 2.1 1.9 2.2 3.4.2 1.7-.2 3.3-.8 4.8-.8 2.2-1.9 4.2-3.5 5.9-2.2 2.3-4.9 3.3-8.1 3-1.5-.2-2.7-.8-3.6-2.1-.3-.8-.5-1.8-.5-2.7zm5-.6v.4c.1.6.4.9.9 1 .9.2 1.7 0 2.3-.6.4-.3.7-.7.9-1.2 1-1.7 1.6-3.5 2.1-5.4.2-.6.3-1.1.2-1.7-.1-.5-.3-.9-.9-.9-.6-.1-1.2-.1-1.8.3-.6.4-1.1.9-1.5 1.4-.8 1.2-1.4 2.6-1.8 4-.1.9-.3 1.8-.4 2.7z" class="visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__st0"/> 9002 <path d="M143.5 143.3c.7 0 1.4.1 2.1.3 1.8.6 2.9 2 3 3.9.1 1.6-.3 3.2-.9 4.7-.8 2-1.7 3.9-3.1 5.5-1.5 1.7-3.2 2.8-5.4 3.2-1.4.2-2.8.3-4.2-.2-1.7-.6-2.7-1.9-2.9-3.7-.2-1.6.2-3.1.7-4.6.9-2.4 2.1-4.5 3.9-6.3 1.7-1.6 3.6-2.6 5.9-2.8h.9zm-1.2 3.9c-.5 0-.9.1-1.3.4-.6.4-1 .9-1.4 1.4-1.1 1.6-1.7 3.3-2.2 5.2-.2.7-.3 1.3-.2 2 .1.5.4.8.9.9.9.2 1.7 0 2.3-.6.4-.3.7-.7.9-1.2.9-1.5 1.5-3.2 2-4.8.2-.7.4-1.4.4-2.1 0-.7-.4-1.1-1.1-1.2h-.3zm24.5-3.6c-.8.5-1.6 1-2.2 1.6-.8.7-1.5 1.4-2.1 2.3-.1.2-.2.2-.4.2h-5c-.8 0-1.1.2-1.4 1-.2.5-.3 1-.5 1.5-.1.3-.1.3.2.3h3.9c.3 0 .3.1.2.3-.4 1-.8 2-1.1 3.1-.1.2-.2.3-.4.3h-4.1c-.2 0-.3.1-.4.3-.7 2.1-1.5 4.1-2.2 6.2-.1.2-.2.3-.4.3h-4.6c-.3 0-.3-.1-.2-.3 1.6-4.2 3.1-8.5 4.6-12.7.5-1.4 1.4-2.6 2.7-3.4.8-.5 1.7-.8 2.7-.8 3.6-.2 7.1-.2 10.7-.2zm25.2 0h17.1c0 .1 0 .2-.1.3-.4 1.2-.9 2.3-1.3 3.5-.1.2-.2.3-.4.3h-5.5c-.2 0-.3 0-.4.3-1.5 4.2-3 8.3-4.5 12.5-.1.3-.2.4-.5.4h-4.1c-.3 0-.3 0-.2-.3 1.5-4.2 3-8.3 4.6-12.5.1-.4.1-.4-.2-.4H194c-.2 0-.3 0-.3-.3.1-1.1-.2-2.2-.9-3.1-.2-.2-.5-.5-.8-.7z" class="visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__st0"/> 9003 <path fill="#3a3c43" d="M150.3 167.8l-1.5 2.4c-.6.9-1.1 1.9-1.7 2.8-.2.3-.4.5-.8.5H145c-.4 0-.5-.1-.4-.6.1-1 .2-1.9.3-2.9.2-1.5.3-3 .5-4.6 0-.5.2-.6.6-.6h.9c.2 0 .4.1.3.4-.2 1.4-.4 2.9-.6 4.3l-.3 2.1c.1-.1.2-.2.2-.3l3.6-6c.2-.4.5-.5.9-.5h.7c.4 0 .4.1.4.4-.1 1.3-.3 2.7-.5 4-.1.8-.2 1.6-.3 2.3.1 0 .2-.2.2-.3 1.2-2 2.4-4.1 3.6-6.1.2-.3.4-.5.8-.4h.7c.3 0 .4.1.2.4-.1.2-.2.3-.3.5-1.5 2.4-3 4.8-4.5 7.1-.3.4-.6.6-1.1.6h-1.2c-.3 0-.4-.2-.3-.4.2-1.5.3-3.1.5-4.6.5 0 .5-.2.4
9003-.5zm37.5-.7l-1.8 5.1c-.1.3-.3.7-.4 1-.1.2-.2.3-.5.4h-.8c-.3 0-.4-.1-.3-.4.8-2.2 1.6-4.5 2.5-6.7.1-.3.2-.5.3-.8.1-.4.4-.6.9-.6h1c.5 0 .7.2.8.7l.3 2.1c.2 1.1.4 2.2.5 3.3.1 0 .1-.1.1-.2.7-1.8 1.3-3.6 2-5.4.1-.2.2-.4.5-.4h.8c.3 0 .4.1.3.4-.8 2.1-1.5 4.1-2.3 6.2-.1.4-.3.8-.5 1.2-.2.5-.5.7-1 .7h-.8c-.4 0-.6-.1-.7-.6-.2-.8-.3-1.6-.4-2.3-.2-1.3-.4-2.5-.5-3.7zm-61.9 1.8c.6.2 1 .5 1.1 1.1 0 .3 0 .7-.1 1-.5 1.4-1.6 2.1-3 2.4-.9.2-1.7.1-2.6.1h-1c-.4 0-.5-.2-.4-.5.3-1 .7-2 1.1-2.9.5-1.5 1.1-2.9 1.6-4.4.2-.6.4-.7 1-.7 1 0 2-.1 3 .1.2 0 .5.1.7.2.5.3.7.8.6 1.4-.3 1.1-1 1.8-2 2.2zm-4 3.3h1.5c.8-.1 1.4-.4 1.7-1.2.3-.7 0-1.1-.8-1.2H123c-.1 0-.2 0-.2.1-.4.8-.6 1.6-.9 2.3zm2-3.7h.4c.8 0 1.4-.6 1.6-1.3.1-.5-.1-.8-.6-.9h-1.1c-.2 0-.2 0-.3.2-.2.5-.3.9-.5 1.4-.2.6-.2.6.5.6zm76.2.2h1.3c.4 0 .5.1.4.5-.4 1.2-.9 2.4-1.3 3.6-.1.2-.2.4-.4.5-1.3.4-2.6.7-4 .4-1.5-.3-2.2-1.4-2-2.9.4-2.5 2.2-5 5.1-5.7 1-.2 2-.2 3 .1.9.3 1 .5.6 1.4v.1c-.2.5-.3.5-.8.2-1.2-.8-2.9-.7-4.2.3-1.1.9-1.7 2-1.8 3.4-.1 1.1.5 1.7 1.6 1.8.4 0 .8 0 1.2-.2.1 0 .2-.1.2-.2.2-.5.4-1.1.6-1.6.1-.2 0-.2-.2-.2h-1.2c-.3 0-.3-.1-.2-.3 0-.1.1-.2.1-.3.2-.6.3-.7.9-.7.4-.2.8-.2 1.1-.2zm-59.3.9c.4.3.6.7.6 1.1.1.8.1 1.5.1 2.3 0 .5-.1.6-.5.6h-1c-.3 0-.4-.1-.4-.4 0-.7 0-1.5-.1-2.2-.1-.7-.7-1.1-1.4-.9-.1 0-.1.2-.2.2-.3.9-.7 1.9-1 2.8-.1.3-.2.4-.5.4h-1c-.3 0-.3-.1-.2-.4.4-1.2.9-2.4 1.3-3.6.5-1.3.9-2.6 1.4-3.9.2-.5.4-.7.9-.7h3.1c1.3.2 1.7 1 1.3 2.2-.4 1-1.1 1.7-2.1 2.1-.1.3-.2.3-.3.4zm-.7-3.3h-.5c-.2 0-.3 0-.3.2-.2.7-.5 1.3-.7 2-.1.2-.1.2.1.2h.8c1 0 1.8-.7 1.8-1.6 0-.4-.1-.6-.5-.8h-.7zm-26.5 7.4c-.3 0-.6 0-.9-.1-1.2-.2-1.7-1-1.5-2.2.1-.6.4-1.2.6-1.9.5-1.4 1-2.7 1.5-4.1.1-.3.2-.4.5-.4h1c.2 0 .3.1.2.4-.6 1.6-1.1 3.1-1.7 4.7l-.3.9c-.1.7.2 1.1.9 1.2 1.1.2 2.2-.4 2.7-1.6.3-.7.5-1.3.7-2 .4-1.1.8-2.1 1.2-3.2.1-.3.3-.4.5-.4h1c.2 0 .3.1.2.4-.6 1.7-1.2 3.5-1.9 5.2-.8 2-2.5 3.1-4.7 3.1zm64.1 0c-.3 0-.6 0-.9-.1-1.1-.2-1.7-1-1.5-2.2.1-.7.4-1.3.6-1.9.5-1.4 1-2.7 1.5-4.1.1-.2.2-.4.5-.4h1.1c.2 0 .3.1.2.4-.6 1.6-1.1 3.1-1.7 4.7-.1.3-.2.6-.3 1-.1.7.3 1.1.9 1.2 1.1.2 2.1-.4 2.6-1.5.3-.6.5-1.3.8-2 .4-1.1.8-2.3 1.2-3.4.1-.2.2-.4.5-.4h1c.2 0 .3.1.2.4-.6 1.7-1.2 3.5-1.9 5.2-.8 2-2.5 3.1-4.8 3.1zm-18.1-5.2h2.4c.3 0 .4 0 .3.4 0 .1 0 .1-.1.2-.2.7-.3.7-1 .7h-1.9c-.2 0-.2 0-.3.2-.2.7-.5 1.3-.7 2-.1.2 0 .2.2.2h2.6c.3 0 .4.1.3.4v.1c-.2.9-.3.9-1.2.9h-3.6c-.5 0-.6-.1-.4-.6.9-2.5 1.8-4.9 2.7-7.3.2-.5.4-.6.9-.6h3.9c.3 0 .4.1.3.4v.2c-.2.8-.3.8-1.1.8h-2.3c-.1 0-.2 0-.3.1-.3.5-.5 1.2-.7 1.9zm-28.1 0h2.4c.4 0 .4.1.3.4
90030 .1 0 .1-.1.2-.2.7-.3.7-1 .7h-1.9c-.1 0-.2 0-.3.1-.3.8-.5 1.5-.8 2.3h2.8c.4 0 .5.1.4.5v.1c-.2.7-.3.8-1 .8h-3.6c-.5 0-.6-.1-.5-.6.9-2.4 1.8-4.9 2.7-7.3.2-.5.4-.6.9-.6h3.9c.3 0 .4.1.3.4 0 .1-.1.2-.1.3-.2.7-.3.7-1 .7h-2.3c-.1 0-.2 0-.3.1-.3.5-.6 1.2-.8 1.9zm41.8-3.6c.3 0 .8.1 1.3.3.2.1.3.3.2.6-.1.3-.2.5-.3.8-.1.2-.3.3-.5.1-.5-.3-1-.5-1.6-.5-.5.1-.9.3-1.2.8-.2.4-.1.7.2 1 .3.2.6.3.9.5 1.3.7 1.6 1.5.9 2.9-.7 1.4-1.9 2.1-3.3 2.3-.7.1-1.5 0-2.2-.3-.6-.2-.6-.4-.4-1 .1-.2.1-.4.2-.5.2-.3.3-.3.6-.1.7.5 1.4.7 2.2.5.5-.1.9-.4 1.2-.9.2-.4.1-.7-.2-.9-.3-.2-.6-.4-.9-.5-1.3-.7-1.6-1.6-.9-2.9.6-1.4 2-2.2 3.8-2.2zm-6.2.1c.8 0 .9 0 .6.8-.9 2.4-1.8 4.9-2.7 7.3-.1.3-.3.5-.6.5h-1c-.2 0-.3-.1-.2-.3 1-2.6 1.9-5.3 2.9-7.9.1-.2.2-.2.3-.3.3-.1.5-.1.7-.1zm-48.6-.7h-.3c-.2 0-.3-.2-.3-.4.1-.9.7-1.3 1.6-1.1.3.1.4.2.3.5-.2.6-.5 1-1.3 1zm-2.9 0h-.2c-.3 0-.4-.2-.4-.5.1-.9.8-1.3 1.6-1.1.2.1.3.2.3.4-.1.7-.5 1.2-1.3 1.2z"/> 9004 <path d="M295.3 125.6c-3.8-4.3-10.7-6.2-19.4-6.2h-25.5c-1.8 0-3.3 1.3-3.6 3.1l-10.6 67.3c-.2 1.3.8 2.5 2.2 2.5h15.7l4-25.1-.1.8c.3-1.8 1.8-3.1 3.6-3.1h7.5c14.7 0 26.2-6 29.5-23.2l.3-1.5c-.4-.2-.4-.2 0 0 .9-6.3-.1-10.7-3.6-14.6" class="visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__st2"/> 9005 <path d="M264.1 138c.4-.2.9-.3 1.4-.3h20c2.4 0 4.6.2 6.6.5.6.1 1.1.2 1.7.3.8.2 1.6.4 2.3.6 1 .3 1.9.7 2.8 1.2 1-6.4 0-10.7-3.5-14.7-3.8-4.3-10.7-6.2-19.4-6.2h-25.5c-1.8 0-3.3 1.3-3.6 3.1l-10.6 67.3c-.2 1.3.8 2.5 2.2 2.5h15.7l8.2-52c.1-1 .7-1.9 1.7-2.3z" class="visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__st2"/> 9006 <path fill="#2790c3" d="M298.5 141.8C295.2 159 283.7 165 269 165h-7.5c-1.8 0-3.3 1.3-3.6 3.1l-4.9 31.2c-.2 1.2.7 2.2 1.9 2.2h13.3c1.6 0 2.9-1.1 3.2-2.7l.1-.7 2.5-15.8.2-.9c.2-1.6 1.6-2.7 3.2-2.7h2c12.8 0 22.9-5.2 25.8-20.3 1.2-6.3.6-11.6-2.7-15.3-1-1.1-2.2-2-3.6-2.8-.2.5-.3 1-.4 1.5z"/> 9007 <path fill="#1f264f" d="M295.3 138.9c-.5-.2-1.1-.3-1.6-.4-.6-.1-1.1-.2-1.7-.3-2-.3-4.2-.5-6.6-.5h-20c-.5 0-.9.1-1.4.3-.9.5-1.6 1.3-1.8 2.4l-4.2 26.9-.1.8c.3-1.8 1.8-3.1 3.6-3.1h7.5c14.7 0 26.2-6 29.5-23.2l.3-1.5c-.9-.4-1.8-.8-2.8-1.2-.2-.1-.5-.2-.7-.2"/> 9008 <defs> 9009 <path id="visa_svg__a" d="M332.5 151.5h98v18.8h-98z"/> 9010 </defs> 9011 <clipPath id="visa_svg__b"> 9012 <use overflow="visible" xlink:href="#visa_svg__a"/> 9013 </clipPath> 9014 <g clip-path="url(#visa_svg__b)"> 9015 <path d="M371.2 166.2c-3.6 2.7-8.9 4.1-13.4 4.1-6.3 0-12-2.3-16.4-6.2-.3-.3 0-.7.4-.5 4.7 2.7 10.4 4.3 16.4 4.3 4 0 8.4-.8 12.5-2.6.6-.2 1.1.4.5.9z" class="visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__st6"/> 9016 <path d="M372.7 164.5c-.5-.6-3.1-.3-4.2-.1-.4 0-.4-.3-.1-.5 2.1-1.5 5.5-1 5.9-.5.4.5-.1 3.9-2 5.5-.3.2-.6.1-.5-.2.4-1.2 1.3-3.6.9-4.2z" class="visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__st6"/> 9017 <path fill="#333e47" fill-rule="evenodd" d="M368.5 153.5v-1.4c0-.2.2-.4.4-.4h6.3c.2 0 .4.1.4.4v1.2c0 .2-.2.5-.5.9l-3.3 4.7c1.2 0 2.5.2 3.6.8.2.1.3.3.3.6v1.5c0 .2-.2.4-.5.3-2-1-4.5-1.1-6.7 0-.2.1-.5-.1-.5-.3v-1.4c0-.2 0-.6.2-1l3.8-5.5h-3.3s-.2-.1-.2-.4zm-23.1 8.9h-1.9c-.2 0-.3-.1-.3-.3v-9.9c0-.2.2-.4.4-.4h1.8c.2 0 .3.2.4.3v1.3c.5-1.3 1.4-1.8 2.5-1.8 1.2 0 2 .6 2.5 1.8.5-1.3 1.5-1.8 2.7-1.8.8 0 1.7.3 2.2 1.1.6.8.5 2 .5 3.1v6.2c0 .2-.2.4-.4.4h-1.9c-.2 0-.3-.2-.3-.4v-5.2c0-.4 0-1.5-.1-1.9-.1-.7-.6-.9-1.1-.9-.5 0-1 .3-1.2.8-.2.5-.2 1.3-.2 1.9v5.2c0 .2-.2.4-.4.4h-1.9c-.2 0-.3-.2-.3-.4v-5.2c0-1.1.2-2.7-1.2-2.7s-1.3 1.6-1.3 2.7v5.2c-.1.3-.3.5-.5.5zm35.7-8.8c-1.4 0-1.5 1.9-1.5 3.1 0 1.2 0 3.8 1.5 3.8s1.6-2.1 1.6-3.4c0-.8 0-1.8-.3-2.6-.3-.6-.7-.9-1.3-.9zm0-2c2.9 0 4.4 2.5 4.4 5.6 0 3-1.7 5.4-4.4 5.4-2.8 0-4.3-2.5-4.3-5.5-.1-3.1 1.5-5.5 4.3-5.5zm8.1 10.8h-1.9c-.2 0-.3-.2-.3-.4v-9.9c0-.2.2-.3.4-.3h1.8c.2 0 .3.1.3.3v1.5c.5-1.4 1.3-2 2.6-2 .9 0 1.7.3 2.3 1.2.5.8.5 2.1.5 3.1v6.2c0 .2-.2.3-.4.3h-1.9c-.2 0-.3-.1-.3-.3v-5.4c0-1.1.1-2.7-1.2-2.7-.5 0-.9.3-1.1.8-.3.6-.3 1.2-.3 1.9v5.3c-.1.2-.3.4-.5.4zm-23.8 0c-.1.1-.3.1-.5 0-.6-.5-.8-.8-1.1-1.3-1.1 1.1-1.8 1.4-3.2 1.4-1.6 0-2.9-1-2.9-3 0-1.6.8-2.6 2.1-3.2 1-.5 2.5-.5 3.6-.7v-.3c0-.5 0-1-.2-1.4-.2-.4-.7-.5-1.1-.5-.7 0-1.4.4-1.6 1.2 0 .2-.2.3-.3.4l-1.9-.2c-.2
90170-.3-.2-.3-.4.4-2.2 2.4-2.9 4.2-3h.1c.9 0 2.1.3 2.8 1 .9.9.8 2 .8 3.3v3c0 .9.4 1.3.7 1.8.1.2.2.4 0 .5-.1.4-.8 1-1.2 1.4zm-1.9-4.7c0 .8 0 1.4-.4 2-.3.5-.8.9-1.3.9-.7 0-1.2-.6-1.2-1.4 0-1.6 1.5-1.9 2.9-1.9v.4zm-23.4 4.7c-.1.1-.3.1-.5 0-.6-.5-.8-.8-1.1-1.3-1.1 1.1-1.8 1.4-3.2 1.4-1.6 0-2.9-1-2.9-3 0-1.6.8-2.6 2.1-3.2 1-.5 2.5-.5 3.6-.7v-.3c0-.5 0-1-.2-1.4-.2-.4-.7-.5-1.1-.5-.7 0-1.4.4-1.6 1.2 0 .2-.2.3-.3.4l-1.9-.2c-.2 0-.3-.2-.3-.4.4-2.2 2.4-2.9 4.2-3h.1c.9 0 2.1.3 2.8 1 .9.9.8 2 .8 3.3v3c0 .9.4 1.3.7 1.8.1.2.2.4 0 .5-.1.4-.8 1-1.2 1.4zm-1.9-4.7c0 .8 0 1.4-.4 2-.3.5-.8.9-1.3.9-.7 0-1.2-.6-1.2-1.4 0-1.6 1.5-1.9 2.9-1.9v.4zm83 8.2v-.7c0-.2.1-.3.3-.3.4.1 1 .1 1.4 0 .5-.1.9-.5 1.1-1 .3-.7.5-1.3.7-1.7l-4-9.9c-.1-.2-.1-.5.2-.5h1.4c.3 0 .4.2.4.3l2.9 8.1 2.8-8.1c.1-.2.2-.3.4-.3h1.3c.3 0 .3.3.2.5l-4 10.3c-.5 1.4-1.2 3.5-2.7 3.9-.8.2-1.8.1-2.3-.1 0-.1-.1-.3-.1-.5zm-1.9-4.1c0 .2-.2.3-.3.3h-1c-.2 0-.4-.2-.4-.3l-.1-.7c-.5.4-1 .7-1.6 1-1.2.5-2.5.5-3.6-.2-.8-.5-1.3-1.5-1.3-2.5 0-.8.2-1.6.8-2.1.7-.8 1.8-1.2 3-1.2.8 0 1.8.1 2.6.3V155c0-1.4-.6-2-2.1-2-1.2 0-2.1.2-3.3.6-.2 0-.3-.1-.3-.3v-.8c0-.2.2-.4.3-.4.9-.4 2.1-.6 3.5-.7 1.7 0 3.8.4 3.8 3.1v7.3zm-1.9-2v-2c-.7-.2-1.8-.3-2.2-.3-.7 0-1.4.2-1.8.6-.3.3-.4.7-.4 1.2s.2 1.1.6 1.4c.5.3 1.3.3 2 .1.8-.3 1.5-.7 1.8-1zm-12.7-6.7c2.2 0 2.8 1.7 2.8 3.7 0 1.3-.2 2.5-.9 3.2-.5.5-1.1.6-2 .6-.8 0-1.8-.4-2.5-1v-5.7c.8-.4 1.8-.8 2.6-.8zm-2.9 13.2h-1.3c-.2 0-.3-.2-.3-.3v-13.8c0-.2.2-.3.3-.3h1c.2 0 .4.2.4.3l.1.7c.9-.8 2.2-1.4 3.3-1.4 3.3 0 4.3 2.7 4.3 5.5 0 3-1.6 5.4-4.4 5.4-1.2 0-2.3-.4-3.1-1.2v4.8c0 .1-.1.3-.3.3z" clip-rule="evenodd"/> 9018 </g> 9019 <path fill="#ff5f00" d="M37.4 136.6h25.1v45H37.4z"/> 9020 <path fill="#eb001b" d="M39 159.2c0-9.1 4.3-17.3 10.9-22.5-4.9-3.8-11-6.1-17.7-6.1-15.8 0-28.6 12.8-28.6 28.6s12.8 28.6 28.6 28.6c6.7 0 12.8-2.3 17.7-6.1-6.6-5.2-10.9-13.4-10.9-22.5z"/> 9021 <path fill="#f79e1b" d="M96.3 159.2c0 15.8-12.8 28.6-28.6 28.6-6.7 0-12.8-2.3-17.7-6.1 6.7-5.3 10.9-13.4 10.9-22.5s-4.3-17.3-10.9-22.5c4.9-3.8 11-6.1 17.7-6.1 15.8-.1 28.6 12.8 28.6 28.6z"/> 9022 <path fill="#005098" fill-rule="evenodd" d="M35.6 63.9l4.9-28.2h7.7l-4.9 28.2h-7.7zm35.6-27.5c-1.5-.5-3.9-1.2-6.9-1.2-7.6 0-12.9 3.8-13 9.3 0 4 3.8 6.3 6.7 7.7 3 1.4 4 2.3 4 3.5 0 1.9-2.4 2.8-4.6 2.8-3.1 0-4.7-.4-7.2-1.5l-1-.5-1 6.3c1.8.8 5.1 1.5 8.6 1.5 8.1 0 13.3-3.8 13.4-9.6 0-3.2-2-5.6-6.5-7.7-2.7-1.3-4.3-2.1-4.3-3.5 0-1.2 1.4-2.4 4.4-2.4 2.5 0 4.4.5 5.8 1.1l.7.3.9-6.1zm19.7-.6H85c-1.8 0-3.2.5-4 2.3L69.5 63.9h8s1.3-3.5 1.6-4.2h9.8c.2 1 .9 4.2.9 4.2h7.1l-6-28.1zm-9.5 18.1c.6-1.6 3.1-7.9 3.1-7.9-.1.1.6-1.6 1-2.7l.5 2.4s1.5 6.7 1.8 8.1h-6.4v.1zM29.2 35.8L21.7 55l-.8-3.9c-1.4-4.5-5.8-9.4-10.7-11.8l6.9 24.6h8.1l12.1-28.1h-8.1z" clip-rule="evenodd"/> 9023 <path fill="#f7a600" fill-rule="evenodd" d="M14.7 35.7H2.3l-.1.6c9.6 2.3 16 8 18.7 14.7l-2.7-12.9c-.5-1.8-1.8-2.3-3.5-2.4z" clip-rule="evenodd"/> 9024</svg> 9025</span> <span>Visa</span></div> <div class="grid grid-flow-col auto-cols-max gap-x-3 items-center"><span> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" class="w-8 h-auto" width="24" height="24" aria-hidden="true" focusable="false"> 9026 <path d="M111.1 50.4c.4-1.1.8-2.1 1.2-3.2.1-.3.2-.6.3-1 .1-.2.2-.3.4-.3h10.3c.4 0 .7 0 1.1-.1.5-.1.8-.5.9-.9.1-.5-.1-.9-.6-1.1l-1.8-.6c-.7-.2-1.4-.5-1.9-1-.7-.7-1-1.5-.8-2.4.4-1.7 1-3.4 2.2-4.7 1-1.1 2.3-1.7 3.8-1.8.8-.1 1.7-.1 2.5-.1h9.5l-1.2.9c-1.1.8-2 1.9-2.8 3-.1.2-.2.2-.4.2h-5.9c-.4 0-.7 0-1 .1-.5.2-.9.6-.9 1.1 0 .5.3.8.9 1 .6.2 1.3.4 1.9.6 1.8.7 2.5 1.8 2.2 3.7-.3 1.9-1.1 3.6-2.7 4.9-1.1.9-2.4 1.4-3.9 1.6-.8.1-1.6.1-2.5.1h-10.8zm76-7.3c1 1.9 1.5 4 2.1 6.1.1.3.2.7.3 1 .1.2 0 .3-.2.3h-5.1c-.2 0-.3-.1-.3-.2-.4-1.7-.8-3.5-1.2-5.2 0-.2-.1-.3-.1-.5-.1.1-.1.2-.2.3-.7 1.8-1.4 3.6-2 5.4-.1.2-.2.3-.4.3h-4.7c-.2 0-.3 0-.2-.3 2-5.6 4.1-11.1 6.1-16.7.1-.2.2-.3.4-.3h5.9c.9 0 1.7.1 2.6.4 2 .6 2.8 2.1 2.4 4.1-.6 2.5-2.2 4.1-4.5 5.2-.5-.1-.7 0-.9.1zm-3.2-2.2c2 .1 3.1-1.1 3.4-2.9.1-.6-.2-1-.8-1.1-.6-.1-1.2-.1-1.8-.1-.1 0-.1 0-.2.1-.5 1.3-.9 2.6-1.4 3.9-.1.1 0 .2.1.2.2-.1.5-.1.7-.1zm-23.2 4.9c0-1.7.5-3.3 1.2-4.9 1-2.4 2.5-4.5 4.6-6.1 1.8-1.3 3.9-2 6.1-1.9.8 0 1.6.2 2.4.6 1.4.7 2.1 1.9 2.2 3.4.2 1.7-.2 3.3-.8 4.8-.8 2.2-1.9 4.2-3.5 5.9-2.2 2.3-4.9 3.3-8.1 3-1.5-.2-2.7-.8-3.6-2.1-.3-.8-.5-1.7-.5-2.7zm5-.6v.4c.1.6.4.9.9 1 .9.2 1.7 0 2.3-.6.4-.3.7-.7.9-1.2 1-1.7 1.6-3.5 2.1-5.4.2-.6.3-1.1.2
9026-1.7-.1-.5-.3-.9-.9-.9-.6-.1-1.2-.1-1.8.3-.6.4-1.1.9-1.5 1.4-.8 1.2-1.4 2.6-1.8 4-.1 1-.3 1.8-.4 2.7z" class="mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__st0"/> 9027 <path d="M143.5 32.9c.7 0 1.4.1 2.1.3 1.8.6 2.9 2 3 3.9.1 1.6-.3 3.2-.9 4.7-.8 2-1.7 3.9-3.1 5.5-1.5 1.7-3.2 2.8-5.4 3.2-1.4.2-2.8.3-4.2-.2-1.7-.6-2.7-1.9-2.9-3.7-.2-1.6.2-3.1.7-4.6.9-2.4 2.1-4.5 3.9-6.3 1.7-1.6 3.6-2.6 5.9-2.8.4.1.7.1.9 0zm-1.2 4c-.5 0-.9.1-1.3.4-.6.4-1 .9-1.4 1.4-1.1 1.6-1.7 3.3-2.2 5.2-.2.7-.3 1.3-.2 2 .1.5.4.8.9.9.9.2 1.7 0 2.3-.6.4-.3.7-.7.9-1.2.9-1.5 1.5-3.2 2-4.8.2-.7.4-1.4.4-2.1 0-.7-.4-1.1-1.1-1.2h-.3zm24.5-3.7c-.8.5-1.6 1-2.2 1.6-.8.7-1.5 1.4-2.1 2.3-.1.2-.2.2-.4.2h-5c-.8 0-1.1.2-1.4 1-.2.5-.3 1-.5 1.5-.1.3-.1.3.2.3h3.9c.3 0 .3.1.2.3-.4 1-.8 2-1.1 3.1-.1.2-.2.3-.4.3h-4.1c-.2 0-.3.1-.4.3-.7 2.1-1.5 4.1-2.2 6.2-.1.2-.2.3-.4.3h-4.6c-.3 0-.3-.1-.2-.3 1.6-4.2 3.1-8.5 4.6-12.7.5-1.4 1.4-2.6 2.7-3.4.8-.5 1.7-.8 2.7-.8 3.6-.2 7.1-.2 10.7-.2zm25.2 0h17.1c0 .1 0 .2-.1.3-.4 1.2-.9 2.3-1.3 3.5-.1.2-.2.3-.4.3h-5.5c-.2 0-.3 0-.4.3-1.5 4.2-3 8.3-4.5 12.5-.1.3-.2.4-.5.4h-4.1c-.3 0-.3 0-.2-.3 1.5-4.2 3-8.3 4.6-12.5.1-.4.1-.4-.2-.4H194c-.2 0-.3 0-.3-.3.1-1.1-.2-2.2-.9-3.1-.2-.2-.5-.4-.8-.7z" class="mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__st0"/> 9028 <path fill="#3a3c43" d="M150.3 57.5l-1.5 2.4c-.6.9-1.1 1.9-1.7 2.8-.2.3-.4.5-.8.5H145c-.4 0-.5-.1-.4-.6.1-1 .2-1.9.3-2.9.2-1.5.3-3 .5-4.6 0-.5.2-.6.6-.6h.9c.2 0 .4.1.3.4-.2 1.4-.4 2.9-.6 4.3l-.3 2.1c.1-.1.2-.2.2-.3l3.6-6c.2-.4.5-.5.9-.5h.7c.4 0 .4.1.4.4-.1 1.3-.3 2.7-.5 4-.1.8-.2 1.6-.3 2.3.1 0 .2-.2.2-.3 1.2-2 2.4-4.1 3.6-6.1.2-.3.4-.5.8-.4h.7c.3 0 .4.1.2.4-.1.2-.2.3-.3.5-1.5 2.4-3 4.8-4.5 7.1-.3.4-.6.6-1.1.6h-1.2c-.3 0-.4-.2-.3-.4.2-1.5.3-3.1.5-4.6.5 0 .5-.2.4-.5zm37.5-.8l-1.8 5.1c-.1.3-.3.7-.4 1-.1.2-.2.3-.5.4h-.8c-.3 0-.4-.1-.3-.4.8-2.2 1.6-4.5 2.5-6.7.1-.3.2-.5.3-.8.1-.4.4-.6.9-.6h1c.5 0 .7.2.8.7l.3 2.1c.2 1.1.4 2.2.5 3.3.1 0 .1-.1.1-.2.7-1.8 1.3-3.6 2-5.4.1-.2.2-.4.5-.4h.8c.3 0 .4.1.3.4-.8 2.1-1.5 4.1-2.3 6.2-.1.4-.3.8-.5 1.2-.2.5-.5.7-1 .7h-.8c-.4 0-.6-.1-.7-.6-.2-.8-.3-1.6-.4-2.3-.2-1.3-.4-2.5-.5-3.7zm-61.9 1.9c.6.2 1 .5 1.1 1.1 0 .3 0 .7-.1 1-.5 1.4-1.6 2.1-3 2.4-.9.2-1.7.1-2.6.1h-1c-.4 0-.5-.2-.4-.5.3-1 .7-2 1.1-2.9.5-1.5 1.1-2.9 1.6-4.4.2-.6.4-.7 1-.7 1 0 2-.1 3 .1.2 0 .5.1.7.2.5.3.7.8.6 1.4-.3 1-1 1.7-2 2.2zm-4 3.3h1.5c.8-.1 1.4-.4 1.7-1.2.3-.7 0-1.1-.8-1.2H123c-.1 0-.2 0-.2.1-.4.7-.6 1.5-.9 2.3zm2-3.7h.4c.8 0 1.4-.6 1.6-1.3.1-.5-.1-.8-.6-.9h-1.1c-.2 0-.2 0-.3.2-.2.5-.3.9-.5 1.4-.2.6-.2.6.5.6zm76.2.1h1.3c.4 0 .5.1.4.5-.4 1.2-.9 2.4-1.3 3.6-.1.2-.2.4-.4.5-1.3.4-2.6.7-4 .4-1.5-.3-2.2-1.4-2-2.9.4-2.5 2.2-5 5.1-5.7 1-.2 2-.2 3 .1.9.3 1 .5.6 1.4v.1c-.2.5-.3.5-.8.2-1.2-.8-2.9-.7-4.2.3-1.1.9-1.7 2-1.8 3.4-.1 1.1.5 1.7 1.6 1.8.4 0 .8 0 1.2-.2.1 0 .2-.1.2-.2.2-.5.4-1.1.6-1.6.1-.2 0-.2-.2-.2h-1.2c-.3 0-.3-.1-.2-.3 0-.1.1-.2.1-.3.2-.6.3-.7.9-.7.4-.2.8-.2 1.1-.2zm-59.3.9c.4.3.6.7.6 1.1.1.8.1 1.5.1 2.3 0 .5-.1.6-.5.6h-1c-.3 0-.4-.1-.4-.4 0-.7 0-1.5-.1-2.2-.1-.7-.7-1.1-1.4-.9-.1 0-.1.2-.2.2-.3.9-.7 1.9-1 2.8-.1.3-.2.4-.5.4h-1c-.3 0-.3-.1-.2-.4.4-1.2.9-2.4 1.3-3.6.5-1.3.9-2.6 1.4-3.9.2-.5.4-.7.9-.7h3.1c1.3.2 1.7 1 1.3 2.2-.4 1-1.1 1.7-2.1 2.1-.1.3-.2.4-.3.4zm-.7-3.2h-.5c-.2 0-.3 0-.3.2-.2.7-.5 1.3-.7 2-.1.2-.1.2.1.2h.8c1 0 1.8-.7 1.8-1.6 0-.4-.1-.6-.5-.8h-.7zm-26.5 7.4c-.3 0-.6 0-.9-.1-1.2-.2-1.7-1-1.5-2.2.1-.6.4-1.2.6-1.9.5-1.4 1-2.7 1.5-4.1.1-.3.2-.4.5-.4h1c.2 0 .3.1.2.4-.6 1.6-1.1 3.1-1.7 4.7l-.3.9c-.1.7.2 1.1.9 1.2 1.1.2 2.2-.4 2.7-1.6.3-.7.5-1.3.7-2 .4-1.1.8-2.1 1.2-3.2.1-.3.3-.4.5-.4h1c.2 0 .3.1.2.4-.6 1.7-1.2 3.5-1.9 5.2-.8 1.9-2.5 3.1-4.7 3.1zm64.1 0c-.3 0-.6 0-.9-.1-1.1-.2-1.7-1-1.5-2.2.1-.7.4-1.3.6-1.9.5-1.4 1-2.7 1.5-4.1.1-.2.2-.4.5-.4h1.1c.2 0 .3.1.2.4-.6 1.6-1.1 3.1-1.7 4.7-.1.3-.2.6-.3 1-.1.7.3 1.1.9 1.2 1.1.2 2.1-.4 2.6-1.5.3-.6.5-1.3.8-2 .4-1.1.8-2.3 1.2-3.4.1-.2.2-.4.5-.4h1c.2 0 .3.1.2.4-.6 1.7-1.2 3.5-1.9 5.2-.8 1.9-2.5 3.1-4.8 3.1zm-18.1-5.3h2.4c.3 0 .4 0 .3.4 0 .1 0 .1-.1.2-.2.7-.3.7-1 .7h-1.9c-.2 0-.2 0-.3.2-.2.7-.5 1.3-.7 2-.1.2 0 .2.2.2h2.6c.3 0 .4.1.3.4v.1c-.2.9-.3.9-1.2.9h-3.6c-.5 0-.6-.1-.4-.6.9-2.5 1.8-4.9 2.7-7.3.2-.5.4-.6.9-.6h3.9c.3 0 .4.1.3.4v.2c-.2.8-.3.8-1.1.8h-2.3c-.1 0-.2
90280-.3.1-.3.6-.5 1.2-.7 1.9zm-28.1 0h2.4c.4 0 .4.1.3.4 0 .1 0 .1-.1.2-.2.7-.3.7-1 .7h-1.9c-.1 0-.2 0-.3.1-.3.8-.5 1.5-.8 2.3h2.8c.4 0 .5.1.4.5v.1c-.2.7-.3.8-1 .8h-3.6c-.5 0-.6-.1-.5-.6.9-2.4 1.8-4.9 2.7-7.3.2-.5.4-.6.9-.6h3.9c.3 0 .4.1.3.4 0 .1-.1.2-.1.3-.2.7-.3.7-1 .7h-2.3c-.1 0-.2 0-.3.1-.3.6-.6 1.2-.8 1.9zm41.8-3.6c.3 0 .8.1 1.3.3.2.1.3.3.2.6-.1.3-.2.5-.3.8-.1.2-.3.3-.5.1-.5-.3-1-.5-1.6-.5-.5.1-.9.3-1.2.8-.2.4-.1.7.2 1 .3.2.6.3.9.5 1.3.7 1.6 1.5.9 2.9-.7 1.4-1.9 2.1-3.3 2.3-.7.1-1.5 0-2.2-.3-.6-.2-.6-.4-.4-1 .1-.2.1-.4.2-.5.2-.3.3-.3.6-.1.7.5 1.4.7 2.2.5.5-.1.9-.4 1.2-.9.2-.4.1-.7-.2-.9-.3-.2-.6-.4-.9-.5-1.3-.7-1.6-1.6-.9-2.9.6-1.4 2-2.2 3.8-2.2zm-6.2.1c.8 0 .9 0 .6.8-.9 2.4-1.8 4.9-2.7 7.3-.1.3-.3.5-.6.5h-1c-.2 0-.3-.1-.2-.3 1-2.6 1.9-5.3 2.9-7.9.1-.2.2-.2.3-.3.3-.1.5-.1.7-.1zm-48.6-.7h-.3c-.2 0-.3-.2-.3-.4.1-.9.7-1.3 1.6-1.1.3.1.4.2.3.5-.2.7-.5 1-1.3 1zm-2.9 0h-.2c-.3 0-.4-.2-.4-.5.1-.9.8-1.3 1.6-1.1.2.1.3.2.3.4-.1.8-.5 1.2-1.3 1.2z"/> 9029 <path d="M295.3 15.3c-3.8-4.3-10.7-6.2-19.4-6.2h-25.5c-1.8 0-3.3 1.3-3.6 3.1l-10.6 67.3c-.2 1.3.8 2.5 2.2 2.5h15.7l4-25.1-.1.8c.3-1.8 1.8-3.1 3.6-3.1h7.5c14.7 0 26.2-6 29.5-23.2l.3-1.5c-.4-.2-.4-.2 0 0 .9-6.4-.1-10.7-3.6-14.6" class="mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__st2"/> 9030 <path d="M264.1 27.6c.4-.2.9-.3 1.4-.3h20c2.4 0 4.6.2 6.6.5.6.1 1.1.2 1.7.3.8.2 1.6.4 2.3.6 1 .3 1.9.7 2.8 1.2 1-6.4 0-10.7-3.5-14.7C291.6 10.9 284.7 9 276 9h-25.5c-1.8 0-3.3 1.3-3.6 3.1l-10.6 67.3c-.2 1.3.8 2.5 2.2 2.5h15.7l8.2-52c.1-1 .7-1.8 1.7-2.3z" class="mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__st2"/> 9031 <path fill="#2790c3" d="M298.5 31.4c-3.4 17.3-14.9 23.2-29.5 23.2h-7.5c-1.8 0-3.3 1.3-3.6 3.1L253 88.9c-.2 1.2.7 2.2 1.9 2.2h13.3c1.6 0 2.9-1.1 3.2-2.7l.1-.7 2.5-15.8.2-.9c.2-1.6 1.6-2.7 3.2-2.7h2c12.8 0 22.9-5.2 25.8-20.3 1.2-6.3.6-11.6-2.7-15.3-1-1.1-2.2-2-3.6-2.8-.2.5-.3 1-.4 1.5z"/> 9032 <path fill="#1f264f" d="M295.3 28.5c-.5-.2-1.1-.3-1.6-.4-.6-.1-1.1-.2-1.7-.3-2-.3-4.2-.5-6.6-.5h-20c-.5 0-.9.1-1.4.3-.9.5-1.6 1.3-1.8 2.4L258 56.9l-.1.8c.3-1.8 1.8-3.1 3.6-3.1h7.5c14.7 0 26.2-6 29.5-23.2l.3-1.5c-.9-.4-1.8-.8-2.8-1.2-.2 0-.5-.1-.7-.2"/> 9033 <defs> 9034 <path id="mastercard_svg__a" d="M332.5 41.1h98v18.8h-98z"/> 9035 </defs> 9036 <clipPath id="mastercard_svg__b"> 9037 <use overflow="visible" xlink:href="#mastercard_svg__a"/> 9038 </clipPath> 9039 <g clip-path="url(#mastercard_svg__b)"> 9040 <path d="M371.2 55.8c-3.6 2.7-8.9 4.1-13.4 4.1-6.3 0-12-2.3-16.4-6.2-.3-.3 0-.7.4-.5 4.7 2.7 10.4 4.3 16.4 4.3 4 0 8.4-.8 12.5-2.6.6-.2 1.1.5.5.9z" class="mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__st6"/> 9041 <path d="M372.7 54.1c-.5-.6-3.1-.3-4.2-.1-.4 0-.4-.3-.1-.5 2.1-1.5 5.5-1 5.9-.5.4.5-.1 3.9-2 5.5-.3.2-.6.1-.5-.2.4-1.2 1.3-3.6.9-4.2z" class="mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__st6"/> 9042 <path fill="#333e47" fill-rule="evenodd" d="M368.5 43.2v-1.4c0-.2.2-.4.4-.4h6.3c.2 0 .4.1.4.4V43c0 .2-.2.5-.5.9l-3.3 4.7c1.2 0 2.5.2 3.6.8.2.1.3.3.3.6v1.5c0 .2-.2.4-.5.3-2-1-4.5-1.1-6.7 0-.2.1-.5-.1-.5-.3V50c0-.2 0-.6.2-1l3.8-5.5h-3.3s-.2-.1-.2-.3zM345.4 52h-1.9c-.2 0-.3-.1-.3-.3v-9.9c0-.2.2-.4.4-.4h1.8c.2 0 .3.2.4.3V43c.5-1.3 1.4-1.8 2.5-1.8 1.2 0 2 .6 2.5 1.8.5-1.3 1.5-1.8 2.7-1.8.8 0 1.7.3 2.2 1.1.6.8.5 2 .5 3.1v6.2c0 .2-.2.4-.4.4h-1.9c-.2 0-.3-.2-.3-.4v-5.2c0-.4 0-1.5-.1-1.9-.1-.7-.6-.9-1.1-.9-.5 0-1 .3-1.2.8-.2.5-.2 1.3-.2 1.9v5.2c0 .2-.2.4-.4.4h-1.9c-.2 0-.3-.2-.3-.4v-5.2c0-1.1.2-2.7-1.2-2.7s-1.3 1.6-1.3 2.7v5.2c-.1.4-.3.5-.5.5zm35.7-8.8c-1.4 0-1.5 1.9-1.5 3.1s0 3.8 1.5 3.8 1.6-2.1 1.6-3.4c0-.8 0-1.8-.3-2.6-.3-.6-.7-.9-1.3-.9zm0-2c2.9 0 4.4 2.5 4.4 5.6 0 3-1.7 5.4-4.4 5.4-2.8 0-4.3-2.5-4.3-5.5-.1-3.1 1.5-5.5 4.3-5.5zm8.1 10.8h-1.9c-.2 0-.3-.2-.3-.4v-9.9c0-.2.2-.3.4-.3h1.8c.2 0 .3.1.3.3v1.5c.5-1.4 1.3-2 2.6-2 .9 0 1.7.3 2.3 1.2.5.8.5 2.1.5 3.1v6.2c0 .2-.2.3-.4.3h-1.9c-.2 0-.3-.1-.3-.3v-5.4c0-1.1.1-2.7-1.2-2.7-.5 0-.9.3-1.1.8-.3.6-.3 1.2-.3 1.9v5.3c-.1.3-.3.4-.5.4zm-23.8 0c-.1.1-.3.1-.5 0-.6-.5-.8-.8-1.1-1.3-1.1 1.1-1.8 1.4-3.2 1.4-1.6 0-2.9-1-2.9-3 0-1.6.8-2.6 2.1-3.2 1-.5 2.5-.5 3.6-.7v-.3c0-.5 0-1-.2-1.4-.2-.4-.7-.5-1.1-.5-.7 0-1.4.4-1.6 1.2 0 .2-.2.3-.3.4l-1.9-.2c-.2
90420-.3-.2-.3-.4.4-2.2 2.4-2.9 4.2-3h.1c.9 0 2.1.3 2.8 1 .9.9.8 2 .8 3.3v3c0 .9.4 1.3.7 1.8.1.2.2.4 0 .5-.1.4-.8 1.1-1.2 1.4zm-1.9-4.7c0 .8 0 1.4-.4 2-.3.5-.8.9-1.3.9-.7 0-1.2-.6-1.2-1.4 0-1.6 1.5-1.9 2.9-1.9v.4zM340.1 52c-.1.1-.3.1-.5 0-.6-.5-.8-.8-1.1-1.3-1.1 1.1-1.8 1.4-3.2 1.4-1.6 0-2.9-1-2.9-3 0-1.6.8-2.6 2.1-3.2 1-.5 2.5-.5 3.6-.7v-.3c0-.5 0-1-.2-1.4-.2-.4-.7-.5-1.1-.5-.7 0-1.4.4-1.6 1.2 0 .2-.2.3-.3.4l-1.9-.2c-.2 0-.3-.2-.3-.4.4-2.2 2.4-2.9 4.2-3h.1c.9 0 2.1.3 2.8 1 .9.9.8 2 .8 3.3v3c0 .9.4 1.3.7 1.8.1.2.2.4 0 .5-.1.4-.8 1.1-1.2 1.4zm-1.9-4.7c0 .8 0 1.4-.4 2-.3.5-.8.9-1.3.9-.7 0-1.2-.6-1.2-1.4 0-1.6 1.5-1.9 2.9-1.9v.4zm83 8.3v-.7c0-.2.1-.3.3-.3.4.1 1 .1 1.4 0 .5-.1.9-.5 1.1-1 .3-.7.5-1.3.7-1.7l-4-9.9c-.1-.2-.1-.5.2-.5h1.4c.3 0 .4.2.4.3l2.9 8.1 2.8-8.1c.1-.2.2-.3.4-.3h1.3c.3 0 .3.3.2.5l-4 10.3c-.5 1.4-1.2 3.5-2.7 3.9-.8.2-1.8.1-2.3-.1 0-.2-.1-.4-.1-.5zm-1.9-4.2c0 .2-.2.3-.3.3h-1c-.2 0-.4-.2-.4-.3l-.1-.7c-.5.4-1 .7-1.6 1-1.2.5-2.5.5-3.6-.2-.9-.5-1.3-1.5-1.3-2.5 0-.8.2-1.6.8-2.1.7-.8 1.8-1.2 3-1.2.8 0 1.8.1 2.6.3v-1.4c0-1.4-.6-2-2.1-2-1.2 0-2.1.2-3.3.6-.2 0-.3-.1-.3-.3v-.8c0-.2.2-.4.3-.4.9-.4 2.1-.6 3.5-.7 1.7 0 3.8.4 3.8 3.1v7.3zm-1.9-2v-2c-.7-.2-1.8-.3-2.2-.3-.7 0-1.4.2-1.8.6-.3.3-.4.7-.4 1.2s.2 1.1.6 1.4c.5.3 1.3.3 2 .1.8-.3 1.5-.6 1.8-1zm-12.7-6.6c2.2 0 2.8 1.7 2.8 3.7 0 1.3-.2 2.5-.9 3.2-.5.5-1.1.6-2 .6-.8 0-1.8-.4-2.5-1v-5.7c.8-.5 1.8-.8 2.6-.8zm-2.9 13.1h-1.3c-.2 0-.3-.2-.3-.3V41.8c0-.2.2-.3.3-.3h1c.2 0 .4.2.4.3l.1.7c.9-.8 2.2-1.4 3.3-1.4 3.3 0 4.3 2.7 4.3 5.5 0 3-1.6 5.4-4.4 5.4-1.2 0-2.3-.4-3.1-1.2v4.8c0 .2-.1.3-.3.3z" clip-rule="evenodd"/> 9043 </g> 9044 <path fill="#ff5f00" d="M37.4 26.3h25.1v45H37.4z"/> 9045 <path fill="#eb001b" d="M39 48.8c0-9.1 4.3-17.3 10.9-22.5-4.9-3.8-11-6.1-17.7-6.1C16.4 20.1 3.6 33 3.6 48.8s12.8 28.6 28.6 28.6c6.7 0 12.8-2.3 17.7-6.1C43.3 66.1 39 57.9 39 48.8z"/> 9046 <path fill="#f79e1b" d="M96.3 48.8c0 15.8-12.8 28.6-28.6 28.6-6.7 0-12.8-2.3-17.7-6.1 6.7-5.3 10.9-13.4 10.9-22.5S56.6 31.5 50 26.3c4.9-3.8 11-6.1 17.7-6.1 15.8-.1 28.6 12.8 28.6 28.6z"/> 9047</svg> 9048</span> <span>MasterCard</span></div> <div class="grid grid-flow-col auto-cols-max gap-x-3 items-center"><span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 750 750" version="1.1" id="svg3297" class="w-6 h-auto ml-1" aria-hidden="true" focusable="false"><path style="opacity:1;fill:#016fd0;stroke-width:2.83018851" id="path3281" d="M0 0h750v122.01c-36.651.056-73.33-.086-109.981.084-8.208 23.038-16.189 46.132-24.708 69.057-9.085-22.727-16.698-46.019-24.877-69.085-47.519-.113-95.038-.057-142.528-.028-.029 30.764.283 61.528-.17 92.292-14.236-30.538-27.481-61.528-41.236-92.264-38.406-.142-76.783 0-115.189-.057-39.905 90.142-79.754 180.368-119.575 270.566 32.122.029 64.273-.056 96.396.029-.198 80.037.085 160.075-.141 240.113 99.622.198 199.245.17 298.84.028 15.395-17.377 31.131-34.443 46.782-51.566 15.51 17.264 30.99 34.585 46.755 51.651 29.887-.028 59.745.028 89.632-.028V750H0Z"/>
9048<path style="opacity:1;fill:#016fd0;stroke-width:2.83018851" id="path3283" d="M311.915 152.264c24.68-.255 49.359.028 74.038-.198 31.273 69.396 61.047 139.5 92.717 208.698.48-69.51.113-139.047.17-208.585 29.943-.028 59.886-.085 89.83.057 15.48 43.217 30.736 86.519 46.5 129.65 16.528-42.905 31.415-86.462 47.122-129.679 29.236-.084 58.472-.028 87.708-.056v210.424h-55.925c-.283-48.594.453-97.188-.367-145.754-18.651 48.283-35.83 97.132-53.746 145.698-16.811.085-33.594.17-50.405-.142-17.944-48.537-35.604-97.188-53.604-145.698-1.189 48.595-.142 97.274-.51 145.896-40.471-.226-80.943.482-121.386-.368-5.66-14.037-11.548-27.99-17.548-41.858-32.207.113-64.415.028-96.622.028-5.802 13.981-11.689 27.934-17.321 42-21.113.397-42.198.142-63.311.198 30.82-70.132 62.037-140.094 92.66-210.31m7.868 120.792c18.906.084 37.84.028 56.774.028-9.029-22.727-18.708-45.198-27.991-67.811-10.67 22.103-19.075 45.226-28.783 67.783z"/><path style="opacity:1;fill:#016fd0;stroke-width:2.83018851" id="path3285" d="M299.745 392.689c58.472-.368 116.972.566 175.415-.482 1.444 1.387 2.83 2.802 4.246 4.246-.765 14.915-.51 29.858-.481 44.802-40.5.028-81.029-.114-121.557.085 0 10.924 0 21.849.141 32.745 39.482-.17 78.991-.227 118.472.028-.085 15.793-.085 31.585-.056 47.377-39.538.029-79.076 0-118.585 0 .028 10.868.028 21.708 0 32.576 40.528-.028 81.056-.028 121.585 0 0 16.104-.029 32.236 0 48.34 33.084-34.699 65.716-69.85 98.773-104.576-31.726-33.623-63-67.726-95.377-100.698-.595-1.189-1.755-3.538-2.35-4.698 24.793.51 49.614.028 74.435.283 20.179 22.472 40.415 44.887 60.849 67.104 20.179-22.585 40.84-44.774 61.273-67.16 24.481-.057 48.963.056 73.472-.057v.962c-32.972 34.528-66.057 68.943-98.83 103.67 32.972 35.01 66.311 69.679 98.83 105.085v.707c-24.708.142-49.415 0-74.123.113-20.858-22.556-41.405-45.367-61.924-68.207-20.802 22.698-41.406 45.51-62.208 68.18-83.858-.086-167.717 0-251.575-.03-.962-70.103-.142-140.263-.425-210.395z"/><path style="opacity:1;fill:#016fd0;stroke-width:2.83018851" id="path3287" d="M692.887 497.377c18.679-20.66 38.802-39.99 57.113-60.962V558.34c-18.708-20.633-37.868-40.84-57.113-60.963z"/><g id="#ffffffff" transform="matrix(2.83019 0 0 2.83019 0 0)"><path d="M102.93 43.11c13.57.02 27.13-.03 40.7.02 4.86 10.86 9.54 21.81 14.57 32.6.16-10.87.05-21.74.06-32.61 16.78-.01 33.57-.03 50.36.01 2.89 8.15 5.58 16.38 8.79 24.41 3.01-8.1 5.83-16.26 8.73-24.4 12.95-.06 25.91-.01 38.86-.03v10.65c-10.33.01-20.66-.01-30.99.02-5.55 15.27-10.81 30.66-16.65 45.82-5.57-15.24-10.96-30.54-16.43-45.81-10.58-.05-21.16-.03-31.74-.02-.02 24.57.11 49.14-.06 73.7-11.19-24.45-21.71-49.22-32.76-73.74-8.72.08-17.44-.02-26.16.07-10.82 24.81-21.85 49.53-32.74 74.31 7.46-.02 14.91.07 22.37-.07 1.99-4.97 4.07-9.9 6.12-14.84 11.38 0 22.76.03 34.14-.01 2.12 4.9 4.2 9.83 6.2 14.79 14.29.3 28.59.05 42.89.13.13-17.18-.24-34.38.18-51.55 6.36 17.14 12.6 34.33 18.94 51.48 5.94.11 11.87.08 17.81.05 6.33-17.16 12.4-34.42 18.99-51.48.29 17.16.03 34.33.13 51.5H265v10.61c-8.66.04-17.31 0-25.96.02-7.22 7.91-14.52 15.75-21.65 23.73-7.22-7.85-14.37-15.77-21.5-23.71-8.77-.09-17.54.08-26.3-.1.21.41.62 1.24.83 1.66 11.44 11.65 22.49 23.7 33.7 35.58-11.68 12.27-23.21 24.69-34.9 36.95-.01-5.69 0-11.39 0-17.08-14.32-.01-28.64-.01-42.96 0 .01-3.84.01-7.67 0-11.51 13.96 0 27.93.01 41.9 0-.01-5.58-.01-11.16.02-16.74-13.95-.09-27.91-.07-41.86-.01-.05-3.85-.05-7.71-.05-11.57 14.32-.07 28.64-.02 42.95-.03-.01-5.28-.1-10.56.17-15.83-.5-.51-.99-1.01-1.5-1.5-20.65.37-41.32.04-61.98.17.1 24.78-.19 49.57.15 74.34 29.63.01 59.26-.02 88.89.01 7.35-8.01 14.63-16.07 21.98-24.09 7.25 8.07 14.51 16.13 21.88 24.1 8.73-.04 17.46.01 26.19-.04v10.52c-10.56.02-21.11 0-31.67.01-5.57-6.03-11.04-12.15-16.52-18.25-5.53 6.05-11.09 12.08-16.53 18.22-35.19.05-70.39.06-105.59-.01.08-28.28-.02-56.56.05-84.84-11.35-.03-22.71 0-34.06-.01 14.07-31.87 28.15-63.75 42.25-95.6z" id="path3290" style="opacity:1;fill:#ffffff"/><path d="M112.99 96.48c3.43-7.97 6.4-16.14 10.17-23.95 3.28 7.99 6.7 15.93 9.89 23.96-6.69 0-13.38.02-20.06-.01z" id="path3292" style="opacity:1;fill:#ffffff"/>
9048<path d="M230.08 175.69c11.58-12.27 23.27-24.43 34.92-36.63v15.14c-6.47 7.41-13.58 14.24-20.18 21.54 6.8 7.11 13.57 14.25 20.18 21.54v15.54c-11.49-12.51-23.27-24.76-34.92-37.13z" id="path3294" style="opacity:1;fill:#ffffff"/></g></svg> 9049</span> <span>American Express</span></div> <div class="grid grid-flow-col auto-cols-max gap-x-3 items-center"><span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-8 h-auto" width="24" height="24" aria-hidden="true" focusable="false"> 9050 <circle cx="49.7" cy="49.5" r="40.3" fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="3"/> 9051 <path fill="#333" d="M61.6 68c-1.9 1.3-5.1 2.6-9.2 2.6-5 0-9.5-1.9-12.6-5.5-2.4-2.6-3.9-6.2-4.5-10.7h-3.8v-3H35v-.9c0-1 .1-1.9.1-2.8h-3.7v-3.1h4.1c.7-4.3 2.6-7.9 5.1-10.5 3.2-3.3 7.2-5.1 12.3-5.1 3.7 0 6.5 1.1 8.2 2l-1.2 4c-1.5-.9-4.2-1.7-6.9-1.7-3.3 0-6.1 1.2-8.2 3.4-1.9 1.8-3.1 4.6-3.7 7.9h17.3v3.1H40.5c-.1.8-.1 1.7-.1 2.6v1.1h18v3H40.8c.5 3.6 1.7 6.3 3.4 8.1 2.3 2.4 5.4 3.6 8.7 3.6s6.1-1.2 7.6-2l1.1 3.9z"/> 9052</svg> 9053</span> <span>Vorkasse</span></div> <div class="grid grid-flow-col auto-cols-max gap-x-3 items-center"><span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-8 h-auto" width="24" height="24" aria-hidden="true" focusable="false"> 9054 <path d="M75.1 15.3C71.3 11 64.4 9.1 55.7 9.1H30.2c-1.8 0-3.3 1.3-3.6 3.1L16 79.4c-.2 1.3.8 2.5 2.2 2.5h15.7l4-25.1-.1.8c.3-1.8 1.8-3.1 3.6-3.1h7.5c14.7 0 26.2-6 29.5-23.2l.3-1.5c-.4-.2-.4-.2 0 0 .9-6.3-.1-10.6-3.6-14.5"/> 9055 <path d="M43.9 27.6c.4-.2.9-.3 1.4-.3h20c2.4 0 4.6.2 6.6.5.6.1 1.1.2 1.7.3.8.2 1.6.4 2.3.6 1 .3 1.9.7 2.8 1.2 1-6.4 0-10.7-3.5-14.7C71.4 10.9 64.5 9 55.8 9H30.2c-1.8 0-3.3 1.3-3.6 3.1L16 79.4c-.2 1.3.8 2.5 2.2 2.5h15.7l8.2-52c.2-1 .8-1.8 1.8-2.3z"/> 9056 <path fill="#2790c3" d="M78.3 31.4C75 48.7 63.5 54.6 48.8 54.6h-7.5c-1.8 0-3.3 1.3-3.6 3.1l-4.9 31.2c-.2 1.2.7 2.2 1.9 2.2H48c1.6 0 2.9-1.1 3.2-2.7l.1-.7 2.5-15.8.2-.9c.2-1.6 1.6-2.7 3.2-2.7h2C72 68.3 82.1 63.1 85 48c1.2-6.3.6-11.6-2.7-15.3-1-1.1-2.2-2-3.6-2.8-.2.5-.3 1-.4 1.5z"/> 9057 <path fill="#1f264f" d="M75.1 28.5c-.5-.2-1.1-.3-1.6-.4-.6-.1-1.1-.2-1.7-.3-2-.3-4.2-.5-6.6-.5h-20c-.5 0-.9.1-1.4.3-.9.5-1.6 1.3-1.8 2.4l-4.2 26.9-.1.8c.3-1.8 1.8-3.1 3.6-3.1h7.5c14.7 0 26.2-6 29.5-23.2l.3-1.5c-.9-.4-1.8-.8-2.8-1.2-.2 0-.5-.1-.7-.2"/> 9058</svg> 9059</span> <span>PayPal</span></div> <div class="grid grid-flow-col auto-cols-max gap-x-3 items-center"><span> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 600 240" style="enable-background:new 0 0 600 240;" xml:space="preserve" class="w-8 h-auto" width="24" height="24" aria-hidden="true" focusable="false"> 9060<style type="text/css"> 9061 .riverty-icon-green{fill:#527A42;} 9062 .riverty-icon{fill:#E7E4E2;} 9063</style> 9064<g id="PageItem233" transform="scale(1)"> 9065 <path class="riverty-icon-green" d="M0,0v240h600V0H0z"/> 9066</g> 9067<g id="PageItem236" transform="scale(1)"> 9068 <path class="riverty-icon" d="M530,92.5l-14,18.7L502,92.5h-15.8l23.1,30.3v24.7H522v-24.7l23.1-30.3H530z"/> 9069</g> 9070<g id="PageItem238" transform="scale(1)"> 9071 <path class="riverty-icon" d="M416.4,92.5v10.8h20.4v44.2h12.6v-44.2h20.4V92.5H416.4z"/> 9072</g> 9073<g id="PageItem239" transform="scale(1)"> 9074 <path class="riverty-icon" d="M353.4,116.4h18.8c5.6,0,8.2-2.1,8.2-6.6c0-4.5-2.6-6.6-8.2-6.6h-18.8V116.4z M381,147.5l-13.7-20.2h-13.9 v20.2h-12.6v-55h32.7c12.8,0,19.6,6.1,19.6,17.4c0,8.7-4,14.3-11.8,16.4l14.5,21.2H381z"/> 9075</g> 9076<g id="PageItem240" transform="scale(1)"> 9077 <path class="riverty-icon" d="M256.3,92.5v55H306v-10.8h-37.1v-11.4h31.8v-10.8h-31.8v-11.1H306V92.5H256.3z"/> 9078</g> 9079<g id="PageItem241" transform="scale(1)"> 9080 <path class="riverty-icon" d="M216.8,92.5l-16.2,40.7l-16.3-40.7h-13.7l23.2,55h12.9l23.2-55H216.8z"/> 9081</g> 9082<g id="PageItem242" transform="scale(1)"> 9083 <path class="riverty-icon" d="M131.3,147.5h12.6v-55h-12.6V147.5z"/> 9084</g> 9085<g id="PageItem243" transform="scale(1)"> 9086 <path class="riverty-icon" d="M54.9,147.5h12.6v-42.4H54.9V147.5z"/> 9087</g> 9088<g id="PageItem244" transform="scale(1)"> 9089 <path class="riverty-icon" d="M67.5,105.1h42.4V92.5H67.5V105.1z"/> 9090</g> 9091</svg> 9092</span> <span>Riverty</span></div></div></div></div></div></div></div></div></div></div><div class="bg-wine-darker text-white"><div class="absolutefooter-container"> <div class="text-sm"><div class="flex flex-wrap mb-3"> <a class="py-2 pr-4 mr-2" href="https://shop.schoener-wohnen.de/service/impressum/"><span>Impressum</span></a> <a class="py-2 pr-4 mr-2" href="https://shop.schoener-wohnen.de/service/agb/"><span>AGB</span></a> <a class="py-2 pr-4 mr-2" href="https://shop.schoener-wohnen.de/service/datenschutz/"><span>Datenschutz</span></a> <a class="py-2 pr-4 mr-2" href="#" onclick="event.preventDefault(); if (typeof UC_UI !== 'undefined') {UC_UI.showSecondLayer();}" ><span>Cookie Einstellungen</span></a> </div></div> </div></div></div></footer>
9092<script> 9093 'use strict'; 9094 9095 (function () { 9096 const modals = []; 9097 const excludedFromFocusTrapping = new Set(); 9098 9099 function trapFocusInNextModalWithOverlay() { 9100 for (let idx = modals.length -1; idx >= 0; idx--) { 9101 const nextOnStack = modals[idx]; 9102 const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name]; 9103 if (! isOverlayDisabled(nextDialogElement)) { 9104 hyva.trapFocus(nextDialogElement); 9105 break; 9106 } 9107 } 9108 } 9109 9110 function focusables(dialogElement) { 9111 const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])'; 9112 return Array.from(dialogElement.querySelectorAll(selector)) 9113 .filter(el => !el.hasAttribute('disabled')); 9114 } 9115 9116 function firstVisible(elements) { 9117 const a = Array.from(elements); 9118 for (let i = 0; i < a.length; i++) { 9119 if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i]; 9120 } 9121 return null; 9122 } 9123 9124 function isInViewport(element) { 9125 const rect = element && element.getBoundingClientRect(); 9126 return rect && 9127 rect.top >= 0 && 9128 rect.left >= 0 && 9129 rect.right <= window.innerWidth && 9130 rect.bottom <= window.innerHeight; 9131 } 9132 9133 function setFocusAfterTransition(dialogElement, duration) { 9134 const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]')); 9135 const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]')); 9136 next: for (let candidate of candidates) { 9137 for (let child of nested) { 9138 if (child.contains(candidate)) continue next; 9139 } 9140 setTimeout(() => candidate.focus(), 50); 9141 break; 9142 } 9143 window.setTimeout(() => { 9144 const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) || 9145 focusables(dialogElement)[0] || 9146 null; 9147 focusElement && isInViewport(focusElement) && focusElement.focus(); 9148 }, Math.max(1, duration)); 9149 } 9150 9151 function determineTrigger($refs, dialog, trigger) { 9152 if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) { 9153 return dialog.target; 9154 } 9155 if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) { 9156 return trigger.target; 9157 } 9158 if (typeof trigger === 'string') { 9159 try { 9160 return $refs[trigger] || document.querySelector(trigger) 9161 } catch (e) {} 9162 } 9163 if (trigger instanceof Element) { 9164 return trigger; 9165 } 9166 9167 return null; 9168 } 9169 9170 function isOverlayDisabled(dialog) { 9171 return dialog && dialog.hasAttribute('x-no-overlay') 9172 } 9173 9174 function areRemainingModalsWithoutOverlay(modals) 9175 { 9176 const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled); 9177 9178 return overflowDisabled.length === modals.length; 9179 } 9180 9181 window.hyva.modal = function(options = {}) { 9182 if (this.$el && this.$el.dataset && this.$el.dataset.options) { 9183 try { 9184 options = Object.assign(options, JSON.parse(this.$el.dataset.options || '{}')); 9185 } catch (e) { 9186 throw new Error('Cannot read the dialog options from the data-options attribute: not valid JSON'); 9187 } 9188 } 9189 9190 const config = Object.assign({ 9191 dialog: 'dialog', duration: 300, transitionEnter: 'transition ease-out duration-300', 9192 transitionEnterStart: 'opacity-0', 9193 transitionEnterEnd: 'opacity-100', 9194 transitionLeave: 'transition ease-in duration-300', 9195 transitionLeaveStart: 'opacity-100', 9196 transitionLeaveEnd: 'opacity-0', 9197 }, options); 9198 let lastHide = 0; 9199 9200 return { 9201 opened: {}, 9202 show(dialog, trigger) { 9203 const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger); 9204 const name = typeof dialog === 'string' ? dialog : config.dialog; 9205 const dialogElement = this.$refs[name]; 9206 if (! dialogElement) { 9207 return; 9208 } 9209 const useOverlay = ! dialogElement.hasAttribute('x-no-overlay'); 9210 9211 dialogElement.scrollTop = 0; 9212 9213 if (this.opened[name]) { 9214 return; 9215 } 9216 9217 if (focusTargetAfterHide) { 9218 focusTargetAfterHide.setAttribute('aria-expanded', 'true'); 9219 } 9220 9221 this.opened[name] = true; 9222 useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement)); 9223 setFocusAfterTransition(dialogElement, config.duration); 9224 9225 const frame = {name, instance: this, focusTarget: focu
9225sTargetAfterHide, time: Date.now()}; 9226 9227 modals.push(frame); 9228 if (useOverlay) { 9229 document.body.classList.add('overflow-hidden'); 9230 } 9231 return new Promise(resolve => frame.resolve = resolve); 9232 }, 9233 cancel() { 9234 this.hide(false); 9235 }, 9236 ok() { 9237 this.hide(true); 9238 }, 9239 hide(value) { 9240 if (Date.now() - lastHide < config.duration) { 9241 return; 9242 } 9243 lastHide = Date.now(); 9244 9245 const modal = modals.pop() || {}; 9246 if (! modal.instance) { 9247 return; 9248 } 9249 9250 const name = modal.name; 9251 this.opened[name] = false; 9252 hyva.releaseFocus(modal.instance.$refs[modal.name]) 9253 trapFocusInNextModalWithOverlay(); 9254 9255 const nextFocusAfterHide = modal.focusTarget; 9256 nextFocusAfterHide && setTimeout(() => { 9257 nextFocusAfterHide.setAttribute('aria-expanded', 'false'); 9258 nextFocusAfterHide.focus() 9259 }, config.duration); 9260 9261 if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) { 9262 document.body.classList.remove('overflow-hidden'); 9263 } 9264 9265 modal.resolve(value); 9266 }, 9267 overlay(dialog) { 9268 dialog = this.$el.dataset.dialogRefName || dialog; 9269 const name = typeof dialog === 'string' ? dialog : config.dialog; 9270 return { 9271 ['x-show']() { 9272 return this.opened[name] 9273 }, 9274 ['x-transition:enter']: config.transitionEnter, 9275 ['x-transition:enter-start']: config.transitionEnterStart, 9276 ['x-transition:enter-end']: config.transitionEnterEnd, 9277 ['x-transition:leave']: config.transitionLeave, 9278 ['x-transition:leave-start']: config.transitionLeaveStart, 9279 ['x-transition:leave-end']: config.transitionLeaveEnd, 9280 ['@hyva-modal-show.window'](event) { 9281 event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide) 9282 } 9283 }; 9284 }, 9285 showDialogOnInit() { 9286 const parent = this.$el.closest('[data-dialog-ref-name]'); 9287 if (parent && parent.dataset.dialogRefName) { 9288 this.$dispatch('hyva-modal-show', {dialog: parent.dataset.dialogRefName}) 9289 } 9290 } 9291 }; 9292 } 9293 9294 window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1] 9295 9296 window.hyva.modal.pop = function () { 9297 if (modals.length > 0) { 9298 const modal = modals[modals.length -1]; 9299 modal.instance.hide(); 9300 } 9301 } 9302 9303 window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) { 9304 typeof selectors === 'string' || selectors instanceof String 9305 ? excludedFromFocusTrapping.add(selectors) 9306 : selectors.map(selector => excludedFromFocusTrapping.add(selector)); 9307 } 9308 9309 window.hyva.modal.eventListeners = { 9310 keydown: event => { 9311 if (event.key === 'Escape') { 9312 window.hyva.modal.pop(); 9313 } 9314 }, 9315 click: event => { 9316 if (modals.length > 0) { 9317 const modal = modals[modals.length -1]; 9318 const dialog = modal.instance.$refs[modal.name]; 9319 if (modal.time + 50 < Date.now() && 9320 ! isOverlayDisabled(dialog) && 9321 ! dialog.contains(event.target)) { 9322 modal.instance.hide(); 9323 } 9324 } 9325 } 9326 }; 9327 9328 document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown); 9329 9330 document.addEventListener('click', window.hyva.modal.eventListeners.click); 9331 })(); 9332 window.addEventListener('alpine:init', () => { 9333 Alpine.data('hyvaModal', window.hyva.modal); 9334 }, {once: true});</script>
9334
9334<script> 9335 function calculateJavascriptVariables() { 9336 document.querySelector(':root').style.setProperty('--header-height', (document.querySelector('#header-sticky-wrapper')?.clientHeight || 0) + 'px'); 9337 document.querySelector(':root').style.setProperty('--header-search-height', (document.querySelector('#search-content')?.clientHeight || 0) + 'px'); 9338 9339 window.dispatchEvent(new CustomEvent('javascript-variables-recalculated')) 9340 } 9341 9342 window.addEventListener('recalculate-javascript-variables', calculateJavascriptVariables) 9343 window.addEventListener('window-resize-horizontal', calculateJavascriptVariables) 9344 window.addEventListener('alpine:initialized', calculateJavascriptVariables) 9345 9346 calculateJavascriptVariables(); 9347 9348 window.requestIdleCallback 9349 ? window.requestIdleCallback(() => calculateJavascriptVariables()) 9350 : setTimeout(() => calculateJavascriptVariables(), 4000);</script>
9350
9350<script> 9351 HeaderStick = function() { 9352 return { 9353 targetSelector: null, 9354 intersectionDetectionSelector: null, 9355 intersectionElementSelector: null, 9356 targetElement: null, 9357 intersectionElement: null, 9358 intersectionTriggerElement: null, 9359 initialized: null, 9360 init() { 9361 this.targetElement = document.querySelector(this.$el.getAttribute('data-target-selector')); 9362 this.intersectionElement = document.querySelector(this.$el.getAttribute('data-intersection-element-selector')); 9363 this.intersectionTriggerElement = document.querySelector(this.$el.getAttribute('data-intersection-detection-selector')); 9364 9365 this.$nextTick(() => this.actionSetInitialHeaderHeightVariable()) 9366 }, 9367 hasRequiredElements() { 9368 return this.targetElement instanceof Element && this.intersectionElement instanceof Element && this.intersectionTriggerElement instanceof Element 9369 }, 9370 classHeaderWrapper() { 9371 const classes = [] 9372 9373 if (this.initialized) { 9374 classes.push(this.$el.getAttribute('data-class-initialized')) 9375 } 9376 9377 return classes.join(' ') 9378 }, 9379 actionSetInitialHeaderHeightVariable() { 9380 if (! this.hasRequiredElements()) { 9381 return 9382 } 9383 9384 const isTargetSticky = this.targetElement.classList.contains('sticks') 9385 9386 if (isTargetSticky) { 9387 this.removePositionFixedClasses(this.targetElement); 9388 } 9389 9390 const headerHeightInitial = this.targetElement.clientHeight 9391 document.querySelector(':root').style.setProperty('--header-height-initial', headerHeightInitial + 'px'); 9392 9393 const offsetTop = this.getAbsoluteOffsetTop(this.intersectionTriggerElement) + this.intersectionTriggerElement.clientHeight 9394 this.intersectionElement.style.top = offsetTop + 'px' 9395 9396 if (!this.initialized) { 9397 const observer = new IntersectionObserver(this.toggleStick.bind(this)); 9398 observer.observe(this.intersectionElement); 9399 9400 this.initialized = true 9401 } 9402 9403 if (isTargetSticky) { 9404 this.addPositionFixedClasses(this.targetElement); 9405 window.requestAnimationFrame(() => this.triggerVariablesRecalculation()) 9406 } 9407 }, 9408 toggleStick(entries) { 9409 entries.forEach((entry) => { 9410 if (entry.target.id === this.intersectionElement.id) { 9411 if (!entry.isIntersecting && entry.boundingClientRect.y < 0) { 9412 this.addPositionFixedClasses(this.targetElement); 9413 } else { 9414 if (entry.isIntersecting) { 9415 this.removePositionFixedClasses(this.targetElement); 9416 } 9417 } 9418 window.requestAnimationFrame(() => this.triggerVariablesRecalculation()) 9419 } 9420 }); 9421 }, 9422 addPositionFixedClasses(target) { 9423 if (target instanceof Element && !target.classList.contains('sticks')) { 9424 target.classList.add('sticks') 9425 document.body.classList.add('header-sticks') 9426 } 9427 }, 9428 removePositionFixedClasses(target) { 9429 if (target instanceof Element && target.classList.contains('sticks')) { 9430 target.classList.remove('sticks') 9431 document.body.classList.remove('header-sticks') 9432 } 9433 }, 9434 triggerVariablesRecalculation() { 9435 window.dispatchEvent(new CustomEvent('recalculate-javascript-variables')) 9436 }, 9437 getAbsoluteOffsetTop(element) { 9438 const isTargetSticky = this.targetElement.classList.contains('sticks') 9439 let offset = 0; 9440 let currentElement = isTargetSticky ? element : element.offsetParent; 9441 9442 while (currentElement !== null) { 9443 offset += currentElement.offsetTop; 9444 offset -= currentElement.scrollTop; 9445 currentElement = currentElement.offsetParent; 9446 } 9447 9448 return offset; 9449 } 9450 } 9451} 9452 9453window.addEventListener( 9454 'alpine:init', 9455 () => Alpine.data('HeaderStick', HeaderStick), 9456 {once: true} 9457) 9458WindowResizeDirectionDetection = function () { 9459 function getDocumentWidth() { 9460 return window.innerWidth 9461 } 9462 9463 function getDocumentHeight() { 9464 return window.innerHeight 9465 } 9466 9467 return { 9468 previousWindowWidth: 0, 9469 previousWindowHeight: 0, 9470 init() { 9471 this.previousWindowWidth = getDocumentWidth() 9472 this.previousWindowHeight = getDocumentHeight() 9473 }, 9474 actionHandleWindowResize() { 9475 const currentWidth = getDocumentWidth() 9476 const currentHeight = getDocumentHeight() 9477 9478 if (currentWidth !== this.previousWindowWidth) { 9479 this.$dispatch('window-resize-horizontal') 9480 } 9481 9482 if (currentHeight !== this.previousWindowHeight) { 9483 this.$dispatch('window-resize-vertical') 9484 } 9485 9486 this.previousWindowWidth = currentWidth 9487 this.previousWindowHeight = currentHeight 9488 } 9489 } 9490}; 9491 9492window.addEventListener( 9493 'alpine:init', 9494 () => Alpine.data('WindowResizeDirectionDetection', WindowResizeDirectionDetection), 9495 {once: true} 9496) 9497const AlpineLightbox=function(){return{lightbox:{isVisible:!1},showLightbox(){this.lightbox.isVisible=!0},hideLightbox(){this.lightbox.isVisible=!1}}};function ClampElementContent(){return{isExpanded:!1,isRequiresToggleButton:!1,isProcessing:!1,init(){this.getIsRequiredToggleButton()},getIsRequiredToggleButton(){if(!this.isProcessing){this.isProcessing=!0;const i=this.isExpanded;this.isExpanded=!0,window.requestAnimationFrame(()=>{const t=this.$refs.content.scrollHeight;this.isExpanded=!1,window.requestAnimationFrame(()=>{var e=this.$refs.content.clientHeight;this.isRequiresToggleButton=e<t,this.isExpanded=i,this.isProcessing=!1})})}},eventListeners:{"x-on:window-resize-horizontal.window.debounce"(){this.getIsRequiredToggleButton()},"x-on:calculate-text-clamping.window.debounce"(){this.getIsRequiredToggleButton()}}}}const dispatchEventCalculateTextClamping=function(){window.dispatchEvent(new CustomEvent("calculate-text-clamping"))},TextBoxCollapseByProximity=(window.requestIdleCallback?window.requestIdleCallback(()=>
9497dispatchEventCalculateTextClamping):setTimeout(()=>dispatchEventCalculateTextClamping,4e3),function(t){return{seoText:null,shrinkHeight(){this.seoText.classList.add("seo-text-partial")},expandHeight(){this.seoText.classList.remove("seo-text-partial")},scrollToStart(){var e,t=function(e){let t=0;for(;t+=e.offsetTop,e=e.offsetParent;);return t}(this.seoText);e=.5*window.innerHeight,window.scrollTo({top:t-e})},initProximityObserver(){if(this.seoText=document.getElementById(t),this.seoText){const e=new IntersectionObserver((e,t)=>{e.forEach(e=>{e.isIntersecting&&(window.dispatchEvent(new CustomEvent("seo-text-shrink-height",{detail:{scrollToStart:!1}})),t.disconnect())})});e.observe(this.seoText)}},eventListeners:{"x-on:seo-text-shrink-height.window"(e){this.shrinkHeight(),e.detail.scrollToStart&&this.scrollToStart()},"x-on:seo-text-expand-height.window"(){this.expandHeight()}}}});class DeliveryTime{constructor(e,t){this.deliveryTimeLabels=e,this.allowedDeliveryTimeForOutputInListings=t,this.deliveryTimes=[],this.deliveryTimeTextColorInstantlyAvailable="formsuccess",this.deliveryTimeBgColorInstantlyAvailable="happygreen",this.deliveryTimeTextColorNotInstantlyAvailable="anthracite",this.deliveryTimeBgColorNotInstantlyAvailable="waitingyellow"}getDeliveryTimeLabelForProductList(e){return e===this.allowedDeliveryTimeForOutputInListings&&this.deliveryTimeLabels[e.toString()]||""}getCSSTextClass(e){return!0===e?"text-"+this.deliveryTimeTextColorInstantlyAvailable:"text-"+this.deliveryTimeTextColorNotInstantlyAvailable}getCSSBgClass(e){return!0===e?"bg-"+this.deliveryTimeBgColorInstantlyAvailable:"bg-"+this.deliveryTimeBgColorNotInstantlyAvailable}setGraphQlQueryDeliveryTimes(e){return!!Array.isArray(e)&&`query DeliveryTimes {deliveryTimes(ids:[${e.join()}]){id label qty_label instantly_available min_date max_date}}`}getDeliveryTimeByProductId(t){return this.deliveryTimes&&this.deliveryTimes.filter(e=>parseInt(e.id)===parseInt(t))||null}async fetchProductsDeliveryTimes(e,t,i=!1){let s=e;this.deliveryTimes.length&&!i&&this.deliveryTimes.forEach(i=>{s.forEach((e,t)=>{i.id===e&&delete s[t]})});e=this.setGraphQlQueryDeliveryTimes(s);if(e){const r=await themeServiceGraphQl.getData(e);i=await r.json(),e=i&&i.data&&i.data.deliveryTimes;e&&this.setDeliveryTimes(e,t)}}setDeliveryTimes(e,t){this.deliveryTimes.length?this.deliveryTimes=this.deliveryTimes.concat(e):this.deliveryTimes=e,this.dispatchDeliveryTimesLoadedEvent(t)}setCartGraphQlQueryDeliveryTimes(){return"query DeliveryTimesWithQty ($cartId:String!) {quoteDeliveryTimes(cartId: $cartId){item_id id label qty_label instantly_available min_date max_date}}"}async fetchCartItemsDeliveryTimes(e,t){var i=this.setCartGraphQlQueryDeliveryTimes();if(i){const s=await themeServiceGraphQl.postData(i,{cartId:e});i=await s.json(),e=i&&i.data&&i.data.quoteDeliveryTimes;e&&this.setDeliveryTimes(e,t)}}dispatchDeliveryTimesLoadedEvent(e){window.dispatchEvent(new CustomEvent("delivery-times-loaded",{detail:{origin:e}}))}}const themeServiceGraphQl={getData:async function(e=""){return fetch(BASE_URL+"graphql?query="+encodeURIComponent(e),{method:"GET",headers:{"Content-Type":"application/json",Store:CURRENT_STORE_CODE}}).catch(e=>{console.error(e)})},postData:async function(e="",t={}){return fetch(BASE_URL+"graphql",{method:"POST",headers:{"Content-Type":"application/json",Store:CURRENT_STORE_CODE},credentials:"include",body:JSON.stringify({query:e,variables:t})}).catch(e=>{console.error(e)})}};class ImageDescriptionLabel{constructor(e){this.labelOutputPattern=e}getImageDescriptionLabel(e){var t=e.originalName||e.name,e=e.attributeValueLabels&&JSON.parse(e.attributeValueLabels).manufacturer_label||e.manufacturer||"";return this.labelOutputPattern.replace("%1$s",e).replace("%2$s",t)}}const handleLazyComponents=function(){const t=["x-data","x-init","x-bind"],e=Array.from(document.querySelectorAll("[x-lazy-data]")),i=new IntersectionObserver(e=>{e.forEach(e=>{var s;e.isIntersecting&&(e=e.target,s=e,Alpine.mutateDom(()=>{t.forEach(e=>{var t=e.replace("x-","x-lazy-"),i=s.getAttribute(t);i&&(s.setAttribute(e,i),s.removeAttribute(t))})}),Alpine.initTree(s),i.unobserve(e))})});
9497e.forEach(e=>{i.observe(e)})};"loading"!==document.readyState?handleLazyComponents():window.addEventListener("DOMContentLoaded",handleLazyComponents);class Screen{constructor(e){this.screens=e,this.breakpoints=this.getBreakpoints(e)}getBreakpoints(t){const i={};return Object.keys(t).forEach(e=>{i[parseInt(t[e])]=e}),i}getScreen(t=document.documentElement.clientWidth){var e=tailwindScreens[Object.keys(tailwindScreens)[0]];if(t<parseInt(e))return"";let i=[];return Object.keys(this.breakpoints).reverse().every(e=>(i.push(this.breakpoints[e]),t<e)),i.pop()}getIsEqualOrLargerThan(e,t=document.documentElement.clientWidth){let i=[];return Object.keys(this.breakpoints).every(e=>e<=t&&(i.push(this.breakpoints[e]),!0)),i.includes(e)}setBrowserTouchFeaturesClass(){"function"==typeof window.Touch&&Boolean(navigator.maxTouchPoints)?document.body.classList.add("touch-device"):document.body.classList.add("pointer-device")}getIsOrientationLandscape(){return window.innerWidth>window.innerHeight}getIsOrientationPortrait(){return!this.getIsOrientationLandscape()}}const tailwindScreens={sm:"480px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},themeServiceScreen=new Screen(tailwindScreens),sortingTools=(themeServiceScreen.setBrowserTouchFeaturesClass(),function(){function s(e){if(!(e=(e=e.toLowerCase()).match(r)))return 0;var t=e[3],i=String(e[4]||"").length;return({s:-1,m:0,l:1}[e[5]]||0)*(t||i+1||1)}const r=/^(((\d+)x)|(x+))?([sml])/i;return{sorters:{clothing_sizes:{test:function(e,i){return e.reduce((e,t)=>e&&r.test(t[i]||t||""),!0)},compare:function(e,t,i){return s(e[i]||e||"")-s(t[i]||t||"")}}},sortObjectsByField(s,e,r="en",t=[]){const n=[].concat(e);if(t)for(let i of t)if(i.test(e,s))return n.sort((e,t)=>
9497i.compare(e,t,s)),n;return n.sort((e,t)=>{const i=e[s].replace(" ","");e=t[s].replace(" ","");return i.localeCompare(e,r,{numeric:!0,sensitivity:"base"})}),n}}}());class SwatchOutput{constructor(e){this.swatchUrl=e,this.sizeParameters={full:"&auto=format&w=208&h=160",thumb:"&auto=format&w=28&h=28&crop=entropy",listing:"&auto=format&w=11&h=11&crop=entropy"},this.desiredContrast=3}getSwatchDisplayInListing(e){const t=e.swatch_data&&e.swatch_data.value||!1;return t?"#"===t.charAt(0)?"background-color: "+t:"background-image: url("+this.swatchUrl+t+"?"+this.sizeParameters.listing+")":"display: none"}getSwatchImageUrl(e){const t=e.swatch_data&&e.swatch_data.value||!1;return t&&"#"!==t.charAt(0)?this.swatchUrl+t+"?"+this.sizeParameters.listing:""}hasLowContrast(e,t){e=this.hexToRgb(e);return!!e&&this.getContrast(e,this.hexToRgb(t))<this.desiredContrast}getLuminance(e,t,i){e=[e,t,i].map(function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)});return.2126*e[0]+.7152*e[1]+.0722*e[2]}getContrast(e,t){e=this.getLuminance(e.r,e.g,e.b),t=this.getLuminance(t.r,t.g,t.b);return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}hexToRgb(e){e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:null}}BodyLock = function () { 9498 return { 9499 isEnabled: false, 9500 currentScrollTop: null, 9501 enableBodyLock() { 9502 this.currentScrollTop = document.documentElement.scrollTop; 9503 document.body.style.position = 'fixed'; 9504 document.body.style.height = '100%'; 9505 document.body.style.width = '100%'; 9506 document.body.style.top = `-${this.currentScrollTop}px`; 9507 this.isEnabled = true; 9508 }, 9509 disableBodyLock() { 9510 document.body.style.removeProperty('position'); 9511 document.documentElement.scrollTo( 9512 0, 9513 this.currentScrollTop 9514 ); 9515 document.body.style.removeProperty('height'); 9516 document.body.style.removeProperty('width'); 9517 document.body.style.removeProperty('top'); 9518 this.isEnabled = false; 9519 }, 9520 eventListeners: { 9521 ['@enable-body-lock.window']() { 9522 this.enableBodyLock(); 9523 }, 9524 ['@disable-body-lock.window']() { 9525 this.disableBodyLock(); 9526 }, 9527 }, 9528 }; 9529}; 9530ScrollElementIntoView = function (targetElement, offsetTop = 0) { 9531 const positionInitial = getYPositionOnPage(targetElement); 9532 const positionTarget = positionInitial - offsetTop; 9533 9534 window.requestAnimationFrame(() => { 9535 window.scrollTo({ 9536 top: positionTarget, 9537 behavior: "smooth", 9538 }) 9539 }) 9540 9541 function getYPositionOnPage(element) { 9542 let position = 0; 9543 do { 9544 position += element.offsetTop; 9545 element = element.offsetParent; 9546 } while (element); 9547 return position; 9548 } 9549}; 9550</script>
9550 <span x-data="WindowResizeDirectionDetection" x-on:resize.window.debounce="actionHandleWindowResize"></span>
9550<script> 9551 (() => { 9552 function src_default(Alpine) { 9553 Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { 9554 let evaluate = evaluateLater(expression); 9555 let options = { 9556 rootMargin: getRootMargin(modifiers), 9557 threshold: getThreshold(modifiers) 9558 }; 9559 let observer = new IntersectionObserver((entries) => { 9560 entries.forEach((entry) => { 9561 if (entry.isIntersecting === (value === "leave")) 9562 return; 9563 evaluate(); 9564 modifiers.includes("once") && observer.disconnect(); 9565 }); 9566 }, options); 9567 observer.observe(el); 9568 cleanup(() => { 9569 observer.disconnect(); 9570 }); 9571 })); 9572 } 9573 function getThreshold(modifiers) { 9574 if (modifiers.includes("full")) 9575 return 0.99; 9576 if (modifiers.includes("half")) 9577 return 0.5; 9578 if (!modifiers.includes("threshold")) 9579 return 0; 9580 let threshold = modifiers[modifiers.indexOf("threshold") + 1]; 9581 if (threshold === "100") 9582 return 1; 9583 if (threshold === "0") 9584 return 0; 9585 return Number(`.${threshold}`); 9586 } 9587 function getLengthValue(rawValue) { 9588 let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); 9589 return match ? match[1] + (match[2] || "px") : void 0; 9590 } 9591 function getRootMargin(modifiers) { 9592 const key = "margin"; 9593 const fallback = "0px 0px 0px 0px"; 9594 const index = modifiers.indexOf(key); 9595 if (index === -1) 9596 return fallback; 9597 let values = []; 9598 for (let i = 1; i < 5; i++) { 9599 values.push(getLengthValue(modifiers[index + i] || "")); 9600 } 9601 values = values.filter((v) => v !== void 0); 9602 return values.length ? values.join(" ").trim() : fallback; 9603 } 9604 9605 document.addEventListener("alpine:init", () => { 9606 window.Alpine.plugin(src_default); 9607 }); 9608 })();</script>
9608
9608<script> 9609 for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"idle"})) { 9610 document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); 9611 }</script>
9611
9611<script> 9612 (function () { 9613 "use strict"; 9614 9615 const hasAlpine = new Promise(resolve => { 9616 window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); 9617 }); 9618 9619 const hasInteract = new Promise(resolve => { 9620 (events => { 9621 const onInteract = () => { 9622 resolve(); 9623 events.forEach(type => window.removeEventListener(type, onInteract)); 9624 } 9625 events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) 9626 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) 9627 }); 9628 9629 const onIntersect = (el) => { 9630 return new Promise(resolve => { 9631 const observer = new IntersectionObserver(entries => { 9632 for (const entry of entries) { 9633 if (entry.isIntersecting) { 9634 observer.disconnect() 9635 resolve(); 9636 } 9637 } 9638 }, {}); 9639 observer.observe(el); 9640 }); 9641 } 9642 9643 function runComponent(el) { 9644 hasAlpine.then(() => { 9645 el.removeAttribute('x-ignore'); 9646 queueMicrotask(() => Alpine.initTree(el)); 9647 }); 9648 } 9649 9650 function initDeferredComponents() { 9651 document.querySelectorAll('[x-data][x-defer]').forEach(el => { 9652 el.setAttribute('x-ignore', ''); 9653 const deferUntil = (el.getAttribute('x-defer') || '').trim(); 9654 switch (deferUntil) { 9655 case 'interact': 9656 hasInteract.then(() => runComponent(el)); 9657 break; 9658 case 'intersect': 9659 onIntersect(el).then(() => runComponent(el)) 9660 break; 9661 case 'idle': 9662 window.requestIdleCallback 9663 ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) 9664 : setTimeout(() => runComponent(el), 4000); 9665 break; 9666 case 'eager': 9667 runComponent(el); 9668 break; 9669 default: 9670 if (deferUntil.startsWith('event:') && deferUntil.length > 6) { 9671 window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); 9672 } 9673 } 9674 }); 9675 } 9676 9677 window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); 9678 })()</script>
vendor: 1,454 bytes, lines 9678-9679
9678<script> 9679(()=>{function g(n){n.directive("collapse",e),e.inline=(t,{modifiers:i})=>{i.includes("min")&&(t._x_doShow=()=>{},t._x_doHide=()=>{})};function e(t,{modifiers:i}){let r=l(i,"duration",250)/1e3,u=l(i,"min",0),h=!i.includes("min");t._x_isShown||(t.style.height=`${u}px`),!t._x_isShown&&h&&(t.hidden=!0),t._x_isShown||(t.style.overflow="hidden");let c=(d,s)=>{let o=n.setStyles(d,s);return s.height?()=>{}:o},f={transitionProperty:"height",transitionDuration:`${r}s`,transitionTimingFunction:"cubic-bezier(0.4, 0.0, 0.2, 1)"};t._x_transition={in(d=()=>{},s=()=>{}){h&&(t.hidden=!1),h&&(t.style.display=null);let o=t.getBoundingClientRect().height;t.style.height="auto";let a=t.getBoundingClientRect().height;o===a&&(o=u),n.transition(t,n.setStyles,{during:f,start:{height:o+"px"},end:{height:a+"px"}},()=>t._x_isShown=!0,()=>{t.getBoundingClientRect().height==a&&(t.style.overflow=null)})},out(d=()=>{},s=()=>{}){let o=t.getBoundingClientRect().height;n.transition(t,c,{during:f,start:{height:o+"px"},end:{height:u+"px"}},()=>t.style.overflow="hidden",()=>{t._x_isShown=!1,t.style.height==`${u}px`&&h&&(t.style.display="none",t.hidden=!0)})}}}}function l(n,e,t){if(n.indexOf(e)===-1)return t;let i=n[n.indexOf(e)+1];if(!i)return t;if(e==="duration"){let r=i.match(/([0-9]+)ms/);if(r)return r[1]}if(e==="min"){let r=i.match(/([0-9]+)px/);if(r)return r[1]}return i}document.addEventListener("alpine:init",()=>{window.Alpine.plugin(g)});})();</script>
9679
9679<script type="module" 9680 src="https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/Hyva_Theme/js/alpine3.min.js" 9681 defer 9682 crossorigin 9683></script>
9683
9683<script> 9684 'use strict'; 9685 function dispatchMessages(messages, hideAfter) { 9686 const messagesEvent = new CustomEvent("messages-loaded", { 9687 detail: { 9688 messages: messages, 9689 hideAfter: hideAfter 9690 } 9691 }); 9692 window.dispatchEvent(messagesEvent); 9693 } 9694 9695 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 9696 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 9697 } 9698 9699 (function( hyva, undefined ) { 9700 9701 hyva.initFormKey = () => { 9702 const inputSelector = 'input[name="form_key"]', 9703 formKey = hyva.getFormKey(); 9704 9705 Array.from(document.querySelectorAll(inputSelector)).map(function (input) { 9706 input.value = formKey 9707 }); 9708 } 9709 9710 hyva.initMessages = () => { 9711 try { 9712 const messages = hyva.getCookie('mage-messages'); 9713 window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 9714 9715 dispatchMessages(window.mageMessages); 9716 9717 const skipSetDomain = true; 9718 hyva.setCookie('mage-messages','', -1, skipSetDomain); 9719 9720 } catch (error) { 9721 console.warn('Error parsing Cookie Messages:', error); 9722 } 9723 } 9724 9725 window.addEventListener('DOMContentLoaded', hyva.initFormKey); 9726 hyva.alpineInitialized(hyva.initMessages) 9727 9728 }( window.hyva = window.hyva || {} ));</script>
9728
9728<script> 9729 'use strict'; 9730 { 9731 const private_content_key = 'mage-cache-storage'; 9732 const private_content_expire_key = 'mage-cache-timeout'; 9733 const private_content_version_key = 'private_content_version'; 9734 const section_data_ids_key = 'section_data_ids'; 9735 const mage_cache_session_id_key = 'mage-cache-sessid'; 9736 const last_visited_store_key = 'last_visited_store'; 9737 9738 const ttl = 259200; 9739 9740 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 9741 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 9742 } 9743 9744 function loadSectionData () { 9745 const browserStorage = hyva.getBrowserStorage(); 9746 if (!browserStorage) { 9747 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 9748 [{ 9749 type: "warning", 9750 text: "Please enable LocalStorage in your browser." 9751 }] 9752 ); 9753 return; 9754 } 9755 try { 9756 let isInvalid = false; 9757 9758 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { 9759 isInvalid = true; 9760 } 9761 hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); 9762 9763 if (!hyva.getCookie(mage_cache_session_id_key)) { 9764 isInvalid = true; 9765 browserStorage.removeItem(private_content_key); 9766 const skipSetDomain = true; 9767 const days = false; 9768 hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) 9769 } 9770 9771 const cookieVersion = hyva.getCookie(private_content_version_key); 9772 const storageVersion = browserStorage.getItem(private_content_version_key); 9773 9774 if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { 9775 isInvalid = true; 9776 } 9777 9778 const privateContentExpires = browserStorage.getItem(private_content_expire_key); 9779 if (privateContentExpires && new Date(privateContentExpires) < new Date()) { 9780 browserStorage.removeItem(private_content_key); 9781 } 9782 9783 if (isInvalid && cookieVersion) { 9784 fetchPrivateContent([]); 9785 } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { 9786 const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); 9787 if ( 9788 privateContent && 9789 privateContentExpires && 9790 privateContent.cart && 9791 privateContent.customer 9792 ) { 9793 dispatchPrivateContent(privateContent); 9794 } else { 9795 fetchPrivateContent([]); 9796 } 9797 } else { 9798 if (document.getElementById('default-section-data')) { 9799 const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim()); 9800 dispatchPrivateContent(privateContent); 9801 } else { 9802 dispatchPrivateContent({}); 9803 } 9804 } 9805 9806 } catch (error) { 9807 console.warn('Error retrieving Private Content:', error); 9808 } 9809 } 9810 9811 hyva.alpineInitialized(loadSectionData) 9812 window.addEventListener('reload-customer-section-data', loadSectionData); 9813 9814 window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data); 9815 9816 function dispatchPrivateContent(data) { 9817 9818 const privateContentEvent = new CustomEvent("private-content-loaded", { 9819 detail: { 9820 data: window.processSectionDataBeforeDispatch(data) 9821 } 9822 }); 9823 window.dispatchEvent(privateContentEvent); 9824 } 9825 9826 function fetchPrivateContent(sections) { 9827 fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { 9828 method: 'GET', 9829 headers: { 9830 'Content-Type': 'application/json', 9831 'X-Requested-With': 'XMLHttpRequest' 9832 } 9833 }) 9834 .then(response => response.ok && response.json()) 9835 .then( 9836 data => { 9837 if (data) { 9838 try { 9839 const browserStorage = hyva.getBrowserStorage(); 9840 9841 9842 const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; 9843 9844 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { 9845 delete oldSectionData['checkout-data']; 9846 } 9847 const newSectionData = Object.assign(oldSectionData, data); 9848 9849 dispatchPrivateContent(newSectionData); 9850 9851 9852 if (newSectionData.messages && newSectionData.messages.messages ) { 9853 newSectionData.messages.messages = []; 9854 } 9855 9856 browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); 9857 9858 const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); 9859 browserStorage.setItem(private_content_expire_key, expiresAt); 9860 9861 const newCookieVersion = hyva.getCookie(private_content_version_key); 9862 browserStorage.setItem(private_content_version_key, newCookieVersion); 9863 9864 9865 9866 hyva.setCookie( 9867 section_data_ids_key, 9868 JSON.stringify( 9869 Object.keys(data).reduce((sectionDataIds, sectionKey) => { 9870 sectionDataIds[sectionKey] = data[sectionKey]['data_id']; 9871 return sectionDataIds; 9872 }, {}) 9873 ), 9874 false, 9875 true 9876 ); 9877 } catch (error) { 9878 console.warn("Couldn't store privateContent", error); 9879 } 9880 } 9881 } 9882 ); 9883 } 9884 }</script>
9884
9884<script> 9885 (() => { 9886 document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); 9887 })()</script>
9887
9887<script> 9888 (events => { 9889 const dispatchUserInteractionEvent = () => { 9890 events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) 9891 window.dispatchEvent(new Event('init-external-scripts')) 9892 }; 9893 events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) 9894 })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown'])</script>
9894
9894<script> 9895 const themeServiceImageDescriptionLabel = new ImageDescriptionLabel('%1$s - %2$s');</script>
9895
9895<script> 9896 const themeServiceDeliveryTime = new DeliveryTime({"0d":"sofort lieferbar","6-10d":"6 - 10 Werktage","1-2w":"1 - 2 Wochen","1-3w":"1 - 3 Wochen","2-4w":"2 - 4 Wochen","3-4w":"3 - 4 Wochen","4-6w":"4 - 6 Wochen","6-8w":"6 - 8 Wochen","8-10w":"8 - 10 Wochen","8-12w":"8 - 12 Wochen","10-12w":"10 - 12 Wochen","12-14w":"12 - 14 Wochen","ns":"lieferbar kommende Saison","na":"Currently not available","":"Currently not available"}, '0d');</script>
9896
9896<script> 9897 const themeServiceSwatchOutput = new SwatchOutput('https://dbs-base.imgix.net/media/attribute/swatch');</script>
9897
9897<script> 9898 class ProductBadges { 9899 9900 constructor() { 9901 this.badgeData = {"sale":{"styles":"background-color: #e87f6d;color: #340622;","type":"sale"},"new":{"styles":"background-color: #340622;color: #faf5f4;","type":"new","badge_text":"Neuheit"},"28":{"badge_text":"Geschenk","styles":"background-color: #340622;color: #faf5f4;","type":1,"can_use_from_parent":false},"62":{"badge_text":"Limitierte St\u00fcckzahl","styles":"background-color: #340622;color: #faf5f4;","type":1,"can_use_from_parent":false},"11":{"badge_text":"Vorteilspreis","styles":"background-color: #E9F6FB;color: #62787F;","type":6,"can_use_from_parent":false},"38":{"badge_text":"Redaktionsfavorit","styles":"background-color: #ab968b;color: #340622;","type":6,"can_use_from_parent":false},"159":{"badge_text":"Klassiker","styles":"background-color: #faf5f4;color: #340622;","type":5,"can_use_from_parent":true},"4":{"badge_text":"Nachhaltig","styles":"background-color: #62664e;color: #faf5f4;","type":4,"can_use_from_parent":false},"priority":[{"priority":"1","id":"1","title":"Promotion","text":"Aktion","attribute_code":"product_banner_type_promotion"},{"priority":"2","id":"2","title":"Point of Sale","text":"Galeries LaFayette","attribute_code":"product_banner_type_pos"},{"priority":"3","id":"3","title":"Selected","text":"Selected","attribute_code":"product_banner_type_selected"},{"priority":"4","id":"6","title":"Editorial","text":"Redaktionsfavorit","attribute_code":"product_banner_type_editorial"},{"priority":"5","id":"5","title":"Marketing","text":"Klassiker","attribute_code":"product_banner_type_marketing"},{"priority":"6","id":"4","title":"Sustainability","text":"Nachhaltig","attribute_code":"product_banner_type_sustainability"},{"priority":"7","id":"7","title":"Exclusive","text":"Exklusiv","attribute_code":"product_banner_type_exclusive"}]}; 9902 this.treshold = 2; 9903 } 9904 9905 getBadges(productItem) { 9906 if (productItem) { 9907 const productBadges = [] 9908 9909 const saleBadge = this.getSaleBadge(productItem) 9910 if (saleBadge) productBadges.push(saleBadge) 9911 9912 const newBadge = this.getNewBadge(productItem) 9913 if (newBadge) productBadges.push(newBadge) 9914 9915 if (productBadges.length === this.treshold) { 9916 return productBadges 9917 } 9918 9919 return this.getProductBannerBadges(productItem, productBadges) 9920 } 9921 9922 return null 9923 } 9924 9925 getNewBadge(productItem) { 9926 return productItem.is_new_product && this.getNewOutput() || null 9927 } 9928 9929 getNewOutput() { 9930 return this.badgeData['new'] 9931 } 9932 9933 getSaleBadge(productItem) { 9934 return productItem.price_information && productItem.price_information.has_sale_price && this.getSaleOutput(productItem) || null 9935 } 9936 9937 getSaleOutput(productItem) { 9938 const discount = productItem.price_information.discount 9939 9940 if (discount) { 9941 const saleBadgeData = {} 9942 Object.assign(saleBadgeData, this.badgeData['sale']) 9943 saleBadgeData['badge_text'] = discount 9944 return saleBadgeData 9945 } 9946 9947 return null 9948 } 9949 9950 getProductBannerBadges(productItem, productBadges) { 9951 const priority = this.badgeData.priority 9952 9953 for (const item in priority) { 9954 if (productBadges.length === this.treshold) { 9955 return productBadges 9956 } 9957 9958 const parentProduct = productItem.parentProduct; 9959 const badgeAttribute = priority[item].attribute_code; 9960 9961 if (productItem[badgeAttribute] && this.badgeData[productItem[badgeAttribute]]) { 9962 productBadges.push(this.badgeData[productItem[badgeAttribute]]); 9963 } else if (parentProduct && 9964 parentProduct[badgeAttribute] && 9965 this.badgeData[parentProduct[badgeAttribute]] && 9966 this.badgeData[parentProduct[badgeAttribute]].can_use_from_parent 9967 ) { 9968 productBadges.push(this.badgeData[parentProduct[badgeAttribute]]); 9969 } 9970 } 9971 9972 return productBadges; 9973 } 9974 } 9975 9976 const themeServiceBadges = new ProductBadges();</script>
9976<script src="https://shop.schoener-wohnen.de/media/js-cache/dbsh.scw.systems/x.min.js?v=1790784317" defer="defer"></script>
vendor: 2 bytes, line 9976
9976
9977<script>window.addPAC = function (c, e) { document.cookie = 'PAC=' + c + ';' + e + ';' }</script>
vendor: 2 bytes, line 9977
9977
9978<script data-usercentrics="Particular Audience" src="https://cdn.particularaudience.com/js/sswde/t.js" defer></script>
9978<script> 9979 'use strict'; 9980 9981 const grecaptchaV2LoadCallbacks = []; 9982 9983 function executeRecaptchaLoadCallbacks () { 9984 while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { 9985 const callback = grecaptchaV2LoadCallbacks.pop(); 9986 typeof callback === 'string' ? window[callback]() : callback(); 9987 } 9988 } 9989 9990 (function() { 9991 const loadRecaptchaScript = (event) => { 9992 9993 if (window.grecaptcha || !event.target.form) { 9994 return; 9995 } 9996 9997 const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; 9998 const siteKey = ''; 9999 const script = document.createElement('script'); 10000 script.type = 'text/javascript'; 10001 script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; 10002 script.async = true; 10003 document.head.appendChild(script); 10004 10005 script.addEventListener('load', () => { 10006 Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); 10007 }); 10008 } 10009 10010 window.forceLoadRecaptchaScript = (form) => { 10011 loadRecaptchaScript({target: {form: form || 'dummy'}}); 10012 executeRecaptchaLoadCallbacks(); 10013 }; 10014 10015 document.body.addEventListener('input', loadRecaptchaScript, { once: true }); 10016 document.body.addEventListener('focus', loadRecaptchaScript, { once: true }); 10017 10018 }()); 10019 10020</script>
10020 10021 <div x-data="ScrollToTop" 10022 x-on:resize.window.debounce="init" 10023 x-on:scroll.window.debounce="examineScrollPosition" 10024 x-on:scroll-to-top:show.window="show" 10025 x-on:scroll-to-top:hide.window="hide" 10026 > 10027 <button type="button" x-on:click="scrollUp" 10028 class="fixed z-30 right-1 bg-foggray w-8 h-8 rounded transition transform translate-y duration-400 p-2 opacity-100 -translate-y-1/2 bottom-1/4" 10029 :class="classButton" 10030 aria-label="Nach oben scrollen" 10031 data-class-visible="" 10032 data-class-invisible="hidden" 10033 > 10034 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 99" class="h-4 w-auto text-anthracite" width="24" height="24" aria-hidden="true"> 10035 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M93.9 45.9S50.6 3 50 3C49.5 3 6.1 45.9 6.1 45.9M50 3v94"/> 10036</svg> 10037 </button> 10038 </div> 10039
10039<script> 10040 function ScrollToTop() { 10041 const viewportHeightsThreshold = 4; 10042 const scrollYThreshold = 100; 10043 const observerTargetElementIdentifier = '.page-footer'; 10044 return { 10045 isExcessivePageHeight: null, 10046 isVisible: false, 10047 init() { 10048 this.isExcessivePageHeight = (document.body.offsetHeight / window.innerHeight) > viewportHeightsThreshold; 10049 if (!this.isExcessivePageHeight) this.initObserver(); 10050 this.$nextTick(() => this.examineScrollPosition()) 10051 }, 10052 initObserver() { 10053 const observer = new IntersectionObserver((entries) => { 10054 entries.forEach(entry => { 10055 if (entry.isIntersecting) { 10056 this.show(); 10057 } else { 10058 this.hide(); 10059 } 10060 }); 10061 }); 10062 const targetElement = document.querySelector(observerTargetElementIdentifier); 10063 observer.observe(targetElement); 10064 }, 10065 scrollUp() { 10066 document.documentElement.scrollTo({ 10067 top: 0, 10068 behavior: "smooth" 10069 }) 10070 }, 10071 show() { 10072 this.isVisible = true; 10073 }, 10074 hide() { 10075 this.isVisible = false; 10076 }, 10077 examineScrollPosition() { 10078 if (this.isExcessivePageHeight) { 10079 if (window.scrollY > scrollYThreshold) { 10080 this.show(); 10081 } else { 10082 this.hide(); 10083 } 10084 } 10085 }, 10086 classButton() { 10087 const classes = [] 10088 if (this.isVisible) { 10089 const invisibleClassString = this.$el.getAttribute('data-class-invisible') 10090 if (invisibleClassString) { 10091 const invisibleClassArray = this.$el.getAttribute('data-class-invisible').split(' ') 10092 invisibleClassArray.forEach((cssClass) => { 10093 this.$el.classList.remove(cssClass) 10094 }) 10095 } 10096 classes.push(this.$el.getAttribute('data-class-visible')) 10097 } else { 10098 classes.push(this.$el.getAttribute('data-class-invisible')) 10099 } 10100 return classes.join(' ') 10101 } 10102 } 10103 } 10104 window.addEventListener('alpine:init', () => Alpine.data('ScrollToTop', ScrollToTop), {once: true}) 10105 </script>
10105 10106
10106<script> 10107 function CustomerAccountLinks() { 10108 return { 10109 isOpen: false, 10110 actionOpen() { 10111 this.isOpen = true 10112 }, 10113 actionClose() { 10114 this.isOpen = false 10115 }, 10116 classButtonCustomerAccountLinks() { 10117 const classes = [] 10118 10119 if (this.isOpen) { 10120 classes.push(this.$el.getAttribute('data-class-open')) 10121 } 10122 10123 return classes.join(' ') 10124 }, 10125 isAriaExpanded() { 10126 return this.isOpen 10127 }, 10128 isShowPopover() { 10129 return this.isOpen 10130 }, 10131 dispatchOpenCustomerAccount() { 10132 this.$dispatch('customer-account-open') 10133 } 10134 } 10135 } 10136 10137 window.addEventListener('alpine:init', () => Alpine.data('CustomerAccountLinks', CustomerAccountLinks), {once: true}) 10138</script>
10138 10139<div x-data="BodyLock()" 10140 x-bind="eventListeners" 10141 x-on:show-navigation.window="enableBodyLock()" 10142 x-on:close-navigation.window="disableBodyLock()" 10143></div> 10144 <div class="add-to-cart" x-data="AddToCart()" x-bind="eventListeners"></div>
10144<script> 10145 function AddToCart() { 10146 const defaultQty = 1; 10147 10148 return { 10149 cartId: '', 10150 qty: defaultQty, 10151 isBusy: false, 10152 sku: null, 10153 currentVariantSku: null, 10154 selectedOptions: null, 10155 addToCartQuery: `mutation addProductToCart($cartId: String!, $cartItems: [CartItemInput!]!) { 10156 addProductsToCart(cartId: $cartId, cartItems: $cartItems) { 10157 cart { 10158 items { 10159 prices { 10160 price_incl_tax { 10161 value 10162 } 10163 } 10164 ... on ConfigurableCartItem { 10165 child_sku 10166 childProduct { 10167 id 10168 name 10169 sku 10170 availability 10171 item_delivery_days 10172 } 10173 configurable_options { 10174 configurable_product_option_uid 10175 configurable_product_option_value_uid 10176 option_label 10177 value_label 10178 value_id 10179 } 10180 } 10181 product { 10182 id 10183 name 10184 sku 10185 attributeValueLabels(fields: ["manufacturer"]) 10186 small_image { 10187 url 10188 } 10189 availability 10190 item_delivery_days 10191 } 10192 quantity 10193 } 10194 } 10195 user_errors { 10196 message 10197 code 10198 } 10199 } 10200} 10201`, 10202 setCartIdByCustomerData(customerData) { 10203 if (customerData && customerData.cart && customerData.cart.cartId) { 10204 this.cartId = customerData.cart.cartId 10205 this.isBusy = false 10206 } 10207 }, 10208 getSelectedValuesAsBase64() { 10209 const selectedOptions = [] 10210 if (this.selectedOptions) { 10211 for (const attributeId in this.selectedOptions) { 10212 if (this.selectedOptions.hasOwnProperty(attributeId) && Number(attributeId)) { 10213 selectedOptions.push('"' + btoa('configurable/' + attributeId + '/' + this.selectedOptions[attributeId]) + '"') 10214 } 10215 } 10216 } 10217 return selectedOptions 10218 }, 10219 getCurrentItemDataStructure() { 10220 return [{ 10221 sku: this.sku, 10222 quantity: parseFloat(this.qty), 10223 selected_options: this.getSelectedValuesAsBase64() 10224 }] 10225 }, 10226 addToCart() { 10227 if (!this.isBusy) { 10228 10229 this.isBusy = true 10230 10231 const queryString = window.location.search; 10232 const urlParams = new URLSearchParams(queryString); 10233 const pv2Parameter = urlParams.has('pv2') ? '?pv2='+urlParams.get('pv2') : ''; 10234 10235 fetch('https://shop.schoener-wohnen.de/graphql'+pv2Parameter, { 10236 method: 'POST', 10237 headers: { 10238 'Content-Type': 'application/json', 10239 'X-Requested-With': 'XMLHttpRequest', 10240 'Store': 'sws_de_de', 10241 credentials: 'include' 10242 }, 10243 body: JSON.stringify({ 10244 query: this.addToCartQuery, 10245 variables: { 10246 "cartId": this.cartId, 10247 "cartItems": this.getCurrentItemDataStructure() 10248 } 10249 }) 10250 } 10251 ).then((response) => { 10252 return response.json() 10253 } 10254 ).then((data) => { 10255 if (data && data.data && data.data.addProductsToCart && data.data.addProductsToCart?.user_errors && data.data.addProductsToCart?.user_errors.length || data.errors) { 10256 this.initErrorMessages(data.data?.addProductsToCart?.user_errors || data.errors) 10257 this.isBusy = false 10258 window.dispatchEvent(new CustomEvent("is-add-to-cart-error", {detail: {sku: this.sku}})) 10259 return false 10260 } 10261 10262 const cartItems = data && data.data && data.data.addProductsToCart && data.data.addProductsToCart.cart && data.data.addProductsToCart.cart.items || [] 10263 10264 let cartItem = cartItems.find(item => item.product && item.product.sku && parseInt(item.product.sku) === parseInt(this.currentVariantSku)) || {} 10265 if (!cartItem.product) { 10266 cartItem = cartItems.find(item => item.child_sku && parseInt(item.child_sku) === parseInt(this.currentVariantSku)) || {} 10267 } 10268 if (cartItem.product) { 10269 this.initAddToCartConfirmationPopup(cartItem) 10270 } 10271 10272 this.isBusy = false 10273 10274 window.dispatchEvent( 10275 new CustomEvent( 10276 "is-add-to-cart-success", 10277 { 10278 detail: 10279 { 10280 sku: this.sku, 10281 currentVariantSku: this.currentVariantSku, 10282 cartItems: cartItems 10283 } 10284 } 10285 ) 10286 ); 10287 }).catch(error => { 10288 console.error(error) 10289 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 10290 [{ 10291 type: "error", 10292 text: "Es\u0020ist\u0020ein\u0020Fehler\u0020aufgetreten.\u0020Bitte\u0020versuchen\u0020Sie\u0020es\u0020erneut." 10293 }], 10000 10294 ) 10295 }).finally(() => { 10296 this.reloadCustomerData() 10297 }) 10298 } 10299 }, 10300 initAddToCartConfirmationPopup(cartItem) { 10301 window.dispatchEvent(new CustomEvent("add-to-cart-confirmation-popup-call", { 10302 detail: { 10303 cartItem: cartItem, 10304 smallImage: this.smallImage 10305 } 10306 })) 10307 10308 }, 10309 clearErrorMessages() { 10310 window.dispatchEvent(new CustomEvent('clear-messages')) 10311 }, 10312 initErrorMessages(errors) { 10313 let messages = [] 10314 for (const error in Object.keys(errors)) { 10315 messages.push({type: 'error', text: errors[error].message}) 10316 } 10317 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(messages) 10318 }, 10319 reloadCustomerData() { 10320 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data") 10321 window.dispatchEvent(reloadCustomerDataEvent) 10322 }, 10323 eventListeners: { 10324 ['x-on:private-content-loaded.window'](event) { 10325 this.setCartIdByCustomerData(event.detail.data) 10326 }, 10327 ['x-on:addtocart.window'](event) { 10328 this.sku = event.detail.sku; 10329 this.currentVariantSku = event.detail.currentVariantSku || event.detail.sku; 10330 this.selectedOptions = event.detail.selectedOptions || []; 10331 this.smallImage = event.detail.smallImage || null; 10332 this.qty = event.detail.qty || defaultQty; 10333 10334 if (this.sku) { 10335 this.addToCart() 10336 } 10337 }, 10338 } 10339 } 10340 }</script>
10340 <div class="fixed z-50 top-0 right-0 w-96 py-4 px-8 bg-stonegray-lighter" x-cloak x-show="show" x-data="AddToCartConfirmationPopup()" x-bind="eventListeners" x-on:click.outside="closePopup()" x-on:mouseenter="clearAutoCloseTimeout()" x-on:mouseleave="initAutoCloseTimeout()"><div class="flex flex-row items-start justify-between pb-6"><div class="flex flex-row items-start"><span class="text-happygreen mr-2"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24.299999 17.29994" stroke="currentColor" class="h-4 w-auto" role="img"> 10341 <path d="M22.8 1.5L8.5 15.8 1.5 9" stroke-width="3" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" fill="none"/> 10342</svg> 10343</span> <span class="font-medium">Produkt dem Warenkorb hinzugefügt</span></div><div class="w-6 text-black cursor-pointer" x-on:click="closePopup()"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="h-5 w-auto" width="24" height="24" role="img"> 10344 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 10345</svg> 10346</div></div><template x-if="cartItem"><div class="grid grid-cols-8"><div></div><div class="col-span-6 flex flex-row"><div class="w-24"><img :src="getThumbnail()" :alt="cartItem.product.name"/></div><div class="pl-4 w-full text-xs"><span class="block" x-text="JSON.parse(cartItem.product.attributeValueLabels).manufacturer_label"></span> <span class="block" x-text="cartItem.product.name"></span> <template x-if="cartItem.configurable_options"><div><template x-for="option in cartItem.configurable_options"><p class="text-xxs first:mt-1 last:mb-1"><span x-text="option.option_label"></span>: <span x-text="option.value_label"></span></p></template></div></template><span class="block text-xs" x-text="getPrice()"></span></div></div><div></div></div></template><div class="pt-4"><a class="button button-flat button-fill w-full" href="https://shop.schoener-wohnen.de/checkout/cart/">Warenkorb ansehen</a></div></div>
10346<script> 10347 function AddToCartConfirmationPopup() { 10348 return { 10349 cartItem: null, 10350 show: false, 10351 autoCloseTimeoutId: null, 10352 smallImage: null, 10353 closePopup() { 10354 this.show = false 10355 }, 10356 getPrice() { 10357 const price = this.cartItem.prices && this.cartItem.prices.price_incl_tax && this.cartItem.prices.price_incl_tax.value || null 10358 return hyva.formatPrice(price) || '' 10359 }, 10360 getThumbnail() { 10361 const image = this.smallImage || this.cartItem.product.small_image.url 10362 return image + '?auto=format,compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff&pad=7&w=68&h=68' 10363 }, 10364 clearAutoCloseTimeout() { 10365 if (this.autoCloseTimeoutId) { 10366 clearTimeout(this.autoCloseTimeoutId) 10367 } 10368 }, 10369 initAutoCloseTimeout() { 10370 this.clearAutoCloseTimeout() 10371 10372 this.autoCloseTimeoutId = setTimeout(() => this.closePopup(), 5000) 10373 }, 10374 eventListeners: { 10375 ['x-on:add-to-cart-confirmation-popup-call.window'](event) { 10376 this.cartItem = event.detail.cartItem; 10377 this.smallImage = event.detail.smallImage 10378 this.show = true; 10379 this.initAutoCloseTimeout() 10380 }, 10381 } 10382 } 10383 }</script>
10383
10383<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Product","name":"About a Chair AAC 22","image":"https:\/\/dbs-base.imgix.net\/media\/catalog\/product\/a\/a\/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format","description":"Das unverg\u00e4ngliche Design und der ph\u00e4nomenale Komfort machen den von Top Label HAY angebotenen About a Chair AAC 22 zu einem optimalen Stuhl. Hee Welling hat mit diesem formsch\u00f6nen Modell einen eindrucksvollen Hingucker erschaffen, der sich problemlos in jeden Essbereich einfindet. Mit dieser Kreation erh\u00e4lt die About a Chair Serie ein weiteres beeindruckendes Mitglied. Produziert wird dieses besondere Design M\u00f6bel in D\u00e4nemark. W\u00e4hlen Sie anhand Ihrer r\u00e4umlichen Begebenheiten die f\u00fcr Sie optimale Gr\u00f6\u00dfe des Objekts aus. Durch den Mix aus Eiche und Esche und Kunststoff wird das Erscheinungsbild des Esszimmerstuhls besonders au\u00dfergew\u00f6hnlich. Dieses Design kann in zahlreichen Farbvarianten bestellt werden. Es stehen unterschiedliche Gestellvarianten zur Verf\u00fcgung.","sku":"903180222","brand":{"@type":"Brand","name":"HAY"},"gtin13":"4065754132311","productID":"17572","color":"pale peach 2.0","category":"Marken","offers":{"@type":"Offer","url":"https:\/\/shop.schoener-wohnen.de\/hay-about-a-chair-aac-22.html","priceCurrency":"EUR","price":339,"priceValidUntil":"2031-10-02","itemCondition":"https:\/\/schema.org\/NewCondition","availability":"https:\/\/schema.org\/InStock","availabilityStarts":"2026-10-02"},"aggregateRating":{"@type":"AggregateRating","worstRating":1,"bestRating":5,"ratingCount":2,"reviewCount":2,"ratingValue":5},"review":[{"@type":"Review","author":{"@type":"Person","name":"Michel "},"datePublished":"2021-10-01 10:30:06","description":"Sitzh\u00f6he ist wie gemacht f\u00fcr mich. Qualit\u00e4t und Optik sind einfach nur 1A! Stuhl kommt au\u00dferdem auch schon montiert, super easy alles.","reviewRating":{"@type":"Rating","worstRating":1,"bestRating":5,"ratingValue":5}},{"@type":"Review","author":{"@type":"Person","name":"Jutta Mark"},"datePublished":"2021-10-06 04:09:42","description":"Ein wahrer Blickfang. Die verschiedenen Farben lassen sich stilsicher kombinieren und sind unfassbar gem\u00fctlich\r\n","reviewRating":{"@type":"Rating","worstRating":1,"bestRating":5,"ratingValue":5}}]}</script>
10383
10383<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":{"@type":"WebPage","@id":"https:\/\/shop.schoener-wohnen.de\/"}},{"@type":"ListItem","position":2,"name":"Marken","item":{"@type":"WebPage","@id":"https:\/\/shop.schoener-wohnen.de\/\/marken\/"}},{"@type":"ListItem","position":3,"name":"HAY","item":{"@type":"WebPage","@id":"https:\/\/shop.schoener-wohnen.de\/\/hay\/"}},{"@type":"ListItem","position":4,"name":"Kollektionen","item":{"@type":"WebPage","@id":"https:\/\/shop.schoener-wohnen.de\/\/hay-kollektionen\/"}},{"@type":"ListItem","position":5,"name":"About a Chair","item":{"@type":"WebPage","@id":"https:\/\/shop.schoener-wohnen.de\/\/hay-about-a-chair\/"}},{"@type":"ListItem","position":6,"name":"About a Chair AAC 22","item":{"@type":"WebPage","@id":"https:\/\/shop.schoener-wohnen.de\/hay-about-a-chair-aac-22.html"}}]}</script>
vendor: 1 bytes, line 10383
10383
10384<script> 10385 'use strict'; 10386 (function () { 10387 10388 const useGraphQL = false; 10389 10390 function getCurrentProductDataForRecentlyViewedList() { 10391 // Match GraphQL response structure 10392 return { 10393 id: 17572, 10394 name: 'About\u0020a\u0020Chair\u0020AAC\u002022', 10395 small_image: { 10396 label: 'HAY\u0020\u002D\u0020About\u0020a\u0020Chair\u0020AAC\u002022\u0020\u002D\u00204', 10397 url: 'https\u003A\u002F\u002Fdbs\u002Dproduct.imgix.net\u002Fa\u002Fa\u002Faa207\u002Dd141\u002Daa51_aac_22_dusty_mint_2.0_shell_wb_lacquered_oak_base_new.jpg\u003Fauto\u003Dcompress\u0026amp\u003Bq\u003D75\u0026amp\u003Btrim\u003Dcolor\u0026amp\u003Btrim\u002Dcolor\u003Dffffff\u0026amp\u003Btrim\u002Dtol\u003D15\u0026amp\u003Bfit\u003Dfill\u0026amp\u003Bbg\u003Dffffff' 10398 }, 10399 url_key: 'hay\u002Dabout\u002Da\u002Dchair\u002Daac\u002D22', 10400 url_suffix: '.html', 10401 visibility: 4, 10402 status: 1, 10403 price_range: { 10404 minimum_price: { 10405 regular_price: { 10406 value: 339, 10407 currency: 'EUR' 10408 }, 10409 final_price: { 10410 value: 287, 10411 currency: 'EUR' 10412 }, 10413 base_price: { 10414 value: 241.17646958824, 10415 currency: 'EUR' 10416 } 10417 } 10418 } 10419 } 10420 } 10421 10422 function writeRecentlyViewedToStorage(data) { 10423 hyva.getBrowserStorage().setItem('recently_viewed_products', JSON.stringify(data)); 10424 } 10425 10426 function readRecentlyViewedFromStorage () { 10427 const data = hyva.getBrowserStorage().getItem('recently_viewed_products'); 10428 return data ? JSON.parse(data).filter(product => { 10429 return useGraphQL || product.id; 10430 }) : []; 10431 } 10432 10433 function removeExpiredProductsInLocalStorage() { 10434 const updatedLocalStorageData = []; 10435 readRecentlyViewedFromStorage().forEach(productData => { 10436 if (productData.expiry > Date.now()) { 10437 updatedLocalStorageData.push(productData); 10438 } 10439 }); 10440 writeRecentlyViewedToStorage(updatedLocalStorageData); 10441 } 10442 10443 function addCurrentProductToRecentlyViewed() { 10444 const currentProduct = createRecordForCurrentProduct(); 10445 10446 if (currentProduct.sku !== '') { 10447 const recentlyViewedSkusArray = readRecentlyViewedFromStorage() 10448 .filter(product => product.sku !== currentProduct.sku); 10449 recentlyViewedSkusArray.unshift(currentProduct); 10450 writeRecentlyViewedToStorage(recentlyViewedSkusArray); 10451 } 10452 } 10453 10454 function createRecordForCurrentProduct() { 10455 const currentProduct = { 10456 sku: '90318001', 10457 expiry: Date.now() + 1000 * 1000 10458 }; 10459 return useGraphQL 10460 ? currentProduct 10461 : Object.assign(currentProduct, getCurrentProductDataForRecentlyViewedList()); 10462 } 10463 10464 removeExpiredProductsInLocalStorage(); 10465 addCurrentProductToRecentlyViewed() 10466 })() 10467</script>
10467<div x-data="EnergyLabelLightBox()" 10468 x-bind="eventListeners" 10469 x-show="lightbox.isVisible" 10470 class="energy-label-lightbox" 10471 x-cloak> 10472 <div><div class="lightbox fixed z-60 bg-stonegray-lighter top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2"><div class="text-right"><span x-on:click.stop="hideLightbox(); $dispatch('disable-backdrop'); $dispatch('disable-bodylock'); $dispatch('resume-global-banner-rotation')" class="inline-grid justify-end p-2 m-2 focus:outline-none cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="h-4 w-auto text-black" width="24" height="24" role="img"> 10473 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 10474</svg> 10475</span></div><div class="mx-auto px-8 "> <div class="lightbox-main text-3.5 leading-normal mb-8 overflow-y-auto transition-max-height text-center"><template x-if="variantEnergyLabelBadge"> 10476 <div class="flex justify-center"> 10477 <img :src="variantEnergyLabelBadge.full_label_image_url" 10478 loading="lazy" 10479 alt="About a Chair AAC 22" /> 10480 </div> 10481</template></div> <div class="mb-12 lg:mb-16"></div></div></div></div></div> 10482
10483<script> 10484 function EnergyLabelLightBox() { 10485 return { 10486 ...AlpineLightbox(), 10487 variantEnergyLabelBadge: null, 10488 eventListeners: { 10489 ['x-on:show-lightbox-energylabel.window'](event) { 10490 this.variantEnergyLabelBadge = event.detail; 10491 this.showLightbox(); 10492 }, 10493 ['x-on:hide-lightbox.window'](event) { 10494 this.hideLightbox(); 10495 window.dispatchEvent(new CustomEvent('disable-bodylock')); 10496 } 10497 } 10498 } 10499 } 10500</script>
10500
10500<script> 10501 window.ContactLinkClickHandler = function (event) { 10502 event.preventDefault() 10503 10504 function isChatAllowed() { 10505 const storage = hyva.getBrowserStorage() || {}; 10506 try { 10507 const consent = JSON.parse(storage['cookiefirst-consent'] || '{}'); 10508 return consent && consent['functional'] === true; 10509 } catch { 10510 return false; 10511 } 10512 } 10513 10514 if (window.amazd && typeof window.amazd.open === 'function' && isChatAllowed()) { 10515 window.amazd.open(); 10516 } else { 10517 window.location.assign('/service/kontakt/'); 10518 } 10519 } 10520 </script>
vendor: 1 bytes, line 10520
10520
10521<script> 10522 function ProductReviews(pageSize) { 10523 return { 10524 items: [], 10525 isLoading: null, 10526 totalPages: null, 10527 currentPage: 1, 10528 init() { 10529 if (!pageSize || this.isLoading) { 10530 return 10531 } 10532 10533 this.initLoadReviews(pageSize); 10534 }, 10535 initLoadReviews() { 10536 this.loadProductReviewsData() 10537 }, 10538 loadProductReviewsData() { 10539 if (this.isLoading) { 10540 return 10541 } 10542 10543 this.isLoading = true; 10544 this.items = []; 10545 10546 const graphQlVariables = { 10547 currentPage: this.currentPage, 10548 pageSize: pageSize, 10549 sku: '90318001' 10550 } 10551 10552 fetch(`${BASE_URL}graphql`, { 10553 method: 'POST', 10554 headers: { 10555 'Content-Type': 'application/json', 10556 'Store': 'sws_de_de' 10557 }, 10558 credentials: 'include', 10559 body: JSON.stringify({ 10560 query: ` 10561 query ProductReviewList( 10562 $sku:String, 10563 $pageSize:Int, 10564 $currentPage:Int 10565 ) { 10566 products( 10567 filter:{ 10568 sku:{eq:$sku}} 10569 ){ 10570 items { 10571 name 10572 ... on ConfigurableProduct { 10573 initial_child { 10574 sku 10575 } 10576 } 10577 hover_image { 10578 url 10579 isEmpty 10580 } 10581 reviews ( 10582 pageSize: $pageSize, 10583 currentPage: $currentPage 10584 ) { 10585 items { 10586 trusted_shops_review_id 10587 created_at 10588 ratings_breakdown { 10589 name 10590 value 10591 } 10592 nickname 10593 text 10594 } 10595 page_info { 10596 page_size 10597 current_page 10598 total_pages 10599 } 10600 } 10601 } 10602 } 10603 }`, 10604 variables: graphQlVariables 10605 }) 10606 }) 10607 .then(response => response.json()) 10608 .then(data => { 10609 if (data.data && data.data.products && data.data.products.items && data.data.products.items[0]){ 10610 this.items.push(...data.data.products.items[0].reviews.items); 10611 this.totalPages = data.data.products.items[0].reviews['page_info']['total_pages']; 10612 } 10613 }) 10614 .finally(() => { 10615 this.isLoading = false 10616 }) 10617 }, 10618 getFormattedDate(timestamp) { 10619 10620 let date = timestamp.split(" ")[0]; 10621 10622 const year = date.slice(0, 4);
10623 const month = date.slice(5, 7); 10624 const day = date.slice(8, 10); 10625 date = `${day}.${month}.${year}`; 10626 10627 return date; 10628 }, 10629 getNextPage() { 10630 if (this.currentPage < this.totalPages) { 10631 this.currentPage += 1; 10632 this.loadProductReviewsData(); 10633 } 10634 }, 10635 getPreviousPage() { 10636 if (this.currentPage > 0) { 10637 this.currentPage -= 1; 10638 this.loadProductReviewsData(); 10639 } 10640 }, 10641 isFirstPage() { 10642 return this.currentPage === 1; 10643 }, 10644 isLastPage() { 10645 return this.currentPage === this.totalPages; 10646 }, 10647 isNextPageAvailable() { 10648 return !this.isLastPage() && ( 10649 this.totalPages >= (this.currentPage + 1) 10650 ); 10651 }, 10652 hasNoReviews() { 10653 return this.items && this.items.length === 0 && !this.isLoading 10654 }, 10655 } 10656 } 10657</script>
10657<script> 10658 function ConfigurableChildMilesAmount(config) { 10659 const {childrenMiles, defaultMiles} = config; 10660 10661 return { 10662 milesValue: defaultMiles, 10663 10664 updateMilesValue(childId) { 10665 if (!childId) { 10666 this.milesValue = defaultMiles; 10667 return; 10668 } 10669 10670 this.milesValue = childrenMiles[childId] || ''; 10671 }, 10672 10673 eventListeners: { 10674 ['x-on:update-variant-id.window'](event) { 10675 this.updateMilesValue(event.detail); 10676 } 10677 } 10678 } 10679 }</script>
10679
10679<script type="text/json" id="default-section-data"> 10680 {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"AT":{"name":"\u00d6sterreich","regions":{"102":{"code":"BL","name":"Burgenland"},"99":{"code":"KN","name":"K\u00c3\u00a4rnten"},"96":{"code":"NO","name":"Nieder\u00c3\u00b6sterreich"},"97":{"code":"OO","name":"Ober\u00c3\u00b6sterreich"},"98":{"code":"SB","name":"Salzburg"},"100":{"code":"ST","name":"Steiermark"},"101":{"code":"TI","name":"Tirol"},"103":{"code":"VB","name":"Vorarlberg"},"95":{"code":"WI","name":"Wien"}}},"BE":{"name":"Belgien","regions":{"577":{"code":"VAN","name":"Antwerpen"},"578":{"code":"WBR","name":"Brabant wallon"},"579":{"code":"BRU","name":"Brussels-Capital Region"},"580":{"code":"WHT","name":"Hainaut"},"582":{"code":"WLG","name":"Li\u00c3\u00a8ge"},"581":{"code":"VLI","name":"Limburg"},"583":{"code":"WLX","name":"Luxembourg"},"584":{"code":"WNA","name":"Namur"},"585":{"code":"VOV","name":"Oost-Vlaanderen"},"586":{"code":"VBR","name":"Vlaams-Brabant"},"587":{"code":"VWV","name":"West-Vlaanderen"}}},"CZ":{"name":"Tschechien","regions":{"1110":{"code":"CZ-31","name":"Jiho\u010desk\u00fd kraj"},"1118":{"code":"CZ-64","name":"Jihomoravsk\u00fd kraj"},"1112":{"code":"CZ-41","name":"Karlovarsk\u00fd kraj"},"1117":{"code":"CZ-63","name":"Kraj Vyso\u010dina"},"1115":{"code":"CZ-52","name":"Kr\u00e1lov\u00e9hradeck\u00fd kraj"},"1114":{"code":"CZ-51","name":"Libereck\u00fd kraj"},"1121":{"code":"CZ-80","name":"Moravskoslezsk\u00fd kraj"},"1119":{"code":"CZ-71","name":"Olomouck\u00fd kraj"},"1116":{"code":"CZ-53","name":"Pardubick\u00fd kraj"},"1111":{"code":"CZ-32","name":"Plze\u0148sk\u00fd kraj"},"1108":{"code":"CZ-10","name":"Praha, Hlavn\u00ed m\u011bsto"},"1109":{"code":"CZ-20","name":"St\u0159edo\u010desk\u00fd kraj"},"1113":{"code":"CZ-42","name":"\u00dasteck\u00fd kraj"},"1120":{"code":"CZ-72","name":"Zl\u00ednsk\u00fd kraj"}}},"DE":{"name":"Deutschland","regions":{"80":{"code":"BAW","name":"Baden-W\u00c3\u00bcrttemberg"},"81":{"code":"BAY","name":"Bayern"},"82":{"code":"BER","name":"Berlin"},"83":{"code":"BRG","name":"Brandenburg"},"84":{"code":"BRE","name":"Bremen"},"85":{"code":"HAM","name":"Hamburg"},"86":{"code":"HES","name":"Hessen"},"87":{"code":"MEC","name":"Mecklenburg-Vorpommern"},"79":{"code":"NDS","name":"Niedersachsen"},"88":{"code":"NRW","name":"Nordrhein-Westfalen"},"89":{"code":"RHE","name":"Rheinland-Pfalz"},"90":{"code":"SAR","name":"Saarland"},"91":{"code":"SAS","name":"Sachsen"},"92":{"code":"SAC","name":"Sachsen-Anhalt"},"93":{"code":"SCN","name":"Schleswig-Holstein"},"94":{"code":"THE","name":"Th\u00c3\u00bcringen"}}},"DK":{"name":"D\u00e4nemark","regions":{"920":{"code":"DK-84","name":"Hovedstaden"},"921":{"code":"DK-82","name":"Midtjylland"},"922":{"code":"DK-81","name":"Nordjylland"},"923":{"code":"DK-85","name":"Sj\u00e6lland"},"924":{"code":"DK-83","name":"Syddanmark"}}},"ES":{"name":"Spanien","regions":{"130":{"code":"A Coru\u00d1\u0081a","name":"A Coru\u00c3\u00b1a"},"131":{"code":"Alava","name":"Alava"},"132":{"code":"Albacete","name":"Albacete"},"133":{"code":"Alicante","name":"Alicante"},"134":{"code":"Almeria","name":"Almeria"},"135":{"code":"Asturias","name":"Asturias"},"136":{"code":"Avila","name":"Avila"},"137":{"code":"Badajoz","name":"Badajoz"},"138":{"code":"Baleares","name":"Baleares"},"139":{"code":"Barcelona","name":"Barcelona"},"140":{"code":"Burgos","name":"Burgos"},"141":{"code":"Caceres","name":"Caceres"},"142":{"code":"Cadiz","name":"Cadiz"},"143":{"code":"Cantabria","name":"Cantabria"},"144":{"code":"Castellon","name":"Castellon"},"145":{"code":"Ceuta","name":"Ceuta"},"146":{"code":"Ciudad Real","name":"Ciudad Real"},"147":{"code":"Cordoba","name":"Cordoba"},"148":{"code":"Cuenca","name":"Cuenca"},"149":{"code":"Girona","name":"Girona"},"150":{"code":"Granada","name":"Granada"},"151":{"code":"Guadalajara","name":"Guadalajara"},"152":{"code":"Guipuzcoa","name":"Guipuzcoa"},"153":{"code":"Huelva","name":"Huelva"},"154":{"code":"Huesca","name":"Huesca"},"155":{"code":"Jaen","name":"Jaen"},"156":{"code":"La Rioja","name":"La Rioja"},"157":{"code":"Las Palmas","name":"Las Palmas"},"158":{"code":"Leon","name":"Leon"},"159":{"code":"Lleida","name":"Lleida"},"160":{"code":"Lugo","name":"Lugo"},"161":{"code":"Madrid","name":"Madrid"},"162":{"code":"Malaga","name":"Malaga"},"163":{"code":"Melilla","name":"Melilla"},"164":{"code":"Murcia","name":"Murcia"},"165":{"code":"Navarra","name":"Navarra"},"166":{"code":"Ourense","name":"Ourense"},"167":{"code":"Palencia","name":"Palencia"},"168":{"code":"Pontevedra","name":"Pontevedra"},"169":{"code":"Salamanca","name":"Salamanca"},"170":{"code":"Santa Cruz de Tenerife","name":"Santa Cruz de Tenerife"},"171":{"code":"Segovia","name":"Segovia"},"172":{"code":"Sevilla","name":"Sevilla"},"173":{"code":"Soria","name":"Soria"},"174":{"code":"Tarragona","name":"Tarragona"},"175":{"code":"Teruel","name":"Teruel"},"176":{"code":"Toledo","name":"Toledo"},"177":{"code":"Valencia","name":"Valencia"},"178":{"code":"Valladolid","name":"Valladolid"}
10680,"179":{"code":"Vizcaya","name":"Vizcaya"},"180":{"code":"Zamora","name":"Zamora"},"181":{"code":"Zaragoza","name":"Zaragoza"}}},"FI":{"name":"Finnland","regions":{"339":{"code":"Ahvenanmaa","name":"Ahvenanmaa"},"333":{"code":"Etel\u00c3\u00a4-Karjala","name":"Etel\u00c3\u00a4-Karjala"},"326":{"code":"Etel\u00c3\u00a4-Pohjanmaa","name":"Etel\u00c3\u00a4-Pohjanmaa"},"325":{"code":"Etel\u00c3\u00a4-Savo","name":"Etel\u00c3\u00a4-Savo"},"337":{"code":"It\u00c3\u00a4-Uusimaa","name":"It\u00c3\u00a4-Uusimaa"},"322":{"code":"Kainuu","name":"Kainuu"},"335":{"code":"Kanta-H\u00c3\u00a4me","name":"Kanta-H\u00c3\u00a4me"},"330":{"code":"Keski-Pohjanmaa","name":"Keski-Pohjanmaa"},"331":{"code":"Keski-Suomi","name":"Keski-Suomi"},"338":{"code":"Kymenlaakso","name":"Kymenlaakso"},"320":{"code":"Lappi","name":"Lappi"},"334":{"code":"P\u00c3\u00a4ij\u00c3\u00a4t-H\u00c3\u00a4me","name":"P\u00c3\u00a4ij\u00c3\u00a4t-H\u00c3\u00a4me"},"328":{"code":"Pirkanmaa","name":"Pirkanmaa"},"327":{"code":"Pohjanmaa","name":"Pohjanmaa"},"323":{"code":"Pohjois-Karjala","name":"Pohjois-Karjala"},"321":{"code":"Pohjois-Pohjanmaa","name":"Pohjois-Pohjanmaa"},"324":{"code":"Pohjois-Savo","name":"Pohjois-Savo"},"329":{"code":"Satakunta","name":"Satakunta"},"336":{"code":"Uusimaa","name":"Uusimaa"},"332":{"code":"Varsinais-Suomi","name":"Varsinais-Suomi"}}},"FR":{"name":"Frankreich","regions":{"182":{"code":"1","name":"Ain"},"183":{"code":"2","name":"Aisne"},"184":{"code":"3","name":"Allier"},"185":{"code":"4","name":"Alpes-de-Haute-Provence"},"187":{"code":"6","name":"Alpes-Maritimes"},"188":{"code":"7","name":"Ard\u00c3\u00a8che"},"189":{"code":"8","name":"Ardennes"},"190":{"code":"9","name":"Ari\u00c3\u00a8ge"},"191":{"code":"10","name":"Aube"},"192":{"code":"11","name":"Aude"},"193":{"code":"12","name":"Aveyron"},"249":{"code":"67","name":"Bas-Rhin"},"194":{"code":"13","name":"Bouches-du-Rh\u00c3\u00b4ne"},"195":{"code":"14","name":"Calvados"},"196":{"code":"15","name":"Cantal"},"203":{"code":"21","name":"C\u00c3\u00b4te-d'Or"},"204":{"code":"22","name":"C\u00c3\u00b4tes-d'Armor"},"197":{"code":"16","name":"Charente"},"198":{"code":"17","name":"Charente-Maritime"},"199":{"code":"18","name":"Cher"},"200":{"code":"19","name":"Corr\u00c3\u00a8ze"},"201":{"code":"2A","name":"Corse-du-Sud"},"205":{"code":"23","name":"Creuse"},"261":{"code":"79","name":"Deux-S\u00c3\u00a8vres"},"206":{"code":"24","name":"Dordogne"},"207":{"code":"25","name":"Doubs"},"208":{"code":"26","name":"Dr\u00c3\u00b4me"},"273":{"code":"91","name":"Essonne"},"209":{"code":"27","name":"Eure"},"210":{"code":"28","name":"Eure-et-Loir"},"211":{"code":"29","name":"Finist\u00c3\u00a8re"},"212":{"code":"30","name":"Gard"},"214":{"code":"32","name":"Gers"},"215":{"code":"33","name":"Gironde"},"250":{"code":"68","name":"Haut-Rhin"},"202":{"code":"2B","name":"Haute-Corse"},"213":{"code":"31","name":"Haute-Garonne"},"225":{"code":"43","name":"Haute-Loire"},"234":{"code":"52","name":"Haute-Marne"},"252":{"code":"70","name":"Haute-Sa\u00c3\u00b4ne"},"256":{"code":"74","name":"Haute-Savoie"},"269":{"code":"87","name":"Haute-Vienne"},"186":{"code":"5","name":"Hautes-Alpes"},"247":{"code":"65","name":"Hautes-Pyr\u00c3\u00a9n\u00c3\u00a9es"},"274":{"code":"92","name":"Hauts-de-Seine"},"216":{"code":"34","name":"H\u00c3\u00a9rault"},"217":{"code":"35","name":"Ille-et-Vilaine"},"218":{"code":"36","name":"Indre"},"219":{"code":"37","name":"Indre-et-Loire"},"220":{"code":"38","name":"Is\u00c3\u00a8re"},"221":{"code":"39","name":"Jura"},"222":{"code":"40","name":"Landes"},"223":{"code":"41","name":"Loir-et-Cher"},"224":{"code":"42","name":"Loire"},"226":{"code":"44","name":"Loire-Atlantique"},"227":{"code":"45","name":"Loiret"},"228":{"code":"46","name":"Lot"},"229":{"code":"47","name":"Lot-et-Garonne"},"230":{"code":"48","name":"Loz\u00c3\u00a8re"},"231":{"code":"49","name":"Maine-et-Loire"},"232":{"code":"50","name":"Manche"},"233":{"code":"51","name":"Marne"},"235":{"code":"53","name":"Mayenne"},"236":{"code":"54","name":"Meurthe-et-Moselle"},"237":{"code":"55","name":"Meuse"},"238":{"code":"56","name":"Morbihan"},"239":{"code":"57","name":"Moselle"},"240":{"code":"58","name":"Ni\u00c3\u00a8vre"},"241":{"code":"59","name":"Nord"},"242":{"code":"60","name":"Oise"},"243":{"code":"61","name":"Orne"},"257":{"code":"75","name":"Paris"},"244":{"code":"62","name":"Pas-de-Calais"},"245":{"code":"63","name":"Puy-de-D\u00c3\u00b4me"},"246":{"code":"64","name":"Pyr\u00c3\u00a9n\u00c3\u00a9es-Atlantiques"},"248":{"code":"66","name":"Pyr\u00c3\u00a9n\u00c3\u00a9es-Orientales"},"251":{"code":"69","name":"Rh\u00c3\u00b4ne"},"253":{"code":"71","name":"Sa\u00c3\u00b4ne-et-Loire"},"254":{"code":"72","name":"Sarthe"},"255":{"code":"73","name":"Savoie"},"259":{"code":"77","name":"Seine-et-Marne"},"258":{"code":"76","name":"Seine-Maritime"},"275":{"code":"93","name":"Seine-Saint-Denis"},"262":{"code":"80","name":"Somme"},"263":{"code":"81","name":"Tarn"},"264":{"code":"82","name":"Tarn-et-Garonne"},"272":{"code":"90","name":"Territoire-de-Belfort"},"277":{"code":"95","name":"Val-d'Oise"}
10680,"276":{"code":"94","name":"Val-de-Marne"},"265":{"code":"83","name":"Var"},"266":{"code":"84","name":"Vaucluse"},"267":{"code":"85","name":"Vend\u00c3\u00a9e"},"268":{"code":"86","name":"Vienne"},"270":{"code":"88","name":"Vosges"},"271":{"code":"89","name":"Yonne"},"260":{"code":"78","name":"Yvelines"}}},"HR":{"name":"Kroatien","regions":{"526":{"code":"HR-15","name":"\u00c5\u00a0ibensko-kninska \u00c5\u00beupanija"},"518":{"code":"HR-07","name":"Bjelovarsko-bilogorska \u00c5\u00beupanija"},"523":{"code":"HR-12","name":"Brodsko-posavska \u00c5\u00beupanija"},"530":{"code":"HR-19","name":"Dubrova\u00c4\u008dko-neretvanska \u00c5\u00beupanija"},"532":{"code":"HR-21","name":"Grad Zagreb"},"529":{"code":"HR-18","name":"Istarska \u00c5\u00beupanija"},"515":{"code":"HR-04","name":"Karlova\u00c4\u008dka \u00c5\u00beupanija"},"517":{"code":"HR-06","name":"Koprivni\u00c4\u008dko-kri\u00c5\u00beeva\u00c4\u008dka \u00c5\u00beupanija"},"513":{"code":"HR-02","name":"Krapinsko-zagorska \u00c5\u00beupanija"},"520":{"code":"HR-09","name":"Li\u00c4\u008dko-senjska \u00c5\u00beupanija"},"531":{"code":"HR-20","name":"Me\u00c4\u2018imurska \u00c5\u00beupanija"},"525":{"code":"HR-14","name":"Osje\u00c4\u008dko-baranjska \u00c5\u00beupanija"},"522":{"code":"HR-11","name":"Po\u00c5\u00bee\u00c5\u00a1ko-slavonska \u00c5\u00beupanija"},"519":{"code":"HR-08","name":"Primorsko-goranska \u00c5\u00beupanija"},"514":{"code":"HR-03","name":"Sisa\u00c4\u008dko-moslava\u00c4\u008dka \u00c5\u00beupanija"},"528":{"code":"HR-17","name":"Splitsko-dalmatinska \u00c5\u00beupanija"},"516":{"code":"HR-05","name":"Vara\u00c5\u00bedinska \u00c5\u00beupanija"},"521":{"code":"HR-10","name":"Viroviti\u00c4\u008dko-podravska \u00c5\u00beupanija"},"527":{"code":"HR-16","name":"Vukovarsko-srijemska \u00c5\u00beupanija"},"524":{"code":"HR-13","name":"Zadarska \u00c5\u00beupanija"},"512":{"code":"HR-01","name":"Zagreba\u00c4\u008dka \u00c5\u00beupanija"}}},"IT":{"name":"Italien","regions":{"682":{"code":"AG","name":"Agrigento"},"683":{"code":"AL","name":"Alessandria"},"684":{"code":"AN","name":"Ancona"},"685":{"code":"AO","name":"Aosta"},"687":{"code":"AR","name":"Arezzo"},"688":{"code":"AP","name":"Ascoli-Piceno"},"689":{"code":"AT","name":"Asti"},"690":{"code":"AV","name":"Avellino"},"691":{"code":"BA","name":"Bari"},"692":{"code":"BT","name":"Barletta-Andria-Trani"},"693":{"code":"BL","name":"Belluno"},"694":{"code":"BN","name":"Benevento"},"695":{"code":"BG","name":"Bergamo"},"696":{"code":"BI","name":"Biella"},"697":{"code":"BO","name":"Bologna"},"698":{"code":"BZ","name":"Bolzano"},"699":{"code":"BS","name":"Brescia"},"700":{"code":"BR","name":"Brindisi"},"701":{"code":"CA","name":"Cagliari"},"702":{"code":"CL","name":"Caltanissetta"},"703":{"code":"CB","name":"Campobasso"},"704":{"code":"CI","name":"Carbonia Iglesias"},"705":{"code":"CE","name":"Caserta"},"706":{"code":"CT","name":"Catania"},"707":{"code":"CZ","name":"Catanzaro"},"708":{"code":"CH","name":"Chieti"},"709":{"code":"CO","name":"Como"},"710":{"code":"CS","name":"Cosenza"},"711":{"code":"CR","name":"Cremona"},"712":{"code":"KR","name":"Crotone"},"713":{"code":"CN","name":"Cuneo"},"714":{"code":"EN","name":"Enna"},"715":{"code":"FM","name":"Fermo"},"716":{"code":"FE","name":"Ferrara"},"717":{"code":"FI","name":"Firenze"},"718":{"code":"FG","name":"Foggia"},"719":{"code":"FC","name":"Forli-Cesena"},"720":{"code":"FR","name":"Frosinone"},"721":{"code":"GE","name":"Genova"},"722":{"code":"GO","name":"Gorizia"},"723":{"code":"GR","name":"Grosseto"},"724":{"code":"IM","name":"Imperia"},"725":{"code":"IS","name":"Isernia"},"686":{"code":"AQ","name":"L'Aquila"},"726":{"code":"SP","name":"La-Spezia"},"727":{"code":"LT","name":"Latina"},"728":{"code":"LE","name":"Lecce"},"729":{"code":"LC","name":"Lecco"},"730":{"code":"LI","name":"Livorno"},"731":{"code":"LO","name":"Lodi"},"732":{"code":"LU","name":"Lucca"},"733":{"code":"MC","name":"Macerata"},"734":{"code":"MN","name":"Mantova"},"735":{"code":"MS","name":"Massa-Carrara"},"736":{"code":"MT","name":"Matera"},"737":{"code":"VS","name":"Medio Campidano"},"738":{"code":"ME","name":"Messina"},"739":{"code":"MI","name":"Milano"},"740":{"code":"MO","name":"Modena"},"741":{"code":"MB","name":"Monza-Brianza"},"742":{"code":"NA","name":"Napoli"},"743":{"code":"NO","name":"Novara"},"744":{"code":"NU","name":"Nuoro"},"745":{"code":"OG","name":"Ogliastra"},"746":{"code":"OT","name":"Olbia Tempio"},"747":{"code":"OR","name":"Oristano"},"748":{"code":"PD","name":"Padova"},"749":{"code":"PA","name":"Palermo"},"750":{"code":"PR","name":"Parma"},"751":{"code":"PV","name":"Pavia"},"752":{"code":"PG","name":"Perugia"},"753":{"code":"PU","name":"Pesaro-Urbino"},"754":{"code":"PE","name":"Pescara"},"755":{"code":"PC","name":"Piacenza"},"756":{"code":"PI","name":"Pisa"},"757":{"code":"PT","name":"Pistoia"},"758":{"code":"PN","name":"Pordenone"},"759":{"code":"PZ","name":"Potenza"},"760":{"code":"PO","name":"Prato"},"761":{"code":"RG","name":"Ragusa"},"762":{"code":"RA","name":"Ravenna"},"763":{"code":"RC","name":"Reggio-Calabria"},"764":{"code":"RE","name":"Reggio-Emilia"},"765":{"code":"RI","name":"Rieti"},"766":{"code":"RN","name":"Rimini"},"767":{"code":"RM","name":"Roma"},"768":{"code":"RO","name":"Rovigo"},"769":{"code":"SA","name":"Salerno"},"770":{"code":"SS","name":"Sassari"},"771":{"code":"SV","name":"Savona"},"772":{"code":"SI","name":"Siena"},"773":{"code":"SR","name":"Siracusa"},"774":{"code":"SO","name":"Sondrio"},"775":{"code":"TA","name":"Taranto"},"776":{"code":"TE","name":"Teramo"},"777":{"code":"TR","name":"Terni"},"778":{"code":"TO","name":"Torino"},"779":{"code":"TP","name":"Trapani"},"780":{"code":"TN","name":"Trento"},"781":{"code":"TV","name":"Treviso"},"782":{"code":"TS","name":"Trieste"},"783":{"code":"UD","name":"Udine"},"784":{"code":"VA","name":"Varese"},"785":{"code":"VE","name":"Venezia"},"786":{"code":"VB","name":"Verbania"},"787":{"code":"VC","name":"Vercelli"},"788":{"code":"VR","name":"Verona"}
10680,"789":{"code":"VV","name":"Vibo-Valentia"},"790":{"code":"VI","name":"Vicenza"},"791":{"code":"VT","name":"Viterbo"}}},"LU":{"name":"Luxemburg"},"NL":{"name":"Niederlande"},"PL":{"name":"Polen","regions":{"828":{"code":"PL-10","name":"\u00c5\u201a\u00c3\u00b3dzkie"},"835":{"code":"PL-24","name":"\u00c5\u203al\u00c4\u2026skie"},"836":{"code":"PL-26","name":"\u00c5\u203awi\u00c4\u2122tokrzyskie"},"824":{"code":"PL-02","name":"dolno\u00c5\u203al\u00c4\u2026skie"},"825":{"code":"PL-04","name":"kujawsko-pomorskie"},"826":{"code":"PL-06","name":"lubelskie"},"827":{"code":"PL-08","name":"lubuskie"},"829":{"code":"PL-12","name":"ma\u00c5\u201aopolskie"},"830":{"code":"PL-14","name":"mazowieckie"},"831":{"code":"PL-16","name":"opolskie"},"832":{"code":"PL-18","name":"podkarpackie"},"833":{"code":"PL-20","name":"podlaskie"},"834":{"code":"PL-22","name":"pomorskie"},"837":{"code":"PL-28","name":"warmi\u00c5\u201esko-mazurskie"},"838":{"code":"PL-30","name":"wielkopolskie"},"839":{"code":"PL-32","name":"zachodniopomorskie"}}},"PT":{"name":"Portugal","regions":{"1025":{"code":"PT-01","name":"Aveiro"},"1026":{"code":"PT-02","name":"Beja"},"1027":{"code":"PT-03","name":"Braga"},"1028":{"code":"PT-04","name":"Bragan\u00e7a"},"1029":{"code":"PT-05","name":"Castelo Branco"},"1030":{"code":"PT-06","name":"Coimbra"},"1031":{"code":"PT-07","name":"\u00c9vora"},"1032":{"code":"PT-08","name":"Faro"},"1033":{"code":"PT-09","name":"Guarda"},"1034":{"code":"PT-10","name":"Leiria"},"1035":{"code":"PT-11","name":"Lisboa"},"1036":{"code":"PT-12","name":"Portalegre"},"1037":{"code":"PT-13","name":"Porto"},"1044":{"code":"PT-30","name":"Regi\u00e3o Aut\u00f3noma da Madeira"},"1043":{"code":"PT-20","name":"Regi\u00e3o Aut\u00f3noma dos A\u00e7ores"},"1038":{"code":"PT-14","name":"Santar\u00e9m"},"1039":{"code":"PT-15","name":"Set\u00fabal"},"1040":{"code":"PT-16","name":"Viana do Castelo"},"1041":{"code":"PT-17","name":"Vila Real"},"1042":{"code":"PT-18","name":"Viseu"}}},"SE":{"name":"Schweden","regions":{"1055":{"code":"SE-K","name":"Blekinge l\u00e4n"},"1056":{"code":"SE-W","name":"Dalarnas l\u00e4n"},"1058":{"code":"SE-X","name":"G\u00e4vleborgs l\u00e4n"},"1057":{"code":"SE-I","name":"Gotlands l\u00e4n"},"1059":{"code":"SE-N","name":"Hallands l\u00e4n"},"1060":{"code":"SE-Z","name":"J\u00e4mtlands l\u00e4n"},"1061":{"code":"SE-F","name":"J\u00f6nk\u00f6pings l\u00e4n"},"1062":{"code":"SE-H","name":"Kalmar l\u00e4n"},"1063":{"code":"SE-G","name":"Kronobergs l\u00e4n"},"1064":{"code":"SE-BD","name":"Norrbottens l\u00e4n"},"1074":{"code":"SE-T","name":"\u00d6rebro l\u00e4n"},"1075":{"code":"SE-E","name":"\u00d6sterg\u00f6tlands l\u00e4n"},"1065":{"code":"SE-M","name":"Sk\u00e5ne l\u00e4n"},"1067":{"code":"SE-D","name":"S\u00f6dermanlands l\u00e4n"},"1066":{"code":"SE-AB","name":"Stockholms l\u00e4n"},"1068":{"code":"SE-C","name":"Uppsala l\u00e4n"},"1069":{"code":"SE-S","name":"V\u00e4rmlands l\u00e4n"},"1070":{"code":"SE-AC","name":"V\u00e4sterbottens l\u00e4n"},"1071":{"code":"SE-Y","name":"V\u00e4sternorrlands l\u00e4n"},"1072":{"code":"SE-U","name":"V\u00e4stmanlands l\u00e4n"},"1073":{"code":"SE-O","name":"V\u00e4stra G\u00f6talands l\u00e4n"}}},"data_id":1790904362},"instant-purchase":[],"loggedAsCustomer":[],"captcha":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"ammessages":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[],"paypal-buyer-country":[]}</script>
10680<script> 10681 function initConfigurableOptions(productId, optionConfig) { 10682 function findPathParam(key) { 10683 // get all path pairs after BASE_URL/front_name/action_path/action 10684 const baseUrl = (BASE_URL.substr(0, 2) === '//' ? 'http:' : '') + BASE_URL; 10685 const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); 10686 const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); 10687 for (let i = 0; i < pathParts.length; i += 2) { 10688 if (pathParts[i] === key && pathParts.length > i) { 10689 return pathParts[i + 1]; 10690 } 10691 } 10692 } 10693 10694 return { 10695 optionConfig, 10696 productId, 10697 itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), 10698 allowedAttributeOptions: [], 10699 selectedValues: {}, 10700 attributesSorted: null, 10701 failingAttributeId: null, 10702 initialVariantId: 217595, 10703 productIndex: null, 10704 initSelectedValues() { 10705 const variantIdFromUrl = new URLSearchParams(location.search).get('vid') 10706 if (variantIdFromUrl && this.optionConfig.index[variantIdFromUrl]) { 10707 this.setProductIndex(variantIdFromUrl) 10708 } else { 10709 if (this.initialVariantId && this.optionConfig.index[this.initialVariantId]) { 10710 this.setProductIndex(this.initialVariantId) 10711 } else { 10712 this.setProductIndex(Object.keys(this.optionConfig.index)[0]) 10713 } 10714 } 10715 this.setSelectedValuesByProductIndex() 10716 10717 this.setVariantIds() 10718 this.setDeliveryTimes() 10719 this.initBadgeData() 10720 this.initImmediatelyAvailableVariantsProductSliderData() 10721 }, 10722 getAttributeIdsSorted() { 10723 return this.optionConfig.attribute_sequence 10724 }, 10725 setProductIndex(index) { 10726 this.productIndex = index 10727 10728 this.$nextTick(() => this.runUpdates()) 10729 }, 10730 setCurrentSelection() { 10731 let currentAttributesSelectionPath = this.optionConfig.attribute_selections 10732 const attributeIdsSorted = this.getAttributeIdsSorted() 10733 10734 for (const index in attributeIdsSorted) { 10735 const attributeId = attributeIdsSorted[index] 10736 10737 if (this.selectedValues[attributeId] && currentAttributesSelectionPath && currentAttributesSelectionPath[attributeId]) { 10738 this.allowedAttributeOptions[attributeId] = currentAttributesSelectionPath[attributeId] ? Object.keys(currentAttributesSelectionPath[attributeId]) : [] 10739 if (this.allowedAttributeOptions[attributeId].some(item => item === this.selectedValues[attributeId])) { 10740 currentAttributesSelectionPath = currentAttributesSelectionPath[attributeId][this.selectedValues[attributeId]] 10741 } 10742 else { 10743 let newValue = null 10744 for (const item of this.optionConfig.attributes[attributeId].options) { 10745 if (Object.keys(currentAttributesSelectionPath[attributeId]).some(allowedOptionId => allowedOptionId === item.id)) { 10746 newValue = item.id 10747 break 10748 } 10749 } 10750 this.selectedValues[attributeId] = newValue 10751 currentAttributesSelectionPath = currentAttributesSelectionPath[attributeId][this.selectedValues[attributeId]] 10752 } 10753 } else { 10754 currentAttributesSelectionPath = currentAttributesSelectionPath[attributeId][Object.keys(currentAttributesSelectionPath[attributeId])[0]] 10755 this.allowedAttributeOptions[attributeId] = currentAttributesSelectionPath[attributeId] ? Object.keys(currentAttributesSelectionPath[attributeId]) : [] 10756 } 10757 } 10758 10759 this.setProductIndex(currentAttributesSelectionPath || this.productIndex || this.initialVariantId) 10760 }, 10761 getAllowedAttributeOptions(attributeId) { 10762 return this.optionConfig.attributes[attributeId]['options'] || [] 10763 }, 10764 setSelectedValuesByProductIndex() { 10765 if (this.productIndex && this.optionConfig.index[this.productIndex]) { 10766 for (const key in this.optionConfig.index[this.productIndex]) { 10767 this.selectedValues[key] = this.optionConfig.index[this.productIndex][key]; 10768 } 10769 this.setCurrentSelection() 10770 } 10771 }, 10772 changeOption(optionId, value) { 10773 if (this.selectedValues[optionId] !== value) { 10774 this.selectedValues[optionId] = value; 10775 this.setCurrentSelection(); 10776 } 10777 }, 10778 runUpdates() {
10779 this.updateVariantId() 10780 this.updatePrices() 10781 this.updateGallery() 10782 this.updateEnergyLabelBadge() 10783 this.updatePrepaymentPrice() 10784 this.updateFreeShipping() 10785 this.updateVariantSku() 10786 this.updateCurrentSelection() 10787 this.updateGalleryNote() 10788 this.updateDescription() 10789 this.updateBulletpoints() 10790 this.updateName() 10791 this.updateManufacturer() 10792 this.updateMaterialDescription() 10793 this.updateSizeDescription() 10794 this.updateDeliveryScope() 10795 this.updateEanManufacturer() 10796 this.updateLightAttributes() 10797 this.updateUsp() 10798 this.updateModel() 10799 this.updateAttachments() 10800 }, 10801 initBadgeData() { 10802 const $this = this 10803 let productItems = [] 10804 10805 Object.keys(this.optionConfig.index).forEach(variantId => { 10806 const productItem = { 10807 id: variantId, 10808 price_information: $this.optionConfig.additional[variantId].price_information, 10809 is_new_product: $this.optionConfig.additional[variantId].is_new_product, 10810 product_banner_type_promotion: $this.optionConfig.additional[variantId]['product_banner_type_promotion'], 10811 product_banner_type_pos: $this.optionConfig.additional[variantId]['product_banner_type_pos'], 10812 product_banner_type_selected: $this.optionConfig.additional[variantId]['product_banner_type_selected'], 10813 product_banner_type_editorial: $this.optionConfig.additional[variantId]['product_banner_type_editorial'], 10814 product_banner_type_marketing: $this.optionConfig.additional[variantId]['product_banner_type_marketing'], 10815 product_banner_type_sustainability: $this.optionConfig.additional[variantId]['product_banner_type_sustainability'], 10816 product_banner_type_exclusive: $this.optionConfig.additional[variantId]['product_banner_type_exclusive'], 10817 } 10818 productItems.push(productItem); 10819 }) 10820 10821 window.dispatchEvent( 10822 new CustomEvent( 10823 "init-badge-data", 10824 {detail: productItems} 10825 ) 10826 ) 10827 }, 10828 setVariantIds() { 10829 window.dispatchEvent( 10830 new CustomEvent( 10831 "set-variant-ids", 10832 {detail: Object.keys(this.optionConfig.index)} 10833 ) 10834 ); 10835 }, 10836 setDeliveryTimes() { 10837 window.dispatchEvent( 10838 new CustomEvent( 10839 "set-delivery-times", 10840 {detail: Object.values(this.optionConfig.deliveryTimes)} 10841 ) 10842 ); 10843 }, 10844 isOptionAvailable(attributeId, optionId) { 10845 return Object.values(this.allowedAttributeOptions[attributeId]).some(allowedOptionId => allowedOptionId === optionId) 10846 }, 10847 onGetCartData(data) { 10848 this.preselectCartItems(data); 10849 }, 10850 preselectCartItems(data) { 10851 // pre-select options based on cart data for current (quote) itemId 10852 const cart = data && data.cart; 10853 if (cart && cart.items) { 10854 const cartItem = cart.items.find((item) => { 10855 return ( 10856 item.item_id === this.itemId 10857 && item.product_id === this.productId 10858 ) 10859 }); 10860 if (cartItem && cartItem.options && cartItem.options.length) { 10861 cartItem.options.map(option => { 10862 this.changeOption(option.option_id, option.option_value); 10863 }) 10864 this.runUpdates() 10865 } 10866 } 10867 }, 10868 getSelectedLabel(attributeId) { 10869 return this.optionConfig.optionLabels[this.selectedValues[attributeId]] || '' 10870 }, 10871 updateAttachments() { 10872 window.dispatchEvent( 10873 new CustomEvent( 10874 "update-attachments", 10875 { 10876 detail: this.getVariantData('attachments') 10877 } 10878 ) 10879 ); 10880 }, 10881 updateEnergyLabelBadge() { 10882 window.dispatchEvent( 10883 new CustomEvent( 10884 "update-energylabelbadge", 10885 {detail: this.getVariantData('energy_label_badge')} 10886 ) 10887 ); 10888 }, 10889 updatePrepaymentPrice() { 10890 window.dispatchEvent( 10891 new CustomEvent( 10892 "update-prepayment-price", 10893 { 10894 detail: this.getVariantData('prepayment_price') 10895 } 10896 ) 10897 ); 10898 }, 10899 updateFreeShipping() { 10900 window.dispatchEvent( 10901 new CustomEvent( 10902 "update-freeshipping", 10903 { 10904 detail: this.getVariantData('free_shipping') 10905 } 10906 ) 10907 ); 10908 }, 10909 updateCurrentSelection() { 10910 window.dispatchEvent( 10911 new CustomEvent( 10912 "update-currentSelection-" + this.productId, 10913 { 10914 detail: this.selectedValues 10915 } 10916 ) 10917 ); 10918 }, 10919 updateDescription() { 10920 window.dispatchEvent( 10921 new CustomEvent( 10922 "update-description", 10923 { 10924 detail: this.getVariantData('description') 10925 } 10926 ) 10927 ); 10928 }, 10929 updateBulletpoints() { 10930 window.dispatchEvent( 10931 new CustomEvent( 10932 "update-bullet-points", 10933 { 10934 detail: this.getVariantData('bulletpoints') 10935 } 10936 ) 10937 ); 10938 }, 10939 updateName() { 10940 window.dispatchEvent( 10941 new CustomEvent( 10942 "update-name", 10943 { 10944 detail: this.getVariantData('name') 10945 } 10946 ) 10947 ); 10948 }, 10949 updateManufacturer() { 10950 window.dispatchEvent( 10951 new CustomEvent( 10952 "update-manufacturer", 10953 { 10954 detail: this.getVariantData('manufacturer') 10955 } 10956 ) 10957 ); 10958 }, 10959 updateMaterialDescription() { 10960 window.dispatchEvent( 10961 new CustomEvent( 10962 "update-material-description", 10963 { 10964 detail: this.getVariantData('material_description') 10965 } 10966 ) 10967 ); 10968 }, 10969 updateSizeDescription() { 10970 window.dispatchEvent( 10971 new CustomEvent( 10972 "update-size-description", 10973 { 10974 detail: this.getVariantData('size_description') 10975 } 10976 ) 10977 ); 10978 }, 10979 updateDeliveryScope() { 10980 window.dispatchEvent( 10981 new CustomEvent( 10982 "update-delivery-scope", 10983 { 10984 detail: this.getVariantData('delivery_scope') 10985 } 10986 ) 10987 ); 10988 }, 10989 updateEanManufacturer() { 10990 window.dispatchEvent( 10991 new CustomEvent( 10992 "update-ean-manufacturer", 10993 { 10994 detail: this.getVariantData('ean_manufacturer') 10995 10996 } 10997 ) 10998 ); 10999 }, 11000 updateLightAttributes() { 11001 window.dispatchEvent( 11002 new CustomEvent( 11003 "update-light-attributes", 11004 { 11005 detail: this.getVariantData('light_attributes') 11006 } 11007 ) 11008 ); 11009 }, 11010 updateModel() { 11011 window.dispatchEvent( 11012 new CustomEvent( 11013 "update-model", 11014 { 11015 detail: this.getVariantData('model') 11016 } 11017 ) 11018 ); 11019 }, 11020 updateGalleryNote() { 11021 window.dispatchEvent( 11022 new CustomEvent( 11023 "update-gallerynote", 11024 { 11025 detail: this.getVariantData('image_note') 11026 } 11027 ) 11028 ); 11029 },
11030 updateVariantId() { 11031 window.dispatchEvent( 11032 new CustomEvent( 11033 "update-variant-id", 11034 {detail: this.productIndex} 11035 ) 11036 ); 11037 }, 11038 updateVariantSku() { 11039 window.dispatchEvent( 11040 new CustomEvent( 11041 "update-variant-sku", 11042 {detail: this.optionConfig.additional[this.productIndex].sku || null} 11043 ) 11044 ); 11045 }, 11046 updateUsp() { 11047 window.dispatchEvent( 11048 new CustomEvent( 11049 "update-variant-usp", 11050 {detail: this.optionConfig.additional[this.productIndex].shipping_usp || null} 11051 ) 11052 ); 11053 }, 11054 getVariantData(attributeCode) { 11055 return this.productIndex && this.optionConfig.additional && this.optionConfig.additional[this.productIndex] && this.optionConfig.additional[this.productIndex][attributeCode] || null; 11056 }, 11057 updatePrices() { 11058 const value = this.productIndex ? this.optionConfig.optionPrices[this.productIndex] : []; 11059 window.dispatchEvent( 11060 new CustomEvent( 11061 "update-prices-" + this.productId, 11062 { 11063 detail: value 11064 } 11065 ) 11066 ); 11067 }, 11068 updateGallery() { 11069 const value = this.productIndex ? 11070 this.optionConfig.images[this.productIndex] : 11071 Object.values(this.optionConfig.images)[0] 11072 11073 value && window.dispatchEvent( 11074 new CustomEvent( 11075 "update-gallery", 11076 {detail: value} 11077 ) 11078 ); 11079 }, 11080 initImmediatelyAvailableVariantsProductSliderData() { 11081 const $this = this 11082 const immediatelyAvailableProductIds = Object.values($this.optionConfig.deliveryTimes).filter(item => item.instantly_available === true) 11083 11084 const productItems = []; 11085 immediatelyAvailableProductIds.forEach(item => { 11086 11087 const id = parseInt(item.id) 11088 const productItem = { 11089 sku: $this.optionConfig.additional[id].sku, 11090 id: id, 11091 originalName: 'About\u0020a\u0020Chair\u0020AAC\u002022', 11092 name: 'About\u0020a\u0020Chair\u0020AAC\u002022', 11093 small_image: { 11094 label: 'About\u0020a\u0020Chair\u0020AAC\u002022', 11095 url: `${$this.optionConfig.images[id][0]['img']}auto\u003Dcompress\u0026q\u003D75\u0026trim\u003Dcolor\u0026trim\u002Dcolor\u003Dffffff\u0026trim\u002Dtol\u003D15\u0026fit\u003Dfill\u0026fill\u003Dsolid\u0026fill\u002Dcolor\u003Dffffff\u0026ar\u003D1\u003A1` 11096 }, 11097 url_key: '', 11098 url_suffix: '', 11099 price_range: { 11100 minimum_price: { 11101 regular_price: { 11102 value: $this.optionConfig.optionPrices[id].oldPrice.amount, 11103 }, 11104 final_price: { 11105 value: $this.optionConfig.optionPrices[id].finalPrice.amount, 11106 } 11107 } 11108 }, 11109 special_price: $this.optionConfig.optionPrices[id].finalPrice.amount < $this.optionConfig.optionPrices[id].oldPrice.amount ? $this.optionConfig.optionPrices[id].finalPrice.amount : null, 11110 attributeValueLabels: '{}', 11111 manufacturer: 'HAY', 11112 options: {} 11113 } 11114
11115 this.getAttributeIdsSorted().forEach((attributeId, index) => { 11116 const attributeOptions = $this.optionConfig.attributes[attributeId].options; 11117 const variantAttributeComposition = $this.optionConfig.index[id]; 11118 const attributeOption = attributeOptions.find(option => option.id === variantAttributeComposition[attributeId]); 11119 const attributeValueLabel = attributeOption.label; 11120 11121 productItem.options[index] = { 11122 label: this.optionConfig.attributes[attributeId].label, 11123 value: attributeValueLabel || '' 11124 } 11125 }) 11126 11127 productItems.push(productItem); 11128 }) 11129 11130 $this.$nextTick(() => { 11131 window.dispatchEvent(new CustomEvent("product-slider-immediately-available-variants", {detail: productItems})); 11132 }) 11133 }, 11134 eventListeners: { 11135 ['x-on:private-content-loaded.window'](event) { 11136 this.onGetCartData(event.detail.data) 11137 }, 11138 ['x-on:change-option.window'](event) { 11139 const productId = event.detail; 11140 const productIdExists = this.optionConfig.index[productId] || null 11141 11142 if (productIdExists) { 11143 this.productIndex = productId 11144 this.setSelectedValuesByProductIndex() 11145 } 11146 } 11147 } 11148 } 11149 } 11150 11151</script>
11151</div></body> 11152</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.