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/version1788937838/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=1788937838"></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/version1788937838/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/version1788937838/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/version1788937838/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/version1788937838/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/version1788937838/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/version1788937838/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/version1788937838/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="271"/> 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":271,"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="iyF2lRrAf9fycN4d" />
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('6ab57e5f0ee99', Number(2), Number(9000))" class="relative banner-rotator-6ab57e5f0ee99 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-6ab57e5f0ee99" :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('6ab57e5f0f038', 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-6ab57e5f0f038 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('6ab57e5f0f3ee', 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-6ab57e5f0f3ee 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/usm-haller/"> 2650 USM Haller </a> 2651</div> <div class="item"> 2652 <a class="" href="https://shop.schoener-wohnen.de/audo/"> 2653 Audo </a> 2654</div> </div> 2655 </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" 2656 data-node-name="Designer" 2657 data-node-url="https://shop.schoener-wohnen.de/designer/" 2658 x-on:click.prevent="interactByNode($event)" 2659 x-on:mouseover.prevent.stop="interactByNode($event)" 2660 > <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> 2661</span></a></div> <div class="submenu-container nav-panel" 2662 id="panel-id-33"> 2663 <div class="submenu-level-2 nav-panel"> 2664 <div class="item"><a class="" href="https://shop.schoener-wohnen.de/designer/">Alle anzeigen</a></div> <div class="item"> 2665 <a class="" href="https://shop.schoener-wohnen.de/designer-alexander-girard/"> 2666 Alexander Girard </a> 2667</div> <div class="item"> 2668 <a class="" href="https://shop.schoener-wohnen.de/designer-mies-van-der-rohe/"> 2669 Mies van der Rohe </a> 2670</div> <div class="item"> 2671 <a class="" href="https://shop.schoener-wohnen.de/designer-hella-jongerius/"> 2672 Hella Jongerius </a> 2673</div> <div class="item"> 2674 <a class="" href="https://shop.schoener-wohnen.de/designer-egon-eiermann/"> 2675 Egon Eiermann </a> 2676</div> </div> 2677 </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
2677/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="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"> 2678 <div style="max-width: 150px;"> 2679 <a class="hover:underline" 2680 href="/schoener-wohnen-kollektion/"> 2681 SCHÃNER WOHNEN-Kollektion </a> 2682 </div> 2683 <div style="max-width: 150px;"> 2684 <a class="hover:underline" 2685 href="/neu/"> 2686 Neuheiten </a> 2687 </div> 2688 <div style="max-width: 150px;"> 2689 <a class="hover:underline" 2690 href="/flur-stilvoll-nutzen/"> 2691 Möbel & Accessoires für den Flur </a> 2692 </div> 2693 <div style="max-width: 150px;"> 2694 <a class="hover:underline" 2695 href="/klassiker/"> 2696 Klassiker </a> 2697 </div> 2698 <div style="max-width: 150px;"> 2699 <a class="hover:underline" 2700 href="/geschenke/"> 2701 Geschenke </a> 2702 </div> 2703 <div style="max-width: 150px;"> 2704 <a class="hover:underline" 2705 href="/geschenke-geschenkgutscheine/"> 2706 Geschenkgutscheine </a> 2707 </div> 2708 </div></div></div> </div></template></div> </div> 2709 <div class="nav-panel  parent  level-0 "> 2710 <div class="item parent" id="parent-id-77"><a class="" href="https://shop.schoener-wohnen.de/raeume/" data-node-id="77" 2711 data-node-name="Räume" 2712 data-node-url="https://shop.schoener-wohnen.de/raeume/" 2713 x-on:click.prevent="interactByNode($event)" 2714 x-on:mouseover.prevent.stop="interactByNode($event)" 2715 >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> 2716</span></a></div> <div class="submenu-container nav-panel" 2717 id="panel-id-77"> 2718 <template x-if="nodeRenderingHistory.has('77')"> 2719 <div> 2720 <div class="submenu-level-1 nav-panel"> 2721 <div class="submenu-container xl:columns-2 col-span-2" 2722 id="panel-id-15113"> 2723 <div class="submenu-level-2 nav-panel"> 2724 <div class="item"> 2725 <a href="https://shop.schoener-wohnen.de/wohnzimmer/"> 2726 Wohnzimmermöbel </a> 2727 </div> 2728 <div class="item"> 2729 <a href="https://shop.schoener-wohnen.de/esszimmer/"> 2730 Esszimmermöbel </a> 2731 </div> 2732 <div class="item"> 2733 <a href="https://shop.schoener-wohnen.de/kueche/"> 2734 Küchenmöbel </a> 2735 </div> 2736 <div class="item"> 2737 <a href="https://shop.schoener-wohnen.de/buero/"> 2738 Büromöbel </a> 2739 </div> 2740 <div class="item"> 2741 <a href="https://shop.schoener-wohnen.de/schlafzimmer/"> 2742 Schlafzimmermöbel </a> 2743 </div> 2744 <div class="item"> 2745 <a href="https://shop.schoener-wohnen.de/kinderzimmer/">
2746 Kinderzimmermöbel </a> 2747 </div> 2748 <div class="item"> 2749 <a href="https://shop.schoener-wohnen.de/badezimmer/"> 2750 Badezimmermöbel </a> 2751 </div> 2752 <div class="item"> 2753 <a href="https://shop.schoener-wohnen.de/flur/"> 2754 Flurmöbel </a> 2755 </div> 2756 <div class="item show-all mt-1.5"> 2757 <a href="https://shop.schoener-wohnen.de/raeume/" class="italic"> 2758 Alle anzeigen </a> 2759 </div> 2760 </div> 2761 </div> 2762 <div class="cms-block col-span-2"> 2763 <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"> 2764 <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> 2765 <div class="topic-bar"> 2766 <div class="container mx-auto"> 2767 <div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6"> 2768 <div style="max-width: 150px;"> 2769 <a class="hover:underline" 2770 href="/schoener-wohnen-kollektion/"> 2771 SCHÃNER WOHNEN-Kollektion </a> 2772 </div> 2773 <div style="max-width: 150px;"> 2774 <a class="hover:underline" 2775 href="/neu/"> 2776 Neuheiten </a> 2777 </div> 2778 <div style="max-width: 150px;"> 2779 <a class="hover:underline" 2780 href="/flur-stilvoll-nutzen/"> 2781 Möbel & Accessoires für den Flur </a> 2782 </div> 2783 <div style="max-width: 150px;"> 2784 <a class="hover:underline" 2785 href="/klassiker/"> 2786 Klassiker </a> 2787 </div> 2788 <div style="max-width: 150px;"> 2789 <a class="hover:underline" 2790 href="/geschenke/"> 2791 Geschenke </a> 2792 </div> 2793 <div style="max-width: 150px;"> 2794 <a class="hover:underline" 2795 href="/geschenke-geschenkgutscheine/"> 2796 Geschenkgutscheine </a> 2797 </div> 2798 </div> </div> 2799 </div> 2800 </div> 2801 </template> 2802 </div> </div> 2803 <div class="nav-panel  parent forbidden-badgered level-0 "> 2804 <div class="item parent" id="parent-id-39"><a class="text-badgered" href="https://shop.schoener-wohnen.de/sale/" data-node-id="39" 2805 data-node-name="Sale" 2806 data-node-url="https://shop.schoener-wohnen.de/sale/" 2807 x-on:click.prevent="interactByNode($event)" 2808 x-on:mouseover.prevent.stop="interactByNode($event)" 2809 >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> 2810</span></a></div> <div class="submenu-container nav-panel" 2811 id="panel-id-39"> 2812 <template x-if="nodeRenderingHistory.has('39')"> 2813 <div> 2814 <div class="submenu-level-1 nav-panel"> 2815 <div class="submenu-container " 2816 id="panel-id-11079"> 2817 <div class="submenu-level-2 nav-panel"> 2818 <div class="item"> 2819 <a href="https://shop.schoener-wohnen.de/sale-accessoires/"> 2820 Wohnaccessoires im Sale </a> 2821 </div> 2822 <div class="item"> 2823 <a href="https://shop.schoener-wohnen.de/sale-aufbewahrungsmoebel/"> 2824 Aufbewahrungsmöbel </a> 2825 </div> 2826 <div class="item"> 2827 <a href="https://shop.schoener-wohnen.de/sale-gartenmoebel/"> 2828 Gartenmöbel </a> 2829 </div> 2830 <div class="item"> 2831 <a href="https://shop.schoener-wohnen.de/sale-leuchten/"> 2832 Leuchten </a> 2833 </div> 2834 <div class="item"> 2835 <a href="https://shop.schoener-wohnen.de/sale-schlafzimmermoebel/"> 2836 Schlafzimmermöbel </a> 2837 </div> 2838 <div class="item"> 2839 <a href="https://shop.schoener-wohnen.de/sale-sitzmoebel/"> 2840 Sitzmöbel </a> 2841 </div> 2842 <div class="item"> 2843 <a href="https://shop.schoener-wohnen.de/sale-tische/"> 2844 Tische </a> 2845 </div> 2846 <div class="item show-all mt-1.5"> 2847 <a href="https://shop.schoener-wohnen.de/sale/" class="italic"> 2848 Alle anzeigen </a> 2849 </div> 2850 </div> 2851 </div> 2852 <div class="cms-block col-span-5"> 2853 <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> 2854 <div class="topic-bar"> 2855 <div class="container mx-auto"> 2856 <div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6"> 2857 <div style="max-width: 150px;"> 2858 <a class="hover:underline" 2859 href="/schoener-wohnen-kollektion/"> 2860 SCHÃNER WOHNEN-Kollektion </a> 2861 </div> 2862 <div style="max-width: 150px;"> 2863 <a class="hover:underline" 2864 href="/neu/"> 2865 Neuheiten </a> 2866 </div> 2867 <div style="max-width: 150px;"> 2868 <a class="hover:underline" 2869 href="/flur-stilvoll-nutzen/"> 2870 Möbel & Accessoires für den Flur </a> 2871 </div> 2872 <div style="max-width: 150px;"> 2873 <a class="hover:underline" 2874 href="/klassiker/"> 2875 Klassiker </a> 2876 </div> 2877 <div style="max-width: 150px;"> 2878 <a class="hover:underline" 2879 href="/geschenke/"> 2880 Geschenke </a> 2881 </div> 2882 <div style="max-width: 150px;"> 2883 <a class="hover:underline" 2884 href="/geschenke-geschenkgutscheine/"> 2885 Geschenkgutscheine </a> 2886 </div> 2887 </div> </div> 2888 </div> 2889 </div> 2890 </template> 2891 </div> </div> 2892 <div class="nav-panel  parent xl:hidden level-0 "> 2893 <div class="item parent" id="parent-id-110"><a class="xl:hidden" href="https://shop.schoener-wohnen.de/geschenke/" data-node-id="110" 2894 data-node-name="Geschenke" 2895 data-node-url="https://shop.schoener-wohnen.de/geschenke/" 2896 x-on:click.prevent="interactByNode($event)" 2897 x-on:mouseover.prevent.stop="interactByNode($event)" 2898 >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
2898th="2" stroke-linecap="round"/></svg> 2899</span></a></div> <div class="submenu-container nav-panel" 2900 id="panel-id-110"> 2901 <template x-if="nodeRenderingHistory.has('110')"> 2902 <div> 2903 <div class="submenu-level-1 nav-panel"> 2904 <div class="submenu-container " 2905 id="panel-id-27214"> 2906 <div class="submenu-level-2 nav-panel"> 2907 <div class="item"> 2908 <a href="https://shop.schoener-wohnen.de/geschenke-mann/"> 2909 Die schönsten Geschenke für IHN </a> 2910 </div> 2911 <div class="item"> 2912 <a href="https://shop.schoener-wohnen.de/geschenke-designliebhaber/"> 2913 Design-Geschenke </a> 2914 </div> 2915 <div class="item"> 2916 <a href="https://shop.schoener-wohnen.de/bis-50/"> 2917 bis 50 ⬠</a> 2918 </div> 2919 <div class="item"> 2920 <a href="https://shop.schoener-wohnen.de/bis-100/"> 2921 bis 100 ⬠</a> 2922 </div> 2923 <div class="item"> 2924 <a href="https://shop.schoener-wohnen.de/bis-250/"> 2925 bis 250 ⬠</a> 2926 </div> 2927 <div class="item"> 2928 <a href="https://shop.schoener-wohnen.de/bis-500/"> 2929 bis 500 ⬠</a> 2930 </div> 2931 <div class="item"> 2932 <a href="https://shop.schoener-wohnen.de/klassiker/"> 2933 Designklassiker </a> 2934 </div> 2935 <div class="item"> 2936 <a href="https://shop.schoener-wohnen.de/geschenke-geschenkgutscheine/"> 2937 Gutscheine </a> 2938 </div> 2939 <div class="item show-all mt-1.5"> 2940 <a href="https://shop.schoener-wohnen.de/geschenke/" class="italic"> 2941 Alle anzeigen </a> 2942 </div> 2943 </div> 2944 </div> 2945 </div> 2946 <div class="topic-bar"> 2947 <div class="container mx-auto"> 2948 <div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6"> 2949 <div style="max-width: 150px;"> 2950 <a class="hover:underline" 2951 href="/schoener-wohnen-kollektion/"> 2952 SCHÃNER WOHNEN-Kollektion </a> 2953 </div> 2954 <div style="max-width: 150px;"> 2955 <a class="hover:underline" 2956 href="/neu/"> 2957 Neuheiten </a> 2958 </div> 2959 <div style="max-width: 150px;"> 2960 <a class="hover:underline" 2961 href="/flur-stilvoll-nutzen/"> 2962 Möbel & Accessoires für den Flur </a> 2963 </div> 2964 <div style="max-width: 150px;"> 2965 <a class="hover:underline" 2966 href="/klassiker/"> 2967 Klassiker </a> 2968 </div> 2969 <div style="max-width: 150px;"> 2970 <a class="hover:underline" 2971 href="/geschenke/"> 2972 Geschenke </a> 2973 </div> 2974 <div style="max-width: 150px;"> 2975 <a class="hover:underline" 2976 href="/geschenke-geschenkgutscheine/"> 2977 Geschenkgutscheine </a> 2978 </div> 2979 </div> </div> 2980 </div> 2981 </div> 2982 </template> 2983 </div> </div> 2984 <div class="nav-panel   level-0 xl:hidden"> 2985 <div class="mobile-only-toplevel-entry item "> <a href="/service/kontakt/" data-node-id="40" 2986 data-node-name="Kundenservice" 2987 data-node-url="/service/kontakt/" 2988 x-on:click.prevent="interactByNode($event)" 2989 x-on:mouseover.prevent.stop="interactByNode($event)" 2990 > Kundenservice </a> </div> </div> 2991 <div class="nav-panel   level-0 xl:hidden"> 2992 <div class="mobile-only-toplevel-entry item "> <a href="https://r.shop.schoener-wohnen.de/" data-node-id="42" 2993 data-node-name="Artikel zurücksenden" 2994 data-node-url="https://r.shop.schoener-wohnen.de/" 2995 x-on:click.prevent="interactByNode($event)" 2996 x-on:mouseover.prevent.stop="interactByNode($event)" 2997 > Artikel zurücksenden </a> </div> </div> 2998 </div> 2999 </div> 3000 </div> 3001 </div> 3002 </nav> 3003 </div>
3004<script> 3005 const MainNavigation = () => { 3006 const ITEM_ACTIVE_CLASS = 'item-active'; 3007 const POINTER_TOUCH_CLASS = 'touch'; 3008 const HOVER_ACTION_DELAY = 350; 3009 const $mainNavigation = document.querySelector('.main-navigation'); 3010 const $mainPanel = document.querySelector('.main-panel'); 3011 const $mobileMenuToggle = document.querySelector('#mobileMenuToggle'); 3012 3013 const stopListeners = () => { 3014 if ($mainNavigation) { 3015 $mainNavigation.removeEventListener('mouseenter', eventsHandler); 3016 } 3017 if ($mobileMenuToggle) { 3018 $mobileMenuToggle.removeEventListener('click', eventsHandler); 3019 } 3020 } 3021 3022 const eventsHandler = () => { 3023 stopListeners(); 3024 } 3025 3026 if ($mainNavigation) { 3027 $mainNavigation.addEventListener('mouseenter', eventsHandler); 3028 } 3029 3030 if ($mobileMenuToggle) { 3031 $mobileMenuToggle.addEventListener('click', eventsHandler) 3032 } 3033 3034 return { 3035 isUserLoggedIn: null, 3036 activePanelId: null, 3037 activePanelHeading: null, 3038 isActiveOnMobile: null, 3039 nodeHistory: [], 3040 nodeRenderingHistory: new Set(), 3041 panelHeadingHistory: [], 3042 activePanelTimeout: null, 3043 setUserLoggedInStatus(data) { 3044 this.isUserLoggedIn = data.customer && data.customer.firstname; 3045 }, 3046 init() { 3047 this.initMainNavigation() 3048 }, 3049 initMainNavigation() { 3050 this.bindSubmenuHover(); 3051 }, 3052 bindSubmenuHover() { 3053 this.$root.querySelectorAll('.submenu-container').forEach((submenu) => { 3054 submenu.addEventListener('mouseenter', (event) => { 3055 if (this.isMobileMode()) { 3056 return; 3057 } 3058 3059 const topLevelLink = event.target.closest('.level-0').querySelector(':scope > .parent > a'); 3060 3061 if (topLevelLink) { 3062 const targetData = topLevelLink.dataset; 3063 this.interact( 3064 targetData.nodeId, 3065 targetData.nodeName, 3066 targetData.nodeUrl, 3067 true, 3068 true, 3069 true, 3070 false 3071 ) 3072 } 3073 }) 3074 }) 3075 }, 3076 closeMainNavigation() { 3077 if (this.isActiveOnMobile) { 3078 this.$dispatch('disable-backdrop'); 3079 this.$dispatch('disable-bodylock'); 3080 } 3081 this.isActiveOnMobile = false 3082 this.hideSubPanels() 3083 $mainNavigation.classList.remove(POINTER_TOUCH_CLASS) 3084 }, 3085 openMainNavigation() { 3086 this.isActiveOnMobile = true 3087 this.hideSubPanels() 3088 this.$dispatch('enable-backdrop'); 3089 this.$dispatch('enable-bodylock'); 3090 this.$nextTick(() => this.setMobileNavigationHeight()); 3091 }, 3092 isMobileMode() { 3093 return window.matchMedia('(max-width: 1279px)').matches 3094 }, 3095 interactByNode(event) { 3096 event.preventDefault(); 3097 event.stopImmediatePropagation(); 3098 event.stopPropagation(); 3099 3100 const isHover = event.type === 'mouseover' 3101 const isClick = event.type === 'click' 3102 3103 let target = event.target 3104 3105 if (target.nodeName !== 'A') { 3106 target = target.closest('a') || target 3107 3108 if (target.nodeName !== 'A') { 3109 return false 3110 } 3111 } 3112 3113 const isParentNode = target.parentElement.classList.contains('parent') 3114 const isRootNode = target.parentElement.parentElement.classList.contains('level-0') 3115 3116 const targetData = target.dataset 3117 if (targetData.length < 1) return false 3118 3119 return this.interact(targetData.nodeId, targetData.nodeName, targetData.nodeUrl, isParentNode, isRootNode, isHover, isClick) 3120 }, 3121 interact(nodeIdentifier = null, panelHeading = '', nodeUrl = null, isParentNode = false, isRootNode = false, isHover = false, isClick = false) { 3122 3123 const isTouchMode = $mainNavigation.classList.contains(POINTER_TOUCH_CLASS) 3124 3125 if (isHover && isTouchMode || isHover && this.isMobileMode() && !isTouchMode) { 3126 return false 3127 } 3128 3129 // ignore tapping on root level items in desktop mode 3130 const suppressRootLevelNodeClickTrigger = isRootNode && !this.isMobileMode() && isTouchMode 3131 3132 if ((!isParentNode && !isHover || !this.isMobileMode() && isClick) && !suppressRootLevelNodeClickTrigger) { 3133 location.assign(nodeUrl) 3134 return false 3135 } 3136 3137 if (this.isMobileMode()) { 3138 const subPanel = document.getElementById('panel-id-' + nodeIdentifier) || null 3139 if (subPanel) { 3140 $mainPanel.scrollTo(0, 0); 3141 this.hideToplevelPanels() 3142 3143 if (subPanel.classList.contains(ITEM_ACTIVE_CLASS)) { 3144 this.hideSubPanels() 3145 } else { 3146 this.setActiveData(nodeIdentifier, panelHeading) 3147 this.showActiveSubPanel() 3148 } 3149 } else { 3150 location.assign(nodeUrl) 3151 return false 3152 } 3153 3154 } 3155 if (!this.isMobileMode()) { 3156 const desktopModeHandler = () => { 3157 if (this.activePanelId && this.activePanelId !== nodeIdentifier) { 3158 if (isRootNode) { 3159 this.hideSubPanels() 3160 } 3161 this.activePanelId = null 3162 } 3163 3164 this.setActiveData(nodeIdentifier, panelHeading); 3165 this.showActiveSubPanel(); 3166 } 3167 3168 if (this.activePanelTimeout) { 3169 clearTimeout(this.activePanelTimeout); 3170 } 3171 this.activePanelTimeout = setTimeout(desktopModeHandler.bind(this), HOVER_ACTION_DELAY) 3172 } 3173 },
3174 setActiveData(nodeIdentifier, panelHeading) { 3175 if (nodeIdentifier) { 3176 this.nodeHistory.push(nodeIdentifier) 3177 this.nodeRenderingHistory.add(nodeIdentifier) 3178 } 3179 if (panelHeading) { 3180 this.panelHeadingHistory.push(panelHeading) 3181 } 3182 3183 this.activePanelId = nodeIdentifier 3184 this.activePanelHeading = panelHeading 3185 this.$nextTick(this.loadActivePanelImages.bind(this)) 3186 }, 3187 showActiveSubPanel() { 3188 const parentItem = document.getElementById('parent-id-' + this.activePanelId) || null 3189 if (parentItem) parentItem.classList.add(ITEM_ACTIVE_CLASS) 3190 3191 const panel = document.getElementById('panel-id-' + this.activePanelId) || null 3192 if (panel) panel.classList.remove('hidden') 3193 if (panel) panel.classList.add(ITEM_ACTIVE_CLASS) 3194 }, 3195 hideActiveSubPanel() { 3196 const parentItem = document.getElementById('parent-id-' + this.activePanelId) || null 3197 if (parentItem) parentItem.classList.remove(ITEM_ACTIVE_CLASS) 3198 3199 const panel = document.getElementById('panel-id-' + this.activePanelId) || null 3200 if (panel) panel.classList.remove(ITEM_ACTIVE_CLASS) 3201 if (panel) panel.classList.add('hidden') 3202 }, 3203 hideToplevelPanels() { 3204 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')) 3205 }, 3206 showToplevelPanels() { 3207 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')) 3208 }, 3209 hideSubPanels() { 3210 this.resetAllParents() 3211 this.resetAllPanels() 3212 3213 this.nodeHistory = [] 3214 this.panelHeadingHistory = [] 3215 this.activePanelId = null 3216 this.activePanelHeading = null 3217 }, 3218 resetAllParents() { 3219 document.querySelectorAll('.item.parent, .item.skip-mobile-display, .level-0 .item').forEach(element => element.classList.remove(ITEM_ACTIVE_CLASS)) 3220 this.showToplevelPanels() 3221 }, 3222 resetAllPanels() { 3223 document.querySelectorAll('.submenu-container').forEach(element => element.classList.remove(ITEM_ACTIVE_CLASS)) 3224 }, 3225 showPreviousPanel() { 3226 if (this.nodeHistory.length) { 3227 this.nodeHistory.pop() 3228 } 3229 3230 if (this.panelHeadingHistory.length) { 3231 this.panelHeadingHistory.pop() 3232 } 3233 3234 const nodeIdentifier = this.nodeHistory.length ? this.nodeHistory.pop() : null 3235 const panelHeading = this.panelHeadingHistory.length ? this.panelHeadingHistory.pop() : null 3236 3237 if (nodeIdentifier && panelHeading) { 3238 this.hideActiveSubPanel() 3239 this.setActiveData(nodeIdentifier, panelHeading) 3240 } else { 3241 this.hideSubPanels() 3242 } 3243 3244 this.setMobileNavigationHeight() 3245 }, 3246 setMobileNavigationHeight() { 3247 $mainPanel.style.height = this.isMobileMode() ? $mainNavigation.getBoundingClientRect().height + 'px' : '' 3248 }, 3249 registerIsTouch() { 3250 $mainNavigation.classList.toggle(POINTER_TOUCH_CLASS, true) 3251 }, 3252 loadActivePanelImages() { 3253 if (this.isMobileMode()) { 3254 return; 3255 } 3256 3257 const panel = document.getElementById('panel-id-' + this.activePanelId) || null; 3258 3259 if (!panel) { 3260 return; 3261 } 3262 3263 Array.from(panel.querySelectorAll('img[data-src]') || []).forEac
3263h( 3264 element => { 3265 const imageSrc = element.dataset.src; 3266 const panelTemplates = panel.querySelectorAll('template'); 3267 fetch(imageSrc).then((response) => response.blob()).then(blob => { 3268 const objectUrl = URL.createObjectURL(blob); 3269 element.src = objectUrl; 3270 element.removeAttribute('data-src'); 3271 Array.from(panelTemplates).forEach(panelTemplate => { 3272 const bufferPanel = document.createElement('div'); 3273 bufferPanel.innerHTML = panelTemplate.innerHTML; 3274 const templateImages = bufferPanel.querySelectorAll(`img[data-src="${imageSrc}"]`); 3275 if (templateImages) { 3276 Array.from(templateImages).forEach(image => { 3277 image.src = objectUrl; 3278 image.removeAttribute('data-src'); 3279 }) 3280 } 3281 panelTemplate.innerHTML = bufferPanel.innerHTML; 3282 bufferPanel.remove(); 3283 }) 3284 }) 3285 } 3286 ) 3287 }, 3288 interactOnMouseLeave() { 3289 if (!this.isMobileMode()) { 3290 if (this.activePanelTimeout) { 3291 clearTimeout(this.activePanelTimeout); 3292 } 3293 this.activePanelTimeout = setTimeout(this.closeMainNavigation.bind(this), HOVER_ACTION_DELAY); 3294 } 3295 }, 3296 eventListeners: { 3297 ['x-on:private-content-loaded.window'](event) { 3298 this.setUserLoggedInStatus(event.detail.data) 3299 }, 3300 ['x-on:show-navigation.window']() { 3301 this.openMainNavigation() 3302 }, 3303 ['x-on:hide-navigation.window']() { 3304 this.closeMainNavigation() 3305 }, 3306 ['x-on:window-resize-horizontal.window.debounce']() { 3307 this.closeMainNavigation() 3308 this.setMobileNavigationHeight() 3309 }, 3310 ['x-on:close-navigation.window']() { 3311 this.closeMainNavigation() 3312 }, 3313 ['x-on:touchstart']() { 3314 this.registerIsTouch() 3315 }, 3316 ['x-on:mouseleave']() { 3317 this.interactOnMouseLeave() 3318 }, 3319 ['x-on:click.outside']() { 3320 this.closeMainNavigation() 3321 }, 3322 } 3323 } 3324 } 3325</script>
3325</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"> 3326 <div class="container text-[10px] lg:text-xs text-neutralgray"> 3327 <ol class="items list-reset flex flex-wrap text-13px lg:text-sm"> 3328 <li class="item flex 0"> 3329 <a href="https://shop.schoener-wohnen.de/" 3330 class="no-underline text-neutralgray" 3331 title="Startseite" 3332 > 3333 Startseite </a> 3334 </li> 3335 <li class="item flex 1"> 3336 <span aria-hidden="true" class="separator text-neutralgray px-2">></span> 3337 <a href="/marken/" 3338 class="no-underline text-neutralgray" 3339 title="Marken" 3340 > 3341 Marken </a> 3342 </li> 3343 <li class="item flex 2"> 3344 <span aria-hidden="true" class="separator text-neutralgray px-2">></span> 3345 <a href="/hay/" 3346 class="no-underline text-neutralgray" 3347 title="HAY" 3348 > 3349 HAY </a> 3350 </li> 3351 <li class="item flex 3"> 3352 <span aria-hidden="true" class="separator text-neutralgray px-2">></span> 3353 <a href="/hay-kollektionen/" 3354 class="no-underline text-neutralgray" 3355 title="Kollektionen" 3356 > 3357 Kollektionen </a> 3358 </li> 3359 <li class="item flex 4"> 3360 <span aria-hidden="true" class="separator text-neutralgray px-2">></span> 3361 <a href="/hay-about-a-chair/" 3362 class="no-underline text-neutralgray" 3363 title="About a Chair" 3364 > 3365 About a Chair </a> 3366 </li> 3367 <li class="item flex 5"> 3368 <span aria-hidden="true" class="separator text-neutralgray px-2">></span> 3369 <span class="text-secondary" 3370 aria-current="page" 3371 > 3372 About a Chair AAC 22 </span> 3373 </li> 3374 </ol> 3375 </div> 3376</nav> 3377
3377<script type="application/ld+json"> 3378 { "@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"}}] } 3379 </script>
3379 3380</div><main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div><div class="page messages">
3380<script> 3381 function initMessages() { 3382 'use strict'; 3383 3384 const PERSISTENT_MESSAGE_TYPES = ['info', 'warning', 'notice']; 3385 const TRACKING_CLASS_LIST = {"success":["gtm-tracking-success"],"error":["gtm-tracking-error"],"info":["gtm-tracking-info"],"warning":["gtm-tracking-info"],"notice":["gtm-tracking-info"]}; 3386 3387 return { 3388 messages: window.mageMessages || [], 3389 isEmpty() { 3390 return this.messages.reduce( 3391 function (isEmpty, message) { 3392 return isEmpty && message === undefined 3393 }, true 3394 ) 3395 }, 3396 getMessageAdditionalClasses({ type: messageType }) { 3397 let trackingMessages = []; 3398 if (Array.isArray(TRACKING_CLASS_LIST[messageType])) { 3399 trackingMessages = TRACKING_CLASS_LIST[messageType]; 3400 } 3401 3402 return [ 3403 messageType, 3404 ...trackingMessages 3405 ].join(' '); 3406 }, 3407 hasMessages() { 3408 return !this.isEmpty(); 3409 }, 3410 hasMessage() { 3411 return !!this.message; 3412 }, 3413 removeMessage() { 3414 this.messages[this.index] = undefined; 3415 }, 3416 addMessages(messages, hideAfter) { 3417 messages.map((message) => { 3418 this.messages = this.messages.concat(message); 3419 3420 if (!PERSISTENT_MESSAGE_TYPES.includes(message.type)) { 3421 this.setHideTimeOut(this.messages.length -1, 15000); 3422 } 3423 }); 3424 }, 3425 setHideTimeOut(messageIndex, hideAfter) { 3426 setTimeout((messageIndex) => { 3427 this.messages[messageIndex] = undefined; 3428 }, hideAfter, messageIndex); 3429 }, 3430 eventListeners: { 3431 ['x-on:messages-loaded.window'](event) { 3432 this.addMessages(event.detail.messages, event.detail.hideAfter) 3433 }, 3434 ['x-on:private-content-loaded.window'](event) { 3435 const data = event.detail.data; 3436 if ( 3437 data.messages && 3438 data.messages.messages && 3439 data.messages.messages.length 3440 ) { 3441 this.addMessages(data.messages.messages); 3442 } 3443 }, 3444 ['x-on:clear-messages.window']() { 3445 this.messages = []; 3446 } 3447 }, 3448 getMessageUiId() { 3449 return 'message-' + this.message.type; 3450 } 3451 } 3452 } 3453 3454 window.addEventListener('alpine:init', () => Alpine.data('initMessages', initMessages), {once: true}) 3455</script>
3455 3456<section id="messages" x-data="initMessages" x-bind="eventListeners" role="alert"> 3457 <template x-if="hasMessages"> 3458 <div class="w-full"> 3459 <div class="messages container mx-auto py-3"> 3460 <template x-for="(message, index) in messages" :key="index"> 3461 <div> 3462 <template x-if="hasMessage"> 3463 <div class="message" 3464 :class="getMessageAdditionalClasses(message)" 3465 :ui-id="getMessageUiId" 3466 > 3467 <template x-if="message.type === 'success'"> 3468 <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"> 3469<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"/> 3470</svg> 3471</span> 3472 </template> 3473 <template x-if="message.type === 'warning'"> 3474 <span class="icon fill">i</span> 3475 </template> 3476 <template x-if="message.type === 'error'"> 3477 <span class="icon fill">i</span> 3478 </template> 3479 <span class="pr-4 w-full" x-html="message.text"></span> 3480 <button type="button" class="close cursor-pointer text-black" title="Close" 3481 x-on:click.prevent="removeMessage(index)" 3482 > 3483 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="h-4 w-auto" width="24" height="24" role="img"> 3484 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 3485</svg> 3486 </button> 3487 </div> 3488 </template> 3489 </div> 3490 </template> 3491 </div> 3492 </div> 3493 </template> 3494</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"> 3495 <div class="col-span-full lg:hidden"> 3496 <div class="grid relative grid-cols-6 sm:grid-cols-4 col-span-full"> 3497 <div class="col-span-5 xl:grid-cols-4"> 3498 <div class="mb-2.5 h-[20px]"> 3499 <a href="https://shop.schoener-wohnen.de/hay/" 3500 title="HAY" class="block"> 3501 <span class="w-full underline text-base block h-[20px]"> 3502 <img loading="lazy" width="60" height="20" src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/60.svg?auto=format" 3503 class="w-auto h-[20px]" 3504 alt="HAY" /> </span> 3505 </a> 3506</div> <h1 class="text-2xl leading-tight"> 3507 HAY - About a Chair AAC 22 </h1> 3508 <p class="text-xs leading-normal"> 3509 Design von <a href="https://shop.schoener-wohnen.de/designer-hee-welling/" class="underline"> Hee Welling </a> </p> 3510 </div> 3511 <div class="flex justify-end absolute top-0 right-0"> 3512 <div> 3513
3513<script> 3514 function WishlistButton() { 3515 return { 3516 isLoading: false, 3517 addItemToWishlistQuery: `mutation 3518 addProductToWishlist( 3519 $wishlistId: ID! 3520 $wishlistItems: [WishlistItemInput!]! 3521 ) { 3522 addProductsToWishlist( 3523 wishlistId: $wishlistId 3524 wishlistItems: $wishlistItems 3525 ) { 3526 wishlist { 3527 id 3528 items_count 3529 items_v2 (currentPage: 1, pageSize: 100 ) { 3530 items { 3531 id 3532 quantity 3533 ... on ConfigurableWishlistItem { 3534 configured_variant { 3535 name 3536 sku 3537 attributeValueLabels(fields: ["manufacturer"]) 3538 small_image { 3539 url 3540 } 3541 price_range { 3542 minimum_price { 3543 regular_price { 3544 currency 3545 value 3546 } 3547 final_price { 3548 currency 3549 value 3550 } 3551 } 3552 maximum_price { 3553 regular_price { 3554 currency 3555 value 3556 } 3557 final_price { 3558 currency 3559 value 3560 } 3561 } 3562 } 3563 } 3564 configurable_options { 3565 id 3566 option_label 3567 configurable_product_option_value_uid 3568 value_label 3569 } 3570 } 3571 product { 3572 uid 3573 name 3574 sku 3575 attributeValueLabels(fields: ["manufacturer"]) 3576 small_image { 3577 url 3578 } 3579 price_range { 3580 minimum_price { 3581 regular_price { 3582 currency 3583 value 3584 } 3585 final_price { 3586 currency 3587 value 3588 } 3589 } 3590 maximum_price { 3591 regular_price { 3592 currency 3593 value 3594 } 3595 final_price { 3596 currency 3597 value 3598 } 3599 } 3600 } 3601 } 3602 } 3603 } 3604 } 3605 user_errors { 3606 code 3607 message 3608 } 3609 } 3610 }`, 3611 removeItemFromWishlistQuery: `mutation 3612 removeProductFromWishlist( 3613 $wishlistId: ID! 3614 $wishlistItemsIds: [ID!]! 3615 ) { 3616 removeProductsFromWishlist( 3617 wishlistId: $wishlistId 3618 wishlistItemsIds: $wishlistItemsIds 3619 ){ 3620 wishlist { 3621 id 3622 items_count 3623 } 3624 user_errors { 3625 code 3626 message 3627 } 3628 } 3629 }`, 3630 qty: 1, 3631 mainProductSku: '90318001', 3632 customerLoggedIn: null, 3633 selectedOptions: null, 3634 wishlistId: 0, 3635 wishlistItems: null, 3636 currentVariantSku: null, 3637 isCurrentVariantOnWishlist: false, 3638 displayLoginPrompt: false, 3639 getAddItemDataStructure() { 3640 return [{ 3641 sku: this.mainProductSku, 3642 quantity: parseFloat(this.qty),
3643 selected_options: this.getSelectedValuesAsBase64() 3644 }] 3645 }, 3646 getRemoveItemDataStructure() { 3647 let itemIds = []; 3648 3649 if (Array.isArray(this.wishlistItems)) { 3650 this.wishlistItems.forEach((wishlistItem) => { 3651 if (wishlistItem.product_sku === this.currentVariantSku) { 3652 itemIds.push(wishlistItem.item_id) 3653 } 3654 }); 3655 } 3656 3657 return itemIds; 3658 }, 3659 getSelectedValuesAsBase64() { 3660 const selectedOptions = [] 3661 3662 if (this.selectedOptions) { 3663 for (const attributeId in this.selectedOptions) { 3664 if (this.selectedOptions.hasOwnProperty(attributeId) && Number(attributeId)) { 3665 selectedOptions.push('"' + btoa('configurable/' + attributeId + '/' + this.selectedOptions[attributeId]) + '"') 3666 } 3667 } 3668 } 3669 3670 return selectedOptions 3671 }, 3672 wishlistAction() { 3673 if (!this.customerLoggedIn) { 3674 this.displayLoginPrompt = true 3675 3676 return false 3677 } 3678 3679 if (!this.selectedOptions || !this.qty) { 3680 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 3681 [{ 3682 type: "error", 3683 text: "Bitte\u0020w\u00E4hlen\u0020Sie\u0020alle\u0020ben\u00F6tigten\u0020Optionen\u0020aus." 3684 }], 10000 3685 ) 3686 3687 return false 3688 } 3689 3690 this.mutateWishlist() 3691 }, 3692 mutateWishlist() { 3693 this.isLoading = true 3694 3695 let variables = {"wishlistId": this.wishlistId}; 3696 if (this.isCurrentVariantOnWishlist) { 3697 variables["wishlistItemsIds"] = this.getRemoveItemDataStructure(); 3698 } else { 3699 variables["wishlistItems"] = this.getAddItemDataStructure(); 3700 } 3701 3702 fetch(`${BASE_URL}graphql`, { 3703 method: 'POST', 3704 headers: { 3705 'Content-Type': 'application/json', 3706 'Store': CURRENT_STORE_CODE, 3707 credentials: 'include' 3708 }, 3709 body: JSON.stringify({ 3710 query: this.isCurrentVariantOnWishlist ? this.removeItemFromWishlistQuery : this.addItemToWishlistQuery, 3711 variables: variables 3712 }) 3713 }) 3714 .then((response) => { 3715 return response.json() 3716 }) 3717 .then((data) => { 3718 const wishlistItems = data?.data?.addProductsToWishlist?.wishlist?.items_v2?.items || []; 3719 3720 let wishlistItem = wishlistItems.find((item) => { 3721 if (item?.configured_variant?.sku === this.currentVariantSku) { 3722 return true; 3723 } 3724 3725 if (parseInt(item?.product?.sku) === this.currentVariantSku) { 3726 return true; 3727 } 3728 3729 return false; 3730 }); 3731 3732 if (wishlistItem) { 3733 wishlistItem = wishlistItem.configured_variant ? 3734 { 3735 ...wishlistItem.configured_variant, 3736 configurable_options: wishlistItem?.configurable_options 3737 } : 3738 wishlistItem.product; 3739 3740 this.dispatchWishlistConfirmationPopupEvent(wishlistItem); 3741 } 3742 3743 this.reloadCustomerData(); 3744 }) 3745 .catch(error => { 3746 console.error(error) 3747 3748 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 3749 [{ 3750 type: "error", 3751 text: "Item\u0020could\u0020not\u0020be\u0020added\u0020to\u0020Wishlist." 3752 }], 10000 3753 ) 3754 }) 3755 }, 3756 dispatchWishlistConfirmationPopupEvent(wishlistItem) { 3757 const showConfirmationPopupEvent = new CustomEvent(
3758 "add-to-wishlist-confirmation-popup-call", { 3759 detail: { 3760 wishlistItem 3761 } 3762 }); 3763 3764 window.dispatchEvent(showConfirmationPopupEvent); 3765 }, 3766 setIsCurrentVariantOnWishlist() { 3767 this.isCurrentVariantOnWishlist = this.currentVariantSku && this.wishlistItems && this.wishlistItems.find(item => item.product_sku === this.currentVariantSku) || false 3768 }, 3769 reloadCustomerData() { 3770 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data") 3771 window.dispatchEvent(reloadCustomerDataEvent) 3772 }, 3773 initSimpleProduct() { 3774 this.currentVariantSku = `90318001` 3775 this.setIsCurrentVariantOnWishlist() 3776 }, 3777 eventListeners: { 3778 ['x-on:private-content-loaded.window'](event) { 3779 this.customerLoggedIn = event.detail.data.customer && event.detail.data.customer.firstname || null 3780 this.wishlistItems = event.detail.data.wishlist && event.detail.data.wishlist.items || null 3781 this.wishlistId = event.detail.data.wishlist && event.detail.data.wishlist.wishlist_id || null 3782 3783 if (this.customerLoggedIn) { 3784 this.setIsCurrentVariantOnWishlist() 3785 } 3786 3787 this.isLoading = false 3788 }, 3789 ['x-on:update-variant-sku.window'](event) { 3790 this.currentVariantSku = event.detail 3791 this.setIsCurrentVariantOnWishlist() 3792 }, 3793 ['x-on:update-currentSelection-17572.window'](event) { 3794 this.selectedOptions = event.detail 3795 }, 3796 } 3797 } 3798 } 3799</script>
3799 <div x-data="WishlistButton()" x-bind="eventListeners" x-on:click.outside="displayLoginPrompt = false" 3800 class="" 3801 > 3802 <button x-on:click.prevent="wishlistAction()" 3803 :title="!isCurrentVariantOnWishlist ? 'Zur\u0020Wunschliste\u0020hinzuf\u00FCgen' : 'Von\u0020der\u0020Wunschliste\u0020entfernen'" 3804 :aria-label="!isCurrentVariantOnWishlist ? 'Zur\u0020Wunschliste\u0020hinzuf\u00FCgen' : 'Von\u0020der\u0020Wunschliste\u0020entfernen'" 3805 class="p-0 border-0 inline-flex text-black hover:text-primary items-center justify-center ml-4 w-6 h-6" 3806 type="button" 3807 > 3808 <span :class="{'hidden' : isCurrentVariantOnWishlist || isLoading}"> 3809 <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"> 3810 <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"/> 3811</svg> 3812 </span> 3813 <span class="hidden" :class="{'hidden' : !isCurrentVariantOnWishlist || isLoading}"> 3814 <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> 3815 </span> 3816 <span class="hidden" :class="{'hidden' : !isLoading}"> 3817 <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"> 3818 <g fill="none" fill-rule="evenodd" stroke-width="2" transform="translate(1 1)"> 3819 <circle cx="5" cy="50" r="5"> 3820 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;5;50;50"/> 3821 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="5;27;49;5"/> 3822 </circle> 3823 <circle cx="27" cy="5" r="5"> 3824 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" from="5" repeatCount="indefinite" to="5" values="5;50;50;5"/> 3825 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="27" repeatCount="indefinite" to="27" values="27;49;5;27"/> 3826 </circle> 3827 <circle cx="49" cy="50" r="5"> 3828 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;50;5;50"/> 3829 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="49" repeatCount="indefinite" to="49" values="49;5;27;49"/> 3830 </circle> 3831 </g> 3832</svg> 3833 </span> 3834 </button> 3835 <div class="relative hidden" :class="{'block' : displayLoginPrompt, 'hidden' : !displayLoginPrompt}"> 3836 <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> 3837 <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"> 3838 <p class="font-medium mb-3">Wunschliste</p> 3839 <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> 3840 </div> 3841 </div> 3842 </div> 3843</div> </div> 3844 3845 <div class="block cursor-pointer pt-3 col-span-full" 3846 onclick="window.dispatchEvent(new CustomEvent('scroll-to-and-open-review-tab'))" 3847 role="button" 3848 > 3849 3850 3851 <div class="rating-summary flex items-center" 3852 >
3853 <span class="mr-1"> 3854 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 3855 style="color: #333"> 3856 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 3857 stroke-miterlimit="10" stroke-width="3" 3858 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"/> 3859 </svg> 3860 </span> 3861 <span class="mr-1"> 3862 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 3863 style="color: #333"> 3864 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 3865 stroke-miterlimit="10" stroke-width="3" 3866 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
386651.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"/> 3867 </svg> 3868 </span> 3869 <span class="mr-1"> 3870 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 3871 style="color: #333"> 3872 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 3873 stroke-miterlimit="10" stroke-width="3" 3874 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"/> 3875 </svg> 3876 </span> 3877 <span class="mr-1"> 3878 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 3879 style="color: #333"> 3880 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 3881 stroke-miterlimit="10" stroke-width="3" 3882 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
388251.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"/> 3883 </svg> 3884 </span> 3885 <span class="mr-1"> 3886 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 3887 style="color: #333"> 3888 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 3889 stroke-miterlimit="10" stroke-width="3" 3890 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"/> 3891 </svg> 3892 </span> 3893 3894 <span class="mt-px"> 3895 (<span class="underline">2</span>) 3896 </span> 3897 </div> 3898 </div> 3899 </div> </div> 3900 <div class="gallery-wrapper relative lg:col-span-2 w-full lg:pr-8 xl:pr-12 col-start-1"> 3901 <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"> 3902 <div class="flex items-center justify-center w-full h-full cursor-zoom-in bg-white"> 3903 <picture> 3904 <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"> 3905 <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"> 3906 <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"> 3907 <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"> 3908 <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"> 3909 <img 3910 class="m-auto max-h-full max-w-full w-auto h-auto" 3911 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" 3912 alt="HAY - About a Chair AAC 22 - 1" 3913 title="HAY - About a Chair AAC 22 - 1" 3914 width="700" 3915 height="350" 3916 /> 3917 </picture> 3918 </div> 3919</div><div class="overflow-hidden w-full h-[370px] md:h-[29.5rem] relative" 3920 x-data="MainImageSwiper()" x-init="loadJs();" 3921 x-bind="eventListeners" 3922> 3923 <div class="swiper-container h-full"> 3924 <div class="swiper-wrapper items-center"> 3925 <template x-for="(image, index) in slides"> 3926 <div class="swiper-slide flex items-center justify-center w-full h-full cursor-zoom-in bg-white" 3927 @click.debounce="$dispatch('fancybox-show')" 3928 > 3929 <template x-if="image.type === 'image'"> 3930 <picture> 3931 <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'"> 3932 <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'"> 3933 <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'"> 3934 <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'"> 3935 <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'"> 3936 <img class="m-auto max-h-full max-w-full w-auto h-auto" 3937 :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'" 3938 :alt="`HAY - About a Chair AAC 22 - ${index + 1}`" 3939 :title="`HAY - About a Chair AAC 22 - ${index + 1}`" 3940 width="700" 3941 height="350" 3942 :loading="index === 0 || mainImageIndex > 0 ? 'eager' : 'lazy'" 3943 onload="document.getElementById('prefetch-gallery-image').classList.add('hidden')" 3944 /> 3945 </picture> 3946 </template> 3947 <template x-if="image.type === 'video'">
3948 <div :id="'youtube-player-gallery' + index" 3949 class="h-full w-full flex flex-col relative z-20 overflow-hidden"> 3950 <iframe :src="youtubeService && youtubeService.getYoutubeEmbedSrc(image.videoUrl)" 3951 class="yt_player_iframe youtube-player-' + index + ' w-full h-full" 3952 type="text/html" 3953 ></iframe> 3954 </div> 3955 </template> 3956 </div> 3957 </template> 3958 </div> 3959 </div> 3960 <div 3961 class="product-badges absolute bottom-0 left-0 flex flex-row lg:pr-8 xl:pr-12 transform -translate-y-1/2 z-20" 3962 x-data="ProductBadge()" x-bind="eventListeners" 3963> 3964 <template x-if="badges && badges[currentVariantId] && badges[currentVariantId].length"> 3965 <span class="flex flex-row"> 3966 <template x-for="(item, index, collection) in badges[currentVariantId]"> 3967 <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> 3968 </template> 3969 </span> 3970 </template> 3971</div>
3972<script> 3973 function ProductBadge() { 3974 return { 3975 badges: {}, 3976 currentVariantId: null, 3977 parentProduct: { 3978 id: 17572, 3979 product_banner_type_promotion: '', 3980 product_banner_type_pos: '', 3981 product_banner_type_selected: '', 3982 product_banner_type_editorial: '', 3983 product_banner_type_marketing: '', 3984 product_banner_type_sustainability: '', 3985 product_banner_type_exclusive: '', 3986 }, 3987 initSimpleProduct() { 3988 }, 3989 eventListeners: { 3990 ['x-on:init-badge-data.window'](event) { 3991 event.detail.forEach((product) => { 3992 if(!(this.badges[product.id])) { 3993 product.parentProduct = this.parentProduct; 3994 this.badges[product.id] = themeServiceBadges.getBadges(product) 3995 } 3996 }) 3997 }, 3998 ['x-on:update-variant-id.window'](event) { 3999 this.currentVariantId = event.detail 4000 } 4001 } 4002 } 4003 } 4004</script>
4004
4004<script> 4005 const MainImageSwiper = function () { 4006 const containerSelector = '.swiper-container'; 4007 const loopOffset = 1; 4008 const isDocumentVisible = () => document.visibilityState === 'visible'; 4009 4010 return { 4011 swiperInstance: null, 4012 slides: [], 4013 mainImageIndex: 0, 4014 youtubeService: null, 4015 updateSlides(slides) { 4016 this.slides = slides 4017 if (this.swiperInstance) { 4018 this.swiperInstance.destroy(); 4019 if (isDocumentVisible()) { 4020 this.initSwiper(); 4021 } 4022 } 4023 }, 4024 loadJs() { 4025 if (document.getElementById('loadSwiper')) { 4026 return true; 4027 } 4028 const loadSwiper = document.createElement('script'); 4029 loadSwiper.src = 'https://shop.schoener-wohnen.de/static/version1788937838/frontend/DesignBestseller/schoener_wohnen/de_DE/js/swiper/swiper-bundle.min.js'; 4030 loadSwiper.id = 'loadSwiper'; 4031 if (isDocumentVisible()) { 4032 loadSwiper.onload = this.initSwiper.bind(this) 4033 } else { 4034 const documentVisibilityListener = () => { 4035 if (isDocumentVisible()) { 4036 requestAnimationFrame(this.initSwiper.bind(this)); 4037 document.removeEventListener('visibilitychange', documentVisibilityListener); 4038 } 4039 } 4040 document.addEventListener('visibilitychange', documentVisibilityListener) 4041 } 4042 const firstScriptTag = document.getElementsByTagName('script')[0]; 4043 firstScriptTag.parentNode.insertBefore(loadSwiper, firstScriptTag); 4044 }, 4045 initSwiper() { 4046 this.swiperInstance = new Swiper(containerSelector, { 4047 init: false, 4048 direction: 'horizontal', 4049 loop: true, 4050 slidesPerView: 1, 4051 preloadImages: false, 4052 spaceBetween: 16, 4053 lazy: false, 4054 }); 4055 4056 this.swiperInstance.on('slideChangeTransitionStart init', () => { 4057 this.mainImageIndex = this.swiperInstance.realIndex; 4058 4059 window.dispatchEvent(new CustomEvent('gallery-image-active', {detail: this.mainImageIndex})) 4060 }); 4061 4062 requestAnimationFrame(() => { 4063 Alpine.stopObservingMutations(); 4064 4065 this.swiperInstance.init(); 4066 this.swiperInstance.update(); 4067 this.setActiveSlide(0); 4068 4069 queueMicrotask(() => { 4070 Alpine.startObservingMutations(); 4071 }); 4072 }); 4073 },
4074 setActiveSlide(mainImageIndex) { 4075 if(this.mainImageIndex !== mainImageIndex) { 4076 this.mainImageIndex = mainImageIndex 4077 this.$nextTick(() => { 4078 this.swiperInstance.slideTo(mainImageIndex + loopOffset) 4079 this.youtubeService && this.youtubeService.stopVideo() 4080 }); 4081 } 4082 }, 4083 eventListeners: { 4084 ['x-on:gallery-images.window.debounce'](event) { 4085 this.updateSlides(event.detail) 4086 }, 4087 ['x-on:gallery-image-active.window'](event) { 4088 this.setActiveSlide(event.detail) 4089 }, 4090 ['x-on:youtube-service-loaded.window']() { 4091 this.youtubeService = YoutubeServices() 4092 }, 4093 }, 4094 } 4095 } 4096</script>
4096</div><div x-data="GalleryNote()" x-bind="eventListeners" > 4097 <div class="flex flex-row justify-center items-center text-xs pr-20 lg:pr-0" x-html="galleryNote"></div> 4098</div> 4099
4100<script> 4101 function GalleryNote() { 4102 return { 4103 galleryNote: '', 4104 eventListeners: { 4105 ['x-on:update-gallerynote.window'](event) { 4106 this.galleryNote = event.detail 4107 }, 4108 }, 4109 } 4110 } 4111</script>
4111<div class="flex flex-col-reverse lg:flex-col"> 4112 <div class="relative lg:min-h-[150px]"> 4113 <div x-data="Thumbnails()" x-bind="eventListeners" class="w-full" id="gallery-thumbnails"> 4114 <div class="flex items-center justify-center text-neutralgray lg:p-2 lg:pb-4"> 4115 <span class="w-12 justify-start cursor-pointer text-neutralgray-darker hidden lg:flex" 4116 x-on:click="dispatchNavigationToPreviousThumbnail()" 4117 > 4118 <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> 4119 </span> 4120 <span class="block p-1 bg-white absolute right-3 bottom-1 lg:static z-10" 4121 x-text="`${mainImageIndex + 1} / ${images.length}`"></span> 4122 <span class="w-12 justify-end cursor-pointer text-neutralgray-darker hidden lg:flex" 4123 x-on:click="dispatchNavigationToNextThumbnail()" 4124 > 4125 <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> 4126 </span> 4127 </div> 4128 <div class="-mx-3.5 lg:h-[92px]" style="width: calc(100% + 1.75rem)"> 4129 <div id="thumbs" class="hidden lg:flex flex-wrap overflow-hidden"> 4130 <div class="lg:h-[92px] scrollbar flex flex-row flex-nowrap transition transition-transform ease-in-out pb-px" 4131 :style="'transform: translateX(' + scrollOffset + 'px)'" 4132 > 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 <div class="px-3.5 h-[92px]" :class="'!hidden'"> 4149 <span class="block lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px] border border-foggray-lighter"></span> 4150 </div> 4151 <template x-for="(image, index) in images" :key="index"> 4152 <div class="px-3.5 lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px]"> 4153 <a href="#" x-on:click.prevent="interactWithThumbnails(index);" 4154 class="inline-flex h-full w-full justify-center items-center border border-foggray-lighter p-2" 4155 :class="{'border-primary': mainImageIndex === index, 'border-foggray-lighter': mainImageIndex !== index}"> 4156 <template x-if="image.type === 'image'"> 4157 <img :src="image.thumb + 'auto=compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff&h=74'" 4158 :alt="`HAY - About a Chair AAC 22 - ` + (index + 1) + ` - Vorschau`" 4159 :title="`HAY - About a Chair AAC 22 - ` + (index + 1) + ` - Vorschau`" 4160 :loading="index > 6 ? 'lazy' : ''" 4161 class="max-w-full max-h-full w-auto h-auto" 4162 width="150" 4163 height="74" 4164 /> 4165 </template> 4166 <template x-if="image.type === 'video'"> 4167 <img :src="youtubeService && youtubeService.getYoutubeThumbn
4167ailStillSrc(image.videoUrl)" 4168 :alt="`HAY - About a Chair AAC 22 - ` + (index + 1) + ` - Vorschau`" 4169 :title="`HAY - About a Chair AAC 22 - ` + (index + 1) + ` - Vorschau`" 4170 :loading="index > 6 ? 'lazy' : ''" 4171 class="max-w-full max-h-full w-auto h-auto" 4172 width="150" 4173 height="74" 4174 /> 4175 </template> 4176 </a> 4177 </div> 4178 </template> 4179 </div> 4180 </div> 4181 </div> 4182 </div> 4183
4183<script> 4184 const Thumbnails = function () { 4185 return { 4186 mainImageIndex: null, 4187 images: [], 4188 itemWidth: 0, 4189 scrollAmount: 1, 4190 currentPage: 0, 4191 pageSize: 0, 4192 pageSizePerResolution: { 4193 'lg': 4, 4194 'xl': 5, 4195 '2xl': 6, 4196 }, 4197 containerWidth: 0, 4198 scrollOffset: 0, 4199 maxScrollOffset: 0, 4200 youtubeService: null, 4201 initThumbnails() { 4202 this.getPageSizeForCurrentResolution() 4203 this.setContainerWidth() 4204 this.setThumbnailItemWidth() 4205 this.setMaxScrollOffset() 4206 this.setCanScrollThumbnailsPrev() 4207 this.setCanScrollThumbnailsNext() 4208 }, 4209 receiveImages(event) { 4210 this.images = event || [] 4211 this.resetThumbnailAttributes() 4212 this.setCanScrollThumbnailsPrev() 4213 this.setCanScrollThumbnailsNext() 4214 }, 4215 resetThumbnailAttributes() { 4216 this.currentPage = 0 4217 this.scrollOffset = 0 4218 }, 4219 getPageSizeForCurrentResolution() { 4220 const screenSize = themeServiceScreen.getScreen() 4221 this.pageSize = screenSize && this.pageSizePerResolution[themeServiceScreen.getScreen()] || this.pageSizePerResolution.lg 4222 }, 4223 setThumbnailItemWidth() { 4224 this.itemWidth = (this.containerWidth) / this.pageSize 4225 }, 4226 setCanScrollThumbnailsPrev() { 4227 const prevThumbnailScrollPage = this.mainImageIndex - this.scrollAmount 4228 }, 4229 setCanScrollThumbnailsNext() { 4230 const nextThumbnailScrollPage = this.mainImageIndex + this.scrollAmount 4231 }, 4232 setMaxScrollOffset() { 4233 this.maxScrollOffset = this.containerWidth / (this.scrollAmount * this.itemWidth) 4234 }, 4235 setContainerWidth() { 4236 this.containerWidth = document.querySelector('#thumbs').clientWidth 4237 }, 4238 scrollThumbnailsCalculation() { 4239 if (this.mainImageIndex < this.currentPage && this.currentPage % this.pageSize === 0) { 4240 this.currentPage = this.currentPage > this.pageSize ? this.currentPage - this.pageSize : 0 4241 this.scrollOffset = this.itemWidth * this.scrollAmount * this.currentPage * -1 4242 } 4243 else if (this.mainImageIndex % this.pageSize === 0 || this.mainImageIndex === 0 || this.mainImageIndex === Object.keys(this.images).length) { 4244 this.currentPage = this.mainImageIndex 4245 this.scrollOffset = this.itemWidth * this.scrollAmount * this.currentPage * -1 4246 } 4247 this.setCanScrollThumbnailsPrev() 4248 this.setCanScrollThumbnailsNext() 4249 }, 4250 dispatchNavigationToPreviousThumbnail() { 4251 const prevImageIndex = this.mainImageIndex - this.scrollAmount >= 0 4252 ? this.mainImageIndex - this.scrollAmount 4253 : this.images.length - 1; 4254 this.setMainImageIndex(prevImageIndex) 4255 this.scrollThumbnailsCalculation() 4256 }, 4257 dispatchNavigationToNextThumbnail() { 4258 const nextImageIndex = this.mainImageIndex + this.scrollAmount >= this.images.length 4259 ? 0 4260 : this.mainImageIndex + this.scrollAmount; 4261 this.setMainImageIndex(nextImageIndex) 4262 this.scrollThumbnailsCalculation() 4263 }, 4264 interactWithThumbnails(newMainImageIndex) { 4265 this.setMainImageIndex(newMainImageIndex) 4266 this.scrollThumbnails() 4267 this.setCanScrollThumbnailsPrev() 4268 this.setCanScrollThumbnailsNext() 4269 }, 4270 scrollThumbnails() { 4271 this.currentPage = Math.floor((this.mainImageIndex) / this.pageSize) + 1 4272 this.scrollOffset = -1 * (this.currentPage * this.containerWidth - this.containerWidth)
4273 this.scrollThumbnailsCalculation() 4274 }, 4275 setMainImageIndex(newMainImageIndex) { 4276 this.mainImageIndex = newMainImageIndex 4277 window.dispatchEvent(new CustomEvent('gallery-image-active', {detail: this.mainImageIndex})) 4278 }, 4279 eventListeners: { 4280 ['x-on:window-resize-horizontal.window.debounce']() { 4281 this.resetThumbnailAttributes() 4282 this.initThumbnails() 4283 this.setCanScrollThumbnailsPrev() 4284 this.setCanScrollThumbnailsNext() 4285 this.scrollThumbnails() 4286 }, 4287 ['x-on:gallery-images.window'](event) { 4288 this.images = event.detail || [] 4289 this.resetThumbnailAttributes() 4290 this.initThumbnails() 4291 this.setCanScrollThumbnailsPrev() 4292 this.setCanScrollThumbnailsNext() 4293 }, 4294 ['x-on:gallery-image-active.window'](event) { 4295 this.mainImageIndex = event.detail 4296 this.scrollThumbnails() 4297 }, 4298 ['x-on:youtube-service-loaded.window']() { 4299 this.youtubeService = YoutubeServices() 4300 }, 4301 }, 4302 } 4303 } 4304</script>
4304</div></div> 4305<div id="gallery" x-data="Gallery()" x-bind="eventListeners" 4306 > 4307 <div x-data="FancyboxComponent()" 4308 @fancybox-show.window="showFancybox()" 4309 @gallery-image-active.window="activeSlideIndex = $event.detail"></div>
4310<script> 4311 const FancyboxComponent = function FancyboxComponent() { 4312 const loadFancyboxLibrary = () => { 4313 if (document.getElementById('fancybox-lib')) { 4314 return Promise.resolve(true); 4315 } 4316 4317 return new Promise(resolve => { 4318 const loadFancybox = document.createElement('script'); 4319 loadFancybox.src = 'https://shop.schoener-wohnen.de/static/version1788937838/frontend/DesignBestseller/schoener_wohnen/de_DE/js/fancybox/fancybox.umd.js'; 4320 loadFancybox.defer = true; 4321 loadFancybox.id = 'fancybox-lib'; 4322 loadFancybox.onload = () => { 4323 resolve(true); 4324 } 4325 document.body.appendChild(loadFancybox); 4326 }) 4327 } 4328 4329 const loadFancyboxStyles = () => { 4330 if (document.getElementById('fancybox-styles')) { 4331 return Promise.resolve(true); 4332 } 4333 4334 return new Promise(resolve => { 4335 const loadFancyboxStyles = document.createElement('link'); 4336 loadFancyboxStyles.href = 'https://shop.schoener-wohnen.de/static/version1788937838/frontend/DesignBestseller/schoener_wohnen/de_DE/js/fancybox/fancybox.min.css'; 4337 loadFancyboxStyles.rel = 'stylesheet'; 4338 loadFancyboxStyles.id = 'fancybox-styles'; 4339 loadFancyboxStyles.onload = () => { 4340 resolve(true); 4341 } 4342 document.head.appendChild(loadFancyboxStyles); 4343 }); 4344 } 4345 4346 const prepareImages = (galleryImages) => { 4347 return galleryImages.filter(item => item.type === 'image').map((image) => { 4348 const url = new URLSearchParams(image.full); 4349 4350 url.set('auto', 'format,compress'); 4351 url.set('q', '100'); 4352 url.set('bg', 'ffffff'); 4353 url.set('fit', 'fillmax'); 4354 url.set('fill', 'solid'); 4355 url.set('fill-color', 'ffffff'); 4356 url.set('trim', 'color'); 4357 url.set('trim-color', 'ffffff'); 4358 url.set('trim-tol', '10'); 4359 url.set('pad', '60'); 4360 4361 return { 4362 src: decodeURIComponent(url.toString()), 4363 caption: image.caption, 4364 }; 4365 }); 4366 } 4367 4368 return { 4369 activeSlideIndex: 0, 4370 async showFancybox() { 4371 await loadFancyboxLibrary(); 4372 await loadFancyboxStyles(); 4373 4374 const images = prepareImages(this.images); 4375 const options = { 4376 Hash: false, 4377 Thumbs: false, 4378 Carousel: { 4379 Navigation: false, 4380 }, 4381 Autoplay: false, 4382 startIndex: this.activeSlideIndex, 4383 loop: true, 4384 Toolbar: { 4385 absolute: false, 4386 display: { 4387 left: [], 4388 middle: [], 4389 right: ["toggleZoom", 'fullscreen', "close"], 4390 } 4391 }, 4392 tpl: { 4393 main: `<div class="fancybox__container" role="dialog" aria-modal="true" aria-label="{{MODAL}}" tabindex="-1"> 4394 <div class="fancybox__toolbar bg-black bg-opacity-25"></div> 4395 <div class="fancybox__backdrop"></div> 4396 <div class="fancybox__carousel"></div> 4397 <div class="fancybox__footer z-20 bg-black bg-opacity-25"> 4398 <div class="flex flex-row items-center justify-center flex-1 w-full"> 4399 <button data-fancybox-prev class="f-button is-prev" title="{{PREV}}" aria-label="{{PREV}}"> 4400 <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"> 4401 <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"/> 4402</svg> 4403 </button> 4404 <div class="fancybox__infobar">
4405 <span data-fancybox-current-index></span>/<span data-fancybox-count></span> 4406 </div> 4407 <button data-fancybox-next class="f-button is-next" title="{{NEXT}}" aria-label="{{NEXT}}"> 4408 <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"> 4409 <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"/> 4410</svg> 4411 </button> 4412 </div> 4413 </div> 4414</div>`, 4415 } 4416 }; 4417 4418 new Fancybox(images, options); 4419 }, 4420 }; 4421 } 4422</script>
4422</div>
4423<script> 4424 function Gallery() { 4425 return { 4426 images: [], 4427 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}], 4428 receiveImages(images) { 4429 if (images && Object.keys(images).length) { 4430 images = [].concat(images, this.originalImages) 4431 } 4432 this.init(images) 4433 }, 4434 init(images) { 4435 this.images = (images || this.originalImages) 4436 .filter(image => ['image', 'video'].indexOf(image.type) > -1) || [] 4437 this.checkForVideoGalleryElement() 4438 this.dispatchSwiperAndThumbnailImages() 4439 }, 4440 dispatchSwiperAndThumbnailImages() { 4441 window.dispatchEvent(new CustomEvent('gallery-images', {detail: this.images})) 4442 }, 4443 checkForVideoGalleryElement() { 4444 if (typeof YoutubeServices !== 'function') {
4445 this.images.forEach((image) => { 4446 if (image.type === 'video') { 4447 this.initLoadYoutubeScript() 4448 return false; // exit from forEach 4449 } 4450 }) 4451 } 4452 }, 4453 initLoadYoutubeScript() { 4454 if (!document.getElementById('youtube-scriptloader')) { 4455 const youtubeScriptNode = document.createElement("script"); 4456 youtubeScriptNode.id = 'youtube-scriptloader'; 4457 youtubeScriptNode.setAttribute("src", 'https\u003A\u002F\u002Fshop.schoener\u002Dwohnen.de\u002Fstatic\u002Fversion1788937838\u002Ffrontend\u002FDesignBestseller\u002Fschoener_wohnen\u002Fde_DE\u002Fjs\u002Ftheme\u002Dscripts\u002Fcomponents\u002Fyoutube.js'); 4458 document.head.appendChild(youtubeScriptNode); 4459 } 4460 }, 4461 eventListeners: { 4462 ['x-on:update-gallery.window'](event) { 4463 this.receiveImages(event.detail) 4464 }, 4465 }, 4466 } 4467 } 4468</script>
4468 <div x-data="ProductBanner()" x-init="showBanners()" x-bind="eventListeners" class="mt-3 lg:pr-8 xl:mt-5 xl:pr-12"> 4469 <template x-if="productBannerData"> 4470 <div> 4471 <template x-for="productBanner in Object.values(productBannerData)"> 4472 <div :style="productBanner.styles" 4473 class="product-banner px-6 py-3" 4474 :class="{'cursor-pointer' : productBanner.banner_link}" 4475 x-on:click="handleClick(productBanner.banner_link)" 4476 x-show="productBanner.banner_text" 4477 x-html="productBanner.banner_text"></div> 4478 </template> 4479 </div> 4480 </template> 4481</div>
4482<script> 4483 function ProductBanner() { 4484 return { 4485 parentProductId: '17572', 4486 currentProductId: '217606', 4487 productBannerDataList: "", 4488 productBannerData: [], 4489 showBanners() { 4490 this.productBannerData = this.productBannerDataList[this.currentProductId] ?? 4491 this.productBannerDataList[this.parentProductId] ?? 4492 []; 4493 }, 4494 handleClick(bannerLink) { 4495 if (bannerLink) { 4496 location.assign(bannerLink) 4497 } 4498 }, 4499 eventListeners: { 4500 ['x-on:update-banner-data.window'](event) { 4501 this.productBannerData = event.detail 4502 }, 4503 ['x-on:update-variant-id.window'](event) { 4504 this.currentProductId = event.detail; 4505 this.showBanners(); 4506 } 4507 } 4508 } 4509 } 4510</script>
4510 </div> 4511 <div class="lg:row-span-3 lg:col-start-3"> 4512 <div class="relative w-full mx-auto mt-2 lg:mt-0 md:mb-5 lg:mb-0 lg:sticky z-20 sticky-buybox"> 4513 <div class="hidden lg:block"> 4514 <div class="grid relative grid-cols-6 sm:grid-cols-4 col-span-full"> 4515 <div class="col-span-5 xl:grid-cols-4"> 4516 <div class="mb-2.5 h-[20px]"> 4517 <a href="https://shop.schoener-wohnen.de/hay/" 4518 title="HAY" class="block"> 4519 <span class="w-full underline text-base block h-[20px]"> 4520 <img loading="lazy" width="60" height="20" src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/60.svg?auto=format" 4521 class="w-auto h-[20px]" 4522 alt="HAY" /> </span> 4523 </a> 4524</div> <h1 class="text-2xl leading-tight"> 4525 HAY - About a Chair AAC 22 </h1> 4526 <p class="text-xs leading-normal"> 4527 Design von <a href="https://shop.schoener-wohnen.de/designer-hee-welling/" class="underline"> Hee Welling </a> </p> 4528 </div> 4529 <div class="flex justify-end absolute top-0 right-0"> 4530 <div> 4531
4531<script> 4532 function WishlistButton() { 4533 return { 4534 isLoading: false, 4535 addItemToWishlistQuery: `mutation 4536 addProductToWishlist( 4537 $wishlistId: ID! 4538 $wishlistItems: [WishlistItemInput!]! 4539 ) { 4540 addProductsToWishlist( 4541 wishlistId: $wishlistId 4542 wishlistItems: $wishlistItems 4543 ) { 4544 wishlist { 4545 id 4546 items_count 4547 items_v2 (currentPage: 1, pageSize: 100 ) { 4548 items { 4549 id 4550 quantity 4551 ... on ConfigurableWishlistItem { 4552 configured_variant { 4553 name 4554 sku 4555 attributeValueLabels(fields: ["manufacturer"]) 4556 small_image { 4557 url 4558 } 4559 price_range { 4560 minimum_price { 4561 regular_price { 4562 currency 4563 value 4564 } 4565 final_price { 4566 currency 4567 value 4568 } 4569 } 4570 maximum_price { 4571 regular_price { 4572 currency 4573 value 4574 } 4575 final_price { 4576 currency 4577 value 4578 } 4579 } 4580 } 4581 } 4582 configurable_options { 4583 id 4584 option_label 4585 configurable_product_option_value_uid 4586 value_label 4587 } 4588 } 4589 product { 4590 uid 4591 name 4592 sku 4593 attributeValueLabels(fields: ["manufacturer"]) 4594 small_image { 4595 url 4596 } 4597 price_range { 4598 minimum_price { 4599 regular_price { 4600 currency 4601 value 4602 } 4603 final_price { 4604 currency 4605 value 4606 } 4607 } 4608 maximum_price { 4609 regular_price { 4610 currency 4611 value 4612 } 4613 final_price { 4614 currency 4615 value 4616 } 4617 } 4618 } 4619 } 4620 } 4621 } 4622 } 4623 user_errors { 4624 code 4625 message 4626 } 4627 } 4628 }`, 4629 removeItemFromWishlistQuery: `mutation 4630 removeProductFromWishlist( 4631 $wishlistId: ID! 4632 $wishlistItemsIds: [ID!]! 4633 ) { 4634 removeProductsFromWishlist( 4635 wishlistId: $wishlistId 4636 wishlistItemsIds: $wishlistItemsIds 4637 ){ 4638 wishlist { 4639 id 4640 items_count 4641 } 4642 user_errors { 4643 code 4644 message 4645 } 4646 } 4647 }`, 4648 qty: 1, 4649 mainProductSku: '90318001', 4650 customerLoggedIn: null, 4651 selectedOptions: null, 4652 wishlistId: 0, 4653 wishlistItems: null, 4654 currentVariantSku: null, 4655 isCurrentVariantOnWishlist: false, 4656 displayLoginPrompt: false, 4657 getAddItemDataStructure() { 4658 return [{ 4659 sku: this.mainProductSku, 4660 quantity: parseFloat(this.qty),
4661 selected_options: this.getSelectedValuesAsBase64() 4662 }] 4663 }, 4664 getRemoveItemDataStructure() { 4665 let itemIds = []; 4666 4667 if (Array.isArray(this.wishlistItems)) { 4668 this.wishlistItems.forEach((wishlistItem) => { 4669 if (wishlistItem.product_sku === this.currentVariantSku) { 4670 itemIds.push(wishlistItem.item_id) 4671 } 4672 }); 4673 } 4674 4675 return itemIds; 4676 }, 4677 getSelectedValuesAsBase64() { 4678 const selectedOptions = [] 4679 4680 if (this.selectedOptions) { 4681 for (const attributeId in this.selectedOptions) { 4682 if (this.selectedOptions.hasOwnProperty(attributeId) && Number(attributeId)) { 4683 selectedOptions.push('"' + btoa('configurable/' + attributeId + '/' + this.selectedOptions[attributeId]) + '"') 4684 } 4685 } 4686 } 4687 4688 return selectedOptions 4689 }, 4690 wishlistAction() { 4691 if (!this.customerLoggedIn) { 4692 this.displayLoginPrompt = true 4693 4694 return false 4695 } 4696 4697 if (!this.selectedOptions || !this.qty) { 4698 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 4699 [{ 4700 type: "error", 4701 text: "Bitte\u0020w\u00E4hlen\u0020Sie\u0020alle\u0020ben\u00F6tigten\u0020Optionen\u0020aus." 4702 }], 10000 4703 ) 4704 4705 return false 4706 } 4707 4708 this.mutateWishlist() 4709 }, 4710 mutateWishlist() { 4711 this.isLoading = true 4712 4713 let variables = {"wishlistId": this.wishlistId}; 4714 if (this.isCurrentVariantOnWishlist) { 4715 variables["wishlistItemsIds"] = this.getRemoveItemDataStructure(); 4716 } else { 4717 variables["wishlistItems"] = this.getAddItemDataStructure(); 4718 } 4719 4720 fetch(`${BASE_URL}graphql`, { 4721 method: 'POST', 4722 headers: { 4723 'Content-Type': 'application/json', 4724 'Store': CURRENT_STORE_CODE, 4725 credentials: 'include' 4726 }, 4727 body: JSON.stringify({ 4728 query: this.isCurrentVariantOnWishlist ? this.removeItemFromWishlistQuery : this.addItemToWishlistQuery, 4729 variables: variables 4730 }) 4731 }) 4732 .then((response) => { 4733 return response.json() 4734 }) 4735 .then((data) => { 4736 const wishlistItems = data?.data?.addProductsToWishlist?.wishlist?.items_v2?.items || []; 4737 4738 let wishlistItem = wishlistItems.find((item) => { 4739 if (item?.configured_variant?.sku === this.currentVariantSku) { 4740 return true; 4741 } 4742 4743 if (parseInt(item?.product?.sku) === this.currentVariantSku) { 4744 return true; 4745 } 4746 4747 return false; 4748 }); 4749 4750 if (wishlistItem) { 4751 wishlistItem = wishlistItem.configured_variant ? 4752 { 4753 ...wishlistItem.configured_variant, 4754 configurable_options: wishlistItem?.configurable_options 4755 } : 4756 wishlistItem.product; 4757 4758 this.dispatchWishlistConfirmationPopupEvent(wishlistItem); 4759 } 4760 4761 this.reloadCustomerData(); 4762 }) 4763 .catch(error => { 4764 console.error(error) 4765 4766 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 4767 [{ 4768 type: "error", 4769 text: "Item\u0020could\u0020not\u0020be\u0020added\u0020to\u0020Wishlist." 4770 }], 10000 4771 ) 4772 }) 4773 }, 4774 dispatchWishlistConfirmationPopupEvent(wishlistItem) { 4775 const showConfirmationPopupEvent = new CustomEvent(
4776 "add-to-wishlist-confirmation-popup-call", { 4777 detail: { 4778 wishlistItem 4779 } 4780 }); 4781 4782 window.dispatchEvent(showConfirmationPopupEvent); 4783 }, 4784 setIsCurrentVariantOnWishlist() { 4785 this.isCurrentVariantOnWishlist = this.currentVariantSku && this.wishlistItems && this.wishlistItems.find(item => item.product_sku === this.currentVariantSku) || false 4786 }, 4787 reloadCustomerData() { 4788 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data") 4789 window.dispatchEvent(reloadCustomerDataEvent) 4790 }, 4791 initSimpleProduct() { 4792 this.currentVariantSku = `90318001` 4793 this.setIsCurrentVariantOnWishlist() 4794 }, 4795 eventListeners: { 4796 ['x-on:private-content-loaded.window'](event) { 4797 this.customerLoggedIn = event.detail.data.customer && event.detail.data.customer.firstname || null 4798 this.wishlistItems = event.detail.data.wishlist && event.detail.data.wishlist.items || null 4799 this.wishlistId = event.detail.data.wishlist && event.detail.data.wishlist.wishlist_id || null 4800 4801 if (this.customerLoggedIn) { 4802 this.setIsCurrentVariantOnWishlist() 4803 } 4804 4805 this.isLoading = false 4806 }, 4807 ['x-on:update-variant-sku.window'](event) { 4808 this.currentVariantSku = event.detail 4809 this.setIsCurrentVariantOnWishlist() 4810 }, 4811 ['x-on:update-currentSelection-17572.window'](event) { 4812 this.selectedOptions = event.detail 4813 }, 4814 } 4815 } 4816 } 4817</script>
4817 <div x-data="WishlistButton()" x-bind="eventListeners" x-on:click.outside="displayLoginPrompt = false" 4818 class="" 4819 > 4820 <button x-on:click.prevent="wishlistAction()" 4821 :title="!isCurrentVariantOnWishlist ? 'Zur\u0020Wunschliste\u0020hinzuf\u00FCgen' : 'Von\u0020der\u0020Wunschliste\u0020entfernen'" 4822 :aria-label="!isCurrentVariantOnWishlist ? 'Zur\u0020Wunschliste\u0020hinzuf\u00FCgen' : 'Von\u0020der\u0020Wunschliste\u0020entfernen'" 4823 class="p-0 border-0 inline-flex text-black hover:text-primary items-center justify-center ml-4 w-6 h-6" 4824 type="button" 4825 > 4826 <span :class="{'hidden' : isCurrentVariantOnWishlist || isLoading}"> 4827 <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"> 4828 <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"/> 4829</svg> 4830 </span> 4831 <span class="hidden" :class="{'hidden' : !isCurrentVariantOnWishlist || isLoading}"> 4832 <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> 4833 </span> 4834 <span class="hidden" :class="{'hidden' : !isLoading}"> 4835 <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"> 4836 <g fill="none" fill-rule="evenodd" stroke-width="2" transform="translate(1 1)"> 4837 <circle cx="5" cy="50" r="5"> 4838 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;5;50;50"/> 4839 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="5;27;49;5"/> 4840 </circle> 4841 <circle cx="27" cy="5" r="5"> 4842 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" from="5" repeatCount="indefinite" to="5" values="5;50;50;5"/> 4843 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="27" repeatCount="indefinite" to="27" values="27;49;5;27"/> 4844 </circle> 4845 <circle cx="49" cy="50" r="5"> 4846 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;50;5;50"/> 4847 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="49" repeatCount="indefinite" to="49" values="49;5;27;49"/> 4848 </circle> 4849 </g> 4850</svg> 4851 </span> 4852 </button> 4853 <div class="relative hidden" :class="{'block' : displayLoginPrompt, 'hidden' : !displayLoginPrompt}"> 4854 <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> 4855 <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"> 4856 <p class="font-medium mb-3">Wunschliste</p> 4857 <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> 4858 </div> 4859 </div> 4860 </div> 4861</div> </div> 4862 4863 <div class="block cursor-pointer pt-3 col-span-full" 4864 onclick="window.dispatchEvent(new CustomEvent('scroll-to-and-open-review-tab'))" 4865 role="button" 4866 > 4867 4868 4869 <div class="rating-summary flex items-center" 4870 >
4871 <span class="mr-1"> 4872 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 4873 style="color: #333"> 4874 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 4875 stroke-miterlimit="10" stroke-width="3" 4876 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"/> 4877 </svg> 4878 </span> 4879 <span class="mr-1"> 4880 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 4881 style="color: #333"> 4882 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 4883 stroke-miterlimit="10" stroke-width="3" 4884 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
488451.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"/> 4885 </svg> 4886 </span> 4887 <span class="mr-1"> 4888 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 4889 style="color: #333"> 4890 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 4891 stroke-miterlimit="10" stroke-width="3" 4892 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"/> 4893 </svg> 4894 </span> 4895 <span class="mr-1"> 4896 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 4897 style="color: #333"> 4898 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 4899 stroke-miterlimit="10" stroke-width="3" 4900 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
490051.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"/> 4901 </svg> 4902 </span> 4903 <span class="mr-1"> 4904 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 4905 style="color: #333"> 4906 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 4907 stroke-miterlimit="10" stroke-width="3" 4908 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"/> 4909 </svg> 4910 </span> 4911 4912 <span class="mt-px"> 4913 (<span class="underline">2</span>) 4914 </span> 4915 </div> 4916 </div> 4917 </div> </div> 4918 <div class="grid grid-cols-[110px_auto] lg:grid-cols-3 w-full pt-2 lg:pt-8 text-black"> 4919 <div class="detail-price"> 4920
4920<script> 4921 function initPrice17572() { 4922 4923 const regularPriceInclTaxKey = 'oldPrice', 4924 regularPriceExclTaxKey = 'baseOldPrice', 4925 finalPriceInclTaxKey = 'finalPrice', 4926 finalPriceExclTaxKey = 'basePrice'; 4927 4928 function calculateCustomOptionPrices(activeCustomOptions, customOptionPrices) { 4929 return activeCustomOptions.reduce((priceAccumulator, activeCustomOptionId) => { 4930 const customOptionPrice = customOptionPrices[activeCustomOptionId]; 4931 if (customOptionPrice) { 4932 return Number.parseFloat(priceAccumulator) + Number.parseFloat(customOptionPrice); 4933 } 4934 return priceAccumulator; 4935 }, 0); 4936 } 4937 4938 return { 4939 regularPriceKey: regularPriceInclTaxKey, 4940 finalPriceKey: finalPriceInclTaxKey, 4941 activeProductsPriceData: false, 4942 initialFinalPrice: 271, 4943 calculatedFinalPrice: false, 4944 calculatedFinalPriceWithCustomOptions: false, 4945 initialTierPrices: [], 4946 showRegularPriceLabel: true, 4947 customOptionPrices: [], 4948 activeCustomOptions: [], 4949 savings: null, 4950 qty: 1, 4951 updateCustomOptionActive(data) { 4952 let activeCustomOptions = this.activeCustomOptions; 4953 const customOptionId = data.customOptionId; 4954 4955 if (data.active) { 4956 if (!activeCustomOptions.includes(customOptionId)) { 4957 activeCustomOptions.push(data.customOptionId); 4958 } 4959 } else { 4960 if (customOptionId && activeCustomOptions.includes(customOptionId)) { 4961 let index = activeCustomOptions.indexOf(customOptionId); 4962 activeCustomOptions.splice(index, 1); 4963 } 4964 } 4965 this.calculateFinalPriceWithCustomOptions() 4966 }, 4967 updateCustomOptionPrices(prices, basePrices) { 4968 if (prices) { 4969 this.customOptionPrices = prices; 4970 } 4971 4972 4973 this.calculateFinalPriceWithCustomOptions(); 4974 }, 4975 calculateFinalPrice() { 4976 const getOptionTierPrice = (tierPrice, withTax) => { 4977 return tierPrice[withTax ? 'price' : 'basePrice']; 4978 } 4979 4980 const findApplicableTierPrice = (initialPrice, withTax) => { 4981 if (this.activeProductsPriceData && this.activeProductsPriceData.tierPrices) { 4982 return this.activeProductsPriceData.tierPrices.reduce((acc, tierPrice) => { 4983 const tierPriceCandidate = getOptionTierPrice(tierPrice, withTax); 4984 if (this.qty >= tierPrice.qty && tierPriceCandidate < acc) { 4985 return tierPriceCandidate; 4986 } 4987 return acc; 4988 }, this.activeProductsPriceData[withTax ? finalPriceInclTaxKey : finalPriceExclTaxKey].amount); 4989 4990 } else { 4991 const key = withTax ? 'price_incl_tax' : 'price_excl_tax'; 4992 return Object.values(this.initialTierPrices).reduce((acc, tierPrice) => { 4993 if (this.qty >= tierPrice.price_qty && tierPrice[key] < acc) { 4994 return tierPrice[key]; 4995 } 4996 return acc; 4997 }, initialPrice); 4998 4999 } 5000 } 5001 5002 this.calculatedFinalPrice = findApplicableTierPrice(this.initialFinalPrice, true); 5003 window.dispatchEvent(new CustomEvent("update-product-final-price", {detail: this.calculatedFinalPrice})); 5004 5005
5006 this.getSavings(); 5007 }, 5008 calculatePriceLabelVisibility() { 5009 this.showRegularPriceLabel = 5010 (this.calculatedFinalPrice === this.activeProductsPriceData[this.regularPriceKey].amount) && 5011 this.activeProductsPriceData.isMinimalPrice; 5012 }, 5013 calculateFinalPriceWithCustomOptions() { 5014 const finalPrice = this.calculatedFinalPrice || this.initialFinalPrice; 5015 this.calculatedFinalPriceWithCustomOptions = finalPrice + this.getCustomOptionPrice(); 5016 }, 5017 getCustomOptionPrice() { 5018 return calculateCustomOptionPrices(this.activeCustomOptions, this.customOptionPrices); 5019 }, 5020 getFormattedFinalPrice() { 5021 return hyva.formatPrice( 5022 this.calculatedFinalPriceWithCustomOptions || 5023 this.calculatedFinalPrice || 5024 this.initialFinalPrice 5025 ) 5026 }, 5027 isPriceHidden() { 5028 const finalPrice = this.calculatedFinalPriceWithCustomOptions || 5029 this.calculatedFinalPrice || 5030 this.initialFinalPrice; 5031 return false && finalPrice === 0; 5032 }, 5033 initSimpleProduct() { 5034 this.activeProductsPriceData = { 5035 oldPrice: {amount: 339}, 5036 tierPrices: this.initialTierPrices, 5037 finalPrice: {amount: this.initialFinalPrice} 5038 }
5039 this.getSavings(); 5040 }, 5041 getSavings() { 5042 let savings = null 5043 5044 if (this.activeProductsPriceData[this.regularPriceKey]) { 5045 if (this.activeProductsPriceData[this.finalPriceKey].amount < this.activeProductsPriceData[this.regularPriceKey].amount) { 5046 savings = window.hyva.getProductSavingsOutput(this.activeProductsPriceData[this.regularPriceKey].amount, this.activeProductsPriceData[this.finalPriceKey].amount, '\u0025s\u0020sparen') 5047 } 5048 } 5049 5050 this.savings = savings 5051 }, 5052 eventListeners: { 5053 ['x-on:update-prices-17572.window'](event) { 5054 this.activeProductsPriceData = event.detail; 5055 5056 this.calculateFinalPrice(); 5057 this.calculateFinalPriceWithCustomOptions(); 5058 this.calculatePriceLabelVisibility(); 5059 this.getSavings(); 5060 }, 5061 ['x-on:update-qty-17572.window'](event) { 5062 this.qty = event.detail; 5063 this.calculateFinalPrice(); 5064 this.calculateFinalPriceWithCustomOptions(); 5065 }, 5066 ['x-on:update-custom-option-active.window'](event) { 5067 this.updateCustomOptionActive(event.detail); 5068 }, 5069 ['x-on:update-custom-option-prices.window'](event) { 5070 this.updateCustomOptionPrices(event.detail); 5071 }, 5072 } 5073 } 5074 } 5075</script>
5075 5076<div x-data="initPrice17572()" 5077 x-bind="eventListeners" 5078 class="price-box price-final_price flex flex-col" 5079> 5080 <div class="old-price flex mr-2" :class="{'invisible order-first' : !savings, 'sale' : savings}"> 5081 <span id="product-price-17572" 5082 class="price-wrapper title-font font-regular text-sm line-through"> 5083 <span class="price-label">UVP</span> 5084 <span class="price" 5085 x-html="activeProductsPriceData && activeProductsPriceData[regularPriceKey]&& activeProductsPriceData[regularPriceKey].amount && hyva.formatPrice(activeProductsPriceData[regularPriceKey].amount) || ' '" 5086 > 5087 5088 </span> 5089 </span> 5090 </div> 5091 <div class="final-price inline-block"> 5092 <span id="product-price-17572" 5093 class="price-wrapper title-font font-bold text-2xl leading-extra-tight" :class="{'text-salered' : savings}" 5094 > 5095 <span class="price" x-html="activeProductsPriceData ? getFormattedFinalPrice() : ' '"> </span> 5096 </span> 5097 </div> 5098 <span class="order-last block text-black text-xxs leading-[21px]">inkl. 19% MwSt.</span> <div class="savings pdp-default-savings invisible" 5099 :class="{'invisible order-last' : !savings}" 5100 id="varify-pdp-default-savings"> 5101 <span class="price text-salered" x-html="savings.output || ' '"> </span> 5102 </div> 5103 <template x-if="savings && savings.percent && savings.value"> 5104 <div 5105 id="varify-pdp-savings" 5106 class="savings pdp-savings invisible" 5107 :class="{'invisible order-last' : !savings}" 5108 > 5109 <span 5110 class="price bg-salered text-white text-xs font-bold my-3 p-1" 5111 x-html="`-${savings.percent}%`" 5112 ></span> 5113 <span 5114 class="text-[11px]" 5115 x-text="hyva.strf('%0 sparen', savings.value)" 5116 ></span> 5117 </div> 5118 </template> 5119 <div x-data="EnergyLabelBadge()" 5120 class="order-last" 5121 x-bind="eventListeners" 5122 > 5123 <template x-if="variantEnergyLabelBadge"> 5124 <div class="w-10"> 5125 <p class="energy-label cursor-pointer" 5126 @click="showLightbox()"> 5127 <img class="w-full h-full object-contain" :src="variantEnergyLabelBadge.small_label_image_url" /> 5128 </p> 5129 </div> 5130 </template> 5131</div>
5132<script> 5133 function EnergyLabelBadge() { 5134 return { 5135 variantEnergyLabelBadge: null, 5136 showLightbox() { 5137 window.dispatchEvent(new CustomEvent('show-lightbox-energylabel', {detail: this.variantEnergyLabelBadge})); 5138 window.dispatchEvent(new CustomEvent('enable-backdrop')); 5139 window.dispatchEvent(new CustomEvent('enable-bodylock')); 5140 }, 5141 eventListeners: { 5142 ['x-on:update-energylabelbadge.window'](event) { 5143 this.variantEnergyLabelBadge = event.detail 5144 } 5145 } 5146 } 5147 } 5148</script>
5148</div> </div> 5149 <div class="lg:col-span-2 flex items-end"> 5150 <div class="flex flex-col gap-1.5"> 5151 <div x-data="DeliveryTimeDisplay()" 5152 x-bind="eventListeners" 5153 class="" 5154> 5155 <div class="flex flex-row justify-start items-start text-xs leading-4" 5156 :class="{'flex' : !deliveryTimesLoaded, 'hidden' : deliveryTimesLoaded}"> 5157 <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"> 5158 <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"/> 5159</svg> 5160 <span class="shrink"> 5161 Laden... </span> 5162 </div> 5163 <template x-if="deliveryTimesLoaded"> 5164 <div class="flex flex-row justify-start items-start text-xs leading-4"> 5165 <div class="rounded-full mt-0.5 mr-2 shrink-0 h-[11px] w-[11px]" :class="getDeliveryTimeBgClass(currentVariantId) || ''"></div> 5166 <span class="shrink" x-text="getDeliveryTimeLabel(currentVariantId) || ' '"></span> 5167 </div> 5168 </template> 5169</div>
5170<script> 5171 function DeliveryTimeDisplay() { 5172 return { 5173 currentVariantId: null, 5174 allVariantIds: [], 5175 deliveryTimesLoaded: false, 5176 deliveryTimeServiceOriginIdentifier: 'detailpage-buybox', 5177 init() { 5178 }, 5179 initSimpleProduct() { 5180 this.currentVariantId = 17572; 5181 this.allVariantIds.push(17572); 5182 5183 themeServiceDeliveryTime.fetchProductsDeliveryTimes(this.allVariantIds, 'product_view', true) 5184 }, 5185 getDeliveryTimeBgClass(productId) { 5186 const productDeliveryTimeData = themeServiceDeliveryTime.deliveryTimes.find(element => parseInt(element.id) === parseInt(productId)) 5187 return productDeliveryTimeData && themeServiceDeliveryTime.getCSSBgClass(productDeliveryTimeData.instantly_available) || '' 5188 }, 5189 getDeliveryTimeLabel(productId) { 5190 const productDeliveryTimeData = themeServiceDeliveryTime.deliveryTimes.find(element => parseInt(element.id) === parseInt(productId)) 5191 return productDeliveryTimeData && productDeliveryTimeData.qty_label || '' 5192 }, 5193 eventListeners: { 5194 ['x-on:update-variant-id.window'](event) { 5195 this.currentVariantId = event.detail; 5196 }, 5197 ['x-on:set-variant-ids.window'](event) { 5198 this.allVariantIds = event.detail; 5199 themeServiceDeliveryTime.fetchProductsDeliveryTimes(this.allVariantIds, 'product_view', true) 5200 }, 5201 ['x-on:delivery-times-loaded.window'](event) { 5202 if (event.detail.origin === 'product_view') { 5203 this.deliveryTimesLoaded = true; 5204 } 5205 } 5206 } 5207 } 5208 } 5209</script>
5209 <div x-data="PrepaymentPrice()" 5210 x-bind="eventListeners" 5211 x-show="variantPrepaymentPricePercent > 0" 5212 class="" 5213> 5214 <div class="flex flex-row justify-start items-start text-xs leading-4"> 5215 <div class="rounded-full mt-0.5 mr-2 shrink-0 h-[11px] w-[11px] bg-happygreen"> 5216 <span x-show="variantPrepaymentPricePercent === -1"> 5217 <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"> 5218 <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"/> 5219</svg> 5220 </span> 5221 </div> 5222 <span class="shrink" 5223 :class="{'!hidden' : variantPrepaymentPricePercent !== -1}" 5224 > 5225 Laden... </span> 5226 <span class="shrink" 5227 x-show="variantPrepaymentPricePercent !== -1 && isSalePrice" 5228 x-text="hyva.strf('bei Vorkasse zzgl. %0% sichern', variantPrepaymentPricePercent)" 5229 ></span> 5230 <span class="shrink" 5231 x-show="variantPrepaymentPricePercent !== -1 && !isSalePrice" 5232 x-text="hyva.strf('bei Vorkasse %0% Skonto sichern', variantPrepaymentPricePercent)" 5233 ></span> 5234 </div> 5235</div> 5236
5237<script> 5238 function PrepaymentPrice() { 5239 return { 5240 isSalePrice: false, 5241 variantPrepaymentPricePercent: -1, 5242 eventListeners: { 5243 ['x-on:update-prepayment-price.window'](event) { 5244 this.isSalePrice = event.detail.isSalePrice; 5245 this.variantPrepaymentPricePercent = event.detail.promo_prepayment_percentage_discount; 5246 }, 5247 }, 5248 } 5249 } 5250</script>
5250 <div class="" 5251 x-data="FreeShipping()" x-bind="eventListeners" 5252> 5253 <div class="flex flex-row justify-start items-start text-xs leading-4" 5254 :class="{'!hidden' : variantFreeShipping !== -1}" 5255 > 5256 <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"> 5257 <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"/> 5258</svg> 5259 <span class="shrink">Laden...</span> 5260 </div> 5261 <template x-if="variantFreeShipping !== -1"> 5262 <div class="flex flex-row justify-start items-start text-xs leading-4"> 5263 <div class="rounded-full mt-0.5 mr-2 shrink-0 h-[11px] w-[11px] bg-happygreen"></div> 5264 <a href="https://shop.schoener-wohnen.de/service/versand/" target="_blank" rel="noopener noreferrer"> 5265 <span class="shrink" x-show="variantFreeShipping === true"> 5266 Versandkostenfrei </span> 5267 <span class="shrink" x-show="variantFreeShipping !== true"> 5268 zzgl. Versandkosten </span> 5269 </a> 5270 </div> 5271 </template> 5272</div> 5273
5274<script> 5275 function FreeShipping() { 5276 return { 5277 variantFreeShipping: -1, 5278 eventListeners: { 5279 ['x-on:update-freeshipping.window'](event) { 5280 this.variantFreeShipping = event.detail 5281 }, 5282 }, 5283 } 5284 } 5285</script>
5285 </div> 5286 </div> 5287 </div> 5288 5289 <form method="post" 5290 action="https://shop.schoener-wohnen.de/checkout/cart/add/uenc/aHR0cHM6Ly9zaG9wLnNjaG9lbmVyLXdvaG5lbi5kZS9oYXktYWJvdXQtYS1jaGFpci1hYWMtMjIuaHRtbD9za3U9OTAzMTgwMjIy/product/17572/" 5291 class="" 5292 id="product_addtocart_form" 5293 data-sku="90318001" 5294 > 5295 <input type="hidden" name="product" value="17572" /> 5296 <input type="hidden" name="selected_configurable_option" value="" /> 5297 <input type="hidden" name="related_product" id="related-products-field" value="" /> 5298 <input type="hidden" name="item" value="17572"/> 5299 <input name="form_key" type="hidden" value="iyF2lRrAf9fycN4d" />
5299<script> 5300 function initConfigurableSwatchOptions_17572() { 5301 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":257.14285614286},"finalPrice":{"amount":306},"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":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217601":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217602":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217603":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217604":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217605":{"oldPrice":{"amount":339},"basePrice":{"amount":227.73109143697},"finalPrice":{"amount":271},"tierPrices":[]},"217606":{"oldPrice":{"amount":339},"basePrice":{"amount":227.73109143697},"finalPrice":{"amount":271},"tierPrices":[]},"217607":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217608":{"oldPrice":{"amount":339},"basePrice":{"amount":227.73109143697},"finalPrice":{"amount":271},"tierPrices":[]},"217609":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"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":279.83193177311},"finalPrice":{"amount":333},"tierPrices":[]},"217671":{"oldPrice":{"amount":369},"basePrice":{"amount":310.08403261345}
5301,"finalPrice":{"amount":369},"tierPrices":[]},"217672":{"oldPrice":{"amount":369},"basePrice":{"amount":247.89915866387},"finalPrice":{"amount":295},"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_
5301new.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"}
5301,"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-05","max_date":"2026-11-19","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-26","max_date":"2026-10-26","instantly_available":false,"label":"Versand ab 26.10.26","qty_label":"Versand ab 26.10.26","stock_data":{"product_id":"217577","stock_amount":"0.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-09-24","max_date":"2026-09-24","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-09-24","max_date":"2026-09-24","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-05","max_date":"2026-11-19","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-05","max_date":"2026-11-19","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-09-24","max_date":"2026-09-24","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-09-24","max_date":"2026-09-24","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217601","stock_amount":"35.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-05","max_date":"2026-11-19","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-09-24","max_date":"2026-09-24","instantly_available":true,"label":"sofort lieferbar","qty_label":"noch 2 sofort lieferbar","stock_data":{"product_id":"217603","stock_amount":"2.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-19
530100:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217604":{"id":217604,"min_date":"2026-09-28","max_date":"2026-09-28","instantly_available":false,"label":"Versand ab 28.09.26","qty_label":"Versand ab 28.09.26","stock_data":{"product_id":"217604","stock_amount":"0.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}},"217605":{"id":217605,"min_date":"2026-09-24","max_date":"2026-09-24","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217605","stock_amount":"29.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-09-24","max_date":"2026-09-24","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217606","stock_amount":"62.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-09-24","max_date":"2026-09-24","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217607","stock_amount":"21.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-09-24","max_date":"2026-09-24","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217608","stock_amount":"47.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-09-24","max_date":"2026-09-24","instantly_available":true,"label":"sofort lieferbar","qty_label":"noch 8 sofort lieferbar","stock_data":{"product_id":"217609","stock_amount":"8.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-09-24","max_date":"2026-09-24","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-05","max_date":"2026-11-19","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-09-24","max_date":"2026-09-24","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-05","max_date":"2026-11-19","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-09-24","max_date":"2026-09-24","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-05","max_date":"2026-11-19","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\">
5301<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\">
5301<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\">
5301<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":true,"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":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\">
5301<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\">
5301<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\">
5301<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":true,"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":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\">
5301<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":true,"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":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\">
5301<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":true,"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":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\">
5301<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\">
5301<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":"-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\">
5301<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":"-20%"},"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\">
5301<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":"-20%"},"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\">
5301<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\">
5301<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":"-20%"},"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\">
5301<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":"-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\">
5301<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\">
5301<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\">
5301<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":true,"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":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\">
5301<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\">
5301<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":true,"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":true,"variants_have_equal_discount":true,"discount":"-20%"},"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\">
5301<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\">
5301<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"}]}}}); 5302 5303 return Object.assign( 5304 configurableOptionsComponent, 5305 { 5306 swatchCollapse: { 5307 160: { 5308 open: false, 5309 swatchesRemaining: null 5310 }, 5311 161: { 5312 open: false, 5313 swatchesRemaining: null 5314 }, 5315 166: { 5316 open: false, 5317 swatchesRemaining: null 5318 }, 5319 }, 5320 isSwatchDisplayCalculated: false, 5321 toggleSwatchCollapse(attributeId) { 5322 this.swatchCollapse[attributeId].open = !this.swatchCollapse[attributeId].open 5323 5324 if (this.swatchCollapse[attributeId].open) { 5325 this.showRemainingSwatches(attributeId) 5326 } 5327 else { 5328 this.hideRemainingSwatches(attributeId) 5329 } 5330 }, 5331 calculateSwatchesCollapse() { 5332 const swatchOptionElement = document.querySelector('.swatch-option') 5333 5334 if (!swatchOptionElement) return 5335 5336 const swatchWidth = 32; 5337 const swatchContainerDimensions = document.querySelector('.swatch-attribute-options').clientWidth 5338 5339 const swatchesPerRow = Math.floor(swatchContainerDimensions / swatchWidth) 5340 const swatchesFittingIntoTwoRows = swatchesPerRow * 2 5341 5342 Object.values(this.optionConfig.attributes).map(item =>
5342 item.id).forEach(attributeId => { 5343 const totalSwatches = Object.keys(this.optionConfig.attributes[attributeId].options).length 5344 const swatchCollapseAttribute = this.swatchCollapse[attributeId]; 5345 5346 if (totalSwatches > swatchesFittingIntoTwoRows) { 5347 swatchCollapseAttribute.swatchesRemaining = totalSwatches - swatchesFittingIntoTwoRows + 1 5348 } else { 5349 swatchCollapseAttribute.swatchesRemaining = null 5350 this.showRemainingSwatches(attributeId) 5351 } 5352 5353 if (swatchCollapseAttribute.swatchesRemaining && !swatchCollapseAttribute.open) { 5354 this.showRemainingSwatches(attributeId) 5355 this.$nextTick(() => this.hideRemainingSwatches(attributeId)) 5356 } 5357 }) 5358 5359 this.isSwatchDisplayCalculated = true 5360 }, 5361 hideRemainingSwatches(attributeId) { 5362 const swatches = document.querySelectorAll('.attribute-'+ attributeId +' .swatch-option') 5363 const startingPoint = swatches.length - this.swatchCollapse[attributeId].swatchesRemaining 5364 for (let i = startingPoint;i < swatches.length;i++) { 5365 const element = swatches[i] 5366 element.classList.add('inactive') 5367 } 5368 }, 5369 showRemainingSwatches(attributeId) { 5370 document.querySelectorAll('.attribute-'+ attributeId +' .swatch-option').forEach(element => element.classList.remove('inactive')) 5371 }, 5372 } 5373 ); 5374 } 5375 </script>
5375 5376 5377 <div x-data="initConfigurableSwatchOptions_17572()" 5378 x-init="initSelectedValues(); $nextTick(() => {calculateSwatchesCollapse();})" 5379 x-bind="eventListeners" 5380 x-on:window-resize-horizontal.window.debounce="calculateSwatchesCollapse()" 5381 class="mt-6 mb-5 relative border-stonegray border-t pt-7" 5382 > 5383 <div class="relative border-stonegray border-b mb-7 pb-7 lg:pb-8 last:mb-0"> 5384 <div class="w-full grid grid-cols-[110px_auto] lg:grid-cols-3 attribute-160"> 5385 <label class="text-black option-label-container text-left w-full flex justify-between mb-0 overflow-x-hidden"> 5386 <span> 5387 <span class="option-label block whitespace-nowrap"> 5388 Farbe: 5389 </span> 5390 <span class="option-value font-medium" x-text="getSelectedLabel(160)"></span> 5391 </span> 5392 </label> 5393 <div class="w-full lg:col-span-2 relative pr-6 xl:pr-20 1xl:pr-10 min-h-6"> 5394 <span class="block w-5 h-5 flex items-center justify-end cursor-pointer absolute top-px right-0 z-10" 5395 :class="{'block' : swatchCollapse[160].swatchesRemaining > 0, 'invisible' : swatchCollapse[160].swatchesRemaining < 1}" 5396 x-on:click="toggleSwatchCollapse(160)"> 5397 <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"> 5398 <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"/> 5399</svg> 5400</span> 5401 </span> 5402 <div class="swatch-attribute-options mobile-collapsed initial-state" 5403 :class="{ 5404 'mobile-collapsed': !swatchCollapse[160].open && swatchCollapse[160].swatchesRemaining > 0, 5405 'initial-state' : !isSwatchDisplayCalculated 5406 }" 5407 > 5408 <div class="flex flex-row flex-wrap w-full"> 5409 <span 5410 x-on:click="isOptionAvailable(160, '38507') ? changeOption(160, '38507') : false" 5411 class="swatch-option relative cursor-pointer select-none" 5412 :class="{ 5413 'active': (selectedValues[160] === '38507'), 5414 'cursor-default disabled': isOptionAvailable(160, '38507') === false 5415 }"> 5416 <span class="swatch"> 5417 <span class="w-full h-full overflow-hidden block border border-white"> 5418 <span class="h-full w-full block" 5419 style="background-color: #1E3B5B" 5420 > 5421 </span> 5422 </span> 5423 </span> 5424 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20">
5425 <span class="h-full w-full block border bg-auto" id="magnified-option-38507" 5426 style="background-color: #1E3B5B" 5427 ></span> 5428 <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> 5429 </span> 5430 </span> 5431 <span 5432 x-on:click="isOptionAvailable(160, '38518') ? changeOption(160, '38518') : false" 5433 class="swatch-option relative cursor-pointer select-none" 5434 :class="{ 5435 'active': (selectedValues[160] === '38518'), 5436 'cursor-default disabled': isOptionAvailable(160, '38518') === false 5437 }"> 5438 <span class="swatch"> 5439 <span class="w-full h-full overflow-hidden block border border-white"> 5440 <span class="h-full w-full block" 5441 style="background-color: #18191B" 5442 > 5443 </span> 5444 </span> 5445 </span> 5446 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5447 <span class="h-full w-full block border bg-auto" id="magnified-option-38518" 5448 style="background-color: #18191B" 5449 ></span> 5450 <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> 5451 </span> 5452 </span> 5453 <span 5454 x-on:click="isOptionAvailable(160, '38505') ? changeOption(160, '38505') : false" 5455 class="swatch-option relative cursor-pointer select-none" 5456 :class="{ 5457 'active': (selectedValues[160] === '38505'), 5458 'cursor-default disabled': isOptionAvailable(160, '38505') === false 5459 }"> 5460 <span class="swatch"> 5461 <span class="w-full h-full overflow-hidden block border border-white"> 5462 <span class="h-full w-full block" 5463 style="background-color: #807059" 5464 > 5465 </span> 5466 </span> 5467 </span> 5468 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20">
5469 <span class="h-full w-full block border bg-auto" id="magnified-option-38505" 5470 style="background-color: #807059" 5471 ></span> 5472 <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> 5473 </span> 5474 </span> 5475 <span 5476 x-on:click="isOptionAvailable(160, '38517') ? changeOption(160, '38517') : false" 5477 class="swatch-option relative cursor-pointer select-none" 5478 :class="{ 5479 'active': (selectedValues[160] === '38517'), 5480 'cursor-default disabled': isOptionAvailable(160, '38517') === false 5481 }"> 5482 <span class="swatch"> 5483 <span class="w-full h-full overflow-hidden block border border-foggray"> 5484 <span class="h-full w-full block" 5485 style="background-color: #A5AAAD" 5486 > 5487 </span> 5488 </span> 5489 </span> 5490 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5491 <span class="h-full w-full block border bg-auto" id="magnified-option-38517" 5492 style="background-color: #A5AAAD" 5493 ></span> 5494 <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> 5495 </span> 5496 </span> 5497 <span 5498 x-on:click="isOptionAvailable(160, '38516') ? changeOption(160, '38516') : false" 5499 class="swatch-option relative cursor-pointer select-none" 5500 :class="{ 5501 'active': (selectedValues[160] === '38516'), 5502 'cursor-default disabled': isOptionAvailable(160, '38516') === false 5503 }"> 5504 <span class="swatch"> 5505 <span class="w-full h-full overflow-hidden block border border-white"> 5506 <span class="h-full w-full block" 5507 style="background-color: #7C959A" 5508 > 5509 </span> 5510 </span> 5511 </span>
5512 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5513 <span class="h-full w-full block border bg-auto" id="magnified-option-38516" 5514 style="background-color: #7C959A" 5515 ></span> 5516 <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> 5517 </span> 5518 </span> 5519 <span 5520 x-on:click="isOptionAvailable(160, '38509') ? changeOption(160, '38509') : false" 5521 class="swatch-option relative cursor-pointer select-none" 5522 :class="{ 5523 'active': (selectedValues[160] === '38509'), 5524 'cursor-default disabled': isOptionAvailable(160, '38509') === false 5525 }"> 5526 <span class="swatch"> 5527 <span class="w-full h-full overflow-hidden block border border-foggray"> 5528 <span class="h-full w-full block" 5529 style="background-color: #B3C6C0" 5530 > 5531 </span> 5532 </span> 5533 </span> 5534 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5535 <span class="h-full w-full block border bg-auto" id="magnified-option-38509" 5536 style="background-color: #B3C6C0" 5537 ></span> 5538 <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> 5539 </span> 5540 </span> 5541 <span 5542 x-on:click="isOptionAvailable(160, '38510') ? changeOption(160, '38510') : false" 5543 class="swatch-option relative cursor-pointer select-none" 5544 :class="{ 5545 'active': (selectedValues[160] === '38510'), 5546 'cursor-default disabled': isOptionAvailable(160, '38510') === false 5547 }"> 5548 <span class="swatch"> 5549 <span class="w-full h-full overflow-hidden block border border-white"> 5550 <span class="h-full w-full block" 5551 style="background-color: #6B8480" 5552 > 5553 </span> 5554 </span> 5555 </span>
5556 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5557 <span class="h-full w-full block border bg-auto" id="magnified-option-38510" 5558 style="background-color: #6B8480" 5559 ></span> 5560 <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> 5561 </span> 5562 </span> 5563 <span 5564 x-on:click="isOptionAvailable(160, '38513') ? changeOption(160, '38513') : false" 5565 class="swatch-option relative cursor-pointer select-none" 5566 :class="{ 5567 'active': (selectedValues[160] === '38513'), 5568 'cursor-default disabled': isOptionAvailable(160, '38513') === false 5569 }"> 5570 <span class="swatch"> 5571 <span class="w-full h-full overflow-hidden block border border-white"> 5572 <span class="h-full w-full block" 5573 style="background-color: #7F7868" 5574 > 5575 </span> 5576 </span> 5577 </span> 5578 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5579 <span class="h-full w-full block border bg-auto" id="magnified-option-38513" 5580 style="background-color: #7F7868" 5581 ></span> 5582 <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> 5583 </span> 5584 </span> 5585 <span 5586 x-on:click="isOptionAvailable(160, '38514') ? changeOption(160, '38514') : false" 5587 class="swatch-option relative cursor-pointer select-none" 5588 :class="{ 5589 'active': (selectedValues[160] === '38514'), 5590 'cursor-default disabled': isOptionAvailable(160, '38514') === false 5591 }"> 5592 <span class="swatch"> 5593 <span class="w-full h-full overflow-hidden block border border-foggray"> 5594 <span class="h-full w-full block" 5595 style="background-color: #C3C0B1" 5596 > 5597 </span> 5598 </span> 5599 </span>
5600 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5601 <span class="h-full w-full block border bg-auto" id="magnified-option-38514" 5602 style="background-color: #C3C0B1" 5603 ></span> 5604 <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> 5605 </span> 5606 </span> 5607 <span 5608 x-on:click="isOptionAvailable(160, '38504') ? changeOption(160, '38504') : false" 5609 class="swatch-option relative cursor-pointer select-none" 5610 :class="{ 5611 'active': (selectedValues[160] === '38504'), 5612 'cursor-default disabled': isOptionAvailable(160, '38504') === false 5613 }"> 5614 <span class="swatch"> 5615 <span class="w-full h-full overflow-hidden block border border-foggray"> 5616 <span class="h-full w-full block" 5617 style="background-color: #D4BFA2" 5618 > 5619 </span> 5620 </span> 5621 </span> 5622 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5623 <span class="h-full w-full block border bg-auto" id="magnified-option-38504" 5624 style="background-color: #D4BFA2" 5625 ></span> 5626 <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> 5627 </span> 5628 </span> 5629 <span 5630 x-on:click="isOptionAvailable(160, '38512') ? changeOption(160, '38512') : false" 5631 class="swatch-option relative cursor-pointer select-none" 5632 :class="{ 5633 'active': (selectedValues[160] === '38512'), 5634 'cursor-default disabled': isOptionAvailable(160, '38512') === false 5635 }"> 5636 <span class="swatch"> 5637 <span class="w-full h-full overflow-hidden block border border-foggray"> 5638 <span class="h-full w-full block" 5639 style="background-color: #A6AA9B" 5640 > 5641 </span> 5642 </span> 5643 </span>
5644 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5645 <span class="h-full w-full block border bg-auto" id="magnified-option-38512" 5646 style="background-color: #A6AA9B" 5647 ></span> 5648 <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> 5649 </span> 5650 </span> 5651 <span 5652 x-on:click="isOptionAvailable(160, '38503') ? changeOption(160, '38503') : false" 5653 class="swatch-option relative cursor-pointer select-none" 5654 :class="{ 5655 'active': (selectedValues[160] === '38503'), 5656 'cursor-default disabled': isOptionAvailable(160, '38503') === false 5657 }"> 5658 <span class="swatch"> 5659 <span class="w-full h-full overflow-hidden block border border-foggray"> 5660 <span class="h-full w-full block" 5661 style="background-color: #9CA5B6" 5662 > 5663 </span> 5664 </span> 5665 </span> 5666 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5667 <span class="h-full w-full block border bg-auto" id="magnified-option-38503" 5668 style="background-color: #9CA5B6" 5669 ></span> 5670 <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> 5671 </span> 5672 </span> 5673 <span 5674 x-on:click="isOptionAvailable(160, '38511') ? changeOption(160, '38511') : false" 5675 class="swatch-option relative cursor-pointer select-none" 5676 :class="{ 5677 'active': (selectedValues[160] === '38511'), 5678 'cursor-default disabled': isOptionAvailable(160, '38511') === false 5679 }"> 5680 <span class="swatch"> 5681 <span class="w-full h-full overflow-hidden block border border-white"> 5682 <span class="h-full w-full block" 5683 style="background-color: #7A544B" 5684 > 5685 </span> 5686 </span> 5687 </span>
5688 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5689 <span class="h-full w-full block border bg-auto" id="magnified-option-38511" 5690 style="background-color: #7A544B" 5691 ></span> 5692 <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> 5693 </span> 5694 </span> 5695 <span 5696 x-on:click="isOptionAvailable(160, '38515') ? changeOption(160, '38515') : false" 5697 class="swatch-option relative cursor-pointer select-none" 5698 :class="{ 5699 'active': (selectedValues[160] === '38515'), 5700 'cursor-default disabled': isOptionAvailable(160, '38515') === false 5701 }"> 5702 <span class="swatch"> 5703 <span class="w-full h-full overflow-hidden block border border-foggray"> 5704 <span class="h-full w-full block" 5705 style="background-color: #FFFFFF" 5706 > 5707 </span> 5708 </span> 5709 </span> 5710 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5711 <span class="h-full w-full block border bg-auto" id="magnified-option-38515" 5712 style="background-color: #FFFFFF" 5713 ></span> 5714 <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> 5715 </span> 5716 </span> 5717 <span 5718 class="remaining-swatches-overlay flex bg-cover hidden" 5719 :class="{'flex' : swatchCollapse[160].swatchesRemaining > 0, 'hidden' : swatchCollapse[160].swatchesRemaining < 1 || swatchCollapse[160].open}" 5720 x-on:click="toggleSwatchCollapse(160)" 5721 > 5722 <span class="cursor-pointer select-none"> 5723 <span x-text="'+' + swatchCollapse[160].swatchesRemaining"></span> 5724 </span> 5725 </span> 5726 </div> 5727 <input 5728 name="super_attribute[160]" 5729 type="hidden" 5730 id="attribute160" 5731 :value="selectedValues[160]" 5732 /> 5733 </div> 5734 </div> 5735 </div> 5736 </div> 5737 <div class="relative border-stonegray border-b mb-7 pb-7 lg:pb-8 last:mb-0"> 5738 <div class="w-full grid grid-cols-[110px_auto] lg:grid-cols-3 attribute-161"> 5739 <label class="text-black option-label-container text-left w-full flex justify-between mb-0 overflow-x-hidden">
5740 <span> 5741 <span class="option-label block whitespace-nowrap"> 5742 Gestell: 5743 </span> 5744 <span class="option-value font-medium" x-text="getSelectedLabel(161)"></span> 5745 </span> 5746 </label> 5747 <div class="w-full lg:col-span-2 relative pr-6 xl:pr-20 1xl:pr-10 min-h-6"> 5748 <span class="block w-5 h-5 flex items-center justify-end cursor-pointer absolute top-px right-0 z-10" 5749 :class="{'block' : swatchCollapse[161].swatchesRemaining > 0, 'invisible' : swatchCollapse[161].swatchesRemaining < 1}" 5750 x-on:click="toggleSwatchCollapse(161)"> 5751 <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"> 5752 <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"/> 5753</svg> 5754</span> 5755 </span> 5756 <div class="swatch-attribute-options mobile-collapsed initial-state" 5757 :class="{ 5758 'mobile-collapsed': !swatchCollapse[161].open && swatchCollapse[161].swatchesRemaining > 0, 5759 'initial-state' : !isSwatchDisplayCalculated 5760 }" 5761 > 5762 <div class="flex flex-row flex-wrap w-full"> 5763 <span 5764 x-on:click="isOptionAvailable(161, '31029') ? changeOption(161, '31029') : false" 5765 class="swatch-option relative cursor-pointer select-none" 5766 :class="{ 5767 'active': (selectedValues[161] === '31029'), 5768 'cursor-default disabled': isOptionAvailable(161, '31029') === false 5769 }"> 5770 <span class="swatch"> 5771 <span class="w-full h-full overflow-hidden block border border-white"> 5772 <span class="h-full w-full block" 5773 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" 5774 > 5775 </span> 5776 </span> 5777 </span> 5778 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5779 <span class="h-full w-full block border bg-auto" id="magnified-option-31029" 5780 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" 5781 ></span>
5782 <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> 5783 </span> 5784 </span> 5785 <span 5786 x-on:click="isOptionAvailable(161, '31030') ? changeOption(161, '31030') : false" 5787 class="swatch-option relative cursor-pointer select-none" 5788 :class="{ 5789 'active': (selectedValues[161] === '31030'), 5790 'cursor-default disabled': isOptionAvailable(161, '31030') === false 5791 }"> 5792 <span class="swatch"> 5793 <span class="w-full h-full overflow-hidden block border border-white"> 5794 <span class="h-full w-full block" 5795 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" 5796 > 5797 </span> 5798 </span> 5799 </span> 5800 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5801 <span class="h-full w-full block border bg-auto" id="magnified-option-31030" 5802 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" 5803 ></span> 5804 <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> 5805 </span> 5806 </span> 5807 <span 5808 x-on:click="isOptionAvailable(161, '31117') ? changeOption(161, '31117') : false" 5809 class="swatch-option relative cursor-pointer select-none" 5810 :class="{ 5811 'active': (selectedValues[161] === '31117'), 5812 'cursor-default disabled': isOptionAvailable(161, '31117') === false 5813 }"> 5814 <span class="swatch"> 5815 <span class="w-full h-full overflow-hidden block border border-white"> 5816 <span class="h-full w-full block" 5817 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" 5818 > 5819 </span> 5820 </span> 5821 </span>
5822 <span class="magnifier absolute bottom-0 right-0 transform translate-y-full -mb-2 w-200px h-158px z-20"> 5823 <span class="h-full w-full block border bg-auto" id="magnified-option-31117" 5824 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" 5825 ></span> 5826 <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> 5827 </span> 5828 </span> 5829 <span 5830 class="remaining-swatches-overlay flex bg-cover hidden" 5831 :class="{'flex' : swatchCollapse[161].swatchesRemaining > 0, 'hidden' : swatchCollapse[161].swatchesRemaining < 1 || swatchCollapse[161].open}" 5832 x-on:click="toggleSwatchCollapse(161)" 5833 > 5834 <span class="cursor-pointer select-none"> 5835 <span x-text="'+' + swatchCollapse[161].swatchesRemaining"></span> 5836 </span> 5837 </span> 5838 </div> 5839 <input 5840 name="super_attribute[161]" 5841 type="hidden" 5842 id="attribute161" 5843 :value="selectedValues[161]" 5844 /> 5845 </div> 5846 </div> 5847 </div> 5848 </div> 5849 <div class="relative border-stonegray border-b mb-7 pb-7 lg:pb-8 last:mb-0"> 5850 <div class="w-full grid grid-cols-[110px_auto] lg:grid-cols-3 attribute-166"> 5851 <label class="text-black option-label-container text-left w-full flex justify-between mb-0 overflow-x-hidden" 5852 for="attribute166"> 5853 <span> 5854 <span class="option-label block whitespace-nowrap"> 5855 Ausstattung: 5856 </span> 5857 </span> 5858 </label> 5859 <div class="w-full lg:col-span-2 relative pr-6 xl:pr-20 1xl:pr-10 min-h-6"> 5860 <select name="super_attribute[166]" 5861 id="attribute166" 5862 class="form-select super-attribute-select w-full" 5863 x-on:change="setCurrentSelection()" 5864 x-model="selectedValues[166]" 5865 required="required"> 5866 <option 5867 value="21227" 5868 :selected="selectedValues[166] === '21227'" 5869 :disabled="isOptionAvailable('166', '21227') === false ? 'disabled' : false"> 5870 Filzgleiter </option> 5871 <option 5872 value="38059" 5873 :selected="selectedValues[166] === '38059'" 5874 :disabled="isOptionAvailable('166', '38059') === false ? 'disabled' : false"> 5875 Standardgleiter Kunststoff </option> 5876 </select> 5877 </div> 5878 </div> 5879 </div> 5880 </div> 5881 </form> 5882 5883 5884 <div class="flex mx-auto md:w-7/12 lg:w-full mt-4"> 5885
5885<script> 5886 function initQtyField() { 5887 5888 function findPathParam(key) { 5889 // get all path pairs after BASE_URL/front_name/action_path/action 5890 const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL; 5891 const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); 5892 const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); 5893 for (let i = 0; i < pathParts.length; i += 2) { 5894 if (pathParts[i] === key && pathParts.length > i) { 5895 return pathParts[i + 1]; 5896 } 5897 } 5898 } 5899 5900 return { 5901 qty: 1, 5902 itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), 5903 productId: '17572', 5904 onGetCartData: function onGetCartData(data, $dispatch) { 5905 const cart = data && data.data && data.data.cart; 5906 if (this.itemId && cart && cart.items) { 5907 const cartItem = cart.items.find((item) => { 5908 return item.item_id === this.itemId && item.product_id === this.productId; 5909 }); 5910 if (cartItem && cartItem.qty) { 5911 this.qty = cartItem.qty; 5912 $dispatch('update-qty-' + this.productId, this.qty); 5913 } 5914 } 5915 } 5916 }; 5917 } 5918 </script>
5918 5919 <div x-data="initQtyField()" 5920 x-init="$dispatch('update-qty-17572', qty)" 5921 class="" 5922 > 5923 <div class=""> 5924 <label for="qty[17572]" 5925 class="sr-only" 5926 > 5927 Menge </label> 5928 <input name="qty" 5929 @private-content-loaded.window="onGetCartData($event.detail, $dispatch)" 5930 id="qty[17572]" 5931 form="product_addtocart_form" 5932 type="number" 5933 pattern="[0-9]{0,3}" 5934 inputmode="numeric" 5935 min="1" max="500" :value="qty" 5936 value="1" 5937 class="sr-only" 5938 x-model.number="qty" 5939 @input="$dispatch('update-qty-17572', qty)" 5940 /> 5941 </div> 5942 </div> 5943 <div class="add-to-cart w-full" 5944 x-data="AddToCartBuybox()" x-bind="eventListeners" 5945 > 5946 <button class="button button-addtocart w-full" 5947 :class="{'busy' : isLoading, 'done' : isLoadingSuccess}" 5948 :disabled="isLoading" 5949 x-on:click="addToCart()" 5950 title="In den Warenkorb" 5951 > 5952 <span class="relative"> 5953 <span class="done absolute left-0 -ml-4 top-1/2 transform -translate-x-full -translate-y-1/2 w-4 h-4"> 5954 <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"> 5955 <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"/> 5956</svg> 5957 </span> 5958 In den Warenkorb </span> 5959 </button> 5960</div> 5961
5961<script> 5962 function AddToCartBuybox() { 5963 return { 5964 defaultQty: 1, 5965 qty: 1, 5966 isLoading: false, 5967 isLoadingSuccess: false, 5968 sku: '90318001', 5969 currentVariantSku: null, 5970 selectedOptions: null, 5971 smallImage: null, 5972 5973 addToCart() { 5974 if (!this.isLoading) { 5975 if (!this.selectedOptions) { 5976 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 5977 [{ 5978 type: "error", 5979 text: "Bitte\u0020w\u00E4hlen\u0020Sie\u0020alle\u0020ben\u00F6tigten\u0020Optionen\u0020aus." 5980 }], 10000 5981 ) 5982 return false 5983 } 5984 5985 this.isLoading = true 5986 5987 window.dispatchEvent( 5988 new CustomEvent("addtocart", { 5989 detail: { 5990 sku: this.sku, 5991 currentVariantSku: this.currentVariantSku, 5992 qty: parseFloat(this.qty), 5993 selectedOptions: this.selectedOptions, 5994 smallImage: this.smallImage, 5995 updateLoaderStatus: (status) => { 5996 this.isLoading = status; 5997 } 5998 } 5999 } 6000 )) 6001 } 6002 }, 6003 6004 eventListeners: { 6005 ['x-on:update-currentSelection-17572.window'](event) { 6006 this.selectedOptions = event.detail 6007 }, 6008 ['x-on:update-qty-17572.window'](event) { 6009 this.qty = event.detail 6010 }, 6011 ['x-on:update-variant-sku.window'](event) { 6012 this.currentVariantSku = event.detail 6013 }, 6014 ['x-on:update-gallery.window'](event) { 6015 this.smallImage = event.detail && event.detail[0] && event.detail[0]['thumb'] || null 6016 }, 6017 ['x-on:is-add-to-cart-success.window'](event) { 6018 if (event.detail.sku === this.sku) { 6019 this.isLoading = false 6020 this.isLoadingSuccess = true 6021 setTimeout(() => { 6022 this.isLoadingSuccess = false 6023 }, 1000) 6024 } 6025 }, 6026 ['x-on:is-add-to-cart-error.window'](event) { 6027 if (event.detail.sku === this.sku) { 6028 this.isLoading = false 6029 } 6030 } 6031 }, 6032 } 6033 } 6034 </script>
6034 6035 </div> 6036 6037 <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>
6037<script async> 6038 const ProductViewShippingUsp = function () { 6039 return { 6040 usp: JSON.parse( 6041 `\u005B\u005D` 6042 ), 6043 eventListeners: { 6044 ['x-on:update-variant-usp.window'](event) { 6045 this.usp = event.detail || []; 6046 } 6047 } 6048 } 6049 }</script>
6049 </div> </div> 6050 <div class="collapse-boxes col-start-1 lg:col-span-2 pt-4 lg:pt-2 lg:pr-8 xl:pr-12"> 6051 <div 6052 class="properties xl:pl-10" 6053 :class="{'invisible' : isRendering, 'hidden' : !hasContent}" 6054 id="collapse-box-6ab57e5f31451" 6055 x-data="collapseBox6ab57e5f31451()" 6056 x-bind="eventListeners" 6057 x-init="isCollapsed = isCollapsedByDefault" 6058 x-cloak 6059> 6060 <div class="grid grid-cols-1 py-6"> 6061 <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)"> 6062 <div class="flex justify-between items-center text-lg"> 6063 Beschreibung <div class="md:pr-10 lg:pr-18"> 6064 <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}"> 6065 <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"> 6066 <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"/> 6067</svg> 6068</span> 6069 </span> 6070 </div> 6071 </div> 6072 </div> 6073 <div x-show="!isCollapsed" class="pt-8 md:pr-12 lg:pr-56"> 6074 <div class="grid grid-cols-1 gap-y-4"> 6075 <div> 6076 <div class="relative flex items-center gap-2"> 6077 <p>Marke HAY</p> 6078 <div x-data="{isOpen: false}" 6079 x-on:click.outside="isOpen = false" 6080 x-on:mouseleave="isOpen = false" 6081 > 6082 <button type="button" 6083 x-on:mouseenter="isOpen = true" 6084 aria-label="Info" 6085 class="flex items-center justify-center text-center" 6086 > 6087 <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"> 6088 <circle cx="50" cy="50.6" r="44.6" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="3"/> 6089 <circle cx="50.1" cy="33.8" r="4.5"/> 6090 <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"/> 6091</svg> 6092 </button> 6093 <div class="absolute z-20 left-0 bg-white max-w-[412px] border border-foggray p-3 pl-6" 6094 x-show="isOpen" 6095 x-cloak 6096 > 6097 <button class="absolute xl:hidden top-4 right-4" type="button" 6098 title="Schließen" 6099 x-on:click="isOpen = false" 6100 > 6101 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="w-4 h-4" width="16" height="16" role="img"> 6102 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 6103</svg> 6104 </button> 6105 <div class="w-full"> 6106 <div> 6107 <p>Hersteller:</p> 6108 <p class="whitespace-nowrap">Hay - BS Studio A/S</p> 6109 6110 Havnen 3<br> 61118700 Horsens<br> 6112Denmark<br> 6113 +45 3164 6000 </div> 6114 </div> </div> 6115 </div> 6116 </div> 6117 <div x-data="Sku()" 6118 x-bind="eventListeners" > 6119 <span x-text="getLabel()"></span> 6120</div>
6121<script> 6122 function Sku() { 6123 return { 6124 sku: null, 6125 getLabel() { 6126 if (this.sku) { 6127 return `Artikelnummer ${this.sku}`; 6128 } 6129 }, 6130 initSimpleProduct() { 6131 this.sku = '90318001' 6132 }, 6133 eventListeners: { 6134 ['x-on:update-variant-sku.window'](event) { 6135 if (event.detail) { 6136 this.sku = event.detail 6137 } 6138 }, 6139 } 6140 } 6141 } 6142</script>
6142 <div x-data="Ean()" x-bind="eventListeners"> 6143 <template x-if="eanManufacturer"> 6144 <div> 6145 <span>EAN</span> 6146 <span x-text="eanManufacturer"></span> 6147 </div> 6148 </template> 6149</div>
6150<script> 6151 const Ean = function () { 6152 return { 6153 eanManufacturer: '', 6154 eventListeners: { 6155 ['x-on:update-ean-manufacturer.window'](event) { 6156 this.eanManufacturer = event.detail 6157 if(this.eanManufacturer) { 6158 window.dispatchEvent(new CustomEvent("update-collapsebox-product-information.properties-hascontent", {detail: true})) 6159 } 6160 }, 6161 }, 6162 initSimpleProduct() { 6163 this.eanManufacturer = '' 6164 if(this.eanManufacturer) { 6165 window.dispatchEvent(new CustomEvent("update-collapsebox-product-information.properties-hascontent", {detail: true})) 6166 } 6167 } 6168 } 6169 } 6170</script>
6170 </div> 6171 <div x-data="BulletPoints(`|solide Sitzschale aus Polypropylen|Gestell aus Eiche|klassisch, stilvolles Design|kombinierbar mit allen AAC/AAS/AAT Kollektionen`)" x-bind="eventListeners"> 6172 <template x-if="bulletPoints && Array.isArray(bulletPoints)"> 6173 <ul class="list-dash"> 6174 <template x-for="(item, index) in bulletPoints" :key="index"> 6175 <li x-html="item"></li> 6176 </template> 6177 </ul> 6178 </template> 6179</div>
6180<script> 6181 const BulletPoints = function (fallbackValue) { 6182 return { 6183 bulletPoints: null, 6184 init() { 6185 }, 6186 prepareOutput(output) { 6187 if (output) { 6188 let bulletPoints = output.includes('|') 6189 ? output.split('|').filter(Boolean) 6190 : output.split('-').map(item => item.trim()).filter(Boolean); 6191 6192 if(!Array.isArray(bulletPoints)) { 6193 bulletPoints = [bulletPoints] 6194 } 6195 6196 this.bulletPoints = bulletPoints 6197 } 6198 }, 6199 eventListeners: { 6200 ['x-on:update-bullet-points.window'](event) { 6201 this.prepareOutput(event.detail || fallbackValue) 6202 }, 6203 } 6204 } 6205 } 6206</script>
6206 <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.`)" 6207 x-bind="eventListeners" 6208 x-on:update-model.window="updateContent($event.detail)" 6209 > 6210 <div class="model-wrap w-full relative"> 6211 <div class="model-text" id="model"> 6212 <div class="model-text-content" x-ref="content" x-html="modelText" 6213 :class="{ 6214 'expanded' : isExpanded, 6215 'processing' : isProcessing 6216 }" 6217 > 6218 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> 6219 <button class="text-truncation-toggle text-expand" 6220 x-cloak 6221 x-show="isRequiresToggleButton && !isExpanded" 6222 x-on:click="isExpanded = !isExpanded" 6223 > 6224 <span class="underline">... mehr anzeigen</span> 6225 </button> 6226 </div> 6227 <button class="text-truncation-toggle text-collapse" 6228 x-cloak 6229 x-show="isRequiresToggleButton && isExpanded" 6230 x-on:click="isExpanded = !isExpanded" 6231 > 6232 <span class="underline">weniger anzeigen</span> 6233 </button> 6234 </div> 6235</div>
6236<script> 6237 function Model(modelTextFallback) { 6238 return { 6239 ...ClampElementContent(), 6240 modelText: modelTextFallback, 6241 updateContent(modelText) { 6242 this.modelText = modelText || modelTextFallback; 6243 6244 this.$nextTick(() => this.getIsRequiredToggleButton()) 6245 } 6246 } 6247 } 6248</script>
6248 </div> </div> 6249 </div> 6250
6250<script> 6251 function collapseBox6ab57e5f31451() { 6252 return { 6253 isRendering: false, 6254 hasContent: true, 6255 numberOfChildBlocksActive: 0, 6256 isCollapsed: true, 6257 isCollapsedByDefault: Boolean(), 6258 handleCollapseInteraction($dispatch) { 6259 this.isCollapsed = !this.isCollapsed 6260 }, 6261 checkHasContent() { 6262 this.hasContent = this.numberOfChildBlocksActive 6263 }, 6264 eventListeners: { 6265 ['x-on:update-variant-id.window']() { 6266 this.numberOfChildBlocksActive = 0 6267 }, 6268 ['x-on:update-collapsebox-properties-hascontent.window'](event) { 6269 this.numberOfChildBlocksActive += event.detail 6270 this.checkHasContent() 6271 }, 6272 } 6273 } 6274 } 6275 </script>
6275 6276</div><div 6277 class="deliveryscope xl:pl-10" 6278 :class="{'invisible' : isRendering, 'hidden' : !hasContent}" 6279 id="collapse-box-6ab57e5f3517c" 6280 x-data="collapseBox6ab57e5f3517c()" 6281 x-bind="eventListeners" 6282 x-init="isCollapsed = isCollapsedByDefault" 6283 x-cloak 6284> 6285 <div class="grid grid-cols-1 py-6"> 6286 <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)"> 6287 <div class="flex justify-between items-center text-lg"> 6288 Lieferumfang <div class="md:pr-10 lg:pr-18"> 6289 <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}"> 6290 <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"> 6291 <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"/> 6292</svg> 6293</span> 6294 </span> 6295 </div> 6296 </div> 6297 </div> 6298 <div x-show="!isCollapsed" class="pt-8 md:pr-12 lg:pr-20"> 6299 <div class="grid grid-cols-1 gap-y-4"> 6300 <div x-data="DeliveryScope()" x-bind="eventListeners"> 6301 <div x-show="deliveryScope" class="mb-6" x-html="deliveryScope"></div> 6302 <div x-html="galleryNote"></div> 6303 </div> 6304
6304<script> 6305 const DeliveryScope = function () { 6306 return { 6307 deliveryScope: null, 6308 galleryNote: null, 6309 initSimpleProduct() { 6310 }, 6311 dispatchHasContent() { 6312 window.dispatchEvent(new CustomEvent("update-collapsebox-deliveryscope-hascontent", 6313 {detail: this.deliveryScope || this.galleryNote})) 6314 }, 6315 eventListeners: { 6316 ['x-on:update-delivery-scope.window'](event) { 6317 this.deliveryScope = event.detail 6318 this.dispatchHasContent() 6319 }, 6320 ['x-on:update-gallerynote.window'](event) { 6321 this.galleryNote = event.detail 6322 this.dispatchHasContent() 6323 }, 6324 } 6325 } 6326 } 6327 </script>
6327 6328</div> </div> 6329 </div> 6330
6330<script> 6331 function collapseBox6ab57e5f3517c() { 6332 return { 6333 isRendering: false, 6334 hasContent: false, 6335 numberOfChildBlocksActive: 0, 6336 isCollapsed: true, 6337 isCollapsedByDefault: Boolean(), 6338 handleCollapseInteraction($dispatch) { 6339 this.isCollapsed = !this.isCollapsed 6340 }, 6341 checkHasContent() { 6342 this.hasContent = this.numberOfChildBlocksActive 6343 }, 6344 eventListeners: { 6345 ['x-on:update-variant-id.window']() { 6346 this.numberOfChildBlocksActive = 0 6347 }, 6348 ['x-on:update-collapsebox-deliveryscope-hascontent.window'](event) { 6349 this.numberOfChildBlocksActive += event.detail 6350 this.checkHasContent() 6351 }, 6352 } 6353 } 6354 } 6355 </script>
6355 6356</div><div 6357 class="material xl:pl-10" 6358 :class="{'invisible' : isRendering, 'hidden' : !hasContent}" 6359 id="collapse-box-6ab57e5f3590e" 6360 x-data="collapseBox6ab57e5f3590e()" 6361 x-bind="eventListeners" 6362 x-init="isCollapsed = isCollapsedByDefault" 6363 x-cloak 6364> 6365 <div class="grid grid-cols-1 py-6"> 6366 <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)"> 6367 <div class="flex justify-between items-center text-lg"> 6368 Material <div class="md:pr-10 lg:pr-18"> 6369 <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}"> 6370 <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"> 6371 <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"/> 6372</svg> 6373</span> 6374 </span> 6375 </div> 6376 </div> 6377 </div> 6378 <div x-show="!isCollapsed" class="pt-8 md:pr-12 lg:pr-20"> 6379 <div class="grid grid-cols-1 gap-y-4"> 6380 <div x-data="MaterialDescription()" x-bind="eventListeners"> 6381 <div x-html="materialDescription"></div> 6382 </div> 6383
6383<script> 6384 const MaterialDescription = function () { 6385 return { 6386 materialDescription: null, 6387 initSimpleProduct() { 6388 this.materialDescription = 'Beine\u0020Eiche,\u0020Schale\u0020Polypropylen' 6389 this.dispatchHasContent() 6390 }, 6391 dispatchHasContent() { 6392 if (this.materialDescription) { 6393 window.dispatchEvent(new CustomEvent("update-collapsebox-material-hascontent", {detail: true})) 6394 } 6395 }, 6396 eventListeners: { 6397 ['x-on:update-material-description.window'](event) { 6398 this.materialDescription = event.detail 6399 this.dispatchHasContent() 6400 }, 6401 } 6402 } 6403 } 6404 </script>
6404 6405</div> </div> 6406 </div> 6407
6407<script> 6408 function collapseBox6ab57e5f3590e() { 6409 return { 6410 isRendering: false, 6411 hasContent: false, 6412 numberOfChildBlocksActive: 0, 6413 isCollapsed: true, 6414 isCollapsedByDefault: Boolean(1), 6415 handleCollapseInteraction($dispatch) { 6416 this.isCollapsed = !this.isCollapsed 6417 }, 6418 checkHasContent() { 6419 this.hasContent = this.numberOfChildBlocksActive 6420 }, 6421 eventListeners: { 6422 ['x-on:update-variant-id.window']() { 6423 this.numberOfChildBlocksActive = 0 6424 }, 6425 ['x-on:update-collapsebox-material-hascontent.window'](event) { 6426 this.numberOfChildBlocksActive += event.detail 6427 this.checkHasContent() 6428 }, 6429 } 6430 } 6431 } 6432 </script>
6432 6433</div><div 6434 class="dimensions xl:pl-10" 6435 :class="{'invisible' : isRendering, 'hidden' : !hasContent}" 6436 id="collapse-box-6ab57e5f35e43" 6437 x-data="collapseBox6ab57e5f35e43()" 6438 x-bind="eventListeners" 6439 x-init="isCollapsed = isCollapsedByDefault" 6440 x-cloak 6441> 6442 <div class="grid grid-cols-1 py-6"> 6443 <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)"> 6444 <div class="flex justify-between items-center text-lg"> 6445 MaÃe <div class="md:pr-10 lg:pr-18"> 6446 <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}"> 6447 <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"> 6448 <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"/> 6449</svg> 6450</span> 6451 </span> 6452 </div> 6453 </div> 6454 </div> 6455 <div x-show="!isCollapsed" class="pt-8 md:pr-12 lg:pr-20"> 6456 <div class="grid grid-cols-1 gap-y-4"> 6457 <div x-data="SizeDescription()" x-bind="eventListeners"> 6458 <template x-if="sizeDescription"> 6459 <div x-html="sizeDescription"></div> 6460 </template> 6461 </div> 6462
6462<script> 6463 const SizeDescription = function () { 6464 return { 6465 sizeDescription: null, 6466 initSimpleProduct() { 6467 }, 6468 dispatchHasContent() { 6469 if(this.sizeDescription) { 6470 window.dispatchEvent(new CustomEvent("update-collapsebox-dimensions-hascontent", {detail: true})) 6471 } 6472 }, 6473 eventListeners: { 6474 ['x-on:update-size-description.window'](event) { 6475 this.sizeDescription = event.detail 6476 this.dispatchHasContent() 6477 }, 6478 } 6479 } 6480 } 6481 </script>
6481 6482</div> </div> 6483 </div> 6484
6484<script> 6485 function collapseBox6ab57e5f35e43() { 6486 return { 6487 isRendering: false, 6488 hasContent: false, 6489 numberOfChildBlocksActive: 0, 6490 isCollapsed: true, 6491 isCollapsedByDefault: Boolean(1), 6492 handleCollapseInteraction($dispatch) { 6493 this.isCollapsed = !this.isCollapsed 6494 }, 6495 checkHasContent() { 6496 this.hasContent = this.numberOfChildBlocksActive 6497 }, 6498 eventListeners: { 6499 ['x-on:update-variant-id.window']() { 6500 this.numberOfChildBlocksActive = 0 6501 }, 6502 ['x-on:update-collapsebox-dimensions-hascontent.window'](event) { 6503 this.numberOfChildBlocksActive += event.detail 6504 this.checkHasContent() 6505 }, 6506 } 6507 } 6508 } 6509 </script>
6509 6510</div><div 6511 class="details xl:pl-10" 6512 :class="{'invisible' : isRendering, 'hidden' : !hasContent}" 6513 id="collapse-box-6ab57e5f3635c" 6514 x-data="collapseBox6ab57e5f3635c()" 6515 x-bind="eventListeners" 6516 x-init="isCollapsed = isCollapsedByDefault" 6517 x-cloak 6518> 6519 <div class="grid grid-cols-1 py-6"> 6520 <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)"> 6521 <div class="flex justify-between items-center text-lg"> 6522 Technische Details <div class="md:pr-10 lg:pr-18"> 6523 <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}"> 6524 <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"> 6525 <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"/> 6526</svg> 6527</span> 6528 </span> 6529 </div> 6530 </div> 6531 </div> 6532 <div x-show="!isCollapsed" class="pt-8 md:pr-12 lg:pr-20"> 6533 <div> 6534 <div x-data="LightAttributes()" x-bind="eventListeners" 6535 class="md:w-3/4 xl:w-3/5 1xl:w-1/2 mb-6"> 6536 <template x-if="lightAttributes && Object.keys(lightAttributes).length"> 6537 <div> 6538 <template x-for="(lightAttribute, index) in lightAttributes"> 6539 <p class="grid grid-cols-2 relative"> 6540 <span x-text="getAttributeTitle(lightAttribute.attribute_code)"></span> 6541 <span class="flex flex-row justify-end items-start"> 6542 <span x-text="lightAttribute.value"></span> 6543 <span class="info-popup mt-0.5 ml-2"> 6544 <span class="p-1 -mt-1 inline-block cursor-pointer" 6545 x-on:mouseenter="enableActivePopup(index)" 6546 x-on:mouseleave="disableActivePopup()" 6547 x-on:touchstart="toggleActivePopupForTouch(index)" 6548 ><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"> 6549 <circle cx="50" cy="50.6" r="44.6" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="3"/> 6550 <circle cx="50.1" cy="33.8" r="4.5"/> 6551 <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"/> 6552</svg> 6553</span> 6554 <span class="absolute bottom-0 transform translate-y-full right-0 bg-white p-3 border border-t-0 border-foggray z-20" 6555 x-show="activePopup === index" 6556 x-html="getAttributePopupText(lightAttribute.attribute_code)" 6557 ></span> 6558 </span> 6559 </span> 6560 </p> 6561 </template> 6562 </div> 6563 </template> 6564</div>
6565<script> 6566 const LightAttributes = function () { 6567 return { 6568 lightAttributes: null, 6569 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>
6569 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."}], 6570 activePopup: null, 6571 isTouchInteraction: null, 6572 initSimpleProduct() { 6573 }, 6574 dispatchHasContent() { 6575 if (this.lightAttributes) { 6576 window.dispatchEvent(new CustomEvent("update-collapsebox-details-hascontent", {detail: true})) 6577 } 6578 }, 6579 getAttributeTitle(attributeCode) { 6580 const attributeData = this.lightAttributeData.find(item => item.attribute_code === attributeCode) 6581 return attributeData && attributeData.title || attributeCode 6582 }, 6583 getAttributePopupText(attributeCode) { 6584 const attributeData = this.lightAttributeData.find(item => item.attribute_code === attributeCode) 6585 return attributeData && attributeData.popup_text || '' 6586 }, 6587 enableActivePopup(index) { 6588 if (!this.isTouchInteraction) { 6589 this.activePopup = index 6590 } 6591 }, 6592 disableActivePopup() { 6593 this.activePopup = null 6594 this.isTouchInteraction = null 6595 }, 6596 toggleActivePopupForTouch(index) { 6597 this.isTouchInteraction = true 6598 this.activePopup = this.activePopup === index ? this.disableActivePopup() : this.activePopup = index 6599 }, 6600 eventListeners: { 6601 ['x-on:update-light-attributes.window'](event) { 6602 this.lightAttributes = event.detail 6603 this.dispatchHasContent() 6604 }, 6605 } 6606 } 6607 } 6608</script>
6608 <div x-data="Attachments()" x-bind="eventListeners"> 6609 <template x-if="attachments"> 6610 <div> 6611 <template x-for="attachmentType in Object.keys(attachments)"> 6612 <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> 6613 </template> 6614 </div> 6615 </template> 6616</div>
6617<script> 6618 const Attachments = function () { 6619 return { 6620 attachments: {}, 6621 viewText: '%s ansehen', 6622 init() { 6623 }, 6624 dispatchHasContent() { 6625 window.dispatchEvent(new CustomEvent("update-collapsebox-details-hascontent", {detail: this.attachments && Object.keys(this.attachments).length || null})) 6626 }, 6627 eventListeners: { 6628 ['x-on:update-attachments.window'](event) { 6629 this.attachments = event.detail 6630 this.dispatchHasContent() 6631 }, 6632 } 6633 } 6634 } 6635</script>
6635</div> </div> 6636 </div> 6637
6637<script> 6638 function collapseBox6ab57e5f3635c() { 6639 return { 6640 isRendering: false, 6641 hasContent: false, 6642 numberOfChildBlocksActive: 0, 6643 isCollapsed: true, 6644 isCollapsedByDefault: Boolean(1), 6645 handleCollapseInteraction($dispatch) { 6646 this.isCollapsed = !this.isCollapsed 6647 }, 6648 checkHasContent() { 6649 this.hasContent = this.numberOfChildBlocksActive 6650 }, 6651 eventListeners: { 6652 ['x-on:update-variant-id.window']() { 6653 this.numberOfChildBlocksActive = 0 6654 }, 6655 ['x-on:update-collapsebox-details-hascontent.window'](event) { 6656 this.numberOfChildBlocksActive += event.detail 6657 this.checkHasContent() 6658 }, 6659 } 6660 } 6661 } 6662 </script>
6662 6663</div><div 6664 class="reviews xl:pl-10" 6665 :class="{'invisible' : isRendering, 'hidden' : !hasContent}" 6666 id="collapse-box-6ab57e5f36c17" 6667 x-data="collapseBox6ab57e5f36c17()" 6668 x-bind="eventListeners" 6669 x-init="isCollapsed = isCollapsedByDefault" 6670 x-cloak 6671> 6672 <div class="grid grid-cols-1 py-6"> 6673 <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)"> 6674 <div class="flex justify-between items-center text-lg"> 6675 <div> 6676 Kundenbewertung (2)</div> 6677<div> 6678 6679 6680 <div class="rating-summary flex items-center" 6681 > 6682 <span class="mr-1"> 6683 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 6684 style="color: #333"> 6685 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 6686 stroke-miterlimit="10" stroke-width="3" 6687 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
668751.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"/> 6688 </svg> 6689 </span> 6690 <span class="mr-1"> 6691 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 6692 style="color: #333"> 6693 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 6694 stroke-miterlimit="10" stroke-width="3" 6695 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"/> 6696 </svg> 6697 </span> 6698 <span class="mr-1"> 6699 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 6700 style="color: #333"> 6701 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 6702 stroke-miterlimit="10" stroke-width="3" 6703 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
670351.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"/> 6704 </svg> 6705 </span> 6706 <span class="mr-1"> 6707 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 6708 style="color: #333"> 6709 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 6710 stroke-miterlimit="10" stroke-width="3" 6711 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"/> 6712 </svg> 6713 </span> 6714 <span class="mr-1"> 6715 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" 6716 style="color: #333"> 6717 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 6718 stroke-miterlimit="10" stroke-width="3" 6719 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
671951.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"/> 6720 </svg> 6721 </span> 6722 6723 </div> 6724</div> 6725<div class="hidden md:block"> 6726 <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"> 6727 <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}"> 6728 <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"> 6729 <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"/> 6730</svg> 6731</span> 6732 </span> 6733 </div> 6734 </div> 6735 </div> 6736 <div class="text-sm"> 6737 <div x-data="hyva.modal()" 6738 x-on:open-write-review-modal.window="window.hyva.modal.pop(); show('dialog')" 6739 x-on:close-write-review-modal.window="hide()" 6740 x-defer="intersect" 6741> 6742 <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"> 6743 <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"> 6744 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 6745</svg> 6746 </button></div> 6747<div class="mx-auto py-6 px-2" x-data="ReviewForm()"> 6748 <div class="lightbox-main leading-normal overflow-y-auto transition-max-height mb-6 px-6"> 6749 <form class="review-form" 6750 id="review_form" 6751 x-on:submit.prevent="submitForm()" 6752 action="" 6753 > 6754 <div class="mb-6"> 6755 <span class="text-xl">Wie gefällt Ihnen das Produkt?</span> 6756 </div> 6757 <fieldset> 6758 <div class="mb-18 -mt-6"> 6759 <fieldset> 6760 <legend class="relative -bottom-14"> 6761 Bitte bewerten Sie das Produkt </legend> 6762 <div> 6763 <div id="product-review-table"> 6764 <div> 6765 <label class="sr-only" 6766 id="Quality_rating_label"> 6767 <span>Quality</span> 6768 </label> 6769 <div class="flex flex-row flex-grow-0 gap-x-2" x-data="{ clickedRatingId: 0 }"> 6770 <div class="relative" @click="clickedRatingId = 1 || 0"> 6771 <input 6772 class="absolute opacity-0 bottom-0 left-0 cursor-pointer" 6773 type="radio" 6774 required 6775 required name="ratings[1]" 6776 id="Quality_1" 6777 value="1" 6778 /> 6779 <label 6780 class="rating-1 m-0 cursor-pointer no-required-indicator" 6781 for="Quality_1" 6782 title="1 Stern" 6783 aria-label="1 Stern" 6784 id="Quality_1_label" 6785 > 6786 <sp
6786an :class="1 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'"> 6787 <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"> 6788 <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"/> 6789</svg> 6790 </span> 6791 </label> 6792 </div> 6793 <div class="relative" @click="clickedRatingId = 2 || 0"> 6794 <input 6795 class="absolute opacity-0 bottom-0 left-0 cursor-pointer" 6796 type="radio" 6797 required 6798 name="ratings[1]" 6799 id="Quality_2" 6800 value="2" 6801 /> 6802 <label 6803 class="rating-2 m-0 cursor-pointer no-required-indicator" 6804 for="Quality_2" 6805 title="2 Sterne" 6806 aria-label="2 Sterne" 6807 id="Quality_2_label" 6808 > 6809 <span :class="2 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'"> 6810 <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"> 6811 <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
681151.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"/> 6812</svg> 6813 </span> 6814 </label> 6815 </div> 6816 <div class="relative" @click="clickedRatingId = 3 || 0"> 6817 <input 6818 class="absolute opacity-0 bottom-0 left-0 cursor-pointer" 6819 type="radio" 6820 required 6821 name="ratings[1]" 6822 id="Quality_3" 6823 value="3" 6824 /> 6825 <label 6826 class="rating-3 m-0 cursor-pointer no-required-indicator" 6827 for="Quality_3" 6828 title="3 Sterne" 6829 aria-label="3 Sterne" 6830 id="Quality_3_label" 6831 > 6832 <span :class="3 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'"> 6833 <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"> 6834 <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
683451.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"/> 6835</svg> 6836 </span> 6837 </label> 6838 </div> 6839 <div class="relative" @click="clickedRatingId = 4 || 0"> 6840 <input 6841 class="absolute opacity-0 bottom-0 left-0 cursor-pointer" 6842 type="radio" 6843 required 6844 name="ratings[1]" 6845 id="Quality_4" 6846 value="4" 6847 /> 6848 <label 6849 class="rating-4 m-0 cursor-pointer no-required-indicator" 6850 for="Quality_4" 6851 title="4 Sterne" 6852 aria-label="4 Sterne" 6853 id="Quality_4_label" 6854 > 6855 <span :class="4 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'"> 6856 <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"> 6857 <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
685751.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"/> 6858</svg> 6859 </span> 6860 </label> 6861 </div> 6862 <div class="relative" @click="clickedRatingId = 5 || 0"> 6863 <input 6864 class="absolute opacity-0 bottom-0 left-0 cursor-pointer" 6865 type="radio" 6866 required 6867 name="ratings[1]" 6868 id="Quality_5" 6869 value="5" 6870 /> 6871 <label 6872 class="rating-5 m-0 cursor-pointer no-required-indicator" 6873 for="Quality_5" 6874 title="5 Sterne" 6875 aria-label="5 Sterne" 6876 id="Quality_5_label" 6877 > 6878 <span :class="5 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'"> 6879 <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"> 6880 <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
688051.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"/> 6881</svg> 6882 </span> 6883 </label> 6884 </div> 6885 </div> 6886 </div> 6887 </div> 6888 <input type="hidden" name="validate_rating" value=""/> 6889 </div> 6890 </fieldset> 6891 </div> 6892 <div> 6893 <div class="mb-9"> 6894 <label for="nickname_field" class="font-bold mb-1"> 6895 <span>Ihr Name</span> 6896 </label> 6897 <div> 6898 <input class="mt-1 block w-full border-black focus:border-black focus:ring-0 px-4 py-2" 6899 required 6900 title="Ihr Name" 6901 type="text" 6902 name="nickname" id="nickname_field" 6903 /> 6904 </div> 6905 </div> 6906 <div class="hidden"> 6907 <label for="summary_field" class="sr-only"> 6908 <span>Zusammenfassung</span> 6909 </label> 6910 <div> 6911 <input class="mt-1 px-4 py-2" 6912 required 6913 title="Zusammenfassung" 6914 placeholder="Zusammenfassung*" type="text" 6915 name="title" 6916 id="summary_field" 6917 value="No Title" 6918 /> 6919 </div> 6920 </div> 6921 <div class="mb-5"> 6922 <label for="review_field" class="font-bold mb-1"> 6923 <span>Ihr Bewertungstext</span> 6924 </label> 6925 <div> 6926 <textarea class="mt-1 p-4 min-h-36" 6927 required 6928 title="Ihr Bewertungstext" 6929 name="detail" 6930 id="review_field" cols="5" 6931 rows="3"></textarea> 6932 </div> 6933 </div> 6934 </div> 6935 </fieldset> 6936 </form> 6937 6938
6938<script> 6939 function ReviewForm() { 6940 6941 return { 6942 isLoading: false, 6943 displaySuccessMessage: false, 6944 displayErrorMessage: false, 6945 errorMessages: [], 6946 errors: 0, 6947 hasCaptchaToken: 0, 6948 nickname: null, 6949 summary: null, 6950 ratings: [], 6951 review: null, 6952 setErrorMessages: function (messages) { 6953 this.errorMessages = [messages] 6954 this.displayErrorMessage = this.errorMessages.length 6955 }, 6956 submitForm: function () { 6957 const $form = document.querySelector('#review_form'); 6958 this.validate(); 6959 6960 6961 if (this.errors === 0) { 6962 this.placeReview(); 6963 } 6964 }, 6965 validate: function () { 6966 this.nickname = document.getElementById('nickname_field').value; 6967 this.summary = document.getElementById('summary_field').value; 6968 this.review = document.getElementById('review_field').value; 6969 6970 let ratingValue; 6971 try { 6972 ratingValue = 6973 document 6974 .querySelector('input[name="ratings[1]"]:checked') 6975 .value; 6976 this.ratings[1] = btoa(ratingValue); 6977 } catch (e) { 6978 console.log(e); 6979 } 6980 6981 if (!(this.nickname && 6982 this.summary && 6983 this.review && 6984 Object.keys(this.ratings).length === 1 )) { 6985 this.setErrorMessages( 6986 ['Please\u0020verify\u0020you\u0027ve\u0020entered\u0020all\u0020required\u0020information'] 6987 ); 6988 this.displayErrorMessage = true; 6989 this.errors = 1; 6990 this.hasCaptchaToken = 0; 6991 } 6992 }, 6993 placeReview: function () { 6994 this.isLoading = true; 6995 this.displayErrorMessage = false; 6996 6997 const query = ` 6998 mutation createProductReview( 6999 $sku:String!, 7000 $nickname:String!, 7001 $summary:String!, 7002 $text:String!, 7003 $ratings:[ProductReviewRatingInput!]!, 7004 ) { 7005 createProductReview( 7006 input: { 7007 sku: $sku, 7008 nickname: $nickname, 7009 summary: $summary, 7010 text: $text, 7011 ratings: $ratings 7012 } 7013 ) { 7014 review { 7015 nickname 7016 } 7017 } 7018 }` 7019 const variables = { 7020 sku: '90318001', 7021 nickname: this.nickname, 7022 summary: this.summary, 7023 text: this.review, 7024 ratings: Object.keys(this.ratings).map(key => { 7025 return {id: btoa(key), value_id: this.ratings[key]} 7026 }) 7027 }; 7028 7029 const form = document.querySelector('#review_form'); 7030 7031 const fieldName = 'g\u002Drecaptcha\u002Dresponse'; 7032 const recaptchaHeader = fieldName && form && form.elements[fieldName] 7033 ? {'X-ReCaptcha': form.elements[fieldName].value} 7034 : {}; 7035 7036 fetch(`${BASE_URL}graphql`, { 7037 method: 'POST', 7038 headers: Object.assign({ 7039 'Content-Type': 'application/json;charset=utf-8', 7040 'Store': 'sws_de_de' 7041 }, recaptchaHeader), 7042 credentials: 'include', 7043 body: JSON.stringify({query: query, variables: variables}) 7044 }) 7045 .then(response => response.json()) 7046 .then(data => { 7047 this.isLoading = false;
7048 if (data.errors) { 7049 this.setErrorMessages(['Submitting\u0020your\u0020review\u0020failed,\u0020please\u0020try\u0020again.']); 7050 this.displayErrorMessage = true; 7051 } else { 7052 this.displaySuccessMessage = true; 7053 } 7054 } 7055 ); 7056 }, 7057 dispatchDisplayErrorMessages() { 7058 const errorMessages = this.errorMessages 7059 window.dispatchEvent(new CustomEvent("review-form-error-messages", {detail: errorMessages})) 7060 }, 7061 dispatchDisplaySuccessMessage() { 7062 const displaySuccessMessage = this.displaySuccessMessage 7063 window.dispatchEvent(new CustomEvent("review-form-success-message", {detail: displaySuccessMessage})) 7064 }, 7065 dispatchIsLoading(isLoading) { 7066 window.dispatchEvent(new CustomEvent("review-form-is-loading", {detail: isLoading})) 7067 } 7068 } 7069 } 7070 </script>
7070 7071 </div> 7072 <div class="lightbox-footer flex-col"> 7073 <button x-show="!displaySuccessMessage" type="submit" form="review_form" 7074 class="button button-fill w-full"> 7075 <span> 7076 Bewertung abschicken </span> 7077 </button> 7078 <div x-show="isLoading"> 7079 <div class="flex items-center space-x-3 mt-4 justify-center"> 7080 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 57 57" stroke="currentColor" class="spinner_svg" role="img"> 7081 <g fill="none" fill-rule="evenodd" stroke-width="2" transform="translate(1 1)"> 7082 <circle cx="5" cy="50" r="5"> 7083 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;5;50;50"/> 7084 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="5;27;49;5"/> 7085 </circle> 7086 <circle cx="27" cy="5" r="5"> 7087 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" from="5" repeatCount="indefinite" to="5" values="5;50;50;5"/> 7088 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="27" repeatCount="indefinite" to="27" values="27;49;5;27"/> 7089 </circle> 7090 <circle cx="49" cy="50" r="5"> 7091 <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;50;5;50"/> 7092 <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="49" repeatCount="indefinite" to="49" values="49;5;27;49"/> 7093 </circle> 7094 </g> 7095</svg> 7096 <span>Laden...</span> 7097 </div> 7098 </div> 7099 <div x-show="displaySuccessMessage"> 7100 <div class="flex items-center space-x-3 text-green mt-4 justify-center"> 7101 <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24" width="24" height="24" role="img"> 7102 <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"/> 7103</svg> 7104 <span>Ihre Bewertung wurde zur Moderation übermittelt.</span> 7105 </div> 7106 </div> 7107 <div x-show="displayErrorMessage"> 7108 <div class="flex flex-row items-center space-x-3 text-red mt-4 justify-center"> 7109 <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24" width="24" height="24" role="img"> 7110<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"/> 7111</svg> 7112 <template x-for="errorMessage in errorMessages"> 7113 <span x-html="errorMessage"></span> 7114 </template> 7115 </div> 7116 </div> 7117 </div> 7118</div></div></div></div></div> 7119 7120 <div x-data="hyva.modal()" 7121 x-on:open-review-list-modal.window="show('dialog6ab57e5f39420')" 7122 x-on:close-review-list-modal.window="hide();" 7123 x-defer="intersect" 7124 > 7125 <div x-cloak data-dialog-ref-name="dialog6ab57e5f39420" 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="dialog6ab57e5f39420" 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"> 7126 <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"> 7127 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 7128</svg> 7129 </button></div> 7130<div class="mx-auto py-6 px-2"> 7131 <div class="lightbox-main leading-normal overflow-y-auto transition-max-height mb-6 px-6"> 7132 <div class="text-xl mb-6">
7133 <span>Kundenbewertungen</span> 7134 </div> 7135 <div class="flex items-center space-x-1"> 7136 7137 7138 <div class="rating-summary flex items-center" 7139 > 7140 <span class="mr-1"> 7141 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5" 7142 style="color: #333"> 7143 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 7144 stroke-miterlimit="10" stroke-width="3" 7145 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"/> 7146 </svg> 7147 </span> 7148 <span class="mr-1"> 7149 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5" 7150 style="color: #333"> 7151 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 7152 stroke-miterlimit="10" stroke-width="3" 7153 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
715351.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"/> 7154 </svg> 7155 </span> 7156 <span class="mr-1"> 7157 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5" 7158 style="color: #333"> 7159 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 7160 stroke-miterlimit="10" stroke-width="3" 7161 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"/> 7162 </svg> 7163 </span> 7164 <span class="mr-1"> 7165 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5" 7166 style="color: #333"> 7167 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 7168 stroke-miterlimit="10" stroke-width="3" 7169 d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
716951.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"/> 7170 </svg> 7171 </span> 7172 <span class="mr-1"> 7173 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5" 7174 style="color: #333"> 7175 <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" 7176 stroke-miterlimit="10" stroke-width="3" 7177 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"/> 7178 </svg> 7179 </span> 7180 7181 </div> 7182 <div> 7183 <span>5</span> 7184 </div> 7185 </div> 7186 <div class="mt-5 mb-2.5"> 7187 Alle Bewertungen erfolgen freiwillig, unvergütet und sind bis zu Entfernung des Artikels sichtbar. </div> 7188 <div x-data="ProductReviews(50)" 7189 x-defer="idle" 7190 class="" 7191 > 7192 <template x-for="(item, index) in items" :key="index"> 7193 <div class="flex flex-col border-t border-lightboxline pt-8 pb-11"> 7194 <div> 7195 <template x-for="(rating, index) in item['ratings_breakdown']" :key="index"> 7196 <div class="flex mb-2"> 7197 <template x-for="i in 5"> 7198 <div class="mr-1 text-anthracite"> 7199 <template x-if="i <= rating.value"> 7200 <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"> 7201 <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
720151.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"/> 7202</svg> 7203</span> 7204 </template> 7205 <template x-if="i > rating.value"> 7206 <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"> 7207 <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"/> 7208</svg> 7209</span> 7210 </template> 7211 </div> 7212 </template> 7213 </div> 7214 </template> 7215 <div class="mb-3"> 7216 <span class="font-bold text-sm" x-text="item['nickname']"></span>, 7217 <span> 7218 am <time x-text="getFormattedDate(item['created_at'])" :datetime="item['created_at']"></time> 7219 </span> 7220 </div> 7221 <div x-text="item['text']"></div> 7222 </div> 7223 7224 <div class="flex flex-row mt-4 mr-2 items-center"> 7225 <template x-if="item['trusted_shops_review_id']"> 7226 <div class="flex flex-row lg:self-center items-center"> 7227 <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"> 7228<rect x="0.5" width="31" height="32" fill="url(#pattern0_13969_611)"/> 7229<defs> 7230<pattern id="pattern0_13969_611" patternContentUnits="objectBoundingBox" width="1" height="1"> 7231<use xlink:href="#image0_13969_611" transform="matrix(0.00625 0 0 0.00608553 0 0)"/> 7232</pattern> 7233<image id="image0_13969_611" width="160" height="188" xlink:href="data:image/png;base64,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"/> 7234</defs> 7235</svg> 7236 <span class="ml-3">Verifizierter Käufer</span> 7237 </div> 7238 </template> 7239 <template x-if="!item['trusted_shops_review_id']"> 7240 <span>Verifizierter Besucher</span> 7241 </template> 7242 </div> 7243 </div> 7244 </template> 7245 7246 <template x-if="items.length !== 0"> 7247 <div class="flex justify-center"> 7248 <a class="button button-fill mx-auto mt-2 capitalize" 7249 x-show="isNextPageAvailable()" 7250 href="#" 7251 @click.prevent="getNextPage()" 7252 > 7253 mehr anzeigen </a> 7254 </div> 7255 </template> 7256 </div> 7257 7258 </div> 7259 <div class="lightbox-footer"> 7260 <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> 7261</div> 7262</div></div></div> </div> 7263 </div> 7264 <div x-show="!isCollapsed" class="pt-8 md:pr-12 lg:pr-20"> 7265 <div> 7266 <div x-data="ProductReviews(5)" 7267 x-defer="idle" 7268 class="xl:w-4/5" 7269 > 7270 <template x-for="(item, index) in items" :key="index"> 7271 <div class="flex flex-col lg:flex-row border-t border-lightboxline pt-8 pb-11"> 7272 <div> 7273 <template x-for="(rating, index) in item['ratings_breakdown']" :key="index"> 7274 <div class="flex mb-2"> 7275 <template x-for="i in 5"> 7276 <div class="mr-1 text-anthracite"> 7277 <template x-if="i <= rating.value">
7278 <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"> 7279 <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"/> 7280</svg> 7281</span> 7282 </template> 7283 <template x-if="i > rating.value"> 7284 <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"> 7285 <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
728551.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"/> 7286</svg> 7287</span> 7288 </template> 7289 </div> 7290 </template> 7291 </div> 7292 </template> 7293 <div class="mb-3"> 7294 <span class="font-bold text-sm" x-text="item['nickname']"></span>, 7295 <span> 7296 am <time x-text="getFormattedDate(item['created_at'])" :datetime="item['created_at']"></time> 7297 </span> 7298 </div> 7299 <div x-text="item['text']"></div> 7300 </div> 7301 7302 <div class="flex flex-row lg:ml-5 lg:self-center lg:mt-0 mt-4 mr-2 items-center"> 7303 <template x-if="item['trusted_shops_review_id']"> 7304 <div class="flex flex-row lg:self-center items-center"> 7305 <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"> 7306<rect x="0.5" width="31" height="32" fill="url(#pattern0_13969_611_2)"/> 7307<defs> 7308<pattern id="pattern0_13969_611_2" patternContentUnits="objectBoundingBox" width="1" height="1"> 7309<use xlink:href="#image0_13969_611_2" transform="matrix(0.00625 0 0 0.00608553 0 0)"/> 7310</pattern> 7311<image id="image0_13969_611_2" width="160" height="188" xlink:href="data:image/png;base64,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"/> 7312</defs> 7313</svg> 7314 <span class="ml-3">Verifizierter Käufer</span> 7315 </div> 7316 </template> 7317 <template x-if="!item['trusted_shops_review_id']"> 7318 <span>Verifizierter Besucher</span> 7319 </template> 7320 </div> 7321 </div> 7322 </template> 7323 7324 </div> 7325 7326 <div class="flex flex-col w-full lg:w-3/5 mx-auto lg:mx-0 gap-2 mt-4"> 7327 <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> 7328 </div> 7329 </div> 7330 </div> 7331
7331<script> 7332 function collapseBox6ab57e5f36c17() { 7333 return { 7334 isRendering: false, 7335 hasContent: true, 7336 numberOfChildBlocksActive: 0, 7337 isCollapsed: true, 7338 isCollapsedByDefault: Boolean(1), 7339 handleCollapseInteraction($dispatch) { 7340 this.isCollapsed = !this.isCollapsed 7341 }, 7342 eventListeners: { 7343 ['x-on:scroll-to-and-open-review-tab.window']() { 7344 this.isCollapsed = false 7345 const fixedHeaderHeight = document.querySelector('#header').clientHeight 7346 const scrollOffsetY = 75 7347 7348 window.requestAnimationFrame(() => { 7349 const eventTarget = document.getElementById('collapse-box-6ab57e5f36c17') 7350 const positionY = eventTarget.getBoundingClientRect().top + window.scrollY - fixedHeaderHeight - scrollOffsetY 7351 window.scrollTo({left: 0, top: positionY, behavior: 'smooth'}) 7352 }) 7353 }, 7354 } 7355 } 7356 } 7357 </script>
7357 7358</div><div 7359 class="immediately-available-variants" 7360 :class="{'invisible' : isRendering, 'hidden' : !hasContent}" 7361 id="collapse-box-6ab57e5f3a44c" 7362 x-data="collapseBox6ab57e5f3a44c()" 7363 x-bind="eventListeners" 7364 x-init="isCollapsed = isCollapsedByDefault" 7365 x-cloak 7366> 7367 <div class="grid grid-cols-1 py-6"> 7368 <div 7369 class="cursor-pointer xl:ml-10" 7370 x-on:click="handleCollapseInteraction($dispatch)" 7371 > 7372 <div class="flex justify-between items-center text-lg"> 7373 Sofort lieferbare Ausführungen <div class="md:pr-10 lg:pr-18"> 7374 <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}"> 7375 <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"> 7376 <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"/> 7377</svg> 7378</span> 7379 </span> 7380 </div> 7381 </div> 7382 </div> 7383 <div x-show="!isCollapsed" class="pt-4 md:pr-0"> 7384 <section class="" x-data="ProductSlider_6ab57e5f3a64f({"":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> 7385</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> 7386</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">
7386 <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>
7386<script> 7387 const ProductSlider_6ab57e5f3a64f = function (sliderBreakpoints) { 7388 return { 7389 uniqueId: 'ProductSlider_6ab57e5f3a64f', 7390 productsCount: 0, 7391 productIds: [], 7392 pageSize: 1, 7393 itemWidth: null, 7394 hoveredProductId: null, 7395 isImageLoaded: false, 7396 timeout: null, 7397 isAtStart: true, 7398 isAtEnd: false, 7399 active: 0, 7400 pageFillers: 0, 7401 itemsPerPagePerScreenSize: { 7402 '': 2.3, 7403 'sm': 2.3, 7404 'md': 3, 7405 'lg': 4, 7406 'xl': 4, 7407 '2xl': 4, 7408 }, 7409 7410 setItemsPerSlider() { 7411 if (!sliderBreakpoints) return; 7412 7413 this.itemsPerPagePerScreenSize = sliderBreakpoints; 7414 }, 7415 7416 initStaticMode() { 7417 this.productsCount = 0; 7418 this.productIds = 0; 7419 7420 if (this.getSlider()) { 7421 this.getSlider().scrollLeft = 0; 7422 this.calcActive(); 7423 } 7424 }, 7425 7426 initDynamicMode() { 7427 this.productsCount = this.productItems && (this.productItems).length || 0; 7428 this.productIds = this.productItems && this.getProductIds(this.productItems) || []; 7429 7430 if (this.productItems) { 7431 this.$nextTick(() => { 7432 window.requestAnimationFrame(() => { 7433 this.initSlider(); 7434 }) 7435 }) 7436 } 7437 }, 7438 7439 initGraphQlMode() { 7440 this.getProductItemsByGraphQl(); 7441 }, 7442 7443 initSlider() { 7444 this.setItemsPerSlider(); 7445 this.calcPageSize(); 7446 this.executeHooksOnSliderInit(); 7447 }, 7448 7449 reInitSlider() { 7450 if (this.getSlider()) {
7451 this.getSlider().scrollLeft = 0; 7452 } 7453 this.calcPageSize(); 7454 }, 7455 7456 getSlider() { 7457 return this.getSliderContainer(); 7458 }, 7459 7460 getSliderContainer() { 7461 return this.$root.querySelector('.slider-items-container'); 7462 }, 7463 7464 scrollBack() { 7465 if (this.getSliderContainer()) { 7466 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft - (this.getSliderContainer().clientWidth); 7467 this.calcActive(); 7468 } 7469 }, 7470 7471 scrollForward() { 7472 if (this.getSliderContainer()) { 7473 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft + (this.getSliderContainer().clientWidth); 7474 this.calcActive(); 7475 } 7476 }, 7477 7478 calcPageSize() { 7479 const slider = this.getSlider(); 7480 7481 if (slider) { 7482 this.pageSize = this.itemsPerPagePerScreenSize[themeServiceScreen.getScreen()]; 7483 7484 this.itemWidth = Math.round(slider.clientWidth / this.pageSize); 7485 this.pageFillers = ( 7486 this.pageSize * Math.ceil(this.productsCount / this.pageSize) 7487 ) - this.productsCount; 7488 this.$nextTick(() => this.calcActive()); 7489 7490 window.requestAnimationFrame(() => { 7491 if (!this.itemWidth && this.productsCount) this.calcPageSize(); 7492 7493 }); 7494 } 7495 }, 7496 7497 calcActive() { 7498 const slider = this.getSlider(); 7499 7500 if (slider) { 7501 const sliderItems = this.productsCount + this.pageFillers; 7502 const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems); 7503 7504 this.active = Math.round(calculatedActiveSlide); 7505 this.active = Math.max(0, Math.min(this.active, this.productsCount - this.pageSize)); 7506 7507 this.isAtStart = slider.scrollLeft === 0; 7508 this.isAtEnd = slider.scrollLeft + slider.clientWidth >= slider.scrollWidth - 1; 7509 } 7510 }, 7511 7512 getImageUrl(image) { 7513 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 7514 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 7515 7516 if (imageUrl) { 7517 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 7518 } 7519 7520 return ''; 7521 }, 7522 7523 getImageUrlByProduct(product) { 7524 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 7525 return this.getImageUrl(product.hover_image); 7526 } 7527 return this.getImageUrl(product.small_image); 7528 }, 7529 7530 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 7531 if (hoverImageUrl && this.hoveredProductId == productId) { 7532 return hoverImageUrl.split('?')[0] + "?ar=0.85:1&fit=crop"; 7533 } 7534 7535 return this.getImageUrl(imageUrl).replace('trim-tol=15', 'trim-tol=25'); 7536 }, 7537 7538 debounce(func, wait) { 7539 let later = function() { 7540 this.timeout = null; 7541 func.apply(this, []); 7542 }; 7543 clearTimeout(this.timeout); 7544 this.timeout = setTimeout(later, wait); 7545 }, 7546 7547 getImageUrl(image) { 7548 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 7549 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 7550 7551 if (imageUrl) { 7552 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 7553 } 7554 7555 return ''; 7556 }, 7557 7558 getImageUrlByProduct(product) { 7559 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 7560 return this.getImageUrl(product.hover_image); 7561 }
7562 return this.getImageUrl(product.small_image); 7563 }, 7564 7565 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 7566 if (hoverImageUrl && this.hoveredProductId == productId) { 7567 return this.getImageUrl(hoverImageUrl); 7568 } 7569 return this.getImageUrl(imageUrl); 7570 }, 7571 7572 badges: {}, 7573 getBadges() { 7574 if(this.productItems.length) { 7575 this.productItems.forEach((product) => { 7576 if (!(this.badges[product.id])) { 7577 this.badges[product.id] = themeServiceBadges.getBadges(product) 7578 } 7579 }); 7580 } 7581 }, 7582 7583 productItems: {}, 7584 getProductUrl(product) { 7585 if (product.url_rewrites && product.url_rewrites[0] && product.url_rewrites[0].url) { 7586 return `${BASE_URL}${product.url_rewrites[0].url}`; 7587 } 7588 return this.getUrl(product.url_key, product.url_suffix); 7589 }, 7590 getUrl(key, suffix) { 7591 return `${BASE_URL}${key}${suffix || ''}`; 7592 }, 7593 getProductIds(productItems) { 7594 const productIds = []; 7595 if (Array.isArray(productItems)) { 7596 for (let i = 0; i < productItems.length; i++) { 7597 productIds.push(productItems[i].id); 7598 } 7599 } 7600 return productIds; 7601 }, 7602 scrollPageUp() { 7603 document.documentElement.scrollTo({ 7604 top: 0, 7605 behavior: "smooth" 7606 }) 7607 }, 7608 executeHooksOnSliderInit() { 7609 this.getBadges(); 7610 }, 7611 7612 eventListeners: { 7613 ['x-on:window-resize-horizontal.window.debounce']() { 7614 this.reInitSlider(); 7615 }, 7616 ['x-on:re-init-product-sliders.window']() { 7617 this.reInitSlider(); 7618 }, 7619 ['@product-slider-immediately-available-variants.window'](event) { 7620 this.productItems = event.detail || []; 7621 if (this.productItems.length) { 7622 this.initDynamicMode() 7623 } 7624 }, 7625 ['x-on:immediatelyavailable-collapse-interaction.window']() { 7626 if (this.productItems && this.productItems.length) { 7627 this.calcPageSize() 7628 } 7629 }, 7630 }, 7631 } 7632 } 7633 7634 const dispatchEventReInitProductSliders_ProductSlider_6ab57e5f3a64f = function() { 7635 window.dispatchEvent(new CustomEvent('re-init-product-sliders')) 7636 } 7637 7638 window.requestIdleCallback 7639 ? window.requestIdleCallback(() => dispatchEventReInitProductSliders_ProductSlider_6ab57e5f3a64f) 7640 : setTimeout(() => dispatchEventReInitProductSliders_ProductSlider_6ab57e5f3a64f, 4000);</script>
7640 </div> 7641 </div> 7642
7642<script> 7643 function collapseBox6ab57e5f3a44c() { 7644 return { 7645 isRendering: false, 7646 hasContent: false, 7647 isCollapsed: true, 7648 isCollapsedByDefault: Boolean(), 7649 handleCollapseInteraction($dispatch) { 7650 this.isCollapsed = !this.isCollapsed 7651 if(!this.isCollapsed) { 7652 this.isRendering = true 7653 this.$nextTick(() => { 7654 $dispatch('immediatelyavailable-collapse-interaction') 7655 this.isRendering = false 7656 }) 7657 } 7658 }, 7659 checkHasContent() { 7660 this.hasContent = this.numberOfChildBlocksActive 7661 }, 7662 eventListeners: { 7663 ['x-on:product-slider-immediately-available-variants.window'](event) { 7664 this.hasContent = event.detail && (event.detail).length && true || false 7665 }, 7666 } 7667 } 7668 } 7669 </script>
7669 7670</div> </div> 7671</section> 7672<section class="flex flex-col product-collaterals"> 7673 <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_6ab57e5f5012e({"":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> 7674</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> 7675</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 
7675- 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>
7675<script> 7676 const ProductSlider_6ab57e5f5012e = function (sliderBreakpoints) { 7677 return { 7678 uniqueId: 'ProductSlider_6ab57e5f5012e', 7679 productsCount: 0, 7680 productIds: [], 7681 pageSize: 1, 7682 itemWidth: null, 7683 hoveredProductId: null, 7684 isImageLoaded: false, 7685 timeout: null, 7686 isAtStart: true, 7687 isAtEnd: false, 7688 active: 0, 7689 pageFillers: 0, 7690 itemsPerPagePerScreenSize: { 7691 '': 2.3, 7692 'sm': 2.3, 7693 'md': 3, 7694 'lg': 4, 7695 'xl': 4, 7696 '2xl': 4, 7697 }, 7698 7699 setItemsPerSlider() { 7700 if (!sliderBreakpoints) return; 7701 7702 this.itemsPerPagePerScreenSize = sliderBreakpoints; 7703 }, 7704 7705 initStaticMode() { 7706 this.productsCount = 1; 7707 this.productIds = ["18119"]; 7708 7709 if (this.getSlider()) { 7710 this.getSlider().scrollLeft = 0; 7711 this.calcActive(); 7712 } 7713 }, 7714 7715 initDynamicMode() { 7716 this.productsCount = this.productItems && (this.productItems).length || 0; 7717 this.productIds = this.productItems && this.getProductIds(this.productItems) || []; 7718 7719 if (this.productItems) { 7720 this.$nextTick(() => { 7721 window.requestAnimationFrame(() => { 7722 this.initSlider(); 7723 }) 7724 }) 7725 } 7726 }, 7727 7728 initGraphQlMode() { 7729 this.getProductItemsByGraphQl(); 7730 }, 7731 7732 initSlider() { 7733 this.setItemsPerSlider(); 7734 this.calcPageSize(); 7735 this.executeHooksOnSliderInit(); 7736 }, 7737 7738 reInitSlider() { 7739 if (this.getSlider()) {
7740 this.getSlider().scrollLeft = 0; 7741 } 7742 this.calcPageSize(); 7743 }, 7744 7745 getSlider() { 7746 return this.getSliderContainer(); 7747 }, 7748 7749 getSliderContainer() { 7750 return this.$root.querySelector('.slider-items-container'); 7751 }, 7752 7753 scrollBack() { 7754 if (this.getSliderContainer()) { 7755 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft - (this.getSliderContainer().clientWidth); 7756 this.calcActive(); 7757 } 7758 }, 7759 7760 scrollForward() { 7761 if (this.getSliderContainer()) { 7762 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft + (this.getSliderContainer().clientWidth); 7763 this.calcActive(); 7764 } 7765 }, 7766 7767 calcPageSize() { 7768 const slider = this.getSlider(); 7769 7770 if (slider) { 7771 this.pageSize = this.itemsPerPagePerScreenSize[themeServiceScreen.getScreen()]; 7772 7773 this.itemWidth = Math.round(slider.clientWidth / this.pageSize); 7774 this.pageFillers = ( 7775 this.pageSize * Math.ceil(this.productsCount / this.pageSize) 7776 ) - this.productsCount; 7777 this.$nextTick(() => this.calcActive()); 7778 7779 window.requestAnimationFrame(() => { 7780 if (!this.itemWidth && this.productsCount) this.calcPageSize(); 7781 7782 }); 7783 } 7784 }, 7785 7786 calcActive() { 7787 const slider = this.getSlider(); 7788 7789 if (slider) { 7790 const sliderItems = this.productsCount + this.pageFillers; 7791 const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems); 7792 7793 this.active = Math.round(calculatedActiveSlide); 7794 this.active = Math.max(0, Math.min(this.active, this.productsCount - this.pageSize)); 7795 7796 this.isAtStart = slider.scrollLeft === 0; 7797 this.isAtEnd = slider.scrollLeft + slider.clientWidth >= slider.scrollWidth - 1; 7798 } 7799 }, 7800 7801 getImageUrl(image) { 7802 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 7803 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 7804 7805 if (imageUrl) { 7806 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 7807 } 7808 7809 return ''; 7810 }, 7811 7812 getImageUrlByProduct(product) { 7813 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 7814 return this.getImageUrl(product.hover_image); 7815 } 7816 return this.getImageUrl(product.small_image); 7817 }, 7818 7819 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 7820 if (hoverImageUrl && this.hoveredProductId == productId) { 7821 return hoverImageUrl.split('?')[0] + "?ar=0.85:1&fit=crop"; 7822 } 7823 7824 return this.getImageUrl(imageUrl).replace('trim-tol=15', 'trim-tol=25'); 7825 }, 7826 7827 debounce(func, wait) { 7828 let later = function() { 7829 this.timeout = null; 7830 func.apply(this, []); 7831 }; 7832 clearTimeout(this.timeout); 7833 this.timeout = setTimeout(later, wait); 7834 }, 7835 7836 getImageUrl(image) { 7837 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 7838 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 7839 7840 if (imageUrl) { 7841 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 7842 } 7843 7844 return ''; 7845 }, 7846 7847 getImageUrlByProduct(product) { 7848 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 7849 return this.getImageUrl(product.hover_image); 7850 }
7851 return this.getImageUrl(product.small_image); 7852 }, 7853 7854 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 7855 if (hoverImageUrl && this.hoveredProductId == productId) { 7856 return this.getImageUrl(hoverImageUrl); 7857 } 7858 return this.getImageUrl(imageUrl); 7859 }, 7860 7861 badges: {}, 7862 getBadges() { 7863 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}); 7864 }, 7865 7866 executeHooksOnSliderInit() { 7867 this.getBadges(); 7868 }, 7869 7870 eventListeners: { 7871 ['x-on:window-resize-horizontal.window.debounce']() { 7872 this.reInitSlider(); 7873 }, 7874 ['x-on:re-init-product-sliders.window']() { 7875 this.reInitSlider(); 7876 }, 7877 }, 7878 } 7879 } 7880 7881 const dispatchEventReInitProductSliders_ProductSlider_6ab57e5f5012e = function() { 7882 window.dispatchEvent(new CustomEvent('re-init-product-sliders')) 7883 } 7884 7885 window.requestIdleCallback 7886 ? window.requestIdleCallback(() => dispatchEventReInitProductSliders_ProductSlider_6ab57e5f5012e) 7887 : setTimeout(() => dispatchEventReInitProductSliders_ProductSlider_6ab57e5f5012e, 4000);</script>
7887</div> 7888 <div class="order-3"> <section class="container pb-6 md:pb-12" x-data="ProductSlider_6ab57e5f724d8({"":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> 7889</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> 7890</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
789015, '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">
7890<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 == '217866' && '' && 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 = 217866" ><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(217866, 'https://dbs-product.imgix.net/a/a/aa121-d153-aa51_aac_12_khaki_2.0_shell_black_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 == '217866' || 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(320)" ></span> <span class="discount-price inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(160)" ></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">
7890<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">
7890<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">
7890<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 == '218056' && '' && 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 = 218056" ><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(218056, 'https://dbs-product.imgix.net/a/a/aa194-d129-aa51_aac_20_clay_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 == '218056' || 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(307)" ></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">
7890<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="old-price inline-block line-through order-last text-sm tracking-narrow" x-text="hyva.formatPrice(699)" ></span> <span class="discount-price inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(489)" ></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="old-price inline-block line-through order-last text-sm tracking-narrow" x-text="hyva.formatPrice(409)" ></span> <span class="discount-price inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(327)" ></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">
7890<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(271)" ></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">
7890<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="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(449)" ></span> <span class="discount-price inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(359)" ></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 == '218498' && '' && 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 = 218498" ><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">
7890<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218498, 'https://dbs-product.imgix.net/a/c/ac106-d159-aa51_aac_222_white_2.0_shell_wb_lacquer_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 == '218498' || 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(279)" ></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">
7890<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="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(310)" ></span> <span class="discount-price inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(248)" ></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 == '217768' && '' && 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 = 217768" ><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">
7890<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(217768, 'https://dbs-product.imgix.net/a/a/aa230-_d123-aa51_aac_26_slate_blue_2.0_shell_white_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 == '217768' || 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(300)" ></span> <span class="discount-price inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(210)" ></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="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(529)" ></span> <span class="discount-price inline-block final-price text-sm font-semibold" x-text="hyva.formatPrice(317)" ></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">
7890<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">
7890<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>
7890<script> 7891 const ProductSlider_6ab57e5f724d8 = function (sliderBreakpoints) { 7892 return { 7893 uniqueId: 'ProductSlider_6ab57e5f724d8', 7894 productsCount: 0, 7895 productIds: [], 7896 pageSize: 1, 7897 itemWidth: null, 7898 hoveredProductId: null, 7899 isImageLoaded: false, 7900 timeout: null, 7901 isAtStart: true, 7902 isAtEnd: false, 7903 active: 0, 7904 pageFillers: 0, 7905 itemsPerPagePerScreenSize: { 7906 '': 2.3, 7907 'sm': 2.3, 7908 'md': 3, 7909 'lg': 4, 7910 'xl': 4, 7911 '2xl': 4, 7912 }, 7913 7914 setItemsPerSlider() { 7915 if (!sliderBreakpoints) return; 7916 7917 this.itemsPerPagePerScreenSize = sliderBreakpoints; 7918 }, 7919 7920 initStaticMode() { 7921 this.productsCount = 25; 7922 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"]; 7923 7924 if (this.getSlider()) {
7925 this.getSlider().scrollLeft = 0; 7926 this.calcActive(); 7927 } 7928 }, 7929 7930 initDynamicMode() { 7931 this.productsCount = this.productItems && (this.productItems).length || 0; 7932 this.productIds = this.productItems && this.getProductIds(this.productItems) || []; 7933 7934 if (this.productItems) { 7935 this.$nextTick(() => { 7936 window.requestAnimationFrame(() => { 7937 this.initSlider(); 7938 }) 7939 }) 7940 } 7941 }, 7942 7943 initGraphQlMode() { 7944 this.getProductItemsByGraphQl(); 7945 }, 7946 7947 initSlider() { 7948 this.setItemsPerSlider(); 7949 this.calcPageSize(); 7950 this.executeHooksOnSliderInit(); 7951 }, 7952 7953 reInitSlider() { 7954 if (this.getSlider()) { 7955 this.getSlider().scrollLeft = 0; 7956 } 7957 this.calcPageSize(); 7958 }, 7959 7960 getSlider() { 7961 return this.getSliderContainer(); 7962 }, 7963 7964 getSliderContainer() { 7965 return this.$root.querySelector('.slider-items-container'); 7966 }, 7967 7968 scrollBack() { 7969 if (this.getSliderContainer()) {
7970 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft - (this.getSliderContainer().clientWidth); 7971 this.calcActive(); 7972 } 7973 }, 7974 7975 scrollForward() { 7976 if (this.getSliderContainer()) { 7977 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft + (this.getSliderContainer().clientWidth); 7978 this.calcActive(); 7979 } 7980 }, 7981 7982 calcPageSize() { 7983 const slider = this.getSlider(); 7984 7985 if (slider) { 7986 this.pageSize = this.itemsPerPagePerScreenSize[themeServiceScreen.getScreen()]; 7987 7988 this.itemWidth = Math.round(slider.clientWidth / this.pageSize); 7989 this.pageFillers = ( 7990 this.pageSize * Math.ceil(this.productsCount / this.pageSize) 7991 ) - this.productsCount; 7992 this.$nextTick(() => this.calcActive()); 7993 7994 window.requestAnimationFrame(() => { 7995 if (!this.itemWidth && this.productsCount) this.calcPageSize(); 7996 7997 }); 7998 } 7999 }, 8000 8001 calcActive() { 8002 const slider = this.getSlider(); 8003 8004 if (slider) { 8005 const sliderItems = this.productsCount + this.pageFillers; 8006 const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems); 8007 8008 this.active = Math.round(calculatedActiveSlide); 8009 this.active = Math.max(0, Math.min(this.active, this.productsCount - this.pageSize)); 8010 8011 this.isAtStart = slider.scrollLeft === 0; 8012 this.isAtEnd = slider.scrollLeft + slider.clientWidth >= slider.scrollWidth - 1; 8013 } 8014 }, 8015 8016 getImageUrl(image) { 8017 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 8018 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 8019 8020 if (imageUrl) { 8021 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 8022 } 8023 8024 return ''; 8025 }, 8026 8027 getImageUrlByProduct(product) { 8028 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 8029 return this.getImageUrl(product.hover_image); 8030 } 8031 return this.getImageUrl(product.small_image); 8032 }, 8033 8034 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 8035 if (hoverImageUrl && this.hoveredProductId == productId) { 8036 return hoverImageUrl.split('?')[0] + "?ar=0.85:1&fit=crop"; 8037 } 8038 8039 return this.getImageUrl(imageUrl).replace('trim-tol=15', 'trim-tol=25'); 8040 }, 8041 8042 debounce(func, wait) { 8043 let later = function() { 8044 this.timeout = null; 8045 func.apply(this, []); 8046 }; 8047 clearTimeout(this.timeout); 8048 this.timeout = setTimeout(later, wait); 8049 }, 8050 8051 getImageUrl(image) { 8052 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 8053 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 8054 8055 if (imageUrl) { 8056 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 8057 } 8058 8059 return ''; 8060 }, 8061 8062 getImageUrlByProduct(product) { 8063 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 8064 return this.getImageUrl(product.hover_image); 8065 } 8066 return this.getImageUrl(product.small_image); 8067 }, 8068 8069 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 8070 if (hoverImageUrl && this.hoveredProductId == productId) { 8071 return this.getImageUrl(hoverImageUrl); 8072 } 8073 return this.getImageUrl(imageUrl); 8074 }, 8075 8076 badges: {}, 8077 getBadges() { 8078 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}); 8079 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}); 8080 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}); 8081 this.badges[17422] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":160,"sale_item_regular_price":320,"variants_have_equal_discount":false,"calculated_minimal_price":160,"discount":"bis zu -160\u00a0\u20ac"},"is_new_product":false}); 8082 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}); 8083 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}); 8084 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}); 8085 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}); 8086 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}); 8087 this.badges[17943] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":307,"sale_item_regular_price":439,"variants_have_equal_discount":false,"calculated_minimal_price":307,"discount":"bis zu -132\u00a0\u20ac"},"is_new_product":false}); 8088 this.badges[40212] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":489,"sale_item_regular_price":699,"variants_have_equal_discount":true,"calculated_minimal_price":489,"discount":"-210\u00a0\u20ac"},"is_new_product":false}); 8089 this.badges[208370] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":327,"sale_item_regular_price":409,"variants_have_equal_discount":true,"calculated_minimal_price":327,"discount":"-20%"},"is_new_product":false}); 8090 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}); 8091 this.badges[217606] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":271,"sale_item_regular_price":339,"variants_have_equal_discount":true,"calculated_minimal_price":271,"discount":"-20%"},"is_new_product":false}); 8092 this.badges[208399] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":359,"sale_item_regular_price":449,"variants_have_equal_discount":false,"calculated_minimal_price":359,"discount":"bis zu -20%"},"is_new_product":false}); 8093 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}); 8094 this.badges[208405] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":279,"sale_item_regular_price":349,"variants_have_equal_discount":false,"calculated_minimal_price":279,"discount":"bis zu -20%"},"is_new_product":false}); 8095 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}); 8096 this.badges[218701] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":248,"sale_item_regular_price":310,"variants_have_equal_discount":false,"calculated_minimal_price":248,"discount":"bis zu -20%"},"is_new_product":false}); 8097 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}); 8098 this.badges[53633] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":210,"sale_item_regular_price":300,"variants_have_equal_discount":false,"calculated_minimal_price":210,"discount":"bis zu -30%"},"is_new_product":false}); 8099 this.badges[128770] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":317,"sale_item_regular_price":529,"variants_have_equal_discount":false,"calculated_minimal_price":317,"discount":"bis zu -212\u00a0\u20ac"},"is_new_product":false}); 8100 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}); 8101 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}); 8102 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}); 8103 }, 8104 8105 executeHooksOnSliderInit() { 8106 this.getBadges(); 8107 }, 8108 8109 eventListeners: { 8110 ['x-on:window-resize-horizontal.window.debounce']() { 8111 this.reInitSlider(); 8112 }, 8113 ['x-on:re-init-product-sliders.window']() { 8114 this.reInitSlider(); 8115 }, 8116 }, 8117 } 8118 } 8119 8120 const dispatchEventReInitProductSliders_ProductSlider_6ab57e5f724d8 = function() { 8121 window.dispatchEvent(new CustomEvent('re-init-product-sliders')) 8122 } 8123 8124 window.requestIdleCallback 8125 ? window.requestIdleCallback(() => dispatchEventReInitProductSliders_ProductSlider_6ab57e5f724d8) 8126 : setTimeout(() => dispatchEventReInitProductSliders_ProductSlider_6ab57e5f724d8, 4000);</script>
8126</div> 8127 <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"> 8128 <div class="container grid grid-cols-3 gap-y-3 md:grid-cols-7 lg:grid-cols-8 lg:items-center"> 8129 <div class="mb-4 md:mb-0 col-span-3 md:order-1 lg:order-2 md:col-span-7 lg:col-span-2"> 8130 <h2> 8131 <span class="text-xl md:text-lg font-semibold"> 8132 Haben Sie noch Fragen? </span> 8133 </h2> 8134 </div> 8135 <div class="col-span-1 md:row-span-2 lg:row-span-1 justify-center md:order-2 lg:order-1 md:pb-3 8136 lg:pb-0 md:items-end lg:items-start flex"> 8137 <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"> 8138 <switch> 8139 <g> 8140 <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"/> 8141 <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"/> 8142 </g> 8143 </switch> 8144</svg> 8145 </div> 8146 <div class="col-span-2 md:col-span-3 lg:col-span-2 md:order-3 md:row-span-2 8147 lg:row-span-1 md:items-end lg:items-start md:flex md:pr-20 md:pb-2"> 8148 <span class="lg:text-sm">Wir helfen Ihnen gerne weiter. Kostenlose Beratung Mo.â Fr. von 10 bis 13 Uhr unter</span> 8149 </div> 8150 <div class="order-4 col-span-2 hidden lg:block"> 8151 <div class="font-semibold text-xl"> 8152 <span> 8153 <a href="tel:+49 241 955 091 97"> 8154 +49 241 955 091 97 </a> 8155 </span> 8156 <span onclick="window.ContactLinkClickHandler(event)"> 8157 oder <br><a class="underline" href="/service/kontakt/">schreiben Sie uns hier</a> </span> 8158 </div> 8159 </div> 8160 <div class="lg:hidden mt-3 md:mt-0 col-span-3 md:order-4"> 8161 <button type="button" class="button button-stroke md:button-mediumheight w-full" 8162 onclick="window.open('tel:+49 241 955 091 97')" 8163 > 8164 Rufen Sie uns an </button> 8165 </div> 8166 <div class="lg:hidden col-span-3 md:order-5""> 8167 <span> 8168 <a class="button button-stroke md:button-mediumheight w-full" 8169 href="/service/kontakt/" 8170 onclick="window.ContactLinkClickHandler(event)" 8171 > 8172 Schreiben Sie uns </a> 8173 </span> 8174 </div> 8175 </div> 8176 </div> 8177</div> 8178 <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.video\u005C\u002FHAY\u005C\u002FHAY_About_A_Collection_Web.mp4\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.video/HAY/HAY_About_A_Collection_Web.mp4?video-generate=thumbnail&video-thumbnail-time=1&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>
8178<script> 8179 const ImgixVideoSlider = function (videoUrls) { 8180 videoUrls = JSON.parse(videoUrls); 8181 const videosCount = videoUrls.length; 8182 8183 return { 8184 currentVideoIndex: 0, 8185 errors: {}, 8186 initialize() { 8187 observer = new IntersectionObserver((entries, observer) => { 8188 entries.forEach(entry => { 8189 if (entry.isIntersecting) { 8190 this.loadAssets(); 8191 observer.disconnect(); 8192 } 8193 }) 8194 }) 8195 8196 observer.observe(this.$root); 8197 }, 8198 loadAssets() { 8199 const firstScriptTag = document.getElementsByTagName('script')[0]; 8200 const hlsScript = document.createElement('script'); 8201 hlsScript.src = 'https://shop.schoener-wohnen.de/static/version1788937838/frontend/DesignBestseller/schoener_wohnen/de_DE/DesignBestseller_ImgixVideo/js/lib/hls.light.min.js' 8202 hlsScript.onload = this.onAssetsReady.bind(this); 8203 firstScriptTag.parentNode.insertBefore(hlsScript, firstScriptTag); 8204 }, 8205 onAssetsReady() { 8206 this.attachVideo(this.currentVideoIndex); 8207 }, 8208 attachVideo(index) { 8209 const videoElement = this.$refs[`imgixVideo${index}`]; 8210 const videoUrl = videoUrls[index]; 8211 8212 if (!videoElement || !videoUrl || videoElement.src) { 8213 return this; 8214 } 8215 8216 if (window.Hls.isSupported()) { 8217 const hls = new Hls(); 8218 hls.loadSource(videoUrl); 8219 hls.attachMedia(videoElement); 8220 return this; 8221 } 8222 8223 if (videoElement.canPlayType('application/vnd.apple.mpegurl')) { 8224 videoElement.src = videoUrl; 8225 return this; 8226 } 8227 8228 this.errors[$index] = "Your browser doesn't support this type of media." 8229 }, 8230 showPrevious() { 8231 const prevIndex = this.currentVideoIndex - 1; 8232 this.$refs[`imgixVideo${this.currentVideoIndex}`].pause(); 8233 this.currentVideoIndex = prevIndex < 0 ? videosCount - 1 : prevIndex; 8234 this.attachVideo(this.currentVideoIndex); 8235 }, 8236 showNext() { 8237 const nextIndex = this.currentVideoIndex + 1; 8238 this.$refs[`imgixVideo${this.currentVideoIndex}`].pause(); 8239 this.currentVideoIndex = nextIndex >= videosCount ? 0 : nextIndex; 8240 this.attachVideo(this.currentVideoIndex); 8241 } 8242 } 8243 }</script>
8243</div> 8244 <div class="order-7"> <div class="container mt-12 md:mt-18 pb-2 lg:pb-0"> 8245 <div class="border-element"> 8246 <div class="lg:w-3/4 xl:w-1/2 mx-auto"> 8247 <p class="text-xl md:text-2xl font-semibold mb-12 md:mb-11">Von Hee Welling designt</p> 8248 <div class="grid grid-cols-3 lg:grid-cols-4 gap-4"> 8249 <div> 8250 <img 8251 class="max-h-64 w-auto" loading="lazy" height="40" width="40" 8252 src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/designer/designer-hee-welling.jpg?auto=format" 8253 alt="Hee Welling"/> 8254 </div> 8255 <div class="col-span-2 lg:col-span-3 md:pl-6 flex flex-col justify-between"> 8256 <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> 8257 <div> 8258 <button class="button button-stroke mt-11 md:mt-7" 8259 onclick="location.assign('https://shop.schoener-wohnen.de/designer-hee-welling/')">Produkte entdecken</button> 8260 </div> 8261 </div> 8262 </div> 8263 </div> 8264 </div> 8265 </div> 8266</div> 8267 <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"> 8268 <div class="container grid grid-cols-3 gap-y-3 md:grid-cols-7 lg:grid-cols-8 lg:items-center"> 8269 <div class="mb-4 md:mb-0 col-span-3 md:order-1 lg:order-2 md:col-span-7 lg:col-span-2"> 8270 <h2> 8271 <span class="text-xl md:text-lg font-semibold"> 8272 Haben Sie noch Fragen? </span> 8273 </h2> 8274 </div> 8275 <div class="col-span-1 md:row-span-2 lg:row-span-1 justify-center md:order-2 lg:order-1 md:pb-3 8276 lg:pb-0 md:items-end lg:items-start flex"> 8277 <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"> 8278 <switch> 8279 <g> 8280 <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"/> 8281 <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"/> 8282 </g> 8283 </switch> 8284</svg> 8285 </div> 8286 <div class="col-span-2 md:col-span-3 lg:col-span-2 md:order-3 md:row-span-2 8287 lg:row-span-1 md:items-end lg:items-start md:flex md:pr-20 md:pb-2"> 8288 <span class="lg:text-sm">Wir helfen Ihnen gerne weiter. Kostenlose Beratung Mo.â Fr. von 10 bis 13 Uhr unter</span> 8289 </div> 8290 <div class="order-4 col-span-2 hidden lg:block"> 8291 <div class="font-semibold text-xl">
8292 <span> 8293 <a href="tel:+49 241 955 091 97"> 8294 +49 241 955 091 97 </a> 8295 </span> 8296 <span onclick="window.ContactLinkClickHandler(event)"> 8297 oder <br><a class="underline" href="/service/kontakt/">schreiben Sie uns hier</a> </span> 8298 </div> 8299 </div> 8300 <div class="lg:hidden mt-3 md:mt-0 col-span-3 md:order-4"> 8301 <button type="button" class="button button-stroke md:button-mediumheight w-full" 8302 onclick="window.open('tel:+49 241 955 091 97')" 8303 > 8304 Rufen Sie uns an </button> 8305 </div> 8306 <div class="lg:hidden col-span-3 md:order-5""> 8307 <span> 8308 <a class="button button-stroke md:button-mediumheight w-full" 8309 href="/service/kontakt/" 8310 onclick="window.ContactLinkClickHandler(event)" 8311 > 8312 Schreiben Sie uns </a> 8313 </span> 8314 </div> 8315 </div> 8316 </div> 8317</div> 8318 <div class="order-9 lg:order-5 pa-content-after-contact"></div> 8319 <div class="order-10"> <div class="container pt-14 xl:pt-12"> 8320 <div class="flex flex-col items-center lg:w-3/4 xl:w-1/2 mx-auto"> 8321 <div> 8322 <a href="https://shop.schoener-wohnen.de/hay/"> 8323 <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" 8324 class="w-auto h-10" 8325 alt="HAY" /></span> 8326 </a> 8327 </div> 8328 <div class="flex flex-col justify-between"> 8329 <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> 8330<p> </p><br> 8331<p> </p>`)" 8332 x-defer="intersect" 8333 x-bind="eventListeners" 8334 x-init="updateContent()" 8335 class="mt-4.5 mb-6 text-center mx-auto md:w-8/12 relative" 8336 id="manufacturer-text" 8337 > 8338 <div class="manufacturer-text-content" x-ref="content" x-html="manufacturerText" 8339 :class="{ 8340 'expanded' : isExpanded, 8341 'processing' : isProcessing 8342 }" 8343 > 8344 <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> 8345<p> </p><br> 8346<p> </p> </div> 8347 <button class="text-truncation-toggle text-expand" 8348 x-cloak 8349 x-show="isRequiresToggleButton && !isExpanded" 8350 x-on:click="isExpanded = !isExpanded" 8351 > 8352 <span class="underline">... mehr anzeigen</span> 8353 </button> 8354 </div> 8355 <button class="text-truncation-toggle text-collapse" 8356 x-cloak 8357 x-show="isRequiresToggleButton && isExpanded" 8358 x-on:click="isExpanded = !isExpanded" 8359 >
8360 <span class="underline">weniger anzeigen</span> 8361 </button> 8362 </div> 8363 <div class="flex justify-center"> 8364 <button class="button button-stroke w-full sm:w-auto" 8365 onclick="location.assign('https://shop.schoener-wohnen.de/hay/')"> 8366 Alle Artikel von HAY anzeigen </button> 8367 </div> 8368 </div> 8369 </div> 8370
8370<script> 8371 function ManufacturerText(manufacturerTextFallback) { 8372 return { 8373 ...ClampElementContent(), 8374 manufacturerText: null, 8375 updateContent(manufacturerText) { 8376 this.manufacturerText = manufacturerText || manufacturerTextFallback; 8377 8378 this.$nextTick(() => this.getIsRequiredToggleButton()) 8379 } 8380 } 8381 } 8382 </script>
8382 8383</div> 8384 <div class="order-11"> <section class="order-7 container pt-6 md:pt-12" x-data="ProductSlider_6ab57e5f9138c()" 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> 8385</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> 8386</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">
8386<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>
8386<script> 8387 const ProductSlider_6ab57e5f9138c = function (sliderBreakpoints) { 8388 return { 8389 uniqueId: 'ProductSlider_6ab57e5f9138c', 8390 productsCount: 0, 8391 productIds: [], 8392 pageSize: 1, 8393 itemWidth: null, 8394 hoveredProductId: null, 8395 isImageLoaded: false, 8396 timeout: null, 8397 isAtStart: true, 8398 isAtEnd: false, 8399 active: 0, 8400 pageFillers: 0, 8401 itemsPerPagePerScreenSize: { 8402 '': 2.3, 8403 'sm': 2.3, 8404 'md': 3, 8405 'lg': 4, 8406 'xl': 4, 8407 '2xl': 4, 8408 }, 8409 8410 setItemsPerSlider() { 8411 if (!sliderBreakpoints) return; 8412 8413 this.itemsPerPagePerScreenSize = sliderBreakpoints; 8414 }, 8415 8416 initStaticMode() { 8417 this.productsCount = 0; 8418 this.productIds = 0; 8419 8420 if (this.getSlider()) { 8421 this.getSlider().scrollLeft = 0; 8422 this.calcActive(); 8423 } 8424 }, 8425 8426 initDynamicMode() { 8427 this.productsCount = this.productItems && (this.productItems).length || 0; 8428 this.productIds = this.productItems && this.getProductIds(this.productItems) || []; 8429 8430 if (this.productItems) { 8431 this.$nextTick(() => { 8432 window.requestAnimationFrame(() => { 8433 this.initSlider(); 8434 }) 8435 }) 8436 } 8437 }, 8438 8439 initGraphQlMode() { 8440 }, 8441 8442 initSlider() { 8443 this.setItemsPerSlider(); 8444 this.calcPageSize(); 8445 this.executeHooksOnSliderInit(); 8446 }, 8447 8448 reInitSlider() { 8449 if (this.getSlider()) {
8450 this.getSlider().scrollLeft = 0; 8451 } 8452 this.calcPageSize(); 8453 }, 8454 8455 getSlider() { 8456 return this.getSliderContainer(); 8457 }, 8458 8459 getSliderContainer() { 8460 return this.$root.querySelector('.slider-items-container'); 8461 }, 8462 8463 scrollBack() { 8464 if (this.getSliderContainer()) { 8465 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft - (this.getSliderContainer().clientWidth); 8466 this.calcActive(); 8467 } 8468 }, 8469 8470 scrollForward() { 8471 if (this.getSliderContainer()) { 8472 this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft + (this.getSliderContainer().clientWidth); 8473 this.calcActive(); 8474 } 8475 }, 8476 8477 calcPageSize() { 8478 const slider = this.getSlider(); 8479 8480 if (slider) { 8481 this.pageSize = this.itemsPerPagePerScreenSize[themeServiceScreen.getScreen()]; 8482 8483 this.itemWidth = Math.round(slider.clientWidth / this.pageSize); 8484 this.pageFillers = ( 8485 this.pageSize * Math.ceil(this.productsCount / this.pageSize) 8486 ) - this.productsCount; 8487 this.$nextTick(() => this.calcActive()); 8488 8489 window.requestAnimationFrame(() => { 8490 if (!this.itemWidth && this.productsCount) this.calcPageSize(); 8491 8492 }); 8493 } 8494 }, 8495 8496 calcActive() { 8497 const slider = this.getSlider(); 8498 8499 if (slider) { 8500 const sliderItems = this.productsCount + this.pageFillers; 8501 const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems); 8502 8503 this.active = Math.round(calculatedActiveSlide); 8504 this.active = Math.max(0, Math.min(this.active, this.productsCount - this.pageSize)); 8505 8506 this.isAtStart = slider.scrollLeft === 0; 8507 this.isAtEnd = slider.scrollLeft + slider.clientWidth >= slider.scrollWidth - 1; 8508 } 8509 }, 8510 8511 getImageUrl(image) { 8512 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 8513 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 8514 8515 if (imageUrl) { 8516 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 8517 } 8518 8519 return ''; 8520 }, 8521 8522 getImageUrlByProduct(product) { 8523 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 8524 return this.getImageUrl(product.hover_image); 8525 } 8526 return this.getImageUrl(product.small_image); 8527 }, 8528 8529 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 8530 if (hoverImageUrl && this.hoveredProductId == productId) { 8531 return hoverImageUrl.split('?')[0] + "?ar=0.85:1&fit=crop"; 8532 } 8533 8534 return this.getImageUrl(imageUrl).replace('trim-tol=15', 'trim-tol=25'); 8535 }, 8536 8537 debounce(func, wait) { 8538 let later = function() { 8539 this.timeout = null; 8540 func.apply(this, []); 8541 }; 8542 clearTimeout(this.timeout); 8543 this.timeout = setTimeout(later, wait); 8544 }, 8545 8546 getImageUrl(image) { 8547 const imageUrlSuffix = '&pad=10&h=280&ar=1:1'; 8548 const imageUrl = typeof image === 'string' ? image : image && image.url || null; 8549 8550 if (imageUrl) { 8551 return (imageUrl).replace(/&/g, '&') + imageUrlSuffix; 8552 } 8553 8554 return ''; 8555 }, 8556 8557 getImageUrlByProduct(product) { 8558 if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) { 8559 return this.getImageUrl(product.hover_image); 8560 }
8561 return this.getImageUrl(product.small_image); 8562 }, 8563 8564 resolveImageUrl(productId, imageUrl, hoverImageUrl) { 8565 if (hoverImageUrl && this.hoveredProductId == productId) { 8566 return this.getImageUrl(hoverImageUrl); 8567 } 8568 return this.getImageUrl(imageUrl); 8569 }, 8570 8571 badges: {}, 8572 getBadges() { 8573 if(this.productItems.length) { 8574 this.productItems.forEach((product) => { 8575 if (!(this.badges[product.id])) { 8576 this.badges[product.id] = themeServiceBadges.getBadges(product) 8577 } 8578 }); 8579 } 8580 }, 8581 8582 productItems: {}, 8583 getProductUrl(product) { 8584 if (product.url_rewrites && product.url_rewrites[0] && product.url_rewrites[0].url) { 8585 return `${BASE_URL}${product.url_rewrites[0].url}`; 8586 } 8587 return this.getUrl(product.url_key, product.url_suffix); 8588 }, 8589 getUrl(key, suffix) { 8590 return `${BASE_URL}${key}${suffix || ''}`; 8591 }, 8592 getProductIds(productItems) { 8593 const productIds = []; 8594 if (Array.isArray(productItems)) { 8595 for (let i = 0; i < productItems.length; i++) { 8596 productIds.push(productItems[i].id); 8597 } 8598 } 8599 return productIds; 8600 }, 8601 scrollPageUp() { 8602 document.documentElement.scrollTo({ 8603 top: 0, 8604 behavior: "smooth" 8605 }) 8606 }, 8607 async getProductItemsByGraphQl(variables) { 8608 const graphQlFetch = await themeServiceGraphQl.postData(`query RecentlyViewedProducts ($skus: [String!]!) { 8609 products(filter: {sku: {in: $skus}}, pageSize: 20, sort: {position: ASC}) { 8610 items 8611 { 8612 sku 8613 id 8614 name 8615 small_image { 8616 label 8617 url 8618 } 8619 hover_image { 8620 url 8621 isEmpty 8622 } 8623 url_key 8624 url_suffix 8625 url_rewrites { 8626 url 8627 } 8628 price_range { 8629 minimum_price { 8630 regular_price { 8631 value 8632 } 8633 final_price { 8634 value 8635 } 8636 discount { 8637 amount_off 8638 percent_off 8639 } 8640 } 8641 maximum_price { 8642 regular_price { 8643 value 8644 currency 8645 } 8646 final_price { 8647 value 8648 currency 8649 } 8650 discount { 8651 amount_off 8652 percent_off 8653 } 8654 } 8655 } 8656 is_new_product 8657 price_information { 8658 has_sale_price 8659 sale_item_regular_price 8660 sale_item_final_price 8661 variants_have_equal_discount 8662 } 8663 stock_status 8664 special_price 8665 manufacturer 8666 attributeValueLabels(fields: ["manufacturer"]) 8667 ... on ConfigurableProduct { 8668 initial_child { 8669 sku 8670 } 8671 productlistitem_swatches { 8672 values { 8673 swatch_data { 8674 value 8675 } 8676 } 8677 } 8678 } 8679 } 8680 8681 } 8682 }`, variables); 8683 const graphQlResponse = await graphQlFetch.json() 8684 if (graphQlResponse) { 8685 this.productItems = graphQlResponse.data && graphQlResponse.data.products && graphQlResponse.data.products.items || []; 8686 this.initDynamicMode() 8687 } 8688 }, 8689 executeHooksOnSliderInit() { 8690 this.getBadges(); 8691 }, 8692 8693 eventListeners: { 8694 ['x-on:window-resize-horizontal.window.debounce']() { 8695 this.reInitSlider(); 8696 }, 8697 ['x-on:re-init-product-sliders.window']() { 8698 this.reInitSlider(); 8699 }, 8700 ['@product-slider-recently-viewed.window'](event) { 8701 this.getProductItemsByGraphQl(event.detail && event.detail.variables) 8702 }, 8703 }, 8704 } 8705 } 8706 8707 const dispatchEventReInitProductSliders_ProductSlider_6ab57e5f9138c = function() { 8708 window.dispatchEvent(new CustomEvent('re-init-product-sliders')) 8709 } 8710 8711 window.requestIdleCallback 8712 ? window.requestIdleCallback(() => dispatchEventReInitProductSliders_ProductSlider_6ab57e5f9138c) 8713 : setTimeout(() => dispatchEventReInitProductSliders_ProductSlider_6ab57e5f9138c, 4000);</script>
8713</div> 8714 <div class="order-last last-collateral container pt-14 xl:pt-12"> 8715 <div class="border-element"></div> 8716 </div> 8717</section> 8718 8719</div><div x-data="RecentlyViewedProductsComponent_6ab57e5f92d77()" 8720 x-defer="intersect" 8721></div>
8722<script> 8723 function RecentlyViewedProductsComponent_6ab57e5f92d77() { 8724 return { 8725 readRecentlyViewedFromStorage() { 8726 const data = hyva.getBrowserStorage().getItem('recently_viewed_products'); 8727 return data ? JSON.parse(data).filter(product => { 8728 return product.sku; 8729 }) : []; 8730 }, 8731 init() { 8732 const recentlyViewedProductsArray = this.readRecentlyViewedFromStorage(); 8733 8734 let itemsToShow = []; 8735 if (recentlyViewedProductsArray.length > 0) { 8736 const start = '90318001' === '' ? 0 : 1; 8737 itemsToShow = recentlyViewedProductsArray.slice(start) 8738 } 8739 8740 if (itemsToShow.length > 0) { 8741 this.$dispatch('product-slider-recently-viewed', { 8742 variables: { 8743 skus: itemsToShow.map(item => item.sku) 8744 } 8745 }) 8746 } 8747 } 8748 } 8749 } 8750</script>
8750</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">
8750<script> 8751 function collapseBox6ab57e5f9829e() { 8752 return { 8753 isCollapsed: true, 8754 init() { 8755 this.setCollapseState() 8756 }, 8757 setCollapseState() { 8758 this.isCollapsed = true 8759 }, 8760 eventListeners: { 8761 ['x-on:window-resize-horizontal.window.debounce']() { 8762 this.setCollapseState() 8763 } 8764 } 8765 } 8766 }</script>
8766<div class="grid grid-cols-1 my-2" x-data="collapseBox6ab57e5f9829e()" 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"> 8767 <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"/> 8768</svg> 8769</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">
8769<script> 8770 function collapseBox6ab57e5f983bc() { 8771 return { 8772 isCollapsed: true, 8773 init() { 8774 this.setCollapseState() 8775 }, 8776 setCollapseState() { 8777 this.isCollapsed = true 8778 }, 8779 eventListeners: { 8780 ['x-on:window-resize-horizontal.window.debounce']() { 8781 this.setCollapseState() 8782 } 8783 } 8784 } 8785 }</script>
8785<div class="grid grid-cols-1 my-2" x-data="collapseBox6ab57e5f983bc()" 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"> 8786 <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"/> 8787</svg> 8788</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">
8788<script> 8789 function collapseBox6ab57e5f9847d() { 8790 return { 8791 isCollapsed: true, 8792 init() { 8793 this.setCollapseState() 8794 }, 8795 setCollapseState() { 8796 this.isCollapsed = true 8797 }, 8798 eventListeners: { 8799 ['x-on:window-resize-horizontal.window.debounce']() { 8800 this.setCollapseState() 8801 } 8802 } 8803 } 8804 }</script>
8804<div class="grid grid-cols-1 my-2" x-data="collapseBox6ab57e5f9847d()" 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"> 8805 <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"/> 8806</svg> 8807</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">
8807<script> 8808 function collapseBox6ab57e5f998e5() { 8809 return { 8810 isCollapsed: null, 8811 isLargeResolution: null, 8812 init() { 8813 this.setIsLargeResolution() 8814 this.setCollapseStateByResolution() 8815 }, 8816 setIsLargeResolution() { 8817 this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg')) 8818 }, 8819 setCollapseStateByResolution() { 8820 this.isCollapsed = this.isLargeResolution === false 8821 }, 8822 eventListeners: { 8823 ['x-on:window-resize-horizontal.window.debounce']() { 8824 this.setIsLargeResolution() 8825 this.setCollapseStateByResolution() 8826 } 8827 } 8828 } 8829 }</script>
8829<div class="grid grid-cols-1 my-2" x-data="collapseBox6ab57e5f998e5()" 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"> 8830 <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"/> 8831</svg> 8832</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> 8833<a href="https://shop.schoener-wohnen.de/service/artikel-retournieren/" target="_blank">Artikel retournieren</a> 8834<a href="https://shop.schoener-wohnen.de/service/sendungsverfolgung/" >Sendungsverfolgung</a> 8835<a href="https://shop.schoener-wohnen.de/service/kontakt/" >Kontakt</a> 8836<a href="https://shop.schoener-wohnen.de/service/versand/" >Versand</a> 8837<a href="https://shop.schoener-wohnen.de/service/bezahlung/" >Bezahlung</a> 8838<a href="https://shop.schoener-wohnen.de/service/garantie/" >Garantie</a> 8839<a href="https://shop.schoener-wohnen.de/service/entsorgung/" >Entsorgung</a> 8840<a href="https://shop.schoener-wohnen.de/service/widerrufsrecht/" >Widerrufsrecht</a> 8841<a href="https://shop.schoener-wohnen.de/service/widerruf-beantragen/" class=underline >Widerruf beantragen</a> 8842</div></div></div></div></div></div> <div class="footer-linklist"> <div class=""><div class="pt-1">
8842<script> 8843 function collapseBox6ab57e5f99e24() { 8844 return { 8845 isCollapsed: null, 8846 isLargeResolution: null, 8847 init() { 8848 this.setIsLargeResolution() 8849 this.setCollapseStateByResolution() 8850 }, 8851 setIsLargeResolution() { 8852 this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg')) 8853 }, 8854 setCollapseStateByResolution() { 8855 this.isCollapsed = this.isLargeResolution === false 8856 }, 8857 eventListeners: { 8858 ['x-on:window-resize-horizontal.window.debounce']() { 8859 this.setIsLargeResolution() 8860 this.setCollapseStateByResolution() 8861 } 8862 } 8863 } 8864 }</script>
8864<div class="grid grid-cols-1 my-2" x-data="collapseBox6ab57e5f99e24()" 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"> 8865 <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"/> 8866</svg> 8867</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>--> 8868<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">
8868<script> 8869 function collapseBox6ab57e5f9a651() { 8870 return { 8871 isCollapsed: null, 8872 isLargeResolution: null, 8873 init() { 8874 this.setIsLargeResolution() 8875 this.setCollapseStateByResolution() 8876 }, 8877 setIsLargeResolution() { 8878 this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg')) 8879 }, 8880 setCollapseStateByResolution() { 8881 this.isCollapsed = this.isLargeResolution === false 8882 }, 8883 eventListeners: { 8884 ['x-on:window-resize-horizontal.window.debounce']() { 8885 this.setIsLargeResolution() 8886 this.setCollapseStateByResolution() 8887 } 8888 } 8889 } 8890 }</script>
8890<div class="grid grid-cols-1 my-2" x-data="collapseBox6ab57e5f9a651()" 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"> 8891 <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"/> 8892</svg> 8893</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> 8894<a href="https://shop.schoener-wohnen.de/unternehmen/gute-gruende/">Gute Gründe für uns</a> 8895</div></div></div></div></div></div> </div> <div><div class="footer-linklist"> <div class=""><div class="pt-1">
8895<script> 8896 function collapseBox6ab57e5f9ac89() { 8897 return { 8898 isCollapsed: null, 8899 isLargeResolution: null, 8900 init() { 8901 this.setIsLargeResolution() 8902 this.setCollapseStateByResolution() 8903 }, 8904 setIsLargeResolution() { 8905 this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg')) 8906 }, 8907 setCollapseStateByResolution() { 8908 this.isCollapsed = this.isLargeResolution === false 8909 }, 8910 eventListeners: { 8911 ['x-on:window-resize-horizontal.window.debounce']() { 8912 this.setIsLargeResolution() 8913 this.setCollapseStateByResolution() 8914 } 8915 } 8916 } 8917 }</script>
8917<div class="grid grid-cols-1 my-2" x-data="collapseBox6ab57e5f9ac89()" 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"> 8918 <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"/> 8919</svg> 8920</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"> 8921 <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"/> 8922</svg> 8923</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"> 8924 <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"/> 8925 <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"/> 8926 <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"/> 8927</svg> 8928</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"> 8929 <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"/> 8930</svg> 8931</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"?> 8932<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"> 8933 <!-- Generator: Adobe Illustrator 29.4.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 152) --> 8934 <defs> 8935 <style> 8936 .st0 { 8937 fill: #340622; 8938 } 8939 </style> 8940 </defs> 8941 <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.
894101-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
8941-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"/> 8942</svg> 8943</a></div> </div></div></div></div> <div class=""><div class="pt-1">
8943<script> 8944 function collapseBox6ab57e5f9af2c() { 8945 return { 8946 isCollapsed: null, 8947 isLargeResolution: null, 8948 init() { 8949 this.setIsLargeResolution() 8950 this.setCollapseStateByResolution() 8951 }, 8952 setIsLargeResolution() { 8953 this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg')) 8954 }, 8955 setCollapseStateByResolution() { 8956 this.isCollapsed = this.isLargeResolution === false 8957 }, 8958 eventListeners: { 8959 ['x-on:window-resize-horizontal.window.debounce']() { 8960 this.setIsLargeResolution() 8961 this.setCollapseStateByResolution() 8962 } 8963 } 8964 } 8965 }</script>
8965<div class="grid grid-cols-1 my-2" x-data="collapseBox6ab57e5f9af2c()" 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"> 8966 <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"/> 8967</svg> 8968</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"> 8969 <defs> 8970 <style> 8971 .dhl-logo_svg__cls-2{fill:#d40511} 8972 </style> 8973 </defs> 8974 <path fill="#fc0" d="M0 0h196v43.25H0z"/> 8975 <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"/> 8976 <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"/> 8977</svg> 8978 <span class="lg:hidden ml-3">Paketversand</span> </span> </div></div></div></div></div> <div class=""><div class="pt-1">
8978<script> 8979 function collapseBox6ab57e5f9b4ae() { 8980 return { 8981 isCollapsed: null, 8982 isLargeResolution: null, 8983 init() { 8984 this.setIsLargeResolution() 8985 this.setCollapseStateByResolution() 8986 }, 8987 setIsLargeResolution() { 8988 this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg')) 8989 }, 8990 setCollapseStateByResolution() { 8991 this.isCollapsed = this.isLargeResolution === false 8992 }, 8993 eventListeners: { 8994 ['x-on:window-resize-horizontal.window.debounce']() { 8995 this.setIsLargeResolution() 8996 this.setCollapseStateByResolution() 8997 } 8998 } 8999 } 9000 }</script>
9000<div class="grid grid-cols-1 my-2" x-data="collapseBox6ab57e5f9b4ae()" 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"> 9001 <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"/> 9002</svg> 9003</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"> 9004 <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"/> 9005 <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"/> 9006 <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
9006-.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
90060 .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"/> 9007 <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"/> 9008 <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"/> 9009 <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"/> 9010 <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"/> 9011 <defs> 9012 <path id="visa_svg__a" d="M332.5 151.5h98v18.8h-98z"/> 9013 </defs> 9014 <clipPath id="visa_svg__b"> 9015 <use overflow="visible" xlink:href="#visa_svg__a"/> 9016 </clipPath> 9017 <g clip-path="url(#visa_svg__b)"> 9018 <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"/> 9019 <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"/> 9020 <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
90200-.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"/> 9021 </g> 9022 <path fill="#ff5f00" d="M37.4 136.6h25.1v45H37.4z"/> 9023 <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"/> 9024 <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"/> 9025 <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"/> 9026 <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"/> 9027</svg> 9028</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"> 9029 <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
9029-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"/> 9030 <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"/> 9031 <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
90310-.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"/> 9032 <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"/> 9033 <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"/> 9034 <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"/> 9035 <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"/> 9036 <defs> 9037 <path id="mastercard_svg__a" d="M332.5 41.1h98v18.8h-98z"/> 9038 </defs> 9039 <clipPath id="mastercard_svg__b"> 9040 <use overflow="visible" xlink:href="#mastercard_svg__a"/> 9041 </clipPath> 9042 <g clip-path="url(#mastercard_svg__b)"> 9043 <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"/> 9044 <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"/> 9045 <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
90450-.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"/> 9046 </g> 9047 <path fill="#ff5f00" d="M37.4 26.3h25.1v45H37.4z"/> 9048 <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"/> 9049 <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"/> 9050</svg> 9051</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"/>
9051<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"/>
9051<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> 9052</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"> 9053 <circle cx="49.7" cy="49.5" r="40.3" fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="3"/> 9054 <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"/> 9055</svg> 9056</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"> 9057 <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"/> 9058 <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"/> 9059 <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"/> 9060 <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"/> 9061</svg> 9062</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"> 9063<style type="text/css"> 9064 .riverty-icon-green{fill:#527A42;} 9065 .riverty-icon{fill:#E7E4E2;} 9066</style> 9067<g id="PageItem233" transform="scale(1)"> 9068 <path class="riverty-icon-green" d="M0,0v240h600V0H0z"/> 9069</g> 9070<g id="PageItem236" transform="scale(1)"> 9071 <path class="riverty-icon" d="M530,92.5l-14,18.7L502,92.5h-15.8l23.1,30.3v24.7H522v-24.7l23.1-30.3H530z"/> 9072</g> 9073<g id="PageItem238" transform="scale(1)"> 9074 <path class="riverty-icon" d="M416.4,92.5v10.8h20.4v44.2h12.6v-44.2h20.4V92.5H416.4z"/> 9075</g> 9076<g id="PageItem239" transform="scale(1)"> 9077 <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"/> 9078</g> 9079<g id="PageItem240" transform="scale(1)"> 9080 <path class="riverty-icon" d="M256.3,92.5v55H306v-10.8h-37.1v-11.4h31.8v-10.8h-31.8v-11.1H306V92.5H256.3z"/> 9081</g> 9082<g id="PageItem241" transform="scale(1)"> 9083 <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"/> 9084</g> 9085<g id="PageItem242" transform="scale(1)"> 9086 <path class="riverty-icon" d="M131.3,147.5h12.6v-55h-12.6V147.5z"/> 9087</g> 9088<g id="PageItem243" transform="scale(1)"> 9089 <path class="riverty-icon" d="M54.9,147.5h12.6v-42.4H54.9V147.5z"/> 9090</g> 9091<g id="PageItem244" transform="scale(1)"> 9092 <path class="riverty-icon" d="M67.5,105.1h42.4V92.5H67.5V105.1z"/> 9093</g> 9094</svg> 9095</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>
9095<script> 9096 'use strict'; 9097 9098 (function () { 9099 const modals = []; 9100 const excludedFromFocusTrapping = new Set(); 9101 9102 function trapFocusInNextModalWithOverlay() { 9103 for (let idx = modals.length -1; idx >= 0; idx--) { 9104 const nextOnStack = modals[idx]; 9105 const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name]; 9106 if (! isOverlayDisabled(nextDialogElement)) { 9107 hyva.trapFocus(nextDialogElement); 9108 break; 9109 } 9110 } 9111 } 9112 9113 function focusables(dialogElement) { 9114 const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])'; 9115 return Array.from(dialogElement.querySelectorAll(selector)) 9116 .filter(el => !el.hasAttribute('disabled')); 9117 } 9118 9119 function firstVisible(elements) { 9120 const a = Array.from(elements); 9121 for (let i = 0; i < a.length; i++) { 9122 if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i]; 9123 } 9124 return null; 9125 } 9126 9127 function isInViewport(element) { 9128 const rect = element && element.getBoundingClientRect(); 9129 return rect && 9130 rect.top >= 0 && 9131 rect.left >= 0 && 9132 rect.right <= window.innerWidth && 9133 rect.bottom <= window.innerHeight; 9134 } 9135 9136 function setFocusAfterTransition(dialogElement, duration) { 9137 const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]')); 9138 const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]')); 9139 next: for (let candidate of candidates) { 9140 for (let child of nested) { 9141 if (child.contains(candidate)) continue next; 9142 } 9143 setTimeout(() => candidate.focus(), 50); 9144 break; 9145 } 9146 window.setTimeout(() => { 9147 const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) || 9148 focusables(dialogElement)[0] || 9149 null; 9150 focusElement && isInViewport(focusElement) && focusElement.focus(); 9151 }, Math.max(1, duration)); 9152 } 9153 9154 function determineTrigger($refs, dialog, trigger) { 9155 if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) { 9156 return dialog.target; 9157 } 9158 if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) { 9159 return trigger.target; 9160 } 9161 if (typeof trigger === 'string') { 9162 try { 9163 return $refs[trigger] || document.querySelector(trigger) 9164 } catch (e) {} 9165 } 9166 if (trigger instanceof Element) { 9167 return trigger; 9168 } 9169 9170 return null; 9171 } 9172 9173 function isOverlayDisabled(dialog) { 9174 return dialog && dialog.hasAttribute('x-no-overlay') 9175 } 9176 9177 function areRemainingModalsWithoutOverlay(modals) 9178 { 9179 const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled); 9180 9181 return overflowDisabled.length === modals.length; 9182 } 9183 9184 window.hyva.modal = function(options = {}) { 9185 if (this.$el && this.$el.dataset && this.$el.dataset.options) { 9186 try { 9187 options = Object.assign(options, JSON.parse(this.$el.dataset.options || '{}')); 9188 } catch (e) { 9189 throw new Error('Cannot read the dialog options from the data-options attribute: not valid JSON'); 9190 } 9191 } 9192 9193 const config = Object.assign({ 9194 dialog: 'dialog', duration: 300, transitionEnter: 'transition ease-out duration-300', 9195 transitionEnterStart: 'opacity-0', 9196 transitionEnterEnd: 'opacity-100', 9197 transitionLeave: 'transition ease-in duration-300', 9198 transitionLeaveStart: 'opacity-100', 9199 transitionLeaveEnd: 'opacity-0', 9200 }, options); 9201 let lastHide = 0; 9202 9203 return { 9204 opened: {}, 9205 show(dialog, trigger) { 9206 const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger); 9207 const name = typeof dialog === 'string' ? dialog : config.dialog; 9208 const dialogElement = this.$refs[name]; 9209 if (! dialogElement) { 9210 return; 9211 } 9212 const useOverlay = ! dialogElement.hasAttribute('x-no-overlay'); 9213 9214 dialogElement.scrollTop = 0; 9215 9216 if (this.opened[name]) { 9217 return; 9218 } 9219 9220 if (focusTargetAfterHide) { 9221 focusTargetAfterHide.setAttribute('aria-expanded', 'true'); 9222 } 9223 9224 this.opened[name] = true; 9225 useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement)); 9226 setFocusAfterTransition(dialogElement, config.duration); 9227 9228 const frame = {name, instance: this, focusTarget: focu
9228sTargetAfterHide, time: Date.now()}; 9229 9230 modals.push(frame); 9231 if (useOverlay) { 9232 document.body.classList.add('overflow-hidden'); 9233 } 9234 return new Promise(resolve => frame.resolve = resolve); 9235 }, 9236 cancel() { 9237 this.hide(false); 9238 }, 9239 ok() { 9240 this.hide(true); 9241 }, 9242 hide(value) { 9243 if (Date.now() - lastHide < config.duration) { 9244 return; 9245 } 9246 lastHide = Date.now(); 9247 9248 const modal = modals.pop() || {}; 9249 if (! modal.instance) { 9250 return; 9251 } 9252 9253 const name = modal.name; 9254 this.opened[name] = false; 9255 hyva.releaseFocus(modal.instance.$refs[modal.name]) 9256 trapFocusInNextModalWithOverlay(); 9257 9258 const nextFocusAfterHide = modal.focusTarget; 9259 nextFocusAfterHide && setTimeout(() => { 9260 nextFocusAfterHide.setAttribute('aria-expanded', 'false'); 9261 nextFocusAfterHide.focus() 9262 }, config.duration); 9263 9264 if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) { 9265 document.body.classList.remove('overflow-hidden'); 9266 } 9267 9268 modal.resolve(value); 9269 }, 9270 overlay(dialog) { 9271 dialog = this.$el.dataset.dialogRefName || dialog; 9272 const name = typeof dialog === 'string' ? dialog : config.dialog; 9273 return { 9274 ['x-show']() { 9275 return this.opened[name] 9276 }, 9277 ['x-transition:enter']: config.transitionEnter, 9278 ['x-transition:enter-start']: config.transitionEnterStart, 9279 ['x-transition:enter-end']: config.transitionEnterEnd, 9280 ['x-transition:leave']: config.transitionLeave, 9281 ['x-transition:leave-start']: config.transitionLeaveStart, 9282 ['x-transition:leave-end']: config.transitionLeaveEnd, 9283 ['@hyva-modal-show.window'](event) { 9284 event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide) 9285 } 9286 }; 9287 }, 9288 showDialogOnInit() { 9289 const parent = this.$el.closest('[data-dialog-ref-name]'); 9290 if (parent && parent.dataset.dialogRefName) { 9291 this.$dispatch('hyva-modal-show', {dialog: parent.dataset.dialogRefName}) 9292 } 9293 } 9294 }; 9295 } 9296 9297 window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1] 9298 9299 window.hyva.modal.pop = function () { 9300 if (modals.length > 0) { 9301 const modal = modals[modals.length -1]; 9302 modal.instance.hide(); 9303 } 9304 } 9305 9306 window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) { 9307 typeof selectors === 'string' || selectors instanceof String 9308 ? excludedFromFocusTrapping.add(selectors) 9309 : selectors.map(selector => excludedFromFocusTrapping.add(selector)); 9310 } 9311 9312 window.hyva.modal.eventListeners = { 9313 keydown: event => { 9314 if (event.key === 'Escape') { 9315 window.hyva.modal.pop(); 9316 } 9317 }, 9318 click: event => { 9319 if (modals.length > 0) { 9320 const modal = modals[modals.length -1]; 9321 const dialog = modal.instance.$refs[modal.name]; 9322 if (modal.time + 50 < Date.now() && 9323 ! isOverlayDisabled(dialog) && 9324 ! dialog.contains(event.target)) { 9325 modal.instance.hide(); 9326 } 9327 } 9328 } 9329 }; 9330 9331 document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown); 9332 9333 document.addEventListener('click', window.hyva.modal.eventListeners.click); 9334 })(); 9335 window.addEventListener('alpine:init', () => { 9336 Alpine.data('hyvaModal', window.hyva.modal); 9337 }, {once: true});</script>
9337
9337<script> 9338 function calculateJavascriptVariables() { 9339 document.querySelector(':root').style.setProperty('--header-height', (document.querySelector('#header-sticky-wrapper')?.clientHeight || 0) + 'px'); 9340 document.querySelector(':root').style.setProperty('--header-search-height', (document.querySelector('#search-content')?.clientHeight || 0) + 'px'); 9341 9342 window.dispatchEvent(new CustomEvent('javascript-variables-recalculated')) 9343 } 9344 9345 window.addEventListener('recalculate-javascript-variables', calculateJavascriptVariables) 9346 window.addEventListener('window-resize-horizontal', calculateJavascriptVariables) 9347 window.addEventListener('alpine:initialized', calculateJavascriptVariables) 9348 9349 calculateJavascriptVariables(); 9350 9351 window.requestIdleCallback 9352 ? window.requestIdleCallback(() => calculateJavascriptVariables()) 9353 : setTimeout(() => calculateJavascriptVariables(), 4000);</script>
9353
9353<script> 9354 HeaderStick = function() { 9355 return { 9356 targetSelector: null, 9357 intersectionDetectionSelector: null, 9358 intersectionElementSelector: null, 9359 targetElement: null, 9360 intersectionElement: null, 9361 intersectionTriggerElement: null, 9362 initialized: null, 9363 init() { 9364 this.targetElement = document.querySelector(this.$el.getAttribute('data-target-selector')); 9365 this.intersectionElement = document.querySelector(this.$el.getAttribute('data-intersection-element-selector')); 9366 this.intersectionTriggerElement = document.querySelector(this.$el.getAttribute('data-intersection-detection-selector')); 9367 9368 this.$nextTick(() => this.actionSetInitialHeaderHeightVariable()) 9369 }, 9370 hasRequiredElements() { 9371 return this.targetElement instanceof Element && this.intersectionElement instanceof Element && this.intersectionTriggerElement instanceof Element 9372 }, 9373 classHeaderWrapper() { 9374 const classes = [] 9375 9376 if (this.initialized) { 9377 classes.push(this.$el.getAttribute('data-class-initialized')) 9378 } 9379 9380 return classes.join(' ') 9381 }, 9382 actionSetInitialHeaderHeightVariable() { 9383 if (! this.hasRequiredElements()) { 9384 return 9385 } 9386 9387 const isTargetSticky = this.targetElement.classList.contains('sticks') 9388 9389 if (isTargetSticky) { 9390 this.removePositionFixedClasses(this.targetElement); 9391 } 9392 9393 const headerHeightInitial = this.targetElement.clientHeight 9394 document.querySelector(':root').style.setProperty('--header-height-initial', headerHeightInitial + 'px'); 9395 9396 const offsetTop = this.getAbsoluteOffsetTop(this.intersectionTriggerElement) + this.intersectionTriggerElement.clientHeight 9397 this.intersectionElement.style.top = offsetTop + 'px' 9398 9399 if (!this.initialized) { 9400 const observer = new IntersectionObserver(this.toggleStick.bind(this)); 9401 observer.observe(this.intersectionElement); 9402 9403 this.initialized = true 9404 } 9405 9406 if (isTargetSticky) { 9407 this.addPositionFixedClasses(this.targetElement); 9408 window.requestAnimationFrame(() => this.triggerVariablesRecalculation()) 9409 } 9410 }, 9411 toggleStick(entries) { 9412 entries.forEach((entry) => { 9413 if (entry.target.id === this.intersectionElement.id) { 9414 if (!entry.isIntersecting && entry.boundingClientRect.y < 0) { 9415 this.addPositionFixedClasses(this.targetElement); 9416 } else { 9417 if (entry.isIntersecting) { 9418 this.removePositionFixedClasses(this.targetElement); 9419 } 9420 } 9421 window.requestAnimationFrame(() => this.triggerVariablesRecalculation()) 9422 } 9423 }); 9424 }, 9425 addPositionFixedClasses(target) { 9426 if (target instanceof Element && !target.classList.contains('sticks')) { 9427 target.classList.add('sticks') 9428 document.body.classList.add('header-sticks') 9429 } 9430 }, 9431 removePositionFixedClasses(target) { 9432 if (target instanceof Element && target.classList.contains('sticks')) { 9433 target.classList.remove('sticks') 9434 document.body.classList.remove('header-sticks') 9435 } 9436 }, 9437 triggerVariablesRecalculation() { 9438 window.dispatchEvent(new CustomEvent('recalculate-javascript-variables')) 9439 }, 9440 getAbsoluteOffsetTop(element) { 9441 const isTargetSticky = this.targetElement.classList.contains('sticks') 9442 let offset = 0; 9443 let currentElement = isTargetSticky ? element : element.offsetParent; 9444 9445 while (currentElement !== null) { 9446 offset += currentElement.offsetTop; 9447 offset -= currentElement.scrollTop; 9448 currentElement = currentElement.offsetParent; 9449 } 9450 9451 return offset; 9452 } 9453 } 9454} 9455 9456window.addEventListener( 9457 'alpine:init', 9458 () => Alpine.data('HeaderStick', HeaderStick), 9459 {once: true} 9460) 9461WindowResizeDirectionDetection = function () { 9462 function getDocumentWidth() { 9463 return window.innerWidth 9464 } 9465 9466 function getDocumentHeight() { 9467 return window.innerHeight 9468 } 9469 9470 return { 9471 previousWindowWidth: 0, 9472 previousWindowHeight: 0, 9473 init() { 9474 this.previousWindowWidth = getDocumentWidth() 9475 this.previousWindowHeight = getDocumentHeight() 9476 }, 9477 actionHandleWindowResize() { 9478 const currentWidth = getDocumentWidth() 9479 const currentHeight = getDocumentHeight() 9480 9481 if (currentWidth !== this.previousWindowWidth) { 9482 this.$dispatch('window-resize-horizontal') 9483 } 9484 9485 if (currentHeight !== this.previousWindowHeight) { 9486 this.$dispatch('window-resize-vertical') 9487 } 9488 9489 this.previousWindowWidth = currentWidth 9490 this.previousWindowHeight = currentHeight 9491 } 9492 } 9493}; 9494 9495window.addEventListener( 9496 'alpine:init', 9497 () => Alpine.data('WindowResizeDirectionDetection', WindowResizeDirectionDetection), 9498 {once: true} 9499) 9500const 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(()=>
9500dispatchEventCalculateTextClamping):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))})});
9500e.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)=>
9500i.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 () { 9501 return { 9502 isEnabled: false, 9503 currentScrollTop: null, 9504 enableBodyLock() { 9505 this.currentScrollTop = document.documentElement.scrollTop; 9506 document.body.style.position = 'fixed'; 9507 document.body.style.height = '100%'; 9508 document.body.style.width = '100%'; 9509 document.body.style.top = `-${this.currentScrollTop}px`; 9510 this.isEnabled = true; 9511 }, 9512 disableBodyLock() { 9513 document.body.style.removeProperty('position'); 9514 document.documentElement.scrollTo( 9515 0, 9516 this.currentScrollTop 9517 ); 9518 document.body.style.removeProperty('height'); 9519 document.body.style.removeProperty('width'); 9520 document.body.style.removeProperty('top'); 9521 this.isEnabled = false; 9522 }, 9523 eventListeners: { 9524 ['@enable-body-lock.window']() { 9525 this.enableBodyLock(); 9526 }, 9527 ['@disable-body-lock.window']() { 9528 this.disableBodyLock(); 9529 }, 9530 }, 9531 }; 9532}; 9533ScrollElementIntoView = function (targetElement, offsetTop = 0) { 9534 const positionInitial = getYPositionOnPage(targetElement); 9535 const positionTarget = positionInitial - offsetTop; 9536 9537 window.requestAnimationFrame(() => { 9538 window.scrollTo({ 9539 top: positionTarget, 9540 behavior: "smooth", 9541 }) 9542 }) 9543 9544 function getYPositionOnPage(element) { 9545 let position = 0; 9546 do { 9547 position += element.offsetTop; 9548 element = element.offsetParent; 9549 } while (element); 9550 return position; 9551 } 9552}; 9553</script>
9553 <span x-data="WindowResizeDirectionDetection" x-on:resize.window.debounce="actionHandleWindowResize"></span>
vendor: 2,347 bytes, lines 9553-9611
9553<script> 9554 (() => { 9555 function src_default(Alpine) { 9556 Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { 9557 let evaluate = evaluateLater(expression); 9558 let options = { 9559 rootMargin: getRootMargin(modifiers), 9560 threshold: getThreshold(modifiers) 9561 }; 9562 let observer = new IntersectionObserver((entries) => { 9563 entries.forEach((entry) => { 9564 if (entry.isIntersecting === (value === "leave")) 9565 return; 9566 evaluate(); 9567 modifiers.includes("once") && observer.disconnect(); 9568 }); 9569 }, options); 9570 observer.observe(el); 9571 cleanup(() => { 9572 observer.disconnect(); 9573 }); 9574 })); 9575 } 9576 function getThreshold(modifiers) { 9577 if (modifiers.includes("full")) 9578 return 0.99; 9579 if (modifiers.includes("half")) 9580 return 0.5; 9581 if (!modifiers.includes("threshold")) 9582 return 0; 9583 let threshold = modifiers[modifiers.indexOf("threshold") + 1]; 9584 if (threshold === "100") 9585 return 1; 9586 if (threshold === "0") 9587 return 0; 9588 return Number(`.${threshold}`); 9589 } 9590 function getLengthValue(rawValue) { 9591 let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); 9592 return match ? match[1] + (match[2] || "px") : void 0; 9593 } 9594 function getRootMargin(modifiers) { 9595 const key = "margin"; 9596 const fallback = "0px 0px 0px 0px"; 9597 const index = modifiers.indexOf(key); 9598 if (index === -1) 9599 return fallback; 9600 let values = []; 9601 for (let i = 1; i < 5; i++) { 9602 values.push(getLengthValue(modifiers[index + i] || "")); 9603 } 9604 values = values.filter((v) => v !== void 0); 9605 return values.length ? values.join(" ").trim() : fallback; 9606 } 9607 9608 document.addEventListener("alpine:init", () => { 9609 window.Alpine.plugin(src_default); 9610 }); 9611 })();</script>
9611
9611<script> 9612 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"})) { 9613 document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); 9614 }</script>
9614
9614<script> 9615 (function () { 9616 "use strict"; 9617 9618 const hasAlpine = new Promise(resolve => { 9619 window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); 9620 }); 9621 9622 const hasInteract = new Promise(resolve => { 9623 (events => { 9624 const onInteract = () => { 9625 resolve(); 9626 events.forEach(type => window.removeEventListener(type, onInteract)); 9627 } 9628 events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) 9629 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) 9630 }); 9631 9632 const onIntersect = (el) => { 9633 return new Promise(resolve => { 9634 const observer = new IntersectionObserver(entries => { 9635 for (const entry of entries) { 9636 if (entry.isIntersecting) { 9637 observer.disconnect() 9638 resolve(); 9639 } 9640 } 9641 }, {}); 9642 observer.observe(el); 9643 }); 9644 } 9645 9646 function runComponent(el) { 9647 hasAlpine.then(() => { 9648 el.removeAttribute('x-ignore'); 9649 queueMicrotask(() => Alpine.initTree(el)); 9650 }); 9651 } 9652 9653 function initDeferredComponents() { 9654 document.querySelectorAll('[x-data][x-defer]').forEach(el => { 9655 el.setAttribute('x-ignore', ''); 9656 const deferUntil = (el.getAttribute('x-defer') || '').trim(); 9657 switch (deferUntil) { 9658 case 'interact': 9659 hasInteract.then(() => runComponent(el)); 9660 break; 9661 case 'intersect': 9662 onIntersect(el).then(() => runComponent(el)) 9663 break; 9664 case 'idle': 9665 window.requestIdleCallback 9666 ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) 9667 : setTimeout(() => runComponent(el), 4000); 9668 break; 9669 case 'eager': 9670 runComponent(el); 9671 break; 9672 default: 9673 if (deferUntil.startsWith('event:') && deferUntil.length > 6) { 9674 window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); 9675 } 9676 } 9677 }); 9678 } 9679 9680 window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); 9681 })()</script>
vendor: 1,454 bytes, lines 9681-9682
9681<script> 9682(()=>{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>
9682
9682<script type="module" 9683 src="https://shop.schoener-wohnen.de/static/version1788937838/frontend/DesignBestseller/schoener_wohnen/de_DE/Hyva_Theme/js/alpine3.min.js" 9684 defer 9685 crossorigin 9686></script>
9686
9686<script> 9687 'use strict'; 9688 function dispatchMessages(messages, hideAfter) { 9689 const messagesEvent = new CustomEvent("messages-loaded", { 9690 detail: { 9691 messages: messages, 9692 hideAfter: hideAfter 9693 } 9694 }); 9695 window.dispatchEvent(messagesEvent); 9696 } 9697 9698 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 9699 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 9700 } 9701 9702 (function( hyva, undefined ) { 9703 9704 hyva.initFormKey = () => { 9705 const inputSelector = 'input[name="form_key"]', 9706 formKey = hyva.getFormKey(); 9707 9708 Array.from(document.querySelectorAll(inputSelector)).map(function (input) { 9709 input.value = formKey 9710 }); 9711 } 9712 9713 hyva.initMessages = () => { 9714 try { 9715 const messages = hyva.getCookie('mage-messages'); 9716 window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 9717 9718 dispatchMessages(window.mageMessages); 9719 9720 const skipSetDomain = true; 9721 hyva.setCookie('mage-messages','', -1, skipSetDomain); 9722 9723 } catch (error) { 9724 console.warn('Error parsing Cookie Messages:', error); 9725 } 9726 } 9727 9728 window.addEventListener('DOMContentLoaded', hyva.initFormKey); 9729 hyva.alpineInitialized(hyva.initMessages) 9730 9731 }( window.hyva = window.hyva || {} ));</script>
9731
9731<script> 9732 'use strict'; 9733 { 9734 const private_content_key = 'mage-cache-storage'; 9735 const private_content_expire_key = 'mage-cache-timeout'; 9736 const private_content_version_key = 'private_content_version'; 9737 const section_data_ids_key = 'section_data_ids'; 9738 const mage_cache_session_id_key = 'mage-cache-sessid'; 9739 const last_visited_store_key = 'last_visited_store'; 9740 9741 const ttl = 259200; 9742 9743 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 9744 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 9745 } 9746 9747 function loadSectionData () { 9748 const browserStorage = hyva.getBrowserStorage(); 9749 if (!browserStorage) { 9750 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 9751 [{ 9752 type: "warning", 9753 text: "Please enable LocalStorage in your browser." 9754 }] 9755 ); 9756 return; 9757 } 9758 try { 9759 let isInvalid = false; 9760 9761 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { 9762 isInvalid = true; 9763 } 9764 hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); 9765 9766 if (!hyva.getCookie(mage_cache_session_id_key)) { 9767 isInvalid = true; 9768 browserStorage.removeItem(private_content_key); 9769 const skipSetDomain = true; 9770 const days = false; 9771 hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) 9772 } 9773 9774 const cookieVersion = hyva.getCookie(private_content_version_key); 9775 const storageVersion = browserStorage.getItem(private_content_version_key); 9776 9777 if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { 9778 isInvalid = true; 9779 } 9780 9781 const privateContentExpires = browserStorage.getItem(private_content_expire_key); 9782 if (privateContentExpires && new Date(privateContentExpires) < new Date()) { 9783 browserStorage.removeItem(private_content_key); 9784 } 9785 9786 if (isInvalid && cookieVersion) { 9787 fetchPrivateContent([]); 9788 } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { 9789 const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); 9790 if ( 9791 privateContent && 9792 privateContentExpires && 9793 privateContent.cart && 9794 privateContent.customer 9795 ) { 9796 dispatchPrivateContent(privateContent); 9797 } else { 9798 fetchPrivateContent([]); 9799 } 9800 } else { 9801 if (document.getElementById('default-section-data')) { 9802 const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim()); 9803 dispatchPrivateContent(privateContent); 9804 } else { 9805 dispatchPrivateContent({}); 9806 } 9807 } 9808 9809 } catch (error) { 9810 console.warn('Error retrieving Private Content:', error); 9811 } 9812 } 9813 9814 hyva.alpineInitialized(loadSectionData) 9815 window.addEventListener('reload-customer-section-data', loadSectionData); 9816 9817 window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data); 9818 9819 function dispatchPrivateContent(data) { 9820 9821 const privateContentEvent = new CustomEvent("private-content-loaded", { 9822 detail: { 9823 data: window.processSectionDataBeforeDispatch(data) 9824 } 9825 }); 9826 window.dispatchEvent(privateContentEvent); 9827 } 9828 9829 function fetchPrivateContent(sections) { 9830 fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { 9831 method: 'GET', 9832 headers: { 9833 'Content-Type': 'application/json', 9834 'X-Requested-With': 'XMLHttpRequest' 9835 } 9836 }) 9837 .then(response => response.ok && response.json()) 9838 .then( 9839 data => { 9840 if (data) { 9841 try { 9842 const browserStorage = hyva.getBrowserStorage(); 9843 9844 9845 const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; 9846 9847 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { 9848 delete oldSectionData['checkout-data']; 9849 } 9850 const newSectionData = Object.assign(oldSectionData, data); 9851 9852 dispatchPrivateContent(newSectionData); 9853 9854 9855 if (newSectionData.messages && newSectionData.messages.messages ) { 9856 newSectionData.messages.messages = []; 9857 } 9858 9859 browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); 9860 9861 const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); 9862 browserStorage.setItem(private_content_expire_key, expiresAt); 9863 9864 const newCookieVersion = hyva.getCookie(private_content_version_key); 9865 browserStorage.setItem(private_content_version_key, newCookieVersion); 9866 9867 9868 9869 hyva.setCookie( 9870 section_data_ids_key, 9871 JSON.stringify( 9872 Object.keys(data).reduce((sectionDataIds, sectionKey) => { 9873 sectionDataIds[sectionKey] = data[sectionKey]['data_id']; 9874 return sectionDataIds; 9875 }, {}) 9876 ), 9877 false, 9878 true 9879 ); 9880 } catch (error) { 9881 console.warn("Couldn't store privateContent", error); 9882 } 9883 } 9884 } 9885 ); 9886 } 9887 }</script>
9887
9887<script> 9888 (() => { 9889 document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); 9890 })()</script>
9890
9890<script> 9891 (events => { 9892 const dispatchUserInteractionEvent = () => { 9893 events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) 9894 window.dispatchEvent(new Event('init-external-scripts')) 9895 }; 9896 events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) 9897 })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown'])</script>
9897
9897<script> 9898 const themeServiceImageDescriptionLabel = new ImageDescriptionLabel('%1$s - %2$s');</script>
9898
9898<script> 9899 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>
9899
9899<script> 9900 const themeServiceSwatchOutput = new SwatchOutput('https://dbs-base.imgix.net/media/attribute/swatch');</script>
9900
9900<script> 9901 class ProductBadges { 9902 9903 constructor() { 9904 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"}]}; 9905 this.treshold = 2; 9906 } 9907 9908 getBadges(productItem) { 9909 if (productItem) { 9910 const productBadges = [] 9911 9912 const saleBadge = this.getSaleBadge(productItem) 9913 if (saleBadge) productBadges.push(saleBadge) 9914 9915 const newBadge = this.getNewBadge(productItem) 9916 if (newBadge) productBadges.push(newBadge) 9917 9918 if (productBadges.length === this.treshold) { 9919 return productBadges 9920 } 9921 9922 return this.getProductBannerBadges(productItem, productBadges) 9923 } 9924 9925 return null 9926 } 9927 9928 getNewBadge(productItem) { 9929 return productItem.is_new_product && this.getNewOutput() || null 9930 } 9931 9932 getNewOutput() { 9933 return this.badgeData['new'] 9934 } 9935 9936 getSaleBadge(productItem) { 9937 return productItem.price_information && productItem.price_information.has_sale_price && this.getSaleOutput(productItem) || null 9938 } 9939 9940 getSaleOutput(productItem) { 9941 const discount = productItem.price_information.discount 9942 9943 if (discount) { 9944 const saleBadgeData = {} 9945 Object.assign(saleBadgeData, this.badgeData['sale']) 9946 saleBadgeData['badge_text'] = discount 9947 return saleBadgeData 9948 } 9949 9950 return null 9951 } 9952 9953 getProductBannerBadges(productItem, productBadges) { 9954 const priority = this.badgeData.priority 9955 9956 for (const item in priority) { 9957 if (productBadges.length === this.treshold) { 9958 return productBadges 9959 } 9960 9961 const parentProduct = productItem.parentProduct; 9962 const badgeAttribute = priority[item].attribute_code; 9963 9964 if (productItem[badgeAttribute] && this.badgeData[productItem[badgeAttribute]]) { 9965 productBadges.push(this.badgeData[productItem[badgeAttribute]]); 9966 } else if (parentProduct && 9967 parentProduct[badgeAttribute] && 9968 this.badgeData[parentProduct[badgeAttribute]] && 9969 this.badgeData[parentProduct[badgeAttribute]].can_use_from_parent 9970 ) { 9971 productBadges.push(this.badgeData[parentProduct[badgeAttribute]]); 9972 } 9973 } 9974 9975 return productBadges; 9976 } 9977 } 9978 9979 const themeServiceBadges = new ProductBadges();</script>
9979<script src="https://shop.schoener-wohnen.de/media/js-cache/dbsh.scw.systems/x.min.js?v=1788937838" defer="defer"></script>
vendor: 2 bytes, line 9979
9979
9980<script>window.addPAC = function (c, e) { document.cookie = 'PAC=' + c + ';' + e + ';' }</script>
vendor: 2 bytes, line 9980
9980
9981<script data-usercentrics="Particular Audience" src="https://cdn.particularaudience.com/js/sswde/t.js" defer></script>
9981<script> 9982 'use strict'; 9983 9984 const grecaptchaV2LoadCallbacks = []; 9985 9986 function executeRecaptchaLoadCallbacks () { 9987 while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { 9988 const callback = grecaptchaV2LoadCallbacks.pop(); 9989 typeof callback === 'string' ? window[callback]() : callback(); 9990 } 9991 } 9992 9993 (function() { 9994 const loadRecaptchaScript = (event) => { 9995 9996 if (window.grecaptcha || !event.target.form) { 9997 return; 9998 } 9999 10000 const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; 10001 const siteKey = ''; 10002 const script = document.createElement('script'); 10003 script.type = 'text/javascript'; 10004 script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; 10005 script.async = true; 10006 document.head.appendChild(script); 10007 10008 script.addEventListener('load', () => { 10009 Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); 10010 }); 10011 } 10012 10013 window.forceLoadRecaptchaScript = (form) => { 10014 loadRecaptchaScript({target: {form: form || 'dummy'}}); 10015 executeRecaptchaLoadCallbacks(); 10016 }; 10017 10018 document.body.addEventListener('input', loadRecaptchaScript, { once: true }); 10019 document.body.addEventListener('focus', loadRecaptchaScript, { once: true }); 10020 10021 }()); 10022 10023</script>
10023 10024 <div x-data="ScrollToTop" 10025 x-on:resize.window.debounce="init" 10026 x-on:scroll.window.debounce="examineScrollPosition" 10027 x-on:scroll-to-top:show.window="show" 10028 x-on:scroll-to-top:hide.window="hide" 10029 > 10030 <button type="button" x-on:click="scrollUp" 10031 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" 10032 :class="classButton" 10033 aria-label="Nach oben scrollen" 10034 data-class-visible="" 10035 data-class-invisible="hidden" 10036 > 10037 <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"> 10038 <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"/> 10039</svg> 10040 </button> 10041 </div> 10042
10042<script> 10043 function ScrollToTop() { 10044 const viewportHeightsThreshold = 4; 10045 const scrollYThreshold = 100; 10046 const observerTargetElementIdentifier = '.page-footer'; 10047 return { 10048 isExcessivePageHeight: null, 10049 isVisible: false, 10050 init() { 10051 this.isExcessivePageHeight = (document.body.offsetHeight / window.innerHeight) > viewportHeightsThreshold; 10052 if (!this.isExcessivePageHeight) this.initObserver(); 10053 this.$nextTick(() => this.examineScrollPosition()) 10054 }, 10055 initObserver() { 10056 const observer = new IntersectionObserver((entries) => { 10057 entries.forEach(entry => { 10058 if (entry.isIntersecting) { 10059 this.show(); 10060 } else { 10061 this.hide(); 10062 } 10063 }); 10064 }); 10065 const targetElement = document.querySelector(observerTargetElementIdentifier); 10066 observer.observe(targetElement); 10067 }, 10068 scrollUp() { 10069 document.documentElement.scrollTo({ 10070 top: 0, 10071 behavior: "smooth" 10072 }) 10073 }, 10074 show() { 10075 this.isVisible = true; 10076 }, 10077 hide() { 10078 this.isVisible = false; 10079 }, 10080 examineScrollPosition() { 10081 if (this.isExcessivePageHeight) { 10082 if (window.scrollY > scrollYThreshold) { 10083 this.show(); 10084 } else { 10085 this.hide(); 10086 } 10087 } 10088 }, 10089 classButton() { 10090 const classes = [] 10091 if (this.isVisible) { 10092 const invisibleClassString = this.$el.getAttribute('data-class-invisible') 10093 if (invisibleClassString) { 10094 const invisibleClassArray = this.$el.getAttribute('data-class-invisible').split(' ') 10095 invisibleClassArray.forEach((cssClass) => { 10096 this.$el.classList.remove(cssClass) 10097 }) 10098 } 10099 classes.push(this.$el.getAttribute('data-class-visible')) 10100 } else { 10101 classes.push(this.$el.getAttribute('data-class-invisible')) 10102 } 10103 return classes.join(' ') 10104 } 10105 } 10106 } 10107 window.addEventListener('alpine:init', () => Alpine.data('ScrollToTop', ScrollToTop), {once: true}) 10108 </script>
10108 10109
10109<script> 10110 function CustomerAccountLinks() { 10111 return { 10112 isOpen: false, 10113 actionOpen() { 10114 this.isOpen = true 10115 }, 10116 actionClose() { 10117 this.isOpen = false 10118 }, 10119 classButtonCustomerAccountLinks() { 10120 const classes = [] 10121 10122 if (this.isOpen) { 10123 classes.push(this.$el.getAttribute('data-class-open')) 10124 } 10125 10126 return classes.join(' ') 10127 }, 10128 isAriaExpanded() { 10129 return this.isOpen 10130 }, 10131 isShowPopover() { 10132 return this.isOpen 10133 }, 10134 dispatchOpenCustomerAccount() { 10135 this.$dispatch('customer-account-open') 10136 } 10137 } 10138 } 10139 10140 window.addEventListener('alpine:init', () => Alpine.data('CustomerAccountLinks', CustomerAccountLinks), {once: true}) 10141</script>
10141 10142<div x-data="BodyLock()" 10143 x-bind="eventListeners" 10144 x-on:show-navigation.window="enableBodyLock()" 10145 x-on:close-navigation.window="disableBodyLock()" 10146></div> 10147 <div class="add-to-cart" x-data="AddToCart()" x-bind="eventListeners"></div>
10147<script> 10148 function AddToCart() { 10149 const defaultQty = 1; 10150 10151 return { 10152 cartId: '', 10153 qty: defaultQty, 10154 isBusy: false, 10155 sku: null, 10156 currentVariantSku: null, 10157 selectedOptions: null, 10158 addToCartQuery: `mutation addProductToCart($cartId: String!, $cartItems: [CartItemInput!]!) { 10159 addProductsToCart(cartId: $cartId, cartItems: $cartItems) { 10160 cart { 10161 items { 10162 prices { 10163 price_incl_tax { 10164 value 10165 } 10166 } 10167 ... on ConfigurableCartItem { 10168 child_sku 10169 childProduct { 10170 id 10171 name 10172 sku 10173 availability 10174 item_delivery_days 10175 } 10176 configurable_options { 10177 configurable_product_option_uid 10178 configurable_product_option_value_uid 10179 option_label 10180 value_label 10181 value_id 10182 } 10183 } 10184 product { 10185 id 10186 name 10187 sku 10188 attributeValueLabels(fields: ["manufacturer"]) 10189 small_image { 10190 url 10191 } 10192 availability 10193 item_delivery_days 10194 } 10195 quantity 10196 } 10197 } 10198 user_errors { 10199 message 10200 code 10201 } 10202 } 10203} 10204`, 10205 setCartIdByCustomerData(customerData) { 10206 if (customerData && customerData.cart && customerData.cart.cartId) { 10207 this.cartId = customerData.cart.cartId 10208 this.isBusy = false 10209 } 10210 }, 10211 getSelectedValuesAsBase64() { 10212 const selectedOptions = [] 10213 if (this.selectedOptions) { 10214 for (const attributeId in this.selectedOptions) { 10215 if (this.selectedOptions.hasOwnProperty(attributeId) && Number(attributeId)) { 10216 selectedOptions.push('"' + btoa('configurable/' + attributeId + '/' + this.selectedOptions[attributeId]) + '"') 10217 } 10218 } 10219 } 10220 return selectedOptions 10221 }, 10222 getCurrentItemDataStructure() { 10223 return [{ 10224 sku: this.sku, 10225 quantity: parseFloat(this.qty), 10226 selected_options: this.getSelectedValuesAsBase64() 10227 }] 10228 }, 10229 addToCart() { 10230 if (!this.isBusy) { 10231 10232 this.isBusy = true 10233 10234 const queryString = window.location.search; 10235 const urlParams = new URLSearchParams(queryString); 10236 const pv2Parameter = urlParams.has('pv2') ? '?pv2='+urlParams.get('pv2') : ''; 10237 10238 fetch('https://shop.schoener-wohnen.de/graphql'+pv2Parameter, { 10239 method: 'POST', 10240 headers: { 10241 'Content-Type': 'application/json', 10242 'X-Requested-With': 'XMLHttpRequest', 10243 'Store': 'sws_de_de', 10244 credentials: 'include' 10245 }, 10246 body: JSON.stringify({ 10247 query: this.addToCartQuery, 10248 variables: { 10249 "cartId": this.cartId, 10250 "cartItems": this.getCurrentItemDataStructure() 10251 } 10252 }) 10253 } 10254 ).then((response) => { 10255 return response.json() 10256 } 10257 ).then((data) => { 10258 if (data && data.data && data.data.addProductsToCart && data.data.addProductsToCart?.user_errors && data.data.addProductsToCart?.user_errors.length || data.errors) { 10259 this.initErrorMessages(data.data?.addProductsToCart?.user_errors || data.errors) 10260 this.isBusy = false 10261 window.dispatchEvent(new CustomEvent("is-add-to-cart-error", {detail: {sku: this.sku}})) 10262 return false 10263 } 10264 10265 const cartItems = data && data.data && data.data.addProductsToCart && data.data.addProductsToCart.cart && data.data.addProductsToCart.cart.items || [] 10266 10267 let cartItem = cartItems.find(item => item.product && item.product.sku && parseInt(item.product.sku) === parseInt(this.currentVariantSku)) || {} 10268 if (!cartItem.product) { 10269 cartItem = cartItems.find(item => item.child_sku && parseInt(item.child_sku) === parseInt(this.currentVariantSku)) || {} 10270 } 10271 if (cartItem.product) { 10272 this.initAddToCartConfirmationPopup(cartItem) 10273 } 10274 10275 this.isBusy = false 10276 10277 window.dispatchEvent( 10278 new CustomEvent( 10279 "is-add-to-cart-success", 10280 { 10281 detail: 10282 { 10283 sku: this.sku, 10284 currentVariantSku: this.currentVariantSku, 10285 cartItems: cartItems 10286 } 10287 } 10288 ) 10289 ); 10290 }).catch(error => { 10291 console.error(error) 10292 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 10293 [{ 10294 type: "error", 10295 text: "Es\u0020ist\u0020ein\u0020Fehler\u0020aufgetreten.\u0020Bitte\u0020versuchen\u0020Sie\u0020es\u0020erneut." 10296 }], 10000 10297 ) 10298 }).finally(() => { 10299 this.reloadCustomerData() 10300 }) 10301 } 10302 }, 10303 initAddToCartConfirmationPopup(cartItem) { 10304 window.dispatchEvent(new CustomEvent("add-to-cart-confirmation-popup-call", { 10305 detail: { 10306 cartItem: cartItem, 10307 smallImage: this.smallImage 10308 } 10309 })) 10310 10311 }, 10312 clearErrorMessages() { 10313 window.dispatchEvent(new CustomEvent('clear-messages')) 10314 }, 10315 initErrorMessages(errors) { 10316 let messages = [] 10317 for (const error in Object.keys(errors)) { 10318 messages.push({type: 'error', text: errors[error].message}) 10319 } 10320 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(messages) 10321 }, 10322 reloadCustomerData() { 10323 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data") 10324 window.dispatchEvent(reloadCustomerDataEvent) 10325 }, 10326 eventListeners: { 10327 ['x-on:private-content-loaded.window'](event) { 10328 this.setCartIdByCustomerData(event.detail.data) 10329 }, 10330 ['x-on:addtocart.window'](event) { 10331 this.sku = event.detail.sku; 10332 this.currentVariantSku = event.detail.currentVariantSku || event.detail.sku; 10333 this.selectedOptions = event.detail.selectedOptions || []; 10334 this.smallImage = event.detail.smallImage || null; 10335 this.qty = event.detail.qty || defaultQty; 10336 10337 if (this.sku) { 10338 this.addToCart() 10339 } 10340 }, 10341 } 10342 } 10343 }</script>
10343 <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"> 10344 <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"/> 10345</svg> 10346</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"> 10347 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 10348</svg> 10349</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>
10349<script> 10350 function AddToCartConfirmationPopup() { 10351 return { 10352 cartItem: null, 10353 show: false, 10354 autoCloseTimeoutId: null, 10355 smallImage: null, 10356 closePopup() { 10357 this.show = false 10358 }, 10359 getPrice() { 10360 const price = this.cartItem.prices && this.cartItem.prices.price_incl_tax && this.cartItem.prices.price_incl_tax.value || null 10361 return hyva.formatPrice(price) || '' 10362 }, 10363 getThumbnail() { 10364 const image = this.smallImage || this.cartItem.product.small_image.url 10365 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' 10366 }, 10367 clearAutoCloseTimeout() { 10368 if (this.autoCloseTimeoutId) { 10369 clearTimeout(this.autoCloseTimeoutId) 10370 } 10371 }, 10372 initAutoCloseTimeout() { 10373 this.clearAutoCloseTimeout() 10374 10375 this.autoCloseTimeoutId = setTimeout(() => this.closePopup(), 5000) 10376 }, 10377 eventListeners: { 10378 ['x-on:add-to-cart-confirmation-popup-call.window'](event) { 10379 this.cartItem = event.detail.cartItem; 10380 this.smallImage = event.detail.smallImage 10381 this.show = true; 10382 this.initAutoCloseTimeout() 10383 }, 10384 } 10385 } 10386 }</script>
10386
10386<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":306,"priceValidUntil":"2031-09-24","itemCondition":"https:\/\/schema.org\/NewCondition","availability":"https:\/\/schema.org\/InStock","availabilityStarts":"2026-09-24"},"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>
10386
10386<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 10386
10386
10387<script> 10388 'use strict'; 10389 (function () { 10390 10391 const useGraphQL = false; 10392 10393 function getCurrentProductDataForRecentlyViewedList() { 10394 // Match GraphQL response structure 10395 return { 10396 id: 17572, 10397 name: 'About\u0020a\u0020Chair\u0020AAC\u002022', 10398 small_image: { 10399 label: 'HAY\u0020\u002D\u0020About\u0020a\u0020Chair\u0020AAC\u002022\u0020\u002D\u00204', 10400 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' 10401 }, 10402 url_key: 'hay\u002Dabout\u002Da\u002Dchair\u002Daac\u002D22', 10403 url_suffix: '.html', 10404 visibility: 4, 10405 status: 1, 10406 price_range: { 10407 minimum_price: { 10408 regular_price: { 10409 value: 339, 10410 currency: 'EUR' 10411 }, 10412 final_price: { 10413 value: 271, 10414 currency: 'EUR' 10415 }, 10416 base_price: { 10417 value: 227.73109143697, 10418 currency: 'EUR' 10419 } 10420 } 10421 } 10422 } 10423 } 10424 10425 function writeRecentlyViewedToStorage(data) { 10426 hyva.getBrowserStorage().setItem('recently_viewed_products', JSON.stringify(data)); 10427 } 10428 10429 function readRecentlyViewedFromStorage () { 10430 const data = hyva.getBrowserStorage().getItem('recently_viewed_products'); 10431 return data ? JSON.parse(data).filter(product => { 10432 return useGraphQL || product.id; 10433 }) : []; 10434 } 10435 10436 function removeExpiredProductsInLocalStorage() { 10437 const updatedLocalStorageData = []; 10438 readRecentlyViewedFromStorage().forEach(productData => { 10439 if (productData.expiry > Date.now()) { 10440 updatedLocalStorageData.push(productData); 10441 } 10442 }); 10443 writeRecentlyViewedToStorage(updatedLocalStorageData); 10444 } 10445 10446 function addCurrentProductToRecentlyViewed() { 10447 const currentProduct = createRecordForCurrentProduct(); 10448 10449 if (currentProduct.sku !== '') { 10450 const recentlyViewedSkusArray = readRecentlyViewedFromStorage() 10451 .filter(product => product.sku !== currentProduct.sku); 10452 recentlyViewedSkusArray.unshift(currentProduct); 10453 writeRecentlyViewedToStorage(recentlyViewedSkusArray); 10454 } 10455 } 10456 10457 function createRecordForCurrentProduct() { 10458 const currentProduct = { 10459 sku: '90318001', 10460 expiry: Date.now() + 1000 * 1000 10461 }; 10462 return useGraphQL 10463 ? currentProduct 10464 : Object.assign(currentProduct, getCurrentProductDataForRecentlyViewedList()); 10465 } 10466 10467 removeExpiredProductsInLocalStorage(); 10468 addCurrentProductToRecentlyViewed() 10469 })() 10470</script>
10470<div x-data="EnergyLabelLightBox()" 10471 x-bind="eventListeners" 10472 x-show="lightbox.isVisible" 10473 class="energy-label-lightbox" 10474 x-cloak> 10475 <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"> 10476 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/> 10477</svg> 10478</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"> 10479 <div class="flex justify-center"> 10480 <img :src="variantEnergyLabelBadge.full_label_image_url" 10481 loading="lazy" 10482 alt="About a Chair AAC 22" /> 10483 </div> 10484</template></div> <div class="mb-12 lg:mb-16"></div></div></div></div></div> 10485
10486<script> 10487 function EnergyLabelLightBox() { 10488 return { 10489 ...AlpineLightbox(), 10490 variantEnergyLabelBadge: null, 10491 eventListeners: { 10492 ['x-on:show-lightbox-energylabel.window'](event) { 10493 this.variantEnergyLabelBadge = event.detail; 10494 this.showLightbox(); 10495 }, 10496 ['x-on:hide-lightbox.window'](event) { 10497 this.hideLightbox(); 10498 window.dispatchEvent(new CustomEvent('disable-bodylock')); 10499 } 10500 } 10501 } 10502 } 10503</script>
10503
10503<script> 10504 window.ContactLinkClickHandler = function (event) { 10505 event.preventDefault() 10506 10507 function isChatAllowed() { 10508 const storage = hyva.getBrowserStorage() || {}; 10509 try { 10510 const consent = JSON.parse(storage['cookiefirst-consent'] || '{}'); 10511 return consent && consent['functional'] === true; 10512 } catch { 10513 return false; 10514 } 10515 } 10516 10517 if (window.amazd && typeof window.amazd.open === 'function' && isChatAllowed()) { 10518 window.amazd.open(); 10519 } else { 10520 window.location.assign('/service/kontakt/'); 10521 } 10522 } 10523 </script>
vendor: 1 bytes, line 10523
10523
10524<script> 10525 function ProductReviews(pageSize) { 10526 return { 10527 items: [], 10528 isLoading: null, 10529 totalPages: null, 10530 currentPage: 1, 10531 init() { 10532 if (!pageSize || this.isLoading) { 10533 return 10534 } 10535 10536 this.initLoadReviews(pageSize); 10537 }, 10538 initLoadReviews() { 10539 this.loadProductReviewsData() 10540 }, 10541 loadProductReviewsData() { 10542 if (this.isLoading) { 10543 return 10544 } 10545 10546 this.isLoading = true; 10547 this.items = []; 10548 10549 const graphQlVariables = { 10550 currentPage: this.currentPage, 10551 pageSize: pageSize, 10552 sku: '90318001' 10553 } 10554 10555 fetch(`${BASE_URL}graphql`, { 10556 method: 'POST', 10557 headers: { 10558 'Content-Type': 'application/json', 10559 'Store': 'sws_de_de' 10560 }, 10561 credentials: 'include', 10562 body: JSON.stringify({ 10563 query: ` 10564 query ProductReviewList( 10565 $sku:String, 10566 $pageSize:Int, 10567 $currentPage:Int 10568 ) { 10569 products( 10570 filter:{ 10571 sku:{eq:$sku}} 10572 ){ 10573 items { 10574 name 10575 ... on ConfigurableProduct { 10576 initial_child { 10577 sku 10578 } 10579 } 10580 hover_image { 10581 url 10582 isEmpty 10583 } 10584 reviews ( 10585 pageSize: $pageSize, 10586 currentPage: $currentPage 10587 ) { 10588 items { 10589 trusted_shops_review_id 10590 created_at 10591 ratings_breakdown { 10592 name 10593 value 10594 } 10595 nickname 10596 text 10597 } 10598 page_info { 10599 page_size 10600 current_page 10601 total_pages 10602 } 10603 } 10604 } 10605 } 10606 }`, 10607 variables: graphQlVariables 10608 }) 10609 }) 10610 .then(response => response.json()) 10611 .then(data => { 10612 if (data.data && data.data.products && data.data.products.items && data.data.products.items[0]){ 10613 this.items.push(...data.data.products.items[0].reviews.items); 10614 this.totalPages = data.data.products.items[0].reviews['page_info']['total_pages']; 10615 } 10616 }) 10617 .finally(() => { 10618 this.isLoading = false 10619 }) 10620 }, 10621 getFormattedDate(timestamp) { 10622 10623 let date = timestamp.split(" ")[0]; 10624 10625 const year = date.slice(0, 4);
10626 const month = date.slice(5, 7); 10627 const day = date.slice(8, 10); 10628 date = `${day}.${month}.${year}`; 10629 10630 return date; 10631 }, 10632 getNextPage() { 10633 if (this.currentPage < this.totalPages) { 10634 this.currentPage += 1; 10635 this.loadProductReviewsData(); 10636 } 10637 }, 10638 getPreviousPage() { 10639 if (this.currentPage > 0) { 10640 this.currentPage -= 1; 10641 this.loadProductReviewsData(); 10642 } 10643 }, 10644 isFirstPage() { 10645 return this.currentPage === 1; 10646 }, 10647 isLastPage() { 10648 return this.currentPage === this.totalPages; 10649 }, 10650 isNextPageAvailable() { 10651 return !this.isLastPage() && ( 10652 this.totalPages >= (this.currentPage + 1) 10653 ); 10654 }, 10655 hasNoReviews() { 10656 return this.items && this.items.length === 0 && !this.isLoading 10657 }, 10658 } 10659 } 10660</script>
10660<script> 10661 function ConfigurableChildMilesAmount(config) { 10662 const {childrenMiles, defaultMiles} = config; 10663 10664 return { 10665 milesValue: defaultMiles, 10666 10667 updateMilesValue(childId) { 10668 if (!childId) { 10669 this.milesValue = defaultMiles; 10670 return; 10671 } 10672 10673 this.milesValue = childrenMiles[childId] || ''; 10674 }, 10675 10676 eventListeners: { 10677 ['x-on:update-variant-id.window'](event) { 10678 this.updateMilesValue(event.detail); 10679 } 10680 } 10681 } 10682 }</script>
10682
10682<script type="text/json" id="default-section-data"> 10683 {"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"}
10683,"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"}
10683,"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"}
10683,"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":1790279263},"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>
10683<script> 10684 function initConfigurableOptions(productId, optionConfig) { 10685 function findPathParam(key) { 10686 // get all path pairs after BASE_URL/front_name/action_path/action 10687 const baseUrl = (BASE_URL.substr(0, 2) === '//' ? 'http:' : '') + BASE_URL; 10688 const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); 10689 const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); 10690 for (let i = 0; i < pathParts.length; i += 2) { 10691 if (pathParts[i] === key && pathParts.length > i) { 10692 return pathParts[i + 1]; 10693 } 10694 } 10695 } 10696 10697 return { 10698 optionConfig, 10699 productId, 10700 itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), 10701 allowedAttributeOptions: [], 10702 selectedValues: {}, 10703 attributesSorted: null, 10704 failingAttributeId: null, 10705 initialVariantId: 217595, 10706 productIndex: null, 10707 initSelectedValues() { 10708 const variantIdFromUrl = new URLSearchParams(location.search).get('vid') 10709 if (variantIdFromUrl && this.optionConfig.index[variantIdFromUrl]) { 10710 this.setProductIndex(variantIdFromUrl) 10711 } else { 10712 if (this.initialVariantId && this.optionConfig.index[this.initialVariantId]) { 10713 this.setProductIndex(this.initialVariantId) 10714 } else { 10715 this.setProductIndex(Object.keys(this.optionConfig.index)[0]) 10716 } 10717 } 10718 this.setSelectedValuesByProductIndex() 10719 10720 this.setVariantIds() 10721 this.setDeliveryTimes() 10722 this.initBadgeData() 10723 this.initImmediatelyAvailableVariantsProductSliderData() 10724 }, 10725 getAttributeIdsSorted() { 10726 return this.optionConfig.attribute_sequence 10727 }, 10728 setProductIndex(index) { 10729 this.productIndex = index 10730 10731 this.$nextTick(() => this.runUpdates()) 10732 }, 10733 setCurrentSelection() { 10734 let currentAttributesSelectionPath = this.optionConfig.attribute_selections 10735 const attributeIdsSorted = this.getAttributeIdsSorted() 10736 10737 for (const index in attributeIdsSorted) { 10738 const attributeId = attributeIdsSorted[index] 10739 10740 if (this.selectedValues[attributeId] && currentAttributesSelectionPath && currentAttributesSelectionPath[attributeId]) { 10741 this.allowedAttributeOptions[attributeId] = currentAttributesSelectionPath[attributeId] ? Object.keys(currentAttributesSelectionPath[attributeId]) : [] 10742 if (this.allowedAttributeOptions[attributeId].some(item => item === this.selectedValues[attributeId])) { 10743 currentAttributesSelectionPath = currentAttributesSelectionPath[attributeId][this.selectedValues[attributeId]] 10744 } 10745 else { 10746 let newValue = null 10747 for (const item of this.optionConfig.attributes[attributeId].options) { 10748 if (Object.keys(currentAttributesSelectionPath[attributeId]).some(allowedOptionId => allowedOptionId === item.id)) { 10749 newValue = item.id 10750 break 10751 } 10752 } 10753 this.selectedValues[attributeId] = newValue 10754 currentAttributesSelectionPath = currentAttributesSelectionPath[attributeId][this.selectedValues[attributeId]] 10755 } 10756 } else { 10757 currentAttributesSelectionPath = currentAttributesSelectionPath[attributeId][Object.keys(currentAttributesSelectionPath[attributeId])[0]] 10758 this.allowedAttributeOptions[attributeId] = currentAttributesSelectionPath[attributeId] ? Object.keys(currentAttributesSelectionPath[attributeId]) : [] 10759 } 10760 } 10761 10762 this.setProductIndex(currentAttributesSelectionPath || this.productIndex || this.initialVariantId) 10763 }, 10764 getAllowedAttributeOptions(attributeId) { 10765 return this.optionConfig.attributes[attributeId]['options'] || [] 10766 }, 10767 setSelectedValuesByProductIndex() { 10768 if (this.productIndex && this.optionConfig.index[this.productIndex]) { 10769 for (const key in this.optionConfig.index[this.productIndex]) { 10770 this.selectedValues[key] = this.optionConfig.index[this.productIndex][key]; 10771 } 10772 this.setCurrentSelection() 10773 } 10774 }, 10775 changeOption(optionId, value) { 10776 if (this.selectedValues[optionId] !== value) { 10777 this.selectedValues[optionId] = value; 10778 this.setCurrentSelection(); 10779 } 10780 }, 10781 runUpdates() {
10782 this.updateVariantId() 10783 this.updatePrices() 10784 this.updateGallery() 10785 this.updateEnergyLabelBadge() 10786 this.updatePrepaymentPrice() 10787 this.updateFreeShipping() 10788 this.updateVariantSku() 10789 this.updateCurrentSelection() 10790 this.updateGalleryNote() 10791 this.updateDescription() 10792 this.updateBulletpoints() 10793 this.updateName() 10794 this.updateManufacturer() 10795 this.updateMaterialDescription() 10796 this.updateSizeDescription() 10797 this.updateDeliveryScope() 10798 this.updateEanManufacturer() 10799 this.updateLightAttributes() 10800 this.updateUsp() 10801 this.updateModel() 10802 this.updateAttachments() 10803 }, 10804 initBadgeData() { 10805 const $this = this 10806 let productItems = [] 10807 10808 Object.keys(this.optionConfig.index).forEach(variantId => { 10809 const productItem = { 10810 id: variantId, 10811 price_information: $this.optionConfig.additional[variantId].price_information, 10812 is_new_product: $this.optionConfig.additional[variantId].is_new_product, 10813 product_banner_type_promotion: $this.optionConfig.additional[variantId]['product_banner_type_promotion'], 10814 product_banner_type_pos: $this.optionConfig.additional[variantId]['product_banner_type_pos'], 10815 product_banner_type_selected: $this.optionConfig.additional[variantId]['product_banner_type_selected'], 10816 product_banner_type_editorial: $this.optionConfig.additional[variantId]['product_banner_type_editorial'], 10817 product_banner_type_marketing: $this.optionConfig.additional[variantId]['product_banner_type_marketing'], 10818 product_banner_type_sustainability: $this.optionConfig.additional[variantId]['product_banner_type_sustainability'], 10819 product_banner_type_exclusive: $this.optionConfig.additional[variantId]['product_banner_type_exclusive'], 10820 } 10821 productItems.push(productItem); 10822 }) 10823 10824 window.dispatchEvent( 10825 new CustomEvent( 10826 "init-badge-data", 10827 {detail: productItems} 10828 ) 10829 ) 10830 }, 10831 setVariantIds() { 10832 window.dispatchEvent( 10833 new CustomEvent( 10834 "set-variant-ids", 10835 {detail: Object.keys(this.optionConfig.index)} 10836 ) 10837 ); 10838 }, 10839 setDeliveryTimes() { 10840 window.dispatchEvent( 10841 new CustomEvent( 10842 "set-delivery-times", 10843 {detail: Object.values(this.optionConfig.deliveryTimes)} 10844 ) 10845 ); 10846 }, 10847 isOptionAvailable(attributeId, optionId) { 10848 return Object.values(this.allowedAttributeOptions[attributeId]).some(allowedOptionId => allowedOptionId === optionId) 10849 }, 10850 onGetCartData(data) { 10851 this.preselectCartItems(data); 10852 }, 10853 preselectCartItems(data) { 10854 // pre-select options based on cart data for current (quote) itemId 10855 const cart = data && data.cart; 10856 if (cart && cart.items) { 10857 const cartItem = cart.items.find((item) => { 10858 return ( 10859 item.item_id === this.itemId 10860 && item.product_id === this.productId 10861 ) 10862 }); 10863 if (cartItem && cartItem.options && cartItem.options.length) { 10864 cartItem.options.map(option => { 10865 this.changeOption(option.option_id, option.option_value); 10866 }) 10867 this.runUpdates() 10868 } 10869 } 10870 }, 10871 getSelectedLabel(attributeId) { 10872 return this.optionConfig.optionLabels[this.selectedValues[attributeId]] || '' 10873 }, 10874 updateAttachments() { 10875 window.dispatchEvent( 10876 new CustomEvent( 10877 "update-attachments", 10878 { 10879 detail: this.getVariantData('attachments') 10880 } 10881 ) 10882 ); 10883 }, 10884 updateEnergyLabelBadge() { 10885 window.dispatchEvent( 10886 new CustomEvent( 10887 "update-energylabelbadge", 10888 {detail: this.getVariantData('energy_label_badge')} 10889 ) 10890 ); 10891 }, 10892 updatePrepaymentPrice() { 10893 window.dispatchEvent( 10894 new CustomEvent( 10895 "update-prepayment-price", 10896 { 10897 detail: this.getVariantData('prepayment_price') 10898 } 10899 ) 10900 ); 10901 }, 10902 updateFreeShipping() { 10903 window.dispatchEvent( 10904 new CustomEvent( 10905 "update-freeshipping", 10906 { 10907 detail: this.getVariantData('free_shipping') 10908 } 10909 ) 10910 ); 10911 }, 10912 updateCurrentSelection() { 10913 window.dispatchEvent( 10914 new CustomEvent( 10915 "update-currentSelection-" + this.productId, 10916 { 10917 detail: this.selectedValues 10918 } 10919 ) 10920 ); 10921 }, 10922 updateDescription() { 10923 window.dispatchEvent( 10924 new CustomEvent( 10925 "update-description", 10926 { 10927 detail: this.getVariantData('description') 10928 } 10929 ) 10930 ); 10931 }, 10932 updateBulletpoints() { 10933 window.dispatchEvent( 10934 new CustomEvent( 10935 "update-bullet-points", 10936 { 10937 detail: this.getVariantData('bulletpoints') 10938 } 10939 ) 10940 ); 10941 }, 10942 updateName() { 10943 window.dispatchEvent( 10944 new CustomEvent( 10945 "update-name", 10946 { 10947 detail: this.getVariantData('name') 10948 } 10949 ) 10950 ); 10951 }, 10952 updateManufacturer() { 10953 window.dispatchEvent( 10954 new CustomEvent( 10955 "update-manufacturer", 10956 { 10957 detail: this.getVariantData('manufacturer') 10958 } 10959 ) 10960 ); 10961 }, 10962 updateMaterialDescription() { 10963 window.dispatchEvent( 10964 new CustomEvent( 10965 "update-material-description", 10966 { 10967 detail: this.getVariantData('material_description') 10968 } 10969 ) 10970 ); 10971 }, 10972 updateSizeDescription() { 10973 window.dispatchEvent( 10974 new CustomEvent( 10975 "update-size-description", 10976 { 10977 detail: this.getVariantData('size_description') 10978 } 10979 ) 10980 ); 10981 }, 10982 updateDeliveryScope() { 10983 window.dispatchEvent( 10984 new CustomEvent( 10985 "update-delivery-scope", 10986 { 10987 detail: this.getVariantData('delivery_scope') 10988 } 10989 ) 10990 ); 10991 }, 10992 updateEanManufacturer() { 10993 window.dispatchEvent( 10994 new CustomEvent( 10995 "update-ean-manufacturer", 10996 { 10997 detail: this.getVariantData('ean_manufacturer') 10998 10999 } 11000 ) 11001 ); 11002 }, 11003 updateLightAttributes() { 11004 window.dispatchEvent( 11005 new CustomEvent( 11006 "update-light-attributes", 11007 { 11008 detail: this.getVariantData('light_attributes') 11009 } 11010 ) 11011 ); 11012 }, 11013 updateModel() { 11014 window.dispatchEvent( 11015 new CustomEvent( 11016 "update-model", 11017 { 11018 detail: this.getVariantData('model') 11019 } 11020 ) 11021 ); 11022 }, 11023 updateGalleryNote() { 11024 window.dispatchEvent( 11025 new CustomEvent( 11026 "update-gallerynote", 11027 { 11028 detail: this.getVariantData('image_note') 11029 } 11030 ) 11031 ); 11032 },
11033 updateVariantId() { 11034 window.dispatchEvent( 11035 new CustomEvent( 11036 "update-variant-id", 11037 {detail: this.productIndex} 11038 ) 11039 ); 11040 }, 11041 updateVariantSku() { 11042 window.dispatchEvent( 11043 new CustomEvent( 11044 "update-variant-sku", 11045 {detail: this.optionConfig.additional[this.productIndex].sku || null} 11046 ) 11047 ); 11048 }, 11049 updateUsp() { 11050 window.dispatchEvent( 11051 new CustomEvent( 11052 "update-variant-usp", 11053 {detail: this.optionConfig.additional[this.productIndex].shipping_usp || null} 11054 ) 11055 ); 11056 }, 11057 getVariantData(attributeCode) { 11058 return this.productIndex && this.optionConfig.additional && this.optionConfig.additional[this.productIndex] && this.optionConfig.additional[this.productIndex][attributeCode] || null; 11059 }, 11060 updatePrices() { 11061 const value = this.productIndex ? this.optionConfig.optionPrices[this.productIndex] : []; 11062 window.dispatchEvent( 11063 new CustomEvent( 11064 "update-prices-" + this.productId, 11065 { 11066 detail: value 11067 } 11068 ) 11069 ); 11070 }, 11071 updateGallery() { 11072 const value = this.productIndex ? 11073 this.optionConfig.images[this.productIndex] : 11074 Object.values(this.optionConfig.images)[0] 11075 11076 value && window.dispatchEvent( 11077 new CustomEvent( 11078 "update-gallery", 11079 {detail: value} 11080 ) 11081 ); 11082 }, 11083 initImmediatelyAvailableVariantsProductSliderData() { 11084 const $this = this 11085 const immediatelyAvailableProductIds = Object.values($this.optionConfig.deliveryTimes).filter(item => item.instantly_available === true) 11086 11087 const productItems = []; 11088 immediatelyAvailableProductIds.forEach(item => { 11089 11090 const id = parseInt(item.id) 11091 const productItem = { 11092 sku: $this.optionConfig.additional[id].sku, 11093 id: id, 11094 originalName: 'About\u0020a\u0020Chair\u0020AAC\u002022', 11095 name: 'About\u0020a\u0020Chair\u0020AAC\u002022', 11096 small_image: { 11097 label: 'About\u0020a\u0020Chair\u0020AAC\u002022', 11098 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` 11099 }, 11100 url_key: '', 11101 url_suffix: '', 11102 price_range: { 11103 minimum_price: { 11104 regular_price: { 11105 value: $this.optionConfig.optionPrices[id].oldPrice.amount, 11106 }, 11107 final_price: { 11108 value: $this.optionConfig.optionPrices[id].finalPrice.amount, 11109 } 11110 } 11111 }, 11112 special_price: $this.optionConfig.optionPrices[id].finalPrice.amount < $this.optionConfig.optionPrices[id].oldPrice.amount ? $this.optionConfig.optionPrices[id].finalPrice.amount : null, 11113 attributeValueLabels: '{}', 11114 manufacturer: 'HAY', 11115 options: {} 11116 } 11117
11118 this.getAttributeIdsSorted().forEach((attributeId, index) => { 11119 const attributeOptions = $this.optionConfig.attributes[attributeId].options; 11120 const variantAttributeComposition = $this.optionConfig.index[id]; 11121 const attributeOption = attributeOptions.find(option => option.id === variantAttributeComposition[attributeId]); 11122 const attributeValueLabel = attributeOption.label; 11123 11124 productItem.options[index] = { 11125 label: this.optionConfig.attributes[attributeId].label, 11126 value: attributeValueLabel || '' 11127 } 11128 }) 11129 11130 productItems.push(productItem); 11131 }) 11132 11133 $this.$nextTick(() => { 11134 window.dispatchEvent(new CustomEvent("product-slider-immediately-available-variants", {detail: productItems})); 11135 }) 11136 }, 11137 eventListeners: { 11138 ['x-on:private-content-loaded.window'](event) { 11139 this.onGetCartData(event.detail.data) 11140 }, 11141 ['x-on:change-option.window'](event) { 11142 const productId = event.detail; 11143 const productIdExists = this.optionConfig.index[productId] || null 11144 11145 if (productIdExists) { 11146 this.productIndex = productId 11147 this.setSelectedValuesByProductIndex() 11148 } 11149 } 11150 } 11151 } 11152 } 11153 11154</script>
11154</div></body> 11155</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.